@charset "utf-8";
* {
	margin:0;
	padding:0;
}
body {
	background-color:#1C1C1C;
	font-family:Georgia, "Times New Roman", Times, serif;
	line-height:1.4em;
	font-size:11px;
	line-height:1.6em;
}
a:link {color:#4D680D;text-decoration:none;} 
a:visited {color:#4D680D;text-decoration:none;} 
a:hover {color:#606;text-decoration:underline;}
a:active {color:#4D680D;text-decoration:none;}

#container {
	height: 711px;
	width: 950px;
	margin-top:0;
	margin-right: auto;
	margin-left: auto;
	position:relative;
	background-color: #F7F5E7;
	z-index:3;
}


#header {
	height: 143px;
	width: 950px;
	float: left;
	position:relative;
	background-image:url(../images/headernav.jpg);
}

#header div.hdrbtn {
	height:60px;
	width: 120px;
	position:absolute;
	left:50px;
	top:20px;
	z-index:290;
}
#header .phone {
	width:103px;
	height:15;
	position:absolute;
	left:800px;
	top:30px;
}
#nav {
	width:688px;
	height:44px;
	padding: 42px 0 0 262px;
	position:absolute;
	top:57px;
	background-repeat:no-repeat;
	z-index:50;
	left: 0px;
	text-shadow: #454545 2px 2px 2px;

}
#nav li {
	float:left;
	list-style:none;

}
#nav a.button {
	background:transparent no-repeat scroll right top;
	color:#EAE2CB;
	display:block;
	border-right:solid 1px #EAE2CB;
	float:left;
	font-size:12px;
	font-weight:bold;
	height:1.9em;
	margin-right:1.1em;
	_margin-right:8px;
	padding-right:1.1em;
	_padding-right:8px;
	text-decoration:none;
	filter: Shadow(Color=#333333,  Direction=135,  Strength=2);
}

#nav a.button span {
	background:transparent no-repeat scroll 0 0;
	display:block;
	line-height:2em;
	padding:0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
	letter-spacing:.2em;
}

#nav a.button:hover span {
	color:#ffffff;
}
#sidebar {
	float: left;
	display:inline;
	width: 264px;
	background-color:#000;
}
#sidebar li {
	list-style-type:none;
	font-size:11px;
}
#sidebar .services {
	width: 235px;
	height: 512px;
	padding: 32px 9px 25px 20px;
	position: absolute;
	background-color: #000;
}
#sidebar .services h2 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size: 14px;
	font-weight:bold;
	letter-spacing:.2em;
	padding:0 0 5px 0;
}
#sidebar a.button {
	background:transparent no-repeat scroll right top;
	color:#FFF;
	display:block;
	border-right:dashed 1px #000;
	font-size:13px;
	font-weight:bold;
	height:2em;
	text-decoration:none;
}
#sidebar a.button span {
	background:transparent no-repeat scroll 0 0;
	display:block;
	line-height:2em;
	padding:0 0 0 0;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	letter-spacing:.03em;
}
#sidebar a.button:hover span {
	color:#7EAB15;
}
#sidebar .spacer {
	float: right;
	height: 224px;
	width: 14px;
	background-image: url(../images/spacer.jpg);
	background-repeat: no-repeat;
}
.topcontentspacer {
	width: 685px;
	height: 23px;
	float:left;
	background-image:url(../images/backgroundedge3.jpg);
}
#sidebar .sideblog {
	width: 208px;
	height: 270px;
	padding: 25px 30px 25px 26px;
	float:left;
	font-size:10px;
	background-color: #F7F5E7;
}
#sidebar .sideclient {
	width: 214px;
	height: 294px;
	padding: 32px 28px 13px 22px;
	margin-top:15px;
	position:absolute;
	top:357px;
	font-size:9px;
	font-weight:bold;
	font-family:"Arial Black", Gadget, sans-serif;
	line-height:2.2em;
	background-color: #F7F5E7;
	overflow:hidden;
	}

#sidebar .sideclient a:link {color:#8B8B8B;text-decoration:none;} 
#sidebar .sideclient a:visited {color:#8B8B8B;text-decoration:none;} 
#sidebar .sideclient a:hover {color:#4D680D;text-decoration:underline;}
#sidebar .sideclient a:active {color:#371A45;text-decoration:none;}




