html, body, ul, ol, li, h1, h2, h3, h4, h5, p, form, fieldset, input, blockquote, textarea, img { margin:0; padding:0; border:0; }
html { background:url(img/page-bg.jpg) repeat-x; }
body { background:url(img/body-bg.jpg) no-repeat center -1px; font-family:Arial, Helvetica, sans-serif; }
h1 { font-size:23px; font-weight:bold; color:#94B500; text-align:left; }
#nav li,
#footer { behavior: url(../js/iepngfix.htc); }
#top { behavior: url(../js/iepngfix.htc); }
.rfl { float:right; }
.lfl { float:left; }
#wrapper { background:url(img/page-bottom.gif) repeat-x bottom; z-index:-5; }
#content { width:910px; margin:0 auto; }
#header h5,
#header h1 { text-align:right; padding-right:194px; font-family:Arial, Helvetica, sans-serif; }
#header h5 { font-family:Verdana, Arial, Helvetica, sans-serif; padding-top:7px; }
#top { position:absolute; width:910px; height:90px; top: 0px; }
#nav { list-style: none; text-align:right; clear: left; display: block; float: left; margin: 80px 0 0 55px; }
li#home { background:url(img/nav-home.png); }
li#work { background:url(img/nav-work.png); }
li#firm { background:url(img/nav-firm.png); }
li#contact { background:url(img/nav-contact.png); }
#nav li { display: block; float: left; height: 38px; width: 128px; margin-right:4px; background-position:bottom; }
#nav li a { display:block; height:20px; text-align:center; padding-top:18px; text-decoration:none; color:#576F7F; font-weight:bold; font-size:12px; }
#nav li a:hover { text-decoration:underline; color:#475861; }
.home-page #nav li#home { background:url(img/nav-home-on.png) no-repeat; }
.work-page #nav li#work { background:url(img/nav-work-on.png) no-repeat center bottom; }
.our-firm #nav li#firm { background:url(img/nav-firm-on.png) no-repeat center bottom; }
.contact-page #nav li#contact { background:url(img/nav-contact-on.png) no-repeat center bottom; }
#flash { width:605px; height:248px; background:url(img/flash.png); float:left; text-align:center; }
#testimonials { width:304px; height:248px; background:url(img/testimonials.png) no-repeat; float:left; }
#main {
clear:left;
background:url(img/section-bg.png) no-repeat;
padding: 50px 20px 40px 20px;
float: left;
text-align: justify;
}
#main a { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #919195; text-decoration: none; padding-left: 20px; }
#main a:hover { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #919195; text-decoration: underline; padding-left: 20px; }
#main .study-info { width: 910px; height: 350px; background: url(img/cstudy-bg.png) no-repeat; padding: 0; }
#main .study-info p { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #FFFFFF; }
#main p { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #919195; line-height: 16px; }
#main h1 { font-size: 18px; font-weight: normal; color: #f9a11d; font-family: Georgia, "Times New Roman", Times, serif; padding-bottom: 4px; }
#main h2 { color: #919195; font-weight: normal; font-size: 14px; padding-bottom: 5px;}
#main h3 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #f9a11d; font-weight: normal; }
#main h4 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px; color: #f9a11d; font-weight: normal; padding-bottom: 4px; }
#main li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-left: 30px; margin-top: 10px; color: #919195; }
#main #bullet-wrapper { float: left; padding: 0 40px; }
#main #bullet-wrapper #bullets { float: right; width: 430px; }
#quote-btn {
display: block;
background: url(img/quote-btn.png) no-repeat;
height: 27px;
font: 12px Georgia, Times, serif;
color: #fff;
font-weight: bold;
text-decoration: none;
clear: both;
outline: none;
padding-top: 12px;
padding-right: 0;
padding-bottom: 0;
padding-left: 478px;
}
#quote-btn em { font-size: 14px; font-style: normal; font-weight: bold; color: #000; }
#bottom { background: #fff; padding: 14px; z-index: 999; }
.work-main #section h2,
.default-page #section h2,
.our-firm #section h2,
.contact-page #section h2,
#bottom h1 { font:18px Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 2px 0 6px 6px; position:relative; }
#featured li, #news li { list-style: none; margin: 0 0 7px; width: 85%; }
#featured a, #news a { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #919195; text-decoration: none; display:block; padding: 6px; background: #fff; }
#featured a span, #news a span { display: block; color: #A0CBED; }
#featured a:hover,#news a:hover { background:#F3F3F3; }
#featured a:hover span, #news a:hover span { text-decoration:underline; }
#news { width:200px; float:left; background: #fff; }
#about { width:355px; float:left; font: 11px Verdana, Arial, sans-serif; color: #E6E6E6; padding-right: 20px; background: #fff; text-align: justify; }
#about a { color: #E6E6E6; text-decoration: none; }
#about p a { color: #919195; text-decoration: none; }
#about a:hover { text-decoration: underline;color: #BABCBE; }
#about p a:hover { text-decoration: underline; color: #919195; }
.work-main #section p,
.default-page #section p,
.our-firm #section p,
.contact-page #section p,
#about p { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #919195; line-height: 18px; margin: 4px 0 15px; }
#about a.highlight { color: #919195; }
#featured { width:306px; float:left; background: #fff; }
#featured li { width: 100%; clear: left; display: block; height: 55px; position: relative; margin: 0; }
#featured img { float: left; border: 1px solid #959595; margin: -6px 10px 0 -6px; }
#featured a { height: 42px; padding-bottom: 0px; }
.clear { clear:both; height:1px; line-height:1px; }
#quote { background: url(img/quote-bg.png) repeat-x; height: 234px; font: 11px Arial, Helvetica, sans-serif; color: #000; }
#testimonials-content { padding:16px 0 0 25px; color:#919195; width:200px; overflow:hidden; font: 11px Arial, Helvetica, sans-serif; }
#testimonials-content blockquote { font:bold italic 13px Georgia, "Times New Roman", Times, serif; color:#F9A01E; line-height:23px; margin-bottom:11px; }
#testimonials-content h1 { font:normal 16px Georgia, "Times New Roman", Times, serif; padding-left:0; margin:0 0 10px; text-align:left; }
#login-link { display: block; height: 75px; width: 75px; float: right; }
ul.services { background:url(img/services-bg.png) repeat-x; display:block; height:90px; width:28%; padding:6px 0px 4px 40px; margin-right:8px; float: left; }
ul.services li { list-style:none; background:url(img/bullet-disc.png) no-repeat left center; padding-left: 12px; height: 16px; display: block; line-height: 15px; }
ul.services a { font:11px Verdana, Arial, Helvetica, sans-serif; color:#919195; text-decoration:none; }
ul.services a:hover { text-decoration:underline; }
ul.servicesr { background:url(img/services-bg.png) repeat-x; display:block; height:90px; width:28%; padding:6px 4px 4px 40px; margin-right:0px; float: left; }
ul.servicesr li { list-style:none; background:url(img/bullet-disc.png) no-repeat left center; padding-left: 12px; height: 16px; display: block; line-height: 15px; }
ul.servicesr a { font:11px Verdana, Arial, Helvetica, sans-serif; color:#919195; text-decoration:none; }
ul.servicesr a:hover { text-decoration:underline; }
#quote-form { padding: 12px 8px 0; }
#quote-form fieldset.form-column { width: 46%; display: block; padding: 0 5px 5px; color: #fff; }
#quote-form label { float: left; width: 112px; clear: left; line-height: 20px; font: 12px Arial, sans-serif; font-weight: bold; color: #fff; text-align: right; padding-right: 5px; }
#quote-form input { height: 18px; padding: 1px 2px 1px 1px; margin-bottom: 3px; width: 250px; border: 1px solid #999B9E; }
#quote-form p { margin-bottom: 10px; display: block; color: #000; width: 380px; padding-left: 20px; }
#quote-form #phone1 { width: 42px; }
#quote-form #phone2 { width: 128px; margin-left: 3px; margin-right: 3px; }
#quote-form #phone3 { width: 55px; margin-left: 3px; }
#quote-form textarea { font: 11px Arial, Helvetica, sans-serif; overflow: auto; border: 1px solid #999B9E; width: 250px; padding: 1px 2px 1px 1px; }
#quote-send { clear:left; display:block; margin:8px 0 0 117px; height: 43px; width: 100px; background: url(img/getquote-btn-bg.png) no-repeat; font-weight: bold; text-decoration: none; color: #43596A; text-align: center; padding-top: 3px; }
.work-cat {
float:left;
height: 142px;
width: 293px;
padding: 5px;
margin: 20px 0 3px 0;
text-decoration: none;
outline: none;
}
a.work-cat:hover{ text-decoration:underline; color:#fff; font-weight:bold; }
.design-link,
.work-cat h2 { font: bold 16px Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #fff; text-align: center; }
#print { background: url(img/green.png) no-repeat center; }
#web { background: url(img/orange.png) no-repeat center; }
#brand { background: url(img/blue.png) no-repeat center; }
a.design-link {
display: block;
float: left;
height: 37px;
width: 301px;
margin: 20px 2px 0px 0;
background:url(img/design-link-off.png);
padding-top: 3px;
text-decoration: none;
}
a.design-link:hover,
a.design-link.on { background:url(img/design-link-on.png); }
a.design-link:hover { cursor:pointer; }
#brandd { margin-right: 0px; }
#section h1 { font-size: 18px; font-weight: normal; color: #f9a11d; padding: 0px 20px 4px 20px; font-family: Georgia, "Times New Roman", Times, serif; }
#section h2 { font-size: 14px; font-weight: normal; color: #919195; padding: 0 0 5px 20px; }
#section h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #F9A11D;
font-weight: normal;
}
#featured h1,
#about h1 { padding-left: 0px; }
#section {
clear: left;
margin-bottom: 20px;
background: url(img/section-bg.png) no-repeat;
padding-top: 25px;
}
#section ul {
display: block;
position: relative;
float: left;
width: 415px;
margin: 20px;
}
#section a { color: #919195; text-decoration: none; }
#section a:hover { color: #919195; text-decoration: underline; }
#section li {
width: 400px;
list-style: none;
display: block;
padding: 15px 15px 0 0;
border-color: #BABCBE;
border-style: solid;
border-width: 1px;
background: url(img/grad-bg.jpg) no-repeat;
margin: 0 0 15px 0;
}
#section li h3 {
font-size: 14px;
font-weight: normal;
text-align: right;
margin-bottom: 2px;
color: #343435;
margin-top: 5px;
padding-top: 15px;
}
#section a.sectionLink {
display:block;
float:right;
height:159px;
width:201px;
text-align:center;
margin-left:15px;
}
#section p { padding-left: 20px; color: #919195; line-height: 17px; font-size: 12px; text-align: justify; }
#section p em { color: #f9a11d; line-height: 17px; font-size: 14px; font-style: normal; font-weight: bold; }
#section li p { text-align: right; font-size:11px; }
#section li em { font-weight: bold; color: #b3d135; font-style: normal; font-size:11px; }
#section li img {
border-color: #BABCBE;
border-style: solid;
border-width: 1px;
}
#section li p img {
margin-left: 5px;
margin-top: 6px;
}
#section li .proj-info {
width: 400px;
clear: both;
margin-top: 2px;
padding: 15px 0 0 15px;
}
#section li .proj-info p {
text-align: left;
padding-left: 0px;
line-height: 14px;
padding-right: 8px;
}
#section li .proj-info em { color: #b3d135; }
#section li .proj-info h3 { text-align: left; margin-bottom: 10px; }
#section li .proj-info h5 {
text-decoration: none;
padding: 45px 0 25px 47px;
}
div.proj-info a { margin:8px 9px 8px 0; float: left; }
.work-main #section ul h2,
.default-page #section ul h2,
.our-firm #section ul h2,
.contact-page #section ul h2{ padding-bottom: 5px; padding-left: 6px; }
.work-main #section li,
.our-firm #section li,
.contact-page #section li { border-style: none; padding: 0 0 16px; width: 185px; height: auto; color: #333; font-size: 11px; background: none; }
.default-page #section li { border-style: none; padding: 0 0 16px; height: auto; color: #333; font-size: 11px; width: 270px; background: none; }
.work-main #section ul,
.our-firm #section ul,
.contact-page #section ul { width:200px; }
.default-page #section {
background-color: #FFFFFF;
}
.default-page #section ul {
width:292px;
margin: 0px;
}
.work-main #section ul p,
.default-page #section ul p,
.our-firm #section ul p,
.contact-page #section ul p { text-align: left; line-height: 14px; }
.work-main #section h2,
.default-page #section h2,
.our-firm #section h2,
.contact-page #section h2 { color: #F9A11D; }
.contact-page #map {
width: 300px;
float:right;
margin-left:20px;
margin-bottom: 20px;
}
.default-page #section,
.our-firm #section,
.contact-page #section {
padding: 50px 20px 20px 14px;
}
.work-main #section {
padding: 25px 20px 20px 14px;
}
#our-info img { margin-left: 6px; }
p.emph { margin-bottom: 12px; }
.work-main ul#our-info p { padding-left: 6px; }
.contact-page ul#our-info p { padding-left: 6px; }
.default-page ul#sitemap-list p { padding-left: 6px; }
.our-firm ul#our-info p { padding-left: 6px; }
ul#contact-info li p { padding-left: 6px; }
#news a { width: 170px; }
#footer { background: url(img/footer-bg.png) no-repeat; height: 115px; clear: both; color: #fff; font-size: 11px; padding: 18px 0 0 21px; }
#footer li { padding:0; float:left; list-style:none; background-repeat:no-repeat; }
#footer a { background-repeat:no-repeat; height:0; display:block; float:left; overflow:hidden; padding-top:11px; }
* html #footer a:link, * html #footer a:visited {height:11px; he\ight:0;}
#footer a:hover { background-position:left -11px; }
#sitemap a { background-image: url(img/sitemap.png); width:46px; }
#privacy a { background-image: url(img/privacy.png); width:82px; }
#contact-us a { background-image: url(img/contact.png); width:63px; }
#quote-sub input { height: 46px; width: 100px; margin: 10px 0px 0px 117px; border: 0px; }
.message { font-style: italic; font-weight: bold; color: #CCCCCC; font-family: Georgia, "Times New Roman", Times, serif; line-height: 16px; }
.home-page #main p { font: 11px Verdana, Arial, Helvetica, sans-serif; color: #919195; line-height: 18px; margin: 4px 0 15px; }
#section #contact-info {
margin: 0px;
}
#section #our-info {
margin: 0px;
}
#section #our-info ul {
margin: 0px;
}
#section #work-tmb img {
margin: 0 17px 25px 5px;
}
#work-tmb {
border: solid #BABCBE 1px;
margin: 20px 20px 0 20px;
padding-top: 25px;
}
#work-tmb a:hover {
border-bottom: solid #F9A11D 4px;
border-top: solid #F9A11D 4px;
}
.home-page #section h2
{ font:18px Georgia, "Times New Roman", Times, serif; font-weight: normal; padding: 2px 0 6px 6px; position:relative; }
.home-page #section p
{ font: 11px Verdana, Arial, Helvetica, sans-serif; color: #919195; line-height: 18px; margin: 4px 0 15px; }
.home-page #section ul h2{ padding-bottom: 5px; padding-left: 6px; }
.home-page #section li { border-style: none; padding: 0 0 16px; width: 185px; height: auto; color: #333; font-size: 11px; background: none; }
.home-page #section ul { width:200px; }
.home-page #section ul p { text-align: left; line-height: 14px; }
.home-page #section h2 { color: #F9A11D; }
.home-page #map {
width: 300px;
float:right;
height:290px;
background:url(img/map.jpg) no-repeat;
margin-left:20px;
}
.home-page #section {
padding: 25px 20px 20px 14px;
}
.work-main #nav li#work {
background:url(img/nav-work-on.png) no-repeat center bottom;
}
#section #map p {
padding-left: 6px;
}
.our-firm #map {
width: 300px;
float:right;
margin-left:20px;
margin-bottom: 20px;
}
.our-firm ul#our-info p {
padding-left: 6px;
}
.our-firm #section #map ul {
padding: 6px;
margin: 0px;
}
.our-firm #section #map li {
font: 12px Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
float: none;
background-color: #F9A11D;
padding: 20px;
font-weight: bold;
width: 250px;
}