/************************ Base Styles **************************/

html, body {    
   height: 100%;
   background-image:url(../images/bg_surface_01.jpg);
   background-position:0 0;
   background-repeat:repeat;
   margin:0 auto;
   padding:0;
}
h1 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:82px;
	font-weight:normal;
	line-height:40px;
	letter-spacing:-6px;
	padding:20px 0 0 0;
	margin:0;
}
h2 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:28px;
	font-weight:normal;
	line-height:42px;
	padding:10px 0 10px 0;
	margin:0;
}
h3 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	line-height:33px;
	padding:10px 0 10px 0;
	margin:0;
}
h4 {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	line-height:27px;
	color:#333333;
	padding:10px 0 10px 0;
	margin:0;
}
p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	color:#333333;
	padding:10px 0 10px 0;
	margin:0;
}
a {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	color:#333333;
	padding:10px 0 10px 0;
	margin:0;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
hr {
	color: none;
	border:none;
	border-bottom: 1px dashed #CFCF9F;
	height:1px;
	padding:0px;
	margin:10px 0px 10px 0px;			
}
ul {
	margin:0;
	padding:10px 0 10px 20px;
}
li {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	color:#333333;
	padding:0;
	margin:0;
}


/************************ Container Styles **************************/

#container {
	width:980px;
	min-height:100%;
	background-color:#FFFFFF;
	margin:0 auto;
	margin-bottom:-82px;
	position: relative;
	border-left:1px solid #DDE2E7;
	border-right:1px solid #DDE2E7;
}
#precontent {
	width:885px;
	background-image:url(../images/bg_precontent.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	border-top:1px solid #DDE2E7;
	padding:37px 37px 37px 58px;
}
#precontentExpertise {
	width:885px;
	background-image:url(../images/bg_precontent.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	border-top:1px solid #DDE2E7;
	padding:37px 37px 90px 58px;
}
#content {
	width:980px;
	padding:0px 0px 0px 0px;
}
#leftPanel {
	float:left;
	width:573px;
	padding:0px 24px 50px 40px;
}
#rightPanel {
	float:left;
	width:270px;
	padding:0px 10px 50px 25px;
}
#vSeperator {
	float:left;
	width:32px;
	background-image:url(../images/content_seperator.jpg);
	background-position:0 0;
	background-repeat:repeat-y;
	padding:0;
	margin:50px 0 0 0;
}
#quoteCont {
	float:left;
	background-image:url(../images/bg_shadow_quote.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0 2px 26px 0;
	margin:0;
}
#quote {
	float:left;
	background-image:url(../images/bg_quote.jpg);
	background-position:-15px bottom;
	background-repeat:repeat-x;
	border:1px solid #9A9A36;
	padding:10px 15px 10px 15px;
}
#boxCont {
	float:left;
	background-image:url(../images/bg_shadow_quote.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding:0 2px 26px 0;
	margin:0;
}
#box {
	float:left;
	background-image:url(../images/bg_quote.jpg);
	background-position:-15px bottom;
	background-repeat:repeat-x;
	border:1px solid #DDDDBC;
	padding:15px 20px 15px 20px;
}
#contactmap {
	position:relative;
	width:334px;
	left: 533px;
	height:410px;
	margin:0px;
	padding:0px;
	border:1px solid #9A9A36;
}
#contactmap iframe {
	position:absolute;
	top:0px;
	left:0px;
}


.clearfooter {
	width:980px;
	height:82px;
	clear:both;
}
#footer {
	width:980px;
	height:82px;
	margin:0 auto;
	position:relative;
	padding:0px 10px 0 10px;
}
#footerContent {
	width:920px;
	height:30px;
	background-color:#F8F9FA;
	background-image:url(../images/bg_footer.jpg);
	background-position:left -70px;
	background-repeat:repeat-x;
	border:1px solid #9A9A36;
	padding:20px 19px;
	margin:0px 0 10px 10px;
}
#portHolder {
	width:274px;
	padding-bottom:23px;
	margin-top:20px;
	background-image:url(../images/bg_shadow_portfolio.jpg);
	background-position:center bottom;
	background-repeat:no-repeat;
}
#portItem {
	display:block;
	height:317px;
	border:1px solid #F2F2F2;
}
#navDrop {
	display:none;
	position:absolute;
	background-image:url(../images/bg_dropdown.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	background-color:#ECF3FA;
	width:307px;
	top:120px;
	*margin-left/**/:/**/-190px;
	padding:10px;
	border:1px solid #DDE2E7;
	border-top:none;
	-moz-border-radius-bottomleft:15px;
	-moz-border-radius-bottomright:13px;
	-webkit-border-bottom-left-radius:13px;
	-webkit-border-bottom-right-radius:13px;
	z-index:999;
}
#subNav {
	position:absolute;
	width:980px;
	text-align:center;
	margin-top:-43px;
	padding-left:25px;
}
#expertiseLeft {
	float:left;
	width:400px;
	background-image:url(../images/bg_precontent.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	border-top:1px solid #DDE2E7;
	padding:72px 40px 50px 40px;
}
#expertiseRight {
	float:left;
	width:440px;
	background-image:url(../images/bg_precontent.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	border-top:1px solid #DDE2E7;
	padding:50px 60px 50px 0px;
}
#sliderHolder {
	background-image:url(../images/bg_shadow_slider.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:101px;
}
#sliderWork {
	background-image:url(../images/bg_shadow_work.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding:0 0 99px 0;
}
#workLeft {
	float:left;
	width:500px;
	padding:0px 45px 100px 45px;
}
#workRight {
	float:left;
	width:335px;
	padding:35px 55px 80px 0px;
}
#contact {
	float:left;
	width:864px;
	padding:0px 58px 50px 58px;
}


