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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
background: #fff url(/images/pageBg.png) no-repeat 50% 160px;
font-family: Arial, sans-serif;
color: #959595;
text-align: center;
font-size: 62.5%;
margin-left: -.1px; 
}

#headerWrap{
height: 160px;
width: 100%;
background: url(/images/header.gif) no-repeat center top;
}
#header{
width: 980px;
margin: 0 auto;
text-align: left;
}
#header h1 a{
position: relative;
top: 43px;
left: 41px;
float: left;
display: block;
width: 140px;
height: 67px;
text-indent: -999em;
}
#newsletterSignUp, #newsletterForm, #newsletterThankYou{
float:right;
width: 260px;
height: 110px;
text-indent: -999em;
background: url(/images/newsletterSignUp.gif) no-repeat center top;
}
#newsletterSignUp a{
display:block;
margin-top: 30px;
height: 80px;
}
#newsletterForm{
display:none;
height: 72px;
text-indent: 0;
padding: 38px 0 0 0; 
background-position: 0 -119px;
}
#newsletterFirstName{
float:right;
border: 0px;
width: 110px;
color: #999;
padding: 3px 2px 0 5px;
background: transparent;
margin: 0 3px 6px 0;
}
#newsletterLastName{
float:right;
border: 0px;
width: 110px;
color: #999;
padding: 3px 3px 0 7px;
background: transparent;
margin: 0 9px 6px 0;
}
#newsletterEmail{
float:right;
clear:both;
border: 0px;
width: 230px;
color: #999;
padding: 3px 5px 0 5px;
background: transparent;
margin: 0 9px 6px 0;
}
#newsletterSend{
float:right;
clear:both;
border: 0px;
color: #999;
padding: 3px 5px 0 5px;
background: transparent;
width: 70px;
height: 19px;
margin: -2px 3px 0 0;
}
#newsletterThankYou{
display:none;
height: 110px;
background-position: 0 -229px;
}
#nav{
list-style: none;
clear:both;
position: relative;
top: 21px; 
}
#nav li{
float:left;
}
#nav li a{
float:left;
padding: 6px 20px;
font-size: 1.4em;
text-transform: uppercase;
color: #fff;
text-decoration: none;
}
#nav li a:hover{
color: #ebff4d;
background: url(/images/navHoverBg.gif);
}
#nav .navActive a{
color: #ebff4d;
position: relative;
top: -1px;
font-weight: bold;
padding: 7px 20px;
background: url(/images/navActiveArrow.gif) no-repeat center top;
}
#nav .navActive a:hover{
background: url(/images/navActiveArrow.gif) no-repeat center top;
}
#rss{
display: block;
width: 85px;
height: 30px;
float: right;
margin-top: 20px;
text-indent: -999em;
background: url(/images/rss.gif);
}
#rss:hover{
background-position: 0 -30px;
}
#bodyWrap{
width: 980px;
text-align: left;
margin: 0 auto;
}
#message{
position: relative;
width: 980px;
height: 249px;
overflow: hidden;
}
#requestQuote{
display:block;
float:right;
position: relative;
margin-top: -59px;
right: -20px;
width: 225px;
height: 40px;
text-indent: -999em;
z-index: 99;
background: url(/images/requestQuoteBanner.png);
}
#contentWrap{
float: left;
width: 978px;
border: 1px solid #dcdcdc;
border-bottom: 0px;
background: #fff;
}
.homeCol{
width: 279px;
height: 250px;
float: left;
margin: 20px 0 0 0;
padding: 8px 20px 0 20px;
border-left: 1px solid #ccc;
}
.homeCol:first-child{
border: 0px;
padding-left: 30px;
}
.homeCol h2{
font-size: 2.89em;
color: #ec008c;
margin-bottom: 17px;
}
.homeCol p{
font-size: 1.4em;
line-height: 1.5;
}
.homeCol .readMore{
display:block;
width: 120px;
height: 30px;
text-indent: -999em;
float:right;
margin-top: 15px;
background: url(/images/learnMore.gif) 0 -30px;
}
.homeCol .readMore:hover{
background-position: 0 0;
}
#featuredBanner{
clear:both;
width: 978px;
height: 70px;
margin: 0 0 10px -20px;
text-indent: -999em;
background: url(/images/featuredWorkBanner.png) no-repeat left bottom;
}
.featuredBox, .featuredBoxFeatured{
width: 140px;
height: 225px;
overflow:hidden;
position: relative;
float:left;
margin: 0 0 20px 20px;
}
.featuredBox img, .featuredBoxFeatured img{
position: absolute;
}
.featuredBox span a, .featuredBoxFeatured span a{
display:block;
width: 124px;
position: absolute;
background: #ec008c;
padding: 8px;
font-size: 1.6em;
color: #fff;
text-decoration: none;
}
.featuredBox span a:hover, .featuredBoxFeatured span a:hover{
color: #ebff4d;
background: url(/images/featuredBgOver.gif);
}
#subContent{
clear:both;
float:left;
width: 100%;
border-top: 1px solid #dcdcdc;
padding: 22px 0;
background: #f0f0f0;
}
#subContent ul:first-child{
margin-left: 30px;
}
#subContent ul{
float:left;
width: 300px;
list-style: none;
margin-left: 20px;
}
#subContent ul .listHeader{
color: #80817f;
font-weight: bold;
font-size: 1.8em;
padding: 0 9px;
margin-bottom: 11px;
}
#subContent ul a{
display:block;
font-size: 1.2em;
color: #ec008c;
padding: 3px 9px;
margin-bottom: 1px;
text-decoration: none;
}
#subContent ul a:hover{
background: url(/images/bottomListOver.gif);
}
#footer{
clear:both;
float:left;
width: 939px;
color: #80817f;
text-align: right;
padding: 20px;
background: #3f4042;
}
.footerLeft{
float:right;
line-height: 1.4;
margin-top: -3px;
position: relative;
margin-right: 20px;
}
#footer ul{
position: absolute;
right: 0px;
text-align: right;
font-size: 1.4em;
list-style: none;
}
#footer li{
float:left;
color: #ebff4d;
}
#footer li a{
color: #ebff4d;
margin: 0 2px 0 5px;
text-decoration: none;
}
#footer li a:hover{
text-decoration: underline;
}
#footer p{
clear:both;
margin-top: 20px;
font-size: 1.4em;
}
#footer .smallText{
font-size: 1.2em;
margin: 0px;
}
#footerLogo{
display:block;
float:right;
width: 102px;
height: 50px;
background: url(/images/logoFooter.gif) no-repeat;
}

