@charset "UTF-8";
/* CSS Document */

body {
	background-color:#353535;
	background-image:url(../images/body_bg.png);
	background-repeat:repeat;
}

#wrapper {
	width: 983px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	overflow:hidden;
	background-color:#494949;
	padding-top: 30px;
	border:#333333 thin solid;
	background-image:url(../images/bg.png);
	background-repeat:no-repeat;
	background-position:bottom right;
}




/*THIS IS WHERE THE HEADER STARTS*/

#header {
	display: block;
	height: 43px;
	width: 983px;
	padding-top:5px;
	margin-bottom:30px;
	border-bottom:#999999 1px solid;
	border-top:#999999 1px solid;
	background-color:#3c3c3c;
}

.logo {
	margin-left: 53px;
	float: left;
}

/*MAIN NAV STARTS HERE*/
.main_nav {
	position:relative;
	left: 60px;
	top:-11px;
}



ul#nav1 li{ display:block; float:left; }
                        ul#nav1 li a {
				display:block;
				outline:none;
                width:56px;
				height:32px;
				background-image:url(../images/nav.png);
				background-repeat:no-repeat;
				text-indent:-9009px;
				margin: 0px 6px;
				}
               ul#nav1 li#about-nav a:hover {background-position:0 -30px}
			
                        ul#nav1 li#portfolio-nav a {
				width:66px;
				background-position:-65px 0;
				}
				ul#nav1 li#portfolio-nav a:hover {
                        
					background-position:-65px -30px;
					}

			ul#nav1 li#services-nav a { 
				width:53px;
				background-position:-140px 0;
				}
				ul#nav1 li#services-nav a:hover {
					background-position:-140px -30px;
					}
			ul#nav1 li#processes-nav a {
				width:65px;
				background-position:-203px 0;
				}
				ul#nav1 li#processes-nav a:hover {
					background-position:-203px -30px;
					}
			ul#nav1 li#promo-nav a {
				width:80px;
				background-position:-278px 0;
				}
				ul#nav1 li#promo-nav a:hover {
					background-position:-278px -30px;
					}
			ul#nav1 li#partner-nav a {
				width:101px;
				background-position:-369px 0;
				}
				ul#nav1 li#partner-nav a:hover {
					background-position:-369px -30px;
					}		
		       
			ul#nav1 li#contact-nav a {
				width:55px;
				background-position:-480px 0;
				}
				ul#nav1 li#contact-nav a:hover {
					background-position:-480px -30px;
					}
					
			ul#nav1 li#review-nav a {
				width:49px;
				background-position:-544px 0;
				}
				ul#nav1 li#review-nav a:hover {
					background-position:-544px -30px;
					}
					
					
.port_nav {
	margin:-15px 0px -15px 60px;
	width:990px;
	display:block;
	font-size: 8.5pt;
	letter-spacing: .02em;
	color: #e7e8e9;
}

/* THIS IS WHERE THE FOOTER STARTS*/


.sm_logo {
	float:left;
	margin: 15px 0px 0px -11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7pt;
	letter-spacing: .06em;
	color: #353535;
	line-height: 14.32pt;
	font-weight:100;
	text-align:left;
	text-decoration:none;
}


.ft_logo {
	float: left;
	margin:-4px 0px 0px 10px;
}


.vert {
	display:block;
	height:50px;
	width:1px;
	background-color:#353535;
	margin:-16px 23px 0px 23px;
	float:left;
}


#footer {
	display:block;
	width:100%;
	height:45px;
	background-color:#c0c0c0;
	text-align:left;
	margin:30px 0px 0px 0px;
	padding:10px 0px 10px 115px;
}


.ft_nav {
	display: block;
	width: 310px;
	float:left;
	text-align: center;
	position:relative;
	bottom:6px;
}
/*THIS IS WHERE ALL THE CONTAINERS START*/

.container1 {
	width: 983px;
	height:auto;
	margin-top: 23px;

}


.container2 {
	display:block;
	width: 913px;
	height: 385px;
	margin-left:57px;
}