#sidebar .sidecase {
	width: 264px;
	height: 339px;
	margin-top:0;
	position:absolute;
	left:0px;
	top:372px;
	font-size:10px;
	line-height:2.0em;
	background-color: #F7F5E7;
	
}
#sidebar .casestudytitle {
	width:200px;
	height:20px;
	margin-bottom:5px;
	float:left;
	font-family:"Arial Black", Gadget, sans-serif;
	
}

#sidebar .sidecasethumbs {
	width: 200px;
	height: 260px;
	margin:30px;
	float:left;
	display:inline;
	font-size:10px;
	line-height:2.0em;
	background-color: #F7F5E7;
}

#sidebar .sidenews {
	width: 208px;
	height: 107px;
	padding: 30px 30px 25px 26px;
	float:left;
	font-size:10px;
	background-color: #F7F5E7;
	line-height:1.4em;
	overflow:hidden;
}
#sidebar h1  {
	letter-spacing:.035em;
	color:#606;
	font-size:34px;
	font-weight:lighter;
	padding: 2px 0 2px 2px;
}
#sidebar h4 {
	font-size:12px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#4D680D;
	padding:3px 20px 2px 0;
}
#sidebar h5 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#4D680D;
	padding:3px 20px 2px 0;
}
/*#sidebar .sideblogport {
	width: 207px;
	height:306px;
	padding: 25px 30px 25px 26px;
	float:left;
	background-color: #000;
	color:#CCC;
	font-size:12px;
}*/
#sidebar .sideblogservices {
	width: 207px;
	height: 421px;
	padding: 25px 30px 25px 26px;
	float:left;
	background-color: #F7F5E7;
	font-size:12px;
}
#sidebar .sideblog h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-bottom: 4px;
}
#content {
	width:686px;
	height:568px;
	_height:563px;
	position:absolute;
	top:143px;
	left: 264px;
	z-index:8;
	background-image:url(../images/contentbkg1.jpg);

}
#content div.topspace {
	width:686px;
	height:30px;
	float:left;
	top:229px;
	background-image:url(../images/backgroundedge.jpg);
	background-repeat:no-repeat;
}
#content2{
	position:absolute;
	top:685px;
	height: 300px;
	width: 950px;

}
#whatwedocontent {
	width:685px;
	height:568px;
	position:relative;
	top:0;
	left: 0;
	margin-top:0;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;

}
#whatwedocontentboxes {
	position:relative;
	height: 340px;
	width: 686px;
	
}
#whatwedocontent .whattitle {
	width:475px;
	height:65px;
	position:absolute;
	margin-bottom:30px;
	padding:40px 20px 20px 145px;
	left:20px;
	top:0;
	color:#333;
}
/*
.whattitlespacer {
	width:142px;
	height:28px;
	margin-top: 20px;
	float:left;
}
.whattitlespacer2 {
	width:480px;
	height:28px;
	margin-top: 20px;
	float:left;
}
.whattitlespacer3 {
	width:142px;
	height:48px;
	margin-top: 5px;
	float:left;
}
.whattitlespacer4 {
	width:467px;
	height:48px;
	margin-top: 5px;
	padding: 0 0 0 12px;
	color:#4F4F4F;
	float:left;
}
*/
.whattitlespacer2 h1 {
	padding:6px 6px 6px 12px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#4F4F4F;
}
#whatwedocontent .whatboxa {
	width:160px;
	height:360px;
	position:absolute;
	left:20px;
	top:165px;
}
#whatwedocontent .whatboxb {
	width:160px;
	height:360px;
	position:absolute;
	left:180px;
	top:165px;
}
#whatwedocontent .whatboxc {
	width:160px;
	height:360px;
	position:absolute;
	left:340px;
	top:165px;
}
#whatwedocontent .whatboxd {
	width:160px;
	height:360px;
	position:absolute;
	left:500px;
	top:165px;
}
#whatwedocontent .viewportshadow {
	width:160px;
	height:160px;
	margin:0;
	float:left;
	background-image: url(../images/viewportshadow.png);
	_background-image: none;
}
#whatwedocontent .viewport {
	width:130px;
	height:140px;
	margin:10px 15px 10px 15px;
}
#whatwedocontent .viewportbtna {
	width:130px;
	height:8px;
	background-color:#8FB3D7;
	z-index:50;
	position:absolute;
	top:307px;
	left:35px;
}
#whatwedocontent .viewportbtnb {
	width:130px;
	height:8px;
	background-color:#1F63CC;
	z-index:50;
	position:absolute;
	top:307px;
	left:195px;
}
#whatwedocontent .viewportbtnc {
	width:130px;
	height:8px;
	background-color:#525E09;
	z-index:50;
	position:absolute;
	top:307px;
	left:355px;
}
#whatwedocontent .viewportbtnd {
	width:130px;
	height:8px;
	background-color:#0853AE;
	z-index:50;
	position:absolute;
	top:307px;
	left:515px;
}
#whatwedocontent .textbox {
	width:130px;
	height:160px;
	margin:10px 15px 0 15px;
	float:left;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4F4F4F;
}
.case {
	width:130px;
	height:30px;
	position:absolute;
	top:310px;
	left:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	font-style:italic;
}
.dasha {
	width:28px;
	height:3px;
	background-color:#8FB3D7;
	float:left;
}
.dashb {
	width:28px;
	height:3px;
	background-color:#1F63CC;
	float:left;
}
.dashc {
	width:28px;
	height:3px;
	background-color:#525E09;
	float:left;
}
.dashd {
	width:28px;
	height:3px;
	background-color:#0853AE;
	float:left;
}
	