/* --------- INTERIOR STYLES ---------- */

#inner #message{
position: relative;
height: 120px;
}
#inner #message blockquote{
position: absolute;
z-index: 2;
top: 13px;
letter-spacing: -.03em;
color: #3f4042;
width: 533px;
right: 20px;
font-size: 1.55em;
}
#inner #message blockquote span{
font-weight: bold;
font-style: italic;
}
#inner #contentWrap{
border: 1px solid #dcdcdc;
border-top: 1px solid #80817f;
border-bottom: 0px;
}
#inner #content{
padding: 45px 100px;
font-size: 1.4em;
line-height: 1.5;
}
#content h2{
font-weight: bold;
font-size: 1.7em;
line-height: 1;
margin-bottom: 20px;
}
#content p{
margin-bottom: 25px;
}
#contentFooter{
width: 778px;
float:left;
padding: 21px 100px;
background: #f0f0f0;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
#contentFooter table{
font-size: 1.2em;
line-height: 1.5;
}
#contentFooter table h4{
font-size: 1.2em;
}
#contentFooter h2{
font-weight: bold;
font-size: 1.7em;
}
#contentFooter .col{
float:left;
position: relative;
width: 247px;
height: 194px;
margin-left: 18px;
}
#contentFooter .col:first-child{
margin: 0;
}
#contentFooter .col h3{
font-size: 1.8em;
font-weight: bold;
color: #80817f;
margin-bottom: 22px;
}
#contentFooter .col p{
font-size: 1.4em;
line-height: 1.4;
margin-bottom: 20px;
}
#contentFooter .col a{
font-size: 1.4em;
line-height: 1.4;
}
#contentFooter .col a{
color: #ec008c;
text-decoration: none;
padding: 6px 9px;
position: absolute;
bottom: 0px;
right: 0px;
}
#contentFooter .col a:hover{
background: url(/images/contentFooterLinkBg.gif);
}

