@charset "utf-8";
/* CSS Document */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;margin:0;padding:0;}:focus{outline:0;}body{line-height:1;color:#000;background:#FFF;}ol,ul{list-style:none;}table{border-collapse:separate;border-spacing:0;}caption,th,td{text-align:left;font-weight:400;}blockquote:before,blockquote:after,q:before,q:after{content:"";}blockquote,q{quotes:"" "";}

/* Site-Wide */
html, body { height: 95% }
body { background: #fff; border-top: 5px solid #f54049; font: 13px/17px Georgia, "Times New Roman", Times, serif}
.container_16 { padding-bottom: 50px }
.right { float: right !important }
a { color: #f54049; text-decoration: none }
a:hover { background: #f54049; color: #fff; padding-bottom: 1px }
h2, h3, h4, p { }
h1 { font-size: 42px; line-height: 46px; letter-spacing: -2px }
h2 { font-size: 28px; letter-spacing: -1px;}
h1 span, h2 span { color: #f54049; }
h2.big { font-size: 32px; margin-bottom: 30px;  }
h3 { font-size: 14px; margin-bottom: 8pt }
h3.newSection { margin-top: 16pt }
div.clear.newSection { border-bottom: 1px solid #ddd; visibility: visible; width: auto; padding-bottom: 40px; margin-bottom: 50px }
div.titleClear { clear: both; margin-bottom: 110px; float: left; width: 100% }
p, ul {  margin-bottom: 8pt; }
strong { font-weight: bold }
em { font-style: italic }
blockquote { font: 700 16px/18px Arial, Helvetica, sans-serif; letter-spacing: -.5px; color: #000; margin: 8px 0 15px; padding-left: 25px; border-left: 1px solid #ddd }
span.error { border: 1px solid #ff777e; color: #f54049; text-indent: 5px; padding: 2px 0; display: block; float: left; margin-bottom: 10px; width: 278px; }
/* span.drop {
background:none repeat scroll 0 0 #F54049;
color:#FFFFFF;
display:block;
float:left;
font:900 62px/28px "Arial Black",Arial,Helvetica,sans-serif;
height:30px;
margin:5px 8px 0 0;
overflow:visible;
padding:5px 25px 28px 5px;
width:25px; } */
span.caption { line-height: 12px; margin: 3px 0 8pt; font-size: 11px; font-style: italic }
p.intro { font: 700 14px/19px Arial, Helvetica, sans-serif; padding-bottom: 15px; border-bottom: 1px solid #ddd; margin-bottom: 15px }
/* Header */
div#header { padding-bottom: 50px; margin: 50px 0 60px; border-bottom: 1px solid #ddd; width: 100%  }
div#header a { color: #000 }
div#header a:hover { color: #f54049; border: 0; background: none}
div#header h1 { float: left; font-size: 14.5px; letter-spacing: -1px; line-height: 14.5px}
div#header h1 a { font-size: 160%; letter-spacing: -2px; display: block; background-color: #f54049; color: #fff; padding: 3px 8px 5px 6px; margin-top: -50px}
div#header h1 a:hover { border-top: 5px solid #fff; margin-top: -55px }
div#header h1 em { display: none }
div#header ul { float: right; letter-spacing: -1px; font-size: 14px; margin-right: -15px; margin-top: -37px; }
div#header ul li {  margin-right: 15px; margin-bottom: 2px}
div#header ul li.current a { color: #f54049; }

/* Footer */
div#footer { margin-top: 50px; border-top: 1px solid #efefef; padding-top: 15px; width: 100%; float: left }
div#footer em { float: right }
/* Articles */

body#articles div.bottomSection { height: 80px }
body#articles.list h2 { margin-bottom: 10px }
body#articles.list h3 a { color: #000 }
body#articles.list h3 a:hover { background: none; color: #f54049 !important }
body#articles.list div#articlesList { margin-bottom: -26px; }
body#articles.list div#articlesList .clear.newSection { padding-bottom: 15px; margin-bottom: 25px }
body#articles.list div#articlesList span.date { float: right }
body#articles.list h3.newSection { margin-top: 10px }
body#articles.list fieldset { position: relative }
body#articles.list fieldset label { display: none }
body#articles.list input#search, body#articles.list input#searchBig  { width: 190px; border: 1px solid #ddd; margin: 2px 0 10px; padding: 5px 24px 5px 2px; font: 11px/16px Arial, Helvetica, sans-serif; color: #333 }
body#articles.list input#searchBig { width: 550px; }
body#articles.list button#submit { background: url(../images/search.gif) 2px 4px no-repeat; width: 20px; height: 20px; position: absolute; top:5px; right: 6px; border: 0; text-indent: -9000px; font-size: 0; cursor: pointer; z-index: 99;}
body#articles.list button#submit:hover { background-position: 2px -15px }
body#articles ul.nav_categories li, body#articles ul.nav_categories { display: inline }
body#articles.list ul.glance li.rss { text-indent: 18px; background: url(../images/rss.gif) 0px 7px no-repeat }
body#articles.list .clear.newSection { padding-bottom: 0px; margin-bottom: 70px}
div#articlesList h3 { font-size: 18px; }
/* Comments */
div#comments { margin-bottom: 30px }
div#comments h2 { font-size:22px }
div#comments form { float: left; margin-top: 20px; margin-bottom: 60px  }
div.comment { border-bottom: 1px solid #ddd; float: left; padding-bottom: 30px; margin-bottom: 30px; }
div.commentAuthor img { float: left; margin-right: 7px; border: 1px solid #ddd; width: 30px; height: 30px }
.faded { color: #444 }

div#addComment p { float: left; font-size: 10px; line-height: 11px; margin: 5px 0 15px; }
div#addComment label { float: left }
div#addComment input { width: 214px; margin: 2px 0 10px; padding: 5px 2px; font: 11px/16px Arial, Helvetica, sans-serif; float: left; clear: left; }
div#addComment textarea { width: 334px; padding: 5px 2px; font: 11px/16px Arial, Helvetica, sans-serif; float: left; clear: left; }
div#addComment button#submit { float: left; clear: left; background-color: #f54049; color: #fff; border: 0; font: 11px/16px Arial, Helvetica, sans-serif; padding: 3px 5px; cursor: pointer}
div#addComment input.rememberMe { width: 15px; clear: none; margin: 4px 3px 0 5px}
div#addComment label.rememberMe { margin-top: 3px }
/* About */



/* Portfolio List */
ol.portfolio { width: 1000px} 
ol.portfolio li { height: 223px; float: left; width: 400px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin:0 20px 80px 0; background: top left no-repeat; position: relative}
ol.portfolio li a { display: block; width: 400px; height: 223px; }
ol.portfolio li:hover { border-color: #cdcdcd; }
ol.portfolio li a:hover { background: none }
ol.portfolio li a strong { display: block; width: 100%; position: absolute; bottom: -20px; color: #000; font-weight: 100; }
ol.portfolio li a strong em { color: #aaa }
ol.portfolio li a:hover strong {  color: #f54049;}
ol.portfolio li.art { background-image: url(../images/portfolio_thumb_studioart.jpg) }
ol.portfolio li.thad { background-image: url(../images/portfolio_thumb_thad.jpg) }
ol.portfolio li.local { background-image: url(../images/portfolio_thumb_local.jpg) }
ol.portfolio li.envirodentity { background-image: url(../images/portfolio_thumb_eid.jpg) }
ol.portfolio li.produce { background-image: url(../images/portfolio_thumb_produce.jpg) }
ol.portfolio li.needlepoint { background-image: url(../images/portfolio_thumb_needlepoint.jpg) }
ol.portfolio li.sllg { background-image: url(../images/portfolio_thumb_sllg.jpg) }
ol.portfolio li.skidmore { background-image: url(../images/portfolio_thumb_skidmore.jpg) }

/* Portfolio  Detail */
img.hero { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 50px 0 0 }
h3.nav {  font: 11px/16px Arial, Helvetica, sans-serif; margin-top: 15px;}
h3.nav:hover { border-color: #ccc  !important }
h3.nav a:hover { background: none !important; color: #000 !important; }
ul.glance { border-top: 1px solid #ddd;  display: block;  }
ul.glance li, ul.portfolioList li { border-bottom: 1px solid #ddd; padding: 5px 0 }
ul.glance li strong { font-size: 8px; display: block; float: left; margin-top: -1px; width: 50px; text-transform: uppercase }
div#portfolioList { border-top: 1px solid #ddd; margin-bottom: 80px }
ul.portfolioList { width: 620px }
ul.portfolioList li { float: left; width: 280px; margin-right: 20px }
ul.portfolioList li.right { float: right; margin-right: 0 }
ul.portfolioList li a { color: #000 }
ul.portfolioList li a:hover,  ul.portfolioList li.current a { background: none !important; color: #f54049; }


body#portfolio.art { border-top-color: #db2c3a }
body#portfolio.art a, body#portfolio.art h2 span  { color: #db2c3a }
body#portfolio.art a:hover { color: #fff; background-color: #db2c3a }
body#portfolio.art div#header h1 a { background-color: #db2c3a; color: #fff  }
body#portfolio.art div#header h1 a:hover { background: none; color:#db2c3a }
body#portfolio.art div#header ul a, body#portfolio.art ul.portfolioList li a{ color: #000 }
body#portfolio.art div#header ul a:hover, body#portfolio.art div#header ul li.current a { background: none; color: #db2c3a }
body#portfolio.art ul.portfolioList li a:hover, body#portfolio.art ul.portfolioList li.current a { color: #db2c3a; background: none }

/* Portfolio: Thad */
body#portfolio.thad { border-top-color: #e49829 }
body#portfolio.thad a, body#portfolio.thad h2 span  { color: #e49829 }
body#portfolio.thad a:hover { color: #fff; background-color: #e49829 }
body#portfolio.thad div#header h1 a { background-color: #e49829; color: #fff }
body#portfolio.thad div#header h1 a:hover { background: none; color:#e49829 }
body#portfolio.thad div#header ul a, body#portfolio.thad ul.portfolioList a  { color: #000 }
body#portfolio.thad div#header ul a:hover, body#portfolio.thad div#header ul li.current a { background: none; color: #e49829 }
body#portfolio.thad ul.portfolioList li a:hover, body#portfolio.thad ul.portfolioList li.current a { color: #e49829 }

/* Portfolio: Needlepoint */
body#portfolio.needlepoint { border-top-color: #db051f }
body#portfolio.needlepoint a, body#portfolio.needlepoint h2 span  { color: #db051f }
body#portfolio.needlepoint a:hover { color: #fff; background-color: #db051f }
body#portfolio.needlepoint div#header h1 a { background-color: #db051f; color: #fff  }
body#portfolio.needlepoint div#header h1 a:hover { background: none; color:#db051f }
body#portfolio.needlepoint div#header ul a, body#portfolio.needlepoint ul.portfolioList li a{ color: #000 }
body#portfolio.needlepoint div#header ul a:hover, body#portfolio.needlepoint div#header ul li.current a { background: none; color: #db051f }
body#portfolio.needlepoint ul.portfolioList li a:hover, body#portfolio.needlepoint ul.portfolioList li.current a { color: #db051f; background: none }

/* Portfolio: EID */
body#portfolio.envirodentity { border-top-color: #60ccff }
body#portfolio.envirodentity a, body#portfolio.envirodentity h2 span  { color: #60ccff }
body#portfolio.envirodentity a:hover { color: #fff; background-color: #60ccff }
body#portfolio.envirodentity div#header h1 a { background-color: #60ccff; color: #fff }
body#portfolio.envirodentity div#header h1 a:hover { background: none; color:#60ccff }
body#portfolio.envirodentity div#header ul a, body#portfolio.envirodentity ul.portfolioList li a{ color: #000 }
body#portfolio.envirodentity div#header ul a:hover, body#portfolio.envirodentity div#header ul li.current a { background: none; color: #60ccff }
body#portfolio.envirodentity ul.portfolioList li a:hover, body#portfolio.envirodentity ul.portfolioList li.current a { color: #60ccff; background: none }

/* Portfolio: Local */
body#portfolio.local { border-top-color: #c70600 }
body#portfolio.local a, body#portfolio.local h2 span  { color: #218fbd }
body#portfolio.local a:hover { color: #fff; background-color: #305f7b }
body#portfolio.local div#header h1 a { background-color: #c70600; color: #fff }
body#portfolio.local div#header h1 a:hover { background: none; color:#c70600 }
body#portfolio.local div#header ul a, body#portfolio.local ul.portfolioList li a { color: #000 }
body#portfolio.local div#header ul a:hover, body#portfolio.local div#header ul li.current a { background: none; color: #218fbd }
body#portfolio.local ul.portfolioList li a:hover, body#portfolio.local ul.portfolioList li.current a { color: #c70600; background: none }

/* Portfolio: HCandS */
body#portfolio.produce { border-top-color: #8fd563 }
body#portfolio.produce a, body#portfolio.produce h2 span  { color: #80c356 }
body#portfolio.produce a:hover { color: #fff; background-color: #8fd563 }
body#portfolio.produce div#header h1 a { background-color: #8fd563; color: #fff  }
body#portfolio.produce div#header h1 a:hover { background: none; color:#8fd563 }
body#portfolio.produce div#header ul a, body#portfolio.produce ul.portfolioList li a{ color: #000 }
body#portfolio.produce div#header ul a:hover, body#portfolio.produce div#header ul li.current a { background: none; color: #8fd563 }
body#portfolio.produce ul.portfolioList li a:hover, body#portfolio.produce ul.portfolioList li.current a { color: #8fd563; background: none}

/* Portfolio: SLLG */
body#portfolio.sllg { border-top-color: #43b348 }
body#portfolio.sllg a, body#portfolio.sllg h2 span  { color: #43b348 }
body#portfolio.sllg a:hover { color: #fff; background-color: #43b348 }
body#portfolio.sllg div#header h1 a { background-color: #43b348; color: #fff  }
body#portfolio.sllg div#header h1 a:hover { background: none; color:#43b348 }
body#portfolio.sllg div#header ul a, body#portfolio.sllg ul.portfolioList li a{ color: #000 }
body#portfolio.sllg div#header ul a:hover, body#portfolio.sllg div#header ul li.current a { background: none; color: #43b348 }
body#portfolio.sllg ul.portfolioList li a:hover, body#portfolio.sllg ul.portfolioList li.current a { color: #43b348; background: none}

/* Portfolio: Skidmore */
body#portfolio.skidmore { border-top-color: #167a62 }
body#portfolio.skidmore a, body#portfolio.skidmore h2 span  { color: #167a62 }
body#portfolio.skidmore a:hover { color: #fff; background-color: #167a62 }
body#portfolio.skidmore div#header h1 a { background-color: #167a62; color: #fff  }
body#portfolio.skidmore div#header h1 a:hover { background: none; color:#167a62 }
body#portfolio.skidmore div#header ul a, body#portfolio.skidmore ul.portfolioList li a{ color: #000 }
body#portfolio.skidmore div#header ul a:hover, body#portfolio.skidmore div#header ul li.current a { background: none; color: #167a62 }
body#portfolio.skidmore ul.portfolioList li a:hover, body#portfolio.skidmore ul.portfolioList li.current a { color: #167a62; background: none}

/* Contact */
body#contact form input, body#contact form textarea { width: 270px; border: 1px solid #ddd; margin: 2px 0 10px; padding: 5px 2px; font: 11px/16px Arial, Helvetica, sans-serif; color: #333}
	body#contact form input:focus, body#contact form textarea:focus { border-color: #ccc }
body#contact form button { background-color: #f54049; color: #fff; border: 0; font: 11px/16px Arial, Helvetica, sans-serif; padding: 3px 5px; }
body#contact form button:hover { background-color: #000; cursor: pointer }
ul#contact li { background: url(../images/contact_icons.gif) no-repeat; }
ul#contact li a {  text-indent: 29px; display: block; color: #000 }
ul#contact li a:hover { background: none; border: none; padding: 0; color: #f54049 }
ul#contact li.email { background-position: 0px 7px; }
ul#contact li.skype { background-position: 0px -19px; }
ul#contact li.aim { background-position: 0px -46px; }
ul#contact li.facebook { background-position: 0px -70px; }
ul#contact li.linkedin{ background-position: 0px -100px; }
ul#contact li.twitter{background-position:0 -216px;}