gvv/* Utility Styles */
/* ************************** */

/* CLEARFIX: Just add a class of .clearfix to any element containing a float needing to be cleared, plus any Guillotine-Bug-fixing block elements within the container. (source: http://www.positioniseverything.net/easyclearing.html) */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* additional clearfix elements are in ie.css */
.clearfix {display: inline-block;} /* IE fix for Mac */

/* Site styles */
/* ************************** */

body{
	font-family: "myriad pro", "trebuchet ms", arial, sans-serif; 
	font-size: 62.5%; 
	line-height: 1.5em; 
	color: #1f1b1b;
	background-color:#deb307;
}


/* Headings */
/* ************************** */

h1, .h1{font-size:196%;font-style: normal;color:#000;}
h2, .h2{
	font-size:2.85em;
	font-style: normal;
	color:#d9bd00;
	font-weight:bold;
	
}
h3, .h3{font-size:125%;font-style: normal;color:#000;}
h4, .h4{font-size:123.1%;font-style: normal;color: #000;}
h5, .h5{font-size:108%;font-style: normal;color:#000;}
h6, .h6{font-size:108%;font-style: normal;color:#000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{color:#000; text-decoration: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover{text-decoration: underline;}


/* Other */
/* ************************** */

p{margin: 0.33em 0 1em 0;font-size:1.2em;}
ul li {font-size:1.2em;}
small{font-size: 85%;}
big{font-size: 115%;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
form{margin: 0; padding: 0;}
hr{clear: both; border: 0; width: 100%; color: #000; background-color: #000; height: 1px; margin: 10px 0; padding: 0;}
a{color: #13488a;}
label.hidden{display: none;}


/* Layout */
/* ************************** */

#wrapHeader{
	height:110px;
	background:#fff url('../images/bg-nav.png') repeat-x 0 84px;
}
#header{
	width: 990px; 
	padding: 0;  
	overflow: hidden;
	position:relative;
}
#navigation{

}
#wrapMain {
	background-color:#fff;
}
#main {
	width: 990px; 
	height:398px;
	position:relative;
	text-align:left;
}
#sidebar {
	width: 453px;
	position:absolute;
	top:0;
	left:0;
	height: 348px;
}
#content{
	margin:0 0 0 500px;
	padding:60px 55px 0 50px;
	position:relative;
	height:339px;
}
#footer{
	width: 990px; 
	clear: both;
	padding:60px 0 60px 0;
	text-align:center;
}


/* ADA508 */
/* ************************** */

#ada508{display:none;}


/* wrapHeader */
/* ************************** */

#wrapHeader #header h1 {
	float:left;
	margin:0 0 0 15px;
}

#wrapHeader #header h3 {
	position:absolute;
	top:64px;
	left:275px;
	background:url('../images/h3-ecofriendly.png') repeat-x 0 0;
	height:10px;
	width:275px;
	text-indent:-9999px;
}

#wrapHeader #header #navigation {
	float:right;
	clear:left;
	padding:7px 0 0 0;
}
#wrapHeader #header #navigation li {
	float:left;
	font-size:1.4em;
	color:#fff;
	text-transform:lowercase;
}
#wrapHeader #header #navigation li a {
	text-decoration:none;
	color:#fff;
	margin:0 25px;
	display:block;
	float:left;
}

#wrapHeader #header #navigation li a:hover, #pageIdentity #wrapHeader #header #navigation li#navWork a {
	color:#deb408;
	font-style:italic;
}
#wrapHeader #header #navigation li#navTeam a {
	width:60px;
}
#wrapHeader #header #navigation li#navWork a {
	width:60px;
}
#wrapHeader #header #navigation li#navClients a {
	width:68px;
}
#wrapHeader #header #navigation li#navMulti a {
	width:75px;
}
#wrapHeader #header #navigation li#navContact a {
	width:68px;
}
#wrapHeader #header #infoContact {
	position:absolute;
	top:65px;
	right:25px;
}

#wrapHeader #header #infoContact li {
	float:left;
	font-size:1.4em;
	margin:0 0 0 50px;
	font-weight:bold;
	color:#d9bd00;
}
#wrapHeader #header #infoContact li a {
	color:#d9bd00;
}

/* wrapMain */
/* ************************** */


/* Sidebar */
/* ************************** */


/* Content */
/* ************************** */

.pageHome #content {
	padding:25px 0px 0 27px
}
#pageIdentity #content {
	margin:0 0 0 429px;
	padding:29px 0 0 0;
}
#pageIdentity #content p {
	padding:10px 0 0 0;
	clear:left;
}
#content h2 {
	margin:0 0 15px 0;
}