#whatwedocontent .textbox h1 {
	font-size:18px;
	font-weight:bold;
	padding: 2px;
}
#whatwedocontent .textbox h2 {
	font-size:19px;
	font-weight:bold;
	padding: 2px;
}

#whatwedocontent .textbox li{
	list-style:none;
	padding:4px 0 0 2px;
	display:block;
	line-height:1.35em;
	border-bottom:solid 1px #ccc;
}
#clients {
	width:686px;
	height:568px;
	position:absolute;
	margin-top:0;
	top:0;
	left: 0;
	font-size:11px;
	color:#666;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;

}
#clients .testimonials {
	width:117px;
	height:26px;
	float:left;
	background-image:url(../images/testimonials.png);
	margin-top:15px;
}
#clients a:link {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	text-decoration:none;
}
#clients a:visited {
	color:#606
}
#clients a:hover {
	color:#7EAB15;
}
#clients a:active {
	color:#606;
}
	
#clients h1  {
	letter-spacing:.035em;
	font-family:Arial, Helvetica, sans-serif;
	color:#606;
	font-size:34px;
	font-weight:lighter;
	padding: 2px 0 2px 2px;
}
#clients h2{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4D680D;
	font-style:normal;
	padding:8px 0 4px 0;
}
#clients .clientstitle{
	width:250px;
	height:41px;
	position:absolute;
	top:43px;
	left: 52px;
	color:#3E2053;
}
#clients .list {
	width: 290px;
	height: 441px;
	position:absolute;
	top:85px;
	left:290px;
	padding:0 30px 10px 20px;
	border-left:solid 1px #999;
	overflow:auto;
}

#clients .description {
	width: 215px;
	padding:0 10px 10px 40px;
	position:absolute;
	font-size:12px;
	font-style:italic;
	top:85px;
	left: 15px;
	
}
#clients .description h2{
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4D680D;
	padding:8px 0 8px 0;
}
#clients .list ul{
	list-style:none;
	line-height:1.5em;
}
#clients .list li{
	padding:2px 0 0 15px;
}
/*#clients .description .logo {
	width:80px;
	height:80px;
	position:absolute;
	left:80px;
	top:340px;
}*/
#clients .botline {
	width:80px;
	height:16px;
	border-bottom:solid 1px #666;
}

#mainimage {
	height: 229px;
	width: 686px;
	float:left;
	position:relative;
	display:inline;
	z-index: 300;
	background-image: url(../images/oilimage.jpg);
	_background-image: none;

	
}

#mainimage .audiobtn {
	width: 80px;
	height: 32px;
	z-index:25;
	display:block;
	position:absolute;
	top:210px;
	left:26px;
	text-decoration:none;
	visibility: hidden;
}

#mainimage .img {
	width:32px;
	height:32px;
	float:left;
	position:relative;
	text-decoration:none;
}