/* --------- SERVICES PAGE STYLES ---------- */

#tabs{
margin: 0 0 0px 86px;
}
#tabs a{
float:left;
text-decoration: none;
font-size: 1.2em;
color: #a8a9a8;
padding: 10px 14px;
cursor: pointer;
text-transform: uppercase;
overflow: hidden;
}
#tabs a:hover{
color: #ec008c;
background: url(/images/linkBg.gif);
}
#tabs a.activeSlide{
color: #3f4042;
background: url(/images/serviceTabArrow.png) no-repeat center top;
}
#serviceSlide{
clear:both;
width: 782px;
height: 295px;
overflow: hidden;
}
#tabs a.activeSlide:hover{
color: #ec008c;
background: url(/images/linkBg.gif);
}
#serviceSlide div{
position: relative;
width: 782px;
height: 295px;
overflow: hidden;
}
#serviceSlide div h3{
font-size: 1.4em;
margin-bottom: 20px;
}
#serviceSlide div a{
clear:both;
position: absolute;
right: 260px;
bottom: 0px;
padding: 5px 10px 5px 0px;
color: #ec008c;
text-decoration: none;
}
#serviceSlide div a:hover{
background: url(/images/linkBg.gif);
}
#serviceSlide div span{
padding: 5px 20px 5px 10px;
background: url(/images/linkArrow.png) no-repeat right 5px;
}
#contentFooter .fourCol{
float:left;
width: 194px;
margin-left: 15px;
}
#contentFooter .fourCol h5{
font-size: 1.4em;
font-weight: bold;
color: #80817f;
margin-bottom: 4px;
}
#contentFooter .fourCol ul{
margin: 0px 0 20px 12px;
font-size: 1.2em;
}
#contentFooter .fourCol li{
margin-bottom: 4px;
}
#contentFooter h4{
float:left;
width: 100px;
font-size: 2.4em;
font-weight: bold;
color: #80817f;
line-height: 1;
margin: 0 51px 0 0;
}


/* --------- WORK PAGE STYLES ---------- */

#work{
margin-left: -22px;
}
.featuredBoxFeatured{
width: 460px;
}
#work .featuredBox span a{
font-size: 1.1em;
line-height: 1;
}
#work .featuredBoxFeatured span a{
font-size: 1.2em;
width: 460px;
padding-bottom: 20px;
}
#work .featuredBoxFeatured span.featured{
position: absolute;
top: 30px;
font-size: .8em;
color: #fff;
text-transform: uppercase;
padding: 0 8px 8px 8px;
}
#pagination{
clear:both;
}
#prevPage, #nextPage{
display:block;
width: 130px;
height: 36px;
float:left;
text-indent: -999em;
margin-left: 15px;
margin-bottom: 37px;
background: url(/images/prevPage.gif) no-repeat;
}
#prevPage.inactive{
background-position: 0 -36px;
cursor: default;
}
#pageNumbers{
float:left;
text-align: center;
width: 484px;
margin-left: 3px;
padding: 7px 30px 0 30px;
}
#pageNumbers a{
text-decoration: none;
font-weight: bold;
padding: 5px;
color: #ebebeb;
}
#pageNumbers a:hover{
color: #ec008c;
}
#pageNumbers a.pageActive{
color: #80817f;
}
#nextPage{
width: 103px;
float:right;
margin-left: 0px;
background: url(/images/nextPage.gif) no-repeat;
}
#nextPage.inactive{
background-position: 0 -36px;
cursor: default;
}
#searchForm{
position: relative;
top: -30px;
float:right;
margin-right: 100px;
width: 221px;
background: url(/images/searchBg.gif);
}
#searchForm label{
display:none;
}
#searchForm input{
border: 0px;
background: transparent;
height: 23px;
font-size: 1.2em;
width: 170px;
color: #ec008c;
text-transform: uppercase;
padding: 6px 10px 0 10px;
}
#searchForm #go{
position: absolute;
display: block;
background: url(/images/magGlass.png) no-repeat center;
width: 30px;
height: 25px;
text-indent: -999em;
cursor: pointer;
right: 0;
top: 0px;
}