#content #homeInfo {
	width:280px;
	float:left;
	margin:0 5px 0 0;
}
#content #homeInfo ul#listServices {
	height:90px;
}
#content #homeInfo ul li {
	line-height:1.1em;
}
#content #homeInfo ul#listServices .itemLeft {
	float:left;
	clear:left;
	width:170px;
}
#content #homeInfo ul#listPoints {
	list-style:disc;
	padding:0 0 0 15px;
}
#content #homeInfo p {
	clear:left;
	margin:0 0 .6em 0;
}
#content #panelDownload {
	width:140px;
	padding:15px;
	overflow:hidden;
	background:url('../images/bg-panel-download.png') no-repeat 0 0;
	height:233px;
}
#content #panelDownload h3 {
	margin:0 0 10px 0;
}
#content #panelDownload legend {
	display:none;
}
#content #panelDownload label {
	font-size:1.2em;
}
#content #panelDownload input {
	width:120px;
	margin:2px 0 10px 0;
}
#content #options {
	position:absolute;
	top:367px;
	left:40px;
}
#content #options li {
	display:inline;
	font-size:1.4em;
	color:#4c73a0;
}
#content #options li a {
	margin:0 12px;
	color:#cc6600;
	text-decoration:none;	
}
#content #options li a:hover {
	text-decoration:underline;
}
#content #listClients {
	position:absolute;
	top:366px;
	left:35px;
	width:300px;
}
#content #listClients li {
	display:inline;
	color:#4c73a0;
}
#content #listClients span a {
	display:inline;
	margin:0 4px;
	font-size:1.3em;
	color:#0072bc;
	float:left;
	text-decoration:none;
}
#content #listClients span a:hover {
	text-decoration:underline;
}
#content #listClients li a {
	margin:0 3px;
	color:#0072bc;
	text-decoration:none;
	font-size:1.1em;	
}
#content #listClients li a:hover {
	text-decoration:underline;
}
#photos {
	margin:20px 0 0 20px;
	position:relative;
}
#photos li {
	position:absolute;
	top:0;
	left:0;
}
#photoThumbs li {
	float:left;
}
#photoThumbs li a {
	display:block;
}
#photoThumbs li a img {
	display:none;
}
#photoThumbs li a#photoOneThumb {
	height:100px;
	width:129px; border: 3px;
	background:url('../images/photo_egg.png') no-repeat 0 0px;
}
#photoThumbs li a#photoOneThumb:hover {
	background:url('../images/photo_egg.png') no-repeat 0 0px;
}
#photoThumbs li a#photoTwoThumb {
	height:100px;
	width:129px; border: 3px;
	background:url('../images/photo_pier.png') no-repeat 0 0px;
}
#photoThumbs li a#photoTwoThumb:hover {
	background:url('../images/photo_pier.png') no-repeat 0 0px;
}
#photoThumbs li a#photoThreeThumb {
	height:100px;
	width:129px; 
	border: 3px;
	background:url('../images/photo_tunnel.png') no-repeat 0 0px;
}
#photoThumbs li a#photoThreeThumb:hover {
	background:url('../images/photo_tunnel.png') no-repeat 0 0px;
}
#photoThumbs li a#photoFourThumb {
	height:100px;
	width:129px; 
	border: 3px;
	background:url('../images/photo_leaf.png') no-repeat 0 0px;
}
#photoThumbs li a#photoFourThumb:hover {
	background:url('../images/photo_leaf.png') no-repeat 0 0px;
}
#photoThumbs li a#photoFiveThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_army.png') no-repeat 0 0px;
}
#photoThumbs li a#photoFiveThumb:hover {
	background:url('../images/photo_army.png') no-repeat 0 0px;
}
#photoThumbs li a#photoSixThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_cityscape.png') no-repeat 0 0px;
}
#photoThumbs li a#photoSixThumb:hover {
	background:url('../images/photo_cityscape.png') no-repeat 0 0px;
}
#photoThumbs li a#photoSevenThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_flower.png') no-repeat 0 0px;
}
#photoThumbs li a#photoSevenThumb:hover {
	background:url('../images/photo_flower.png') no-repeat 0 0px;
}
#photoThumbs li a#photoEightThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_bird.png') no-repeat 0 0px;
}
#photoThumbs li a#photoEightThumb:hover {
	background:url('../images/photo_bird.png') no-repeat 0 0px;
}
#photoThumbs li a#photoNineThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_glasses.png') no-repeat 0 0px;
}
#photoThumbs li a#photoNineThumb:hover {
	background:url('../images/photo_glasses.png') no-repeat 0 0px;
}
#photoThumbs li a#photoTenThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_barn.png') no-repeat 0 0px;
}
#photoThumbs li a#photoTenThumb:hover {
	background:url('../images/photo_barn.png') no-repeat 0 0px;
}
#photoThumbs li a#photoElevenThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_alyssa.png') no-repeat 0 0px;
}
#photoThumbs li a#photoElevenThumb:hover {
	background:url('../images/photo_alyssa.png') no-repeat 0 0px;
}
#photoThumbs li a#photoTwelveThumb {
	height:100px;
	width:129px;
	border: 3px;
	background:url('../images/photo_allysas.png') no-repeat 0 0px;
}
#photoThumbs li a#photoTwelveThumb:hover {
	background:url('../images/photo_allysas.png') no-repeat 0 0px;
}

/* footer */
/* ************************** */

#footer ul li {
	display:inline;
	text-transform:lowercase;
	color:#4c73a1;
	font-size:1.3em;
}
#footer ul li a {
	color:#4c73a1;
	margin:0 5px;
	text-decoration:none;
}
#footer ul li a:hover {
	text-decoration:underline;
}
#footer p {
	font-size:1em;
	color:#4c73a1;
	margin:1em 0 0 0;
}