#mainimage .text {
	width:38px;
	height:14px;
	font-size:11px;
	float:left;
	position:relative;
	_display:inline;
	color:#333;
	padding:2px 0 5px 3px;
	text-decoration:none;
	font-family:Arial,Helvetica,sans-serif;
	font-weight:bold;
	letter-spacing:.04em;
}

#contenttext {
	float:left;
	position:relative;
	z-index: 300;
	height: 303px;
	_height:300px;
	width: 516px;
	padding: 16px 130px 20px 40px;
	_display:inline;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;
	line-height:1.9;
}


#contenttext h1  {
	letter-spacing:.04em;
	font-family:Arial, Helvetica, sans-serif;
	color:#606;
	font-size:22px;
	font-weight:lighter;
	padding: 7px 0 2px 0;
	
}
#contenttext h2 {
	letter-spacing:.04em;
	font-family:Arial, Helvetica, sans-serif;
	color:#606;
	font-size:18px;
	font-weight:lighter;
	padding: 4px 0 6px 0;
	
}

/*.blogbtn2 {
	height:85px;
	width:74px;
	position:absolute;
	top:206px;
	left:-292px;
	z-index: 25;
}*/
#portfoliocontent {
	width:606px;
	height:400px;
	padding: 30px 40px 40px 40px;
	position:absolute;
	top:0;
	left: 0;
	background-color:#000;
	z-index:7;
}
#portfoliocontent .portfolioimage {
	width:400px;
	height:300px;
	position:absolute;
	z-index:250;
}
#portfoliocontent .thumbcontainer {
	width:170px;
	height: 430px;
	padding:0px 5px 5px 5px; 
	position:absolute;
	left:470px;
}
#portfoliocontent .results {
	width:145px;
	height: 100px;
	padding:0px 5px 5px 25px; 
	position:absolute;
	top:323px;
	left:437px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	font-size:13px;
	border-left:1px dashed #CCC;
	visibility:hidden;
}

#portfoliocontent .thumbs {
	width:45px;
	height:45px;
	margin: 0 6px 12px 5px;
	float:left;
}
#portfoliocontent2 {
	width:686px;
	height:112px;
	position:absolute;
	left:0;
	top:458px;
	background-color:#000;
}
#portfoliocontent .portimagetitle{
	width:400px;
	height:70px;
	position:absolute;
	left:0;
	top:300px;
	font-family:Arial, Helvetica, sans-serif;
	color:#CCC;
	padding: 25px 0 0 0;

}
#ourwork {
	width:625px;
	height:528px;
	padding: 20px 20px 20px 40px;
	position:relative;
	top:0;
	left: 0;
	margin-top:0;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;
}	
#ourwork .titleblock {
	width:400px;
	height:77px;
	padding:10px 10px 15px 0;
	float:left;
	position:relative;
	display:inline;
	color:#333;
}
#ourwork .porttitle {
	width:132px;
	height:65px;
	padding:13px;
	float:left;
	position:relative;
	display:inline;
}
#ourwork .portthumbshadow {
	width:142px;
	height:142px;
	float:left;
	position:relative;
	display:inline;
	background-image:url(../images/portthumb1.png);
	_background-image:none;
}
#ourwork .portthumb {
	width:110px;
	height:110px;
	margin:0 15px 0 15px;
	float:left;
	position:relative;
	display:inline;
	background-color:#9C6;
    _background-color:none;

}
#ourwork .portthumbcaption {
	width:110px;
	height:25px;
	margin:5px 0 0 0;
	float:left;
	z-index:200;
	color:#000000;
	text-align:center;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:8px;
	display:none;
}
.leadershipdescriptions {
	width: 460px;
	height: 518px;
	position:absolute;
	top:40px;
	left: 15px;
	padding:0 10px 10px 40px;
	overflow:hidden;
}

.leadershipdescriptions td {
	padding:5px;
}
#team {
	width:685px;
	height:568px;
	position:relative;
	top:0;
	left: 0;
	margin-top:0;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;
	font-size:11px;
	color:#333;
}
#team .teamdescriptions {
	width: 400px;
	height: 528px;
	position:absolute;
	top:40px;
	left: 15px;
	padding:0 10px 10px 40px;
	overflow:hidden;
}
#team .teamdescriptions h2 {
	margin-bottom:4px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}