/************************ Custom Styles **************************/

.greygreen {
	color:#EBEBD7;
}
.darkgreygreen {
	color:#CFCF9F;
}
.olivegreen {
	color:#9A9A36;
}
.orange {
	color:#F16824;
}
.grey {
	color:#999999;
}
#box a, #box h3 {
	display:block;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:29px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
}
#box a:hover {
	text-decoration:none;
}
#box a p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	color:#333333;
	padding:0;
}
#box a.link {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	color:#333333;
	text-decoration:underline;
	padding:0;
}
#box a.link:hover {
	text-decoration:none;
}
.quoteLink {
	display:block;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:29px;
	font-weight:normal;
	text-align:left;
	text-decoration:none;
	background-image:url(../images/quote_img.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#CFCF9F;
	padding:5px 0 10px 95px;
}
.quoteLink:hover {
	color:#F16824;
}
.quoteLink p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:21px;
	color:#333333;
	padding:0;
	margin-top:35px;
}
.cmsLink {
	background-image:url(../images/img_cms.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:5px 0 5px 100px;
}
.cmsLink p {
	margin-top:20px;
	margin-left:2px;
}
.confLink {
	background-image:url(../images/img_conferencing.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:10px 0 0px 115px;
	margin:5px 0 0 0;
}
.confLink p {
	margin-top:0px;
	margin-left:2px;
}
.blogLink {
	background-image:url(../images/img_blogs.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:20px 0 30px 120px;
	margin-top:0px;
}
.blogLink p {
	margin-top:0px;
	margin-left:2px;
}
.designLink {
	background-image:url(../images/img_design.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:10px 0 0px 110px;
	margin-top:0px;
}
.designLink p {
	margin-top:0px;
	margin-left:2px;
}
.eComLink {
	background-image:url(../images/img_e-commerce.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:20px 0 10px 120px;
	margin-top:0px;
}
.eComLink p {
	margin-top:0px;
	margin-left:2px;
}
.carDealerLink {
	background-image:url(../images/img_car_dealer.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:20px 0 10px 120px;
	margin-top:0px;
}
.carDealerLink p {
	margin-top:0px;
	margin-left:2px;
}
.devLink {
	background-image:url(../images/img_e-commerce.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:0px 0 0px 120px;
	margin-top:0px;
}
.devLink p {
	margin-top:-5px;
	margin-left:2px;
}
.mailersLink {
	background-image:url(../images/img_mailers.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#F16824;
	padding:15px 0 10px 105px;
	margin-top:0px;
}
.mailersLink p {
	margin-top:0px;
	margin-left:2px;
}
.thanksLink {
	background-image:url(../images/img_thanks.png);
	background-position:0 0;
	background-repeat:no-repeat;
	color:#CFCF9F;
	padding:30px 0 0px 155px;
	margin-top:-5px;
}
.thanksLink p {
	margin-top:5px;
	margin-left:-63px;
}
.mainNavHolder {
	float:left;
	text-align:left;
}
.mainNav {
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#999999;
	text-decoration:none;
	text-align:left;
	padding:49px 30px 20px 30px;
	margin:0;
}
.mainNav:hover {
	color:#333333;
	text-decoration:none;
}
.mainNav:hover p {
	color:#F16824;
	text-decoration:none;
}
.mainNav p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#9A9A36;
	text-decoration:none;
	padding:0;
	margin:0 0 0 1px;
}
.mainNavCurrent {
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	text-align:left;
	padding:49px 30px 20px 30px;
	margin:0;
}
.mainNavCurrent:hover {
	text-decoration:none;
}
.mainNavCurrent p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#F16824;
	text-decoration:none;
	padding:0;
	margin:0 0 0 1px;
}
/* Style to keep main link active while hover over drop down nav */
#design:hover .mainNav {
	float:left;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:26px;
	font-weight:normal;
	color:#333333;
	text-decoration:none;
	text-align:left;
	padding:49px 30px 20px 30px;
	margin:0;
}
#design:hover .mainNav p {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:13px;
	font-weight:normal;
	color:#F16824;
	text-decoration:none;
	padding:0;
	margin:0 0 0 1px;
}
/* End of nav styling */
a.logo {
	display:block;
	width:197px;
	height:81px;
	background-image:url(../images/logo_surface.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:19px;
}
.bgNav {
	background-image:url(../images/bg_nav.jpg);
	background-position:0 bottom;
	background-repeat:repeat-x;
}
.smlLink {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	line-height:24px;
	color:#666666;
	text-decoration:none;
}
.smlLink:hover {
	color:#F16824;
	text-decoration:none;
}
.paddingTop {
	padding-top:10px;
}
#dropItem {
	display:block;
	padding:4px 20px 4px 20px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:16px;
	font-weight:lighter;
	text-align:left;
	color:#333333;
	text-decoration:none;
}
.dropItemHover {
	background-color:#CDCD9B;
	text-decoration:none;
}
#footerContent p {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:23px;
	font-weight:bold;
	color:#999999;
}
.footerTel {
	display:block;
	float:left;
	background-image:url(../images/footer_tel.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:6px 0 6px 33px;
	margin-right:25px;
}
.footerSkype {
	display:block;
	float:left;
	background-image:url(../images/footer_skype.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:6px 0 6px 39px;
	margin-right:25px;
}
.footerCell {
	display:block;
	float:left;
	background-image:url(../images/footer_cell.png);
	background-position:left top;
	background-repeat:no-repeat;
	padding:6px 0 6px 33px;
}
#rightPanel a {
	text-decoration:none;
}
#rightPanel a:hover h4 {
	text-decoration:none;
	color:#333333;
}
#subNav ul {
    margin:0;
    padding:0;
    list-style:none;
}
#subNav li {
    float:left;
    margin:0 2px;
}
#subNav li:hover {
	background-image:url(../images/expertise_tab_right.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}
#subNav a {
    display:block;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:19px;
	color:#999999;
	text-decoration:none;
	padding:8px 8px 15px 8px;
}
#subNav a:hover {
	background-image:url(../images/expertise_tab_left.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	color:#333333;
	padding:8px 8px 35px 8px;
	text-decoration:none;
}
#subNavCurrent {
    float:left;
	background-image:url(../images/expertise_tab_right.jpg);
	background-position:right top;
	background-repeat:no-repeat;
    margin:0 0px;
    padding:0 0 20px;
}
#subNavCurrent a {
    display:block;
	background-image:url(../images/expertise_tab_left.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:19px;
	color:#333333;
	text-decoration:none;
	padding:8px 8px 15px 8px;
}
#subNavCurrent a:hover {
	text-decoration:none;
}
#rightPanel p, #rightPanel h4, #leftPanel h3 {
	padding:0px;
}
.mailers img {
	position:absolute;
	left:0;
	margin-top:-30px;
}
#workLeft h2 .client {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:22px;
	color:#9A9A36;
}
#workRight h4 {
	padding-bottom:0;
}
#workRight p {
	padding-top:0;
}
#workRight a {
	border-bottom:1px dashed #F16824;
	text-decoration:none;
	padding:0;
}
#workRight a:hover {
	border-bottom:none;
	text-decoration:none;
	padding:0;
}
.contactInfo h4 {
	color:#F16824;
	padding:0;
	margin:0;
}
.contactInfo h4 span {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	color:#333333;
	padding:0;
	margin:0;
}
.contactInfo h4 a {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	color:#333333;
	padding:0;
	margin:0;
	text-decoration:none;
}
.contactInfo h4 a:hover {
	text-decoration:underline;
}
.quoteInfo {
	margin-top:35px;
}
.quoteInfo h4 {
	color:#9A9A36;
	padding:0;
	margin:0;
}
.quoteInfo h4 span {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	color:#333333;
	padding:0;
	margin:0;
}
.quoteInfo h4 a {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	color:#333333;
	padding:0;
	margin:0;
	text-decoration:none;
}
.quoteInfo h4 a:hover {
	text-decoration:underline;
}


/************************ Form Styles **************************/

/*.contactForm {
	margin-top:30px;
}*/
.contactForm span {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:12px;
	font-weight:normal;
	color:#333333;
	margin:0;
	padding:0;
}
.contactForm textarea {
	width:440px;
	height:200px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333333;
	padding:5px 5px;
	border:1px solid #DDE2E7;
	background-color:#EEF3F9;
}
.contactForm .text {
	width:200px;
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#333333;
	padding:5px 5px;
	border:1px solid #DDE2E7;
	background-color:#EEF3F9;
}
.contactForm .submit {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#F16824;
	margin:25px 0 0 0;
	border:1px solid #CDCD9B;
	background-color:#FBFCFC;
	padding:5px 5px;
}
.contactForm .submit:hover {
	color:#333333;
	border:1px solid #CDCD9B;
	background-color:#FBFCFC;
	cursor:pointer;
}