.container3 {
	width: 463px;
	height: auto;
	display: inline-block;
	margin-top: 0px;
	vertical-align:top;
}

.container3_5 {
	display:block;
	width: 903px;
	height:358px;
	margin-left: 57px;
	padding:0px 0px 0px 3px;
	position:relative;
	background:url(../images/slide_hold.png) no-repeat 0px 0px;
}

	span.holiday {
		position:absolute;
		top:0;
		right:55px;
		}


.container4 {
	/*dispaly: block;*/
	width: 268px;
	margin: 0px 20px 0px 20px;
	float:left;
}

.container5 {
/*	dispaly: block;*/
	width: 350px;
	margin:0px 20px 0px 45px;
	float:left;
}

.container6 {
	display:block;
	width: 860px;
	margin-left: 60px;
	background-image:url(../images/tab_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	border-left:thin #ececec solid;
}

.container7 {
	display:block;
	width: 983px;
	height: 300px;
	text-align: center;
	padding-left:57px;
}

.container8 { /*IF YOU NEED TO ADD MORE CONTENT TO PORTFOLIO/CONTACT YOU WILL NEED TO ADJUST THE HEIGHT HERE*/
	display:block;
	width: 860px;
	height:600px;
	margin-left: 60px;
	background-image:url(../images/tab_bg.png);
	background-position:bottom right;
	background-repeat:no-repeat;
	border-left:thin #ececec solid;
}

.imgcaption {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:italic;
	color: #ececec;
	line-height:normal;
	width: 255px;
	height: 100%;
	margin:20px 43px 0px  37px;
	display:inline-block;
	overflow:hidden;
	padding:0;
	vertical-align:top;
}



/*THIS IS WHERE THE CONTACT & QUOTE FORM START*/


div.request {
	background-color:#ececec;
	width: 310px;
	display:block;
	padding: 10px 5px 15px 25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7.75pt;
	letter-spacing: .03em;
	color: #353535;
	line-height: 14.32pt;
	font-weight:100;
	text-align:left;
	text-decoration:none;
	margin: 20px 10px 20px 35px;
	border:2px #999999 solid;
	float:left;
}

.req_item {
	width:240px;
	min-height:20px;
} 


input {
	margin: -3px 0px 5px 0px;
	background-color:#ececec;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 7.75pt;
	letter-spacing: .06em;
	color: #353535;
	line-height: 14.32pt;
	font-weight:100;
	text-align:left;
	}

/*THIS IS WHERE ALL THE HEADERS ARE*/


h1, h2, h3, h4, p, ol, li {
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing: .03em;
	text-align:left;
	font-weight:100;
}


h1 {
	font-size: 11pt;
	color: #e7e8e9;
	line-height: 14.32pt;
	margin:0px 0px 10px 30px;
	font-style:normal;
}

h2 { 
	height: 22px;
	width:848px;
	background-color:#027c93;
	text-decoration:none;
	font-size:10pt;
	color: #ececec;
	border: solid 1px #bababa;
	border-bottom:none;
	padding:4px 0px 5px 10px;
	margin-left:-1px;
}

h3 {
	font-size: 10.45pt;
	color: #e7e8e9;
	line-height: 11.32pt;
	margin:0px 0px -5px -9px;
}

li.contact h3 {
	font-size: 10.45pt;
	color: #e7e8e9;
	line-height: 11.32pt;
	margin:0px 0px -5px -9px;
	letter-spacing:.08em;
	font-variant:small-caps;
	}

h4 {
	font-size: 10.5pt;
	color: #333;
	line-height: 12.32pt;
	margin:0px 0px -5px 0px;
	}
	
h5 {
	font-size: 11.5pt;
	color: #333;
	line-height: 12.32pt;
	margin:15px 0px 5px 0px;
	font-weight:600;
}

p {
	font-size: 8.5pt;
	letter-spacing: .01em;
	color: #e7e8e9;
	line-height: 11.4pt;
	margin:10px 0px 3px 0px;
	}

/*THIS IS WHERE ALL THE TEXT FILES ARE*/


p.blurb {
	width: 220px;
	margin-left:0px;
	border-right: #8a8a8a 2px solid;
	padding-right: 40px;
}

p.news {
	text-indent: 10px;
	margin: 0px 100px 10px 60px;
	}
	
small {
	font-size:7pt;
	}




/*IMAGES BORDERS*/
.sl_thumb {
	float: left;
	margin: 3px 10px 0px 0px;
	padding: 1px;
	background-color:#dbd9da;
}



img.port {
	margin-top: 0px;
	float: right;
	padding: 3px;
	background-color:#dbd9da;
}


img.contact {
	margin:10px 0px 0px 90px;
}


/*ALIGNMENT STYLES*/
.clear {
	display: block;
	width:983px;
	height: 25px;
}


.lt {
	float: left;
	margin: 0px 80px 0px 0px;
	display:block;
	width:240px;
	text-align:left;
}

.flt {
	float:left;
	margin: 0px 30px 0px 43px;
}

.ser {
	float: left;
	margin-right: 100px;
	border:1px solid #ececec;
}


.rul {
	margin: 20px 0px 20px 0px;
	text-align:center;
}

.blu {
color: #03a4c3;
}

/*LIST STYLE*/


.prtnr, .team {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: .06em;
	color: #e7e8e9;
	line-height: 14.32pt;
	font-weight:100;
	text-align:left;
	list-style-image:none;
	list-style:none;
}

.prtnr {
	width: 600px;
	}
	
li.team {
	margin:0px 0px 7px 5px;
}

li.team_sib {
	margin:-11px 0px 7px 5px;
	font-style:italic;
	}	

div.team {
	height:330px;
}
ul.team {
	float: left;
	width:165px;
	margin: 17px 0px 10px 0px;
}

li.green {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: .06em;
	color: #e7e8e9;
	line-height: 14.32pt;
	font-weight:100;
}

li.contact {
margin-bottom:7px;
}

li.contact_sib {
margin:-5px 0px 7px 0px;
font-style:italic;
}

li.contact_sib ul {
margin-left:-20px;
}

ul.contact {
margin-bottom:15px;
font-family:Arial, Helvetica, sans-serif;
	font-size: 8pt;
	letter-spacing: .06em;
	color: #e7e8e9;
	line-height: 10.32pt;
	font-weight:100;
	list-style:none;
}

                      
/*THIS IS WHERE ALL THE LINKS START*/


a.foot:link, a.foot:visited {
	font-size: 7pt;
	color: #353535;
	font-weight:100;
	text-decoration:none;
	line-height:10.31pt;
}

a.foot:hover {
	color: #02869f;
}

a.green:link, a.green:visited, a.green:hover, a.request:link, a.request:visited, a.request:hover, a.min:link, a.min:visited, a.min:hover {
	display: block;
	height:32px;
	width:330px;
	padding:0;
	background-position:top left;
	background-repeat:no-repeat;
	text-indent:-900px;
	overflow:auto;
	margin-bottom: 5px;
	}
	a.green:link, a.green:visited {
	background-image:url(../images/green.png);
	}
	
	a.green:hover {
	background-image:url(../images/green.png);
	background-position:0px -34px;
	}

	a.request:link, a.request:visited {
	background-image:url(../images/request.png);
	}

	a.request:hover {
	background-image:url(../images/request.png);
	background-position:0px -34px;
	}

	a.min:link, a.min:visited {
	background-image:url(../images/3min.png);
	}

	a.min:hover {
	background-image:url(../images/3min.png);
	background-position:0px -34px;
	}

a.email:link, a.email:visited, a:link, a:visited {
font-size: 8.5pt;
letter-spacing: .02em;
color: #e7e8e9;
text-decoration:underline;
}

a.email:hover, a:hover{
font-size: 8.5pt;
letter-spacing: .02em;
color: #03a4c3;
}


a:hover, a:link, a:visited {
outline:none;
color:inherit;
text-decoration:none;
font-size:inherit;
font-family:Arial, Helvetica, sans-serif;
}

img {
border:none;
}strong2 { color:#000000; ; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 24px; font-style: italic; line-height: normal}