.teamguiding {
	width:390px;
	height: 195px;
	line-height:1.4;
	font-family:Arial, Helvetica, sans-serif;
	color:#606;
	position:absolute;
	left:50px;
	top: 325px;
	z-index:280;
}

.teamguiding h3 {
	position:absolute;
	width:215px;
	left:-10px;
	top:-20px;
	font-size:12px;
	letter-spacing:.2em;
	font-family:'Arial Black', Gadget, sans-serif;
}
.teamnote {
	width:330px;
	height: 60px;
	float:left;
	text-decoration:underline;
}
#team .teamdescriptions .image {
	width:300px;
	height:170px;
	margin-bottom:20px;
	float:left;
	background-color:#fff;

}
#team .teammembers {
	width: 160px;
	height: 240px;

	position:absolute;
	top:60px;
	left:490px;
}
#team .teammembers li {
	display:block;
	line-height:2.4em;
	list-style:none;
	border-bottom: solid 1px #666;
}

#team .porttitle {
	width:132px;
	height:65px;
	padding:13px;
	float:left;
}
#team .teamquote {
	width:170px;
	height:220px;
	color:#371A45;
	position:absolute;
	font-size:16px;
	font-style:italic;
	line-height: 28px;
	left:420px;
	top:260px;
	padding:20px 50px 20px 20px;
	float:left;
}

#servicesimg {
	height: 229px;
	width: 686px;
	z-index:10;
	float:left;
	position:relative;

}

#services {
	float:left;
	top: 254px;
	height: 323px;
	_height:320px;
	width: 686px;
	padding-top:16px;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;
	color:#333;
}
#services h1 {
	color:#333;
	padding:2px 0 2px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:2.1em;
}
#services h3 {
	color:#333;
	padding:2px 0 8px 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.0em;

}


#services .servicecontent {
	width:395px;
	height:209px;
	float:left;
	position:relative;
	display:inline;
	padding: 5px 35px 10px 30px;
	_padding: 0 35px 0 30px;
	line-height:1.7em;
	_line-height:1.6em;

}
#services .poplink {
	width:90px;
	height:20px;
	padding:1px 20px 1px 0;
	float:left;
	clear:left;
	margin:0 10px 10px 0;
}
	
#services .rightcolumn {
	width:199px;
	height:194px;
 	float:left;
	clear:right;
	padding: 46px 20px 20px 6px;
	color:#606;
}
#services .rightcolumn li{
	font-size:.9em;
	list-style:circle;
}

#services .projecttitle {
	height:36px;
	width:657px;
	padding-left: 30px;
	float:left;
}
#services .projects {
	width:686px;
	height:200px;
	float:left;

}
#services .projects .wrap {
	width:202px;
	height:180px;
	float:left;
	padding:8px 0 0 18px;
}
#services .projects .wrap .image {
	margin:12px;
	border:thin #000;
	width:150px;
	height:80px;
	float:left;
	background-color:#808040;
}
#services .thumbcaption {
	margin:0 0 0 12px;
	width:150px;
	height:80px;
	float:left;
	border:2px #F00;
}
#services .line {
	width:40px;
	height:2px;
	border:1px;
}

#contact {
	width:685px;
	height:568px;
	position:relative;
	top:0;
	left: 0;
	margin-top:0;
	background-image:url(../images/contentbkg1.jpg);
	background-repeat: repeat-y;
	font-size:11px;
	color:#333;
}
#contact .contactinfo {
	width: 164px;
	height: 450px;
	position:absolute;
	top:46px;
	left: 15px;
	padding:0 5px 10px 40px;

}
#contact .contactinfo ul {
	margin-left:8px;
}

#contact .contactinfo li{
	margin-left:8px;
	list-style:none;
	display:block;
}

#contact .map {
	width: 400px;
	height: 460px;
	position:absolute;
	top:0;
	left: 210px;	
}
#contact .contactinfo h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1.1px;
	font-size:17px;
	color:#545454;

}

.blogbtn {
	height:104px;
	width:120px;
	position:absolute;
	top:470px;
	left:542px;
	z-index: 600;
	
}	
#footer {
	height:30px;
	width:880px;
	position: absolute;
	top:718px;
	padding:12px 0 0 70px;
	left:0;
	background-color: #000;
	z-index:5;
	color:#CCC;
	letter-spacing:.1em;
	font-size:11px;
}