/* --------- SEARCH RESULTS STYLES ---------- */

.searchTitle{
font-weight: normal !important;
color: #4c4d4f;
margin-bottom: 40px !important;
}

/* --------- WORK DETAIL STYLES ---------- */

#workDetailShowContain{
position: relative;
}

#prevProject, #nextProject{
display: block;
position: absolute;
float: left;
width: 42px;
height: 71px;
top: 166px;
text-indent: -999em;
background: url(/images/projectArrows.gif) no-repeat 0px -71px;
}
#prevProject{
left: -70px;
}
#prevProject:hover{
background-position: -43px -71px;
}
#nextProject{
width: 36px;
right: -70px;
background-position: 0px 0px;
}
#nextProject:hover{
background-position: -36px 0px;
}

#workDetailShow{
width: 781px;
height: 391px;
overflow: hidden;
}
#workDetailShow div{
position: relative;
}
#workDetailShow div .itemTitle{
position: absolute;
right: 0;
background: #fff;
padding: 7px 15px;
}
#workDetailNav{
position: relative;
z-index: 40;
float:right;
top: -30px;
}
#workDetailNav a{
background: #fff;
text-decoration: none;
font-size: .8em;
padding: 4px 7px;
color: #80817f;
font-weight: bold;
margin: 0 10px 0 0;
}
#workDetailNav a:hover{
background: #ebff4d;
}
#workDetailNav a.activeSlide{
color: #fff;
background: url(/images/featuredBgOver.gif)
}
#workDescription{
float:left;
width: 515px;
margin: 25px 13px 25px 0;
}
#workDetails{
width: 231px;
padding-left: 9px;
float:right;
}
#workDetails a{
display: block;
clear:both;
bottom: 0px;
margin-left: -9px;
padding: 0px 10px 0px 0px;
color: #ec008c;
text-decoration: none;
}
#workDetails a:hover{
background: url(/images/linkBg.gif);
}
#workDetails span{
display:block;
padding: 5px 20px 5px 10px;
background: url(/images/linkArrowSmall.png) no-repeat right 8px;
}

/* --------- MAP STYLES ---------- */

#contactLeft{
float:left;
width: 461px;
}
.mapLink{
padding-left: 8px !important;
margin-bottom: 20px;
font-size: .8em;
}
#contactForm label{
position: relative;
top: 28px;
left: 10px;
color: #ec008c;
z-index: 10;
cursor: pointer;
}
#contactForm input, #contactForm textarea{
width: 361px;
color: #666;
border: 0px;
padding: 10px 10px 10px 90px;
background: #f0f0f0;
}
#contactForm textarea{
font-family: arial, sans-serif;
font-size: .8em;
width: 441px;
height: 100px;
padding: 35px 10px 10px 10px;
}
#contactForm #contactSend{
display:block;
width: 66px;
height: 16px;
cursor: pointer;
float:right;
margin: 10px 0 30px;
text-indent: -999em;
background: url(/images/contactSend.gif) no-repeat;
}
#contactForm #contactSend:hover{
background-position: 0 -16px;
}
#emailSent{
padding: 10px;
font-weight: bold;
color: #fff;
background: #ec008c;
}

/* --------- MISC STYLES ---------- */

a{color:#ec008c;}
a:hover{text-decoration: none;}
.fLeft{float:left;}
.fRight{float:right;}
.imageLeft{margin: 0 23px 23px 0;}
.imageRight{margin: 0 0 23px 23px;}
.highlight{color: #ec008c;}
.noMargin{margin: 0px !important;}
strong{font-weight: bold;}
em{font-style: italic;}
.hr{
height: 1px;
background: #ebebeb;
margin: 15px 0;
}
textarea{overflow: auto;}
#contentFooter td h2{
line-height: 1;
}