@charset "UTF-8";
/* Main Styles */

/*Colors:
brown: #442F1D;
blue: #0099FF;
orange: #CC3300;
*/

body {
	background: url(../images/body_bg.jpg) top left repeat-x #fff;
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	}
h1 {
	color: #0099FF;
	font-size: 1.75em;
	margin: 0 0 15px 0;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: lowercase;
	}
h2 {color: #333;
	font-size: .95em;
	font-weight: bold;
	padding: 10px 0 0 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCC;
	}
	
p {
	color: #333;
	font-size: .8em;
	line-height: 200%;
	padding: 0 0 15px 0;
	margin: 0;
	}

em {font-style: italic; color: #333;}
strong {font-weight: bold;}


/*Home Page Text*/
p.home_p {
	width: 450px;
	border-right: 1px solid #ccc;
	padding: 0 25px 0 0;
	float: left;
	}
p.tagline {
	font-size: 1.55em;
	font-style: italic;
	line-height: 120%;
	color: #0099FF;
	margin: 58px 0 0 505px;
	padding: 0;
	}

/*Layout*/
#wrapper {
	width: 1120px;
	}
#left_column {
	width: 270px;
	float: left;
	}
	#left_column img {margin-left: 13px;}
	#left_column p {
		text-align: right;
		font-size: .75em;
		letter-spacing: 3px;
		line-height: 350%;
		color:#442F1D;
		padding: 100px 60px 0 0;
		}

#right_column {
	background: none;
	width: 850px;
	float: left;
	}
	
	/*main nav*/
	#nav {
		height: 217px;
		width: 850px;
		}
		
		#nav ul {
			list-style-type: none;
			padding-top: 100px;
			}
		
		#nav li {
			height: 90px;
			width: 78px;
			float: left;
			position: relative;
			margin-right: 15px;
			}
			
			#nav li a {
				height: 90px;
				width: 78px;
				display: block;
				
				}
				
				#nav li:hover {background-position: center 3px;}
				#nav li.active {background-position: center 3px;}
				
				.nav_home {background:url(../images/nav_home.png) no-repeat bottom center;}
				.nav_about {background:url(../images/nav_about.png) no-repeat bottom center;}
				.nav_products {background:url(../images/nav_products.png) no-repeat bottom center;}
				.nav_services {background:url(../images/nav_services.png) no-repeat bottom center;}
				.nav_partners {background:url(../images/nav_partners.png) no-repeat bottom center;}
				.nav_contact {background:url(../images/nav_contact.png) no-repeat bottom center;}
								
					#nav li a span { display: none; visibility: hidden; font-size: 1px; }
		
	#header {
		height: 180px;
		width: 850px;
		background-color: #fff;
		}
		#header img {
			padding: 0;
			margin: 0;
			}
			
			/*slideshow*/
			.slide {
				margin-left: 0px;
				position: absolute;
				top: 100;
				width: 850px;
				height: 180px;	
				}
				#slide1 { background: url(../images/headers_home/header_home_01.jpg); }
				#slide2 { background: url(../images/headers_home/header_home_02.jpg); }
				#slide3 { background: url(../images/headers_home/header_home_03.jpg); }
				#slide4 { background: url(../images/headers_home/header_home_04.jpg); }
				#slide5 { background: url(../images/headers_home/header_home_05.jpg); }
				#slide6 { background: url(../images/headers_home/header_home_06.jpg); }
				#slide7 { background: url(../images/headers_home/header_home_07.jpg); }
				#slide8 { background: url(../images/headers_home/header_home_08.jpg); }
				#slide9 { background: url(../images/headers_home/header_home_09.jpg); }
				#slide10 { background: url(../images/headers_home/header_home_10.jpg); }
				#slide11 { background: url(../images/headers_home/header_home_11.jpg); }
				#slide12 { background: url(../images/headers_home/header_home_12.jpg); }
				#slide13 { background: url(../images/headers_home/header_home_13.jpg); }
				#slide14 { background: url(../images/headers_home/header_home_14.jpg); }
				#slide15 { background: url(../images/headers_home/header_home_15.jpg); }
				
		
	#content {
	padding: 40px 0 50px 0;
	overflow: auto;
	width: 850px;
		}
		#content a:link, #content a:visited, #content a:active {
			color: #0099ff;
			text-decoration: none;
			border-bottom: 1px dotted #0099ff;
			}
			#content a:hover {color: #666; border-bottom: 1px dotted #666;}
		
		#content ul {margin-top: 0px;}
		#content li {
			color: #333;
			font-size: .8em;
			padding: 0 0 10px 0;
			margin: 0;
			}
		
		div.bio_box {
			width: 350px;
			height: 110px;
			float: left;
			margin-top: 15px;
			}
			div.bio_box img {
				float: left;
				margin-right: 30px;
				}
				div.bio_box p {
					line-height: 110px;
					}
		
	#footer {
		height: 29px;
		width: 100%;
		position: fixed;
		bottom: 0;
		background: url(../images/footer_bg.jpg) top left repeat-x;
		padding: 0 0 0 270px;
		}
		#footer p {
			letter-spacing: 8px;
			font-size: .7em;
			line-height: 29px;
			color: #fff;
			}
		
		

	
/*Misc*/
.red {color: #F60;}

#eleven {
	background: url(../images/eleven.jpg) no-repeat;
	width: 118px;
	height: 124px;
	position: fixed;
	bottom: 0;
	right: 0;
	}

hr {
	padding: 10px 0;
	clear: both;
	border: none;
	}
.float_L {float: left; margin-right: 65px;}

.gray_bg {background:#CCC;}

/*About us  Links*/
#content ul.about_list {width: 220px; margin-right: 110px; margin-left: 10px;}
#content ul.about_list li {
	width: 220px;
	height: 44px;
	margin-bottom: 15px;
	}
	#content ul.about_list li a {
		display: block;
		height: 44px;
		width: 220px;
		border-bottom: none;
		padding-left: 60px;
		line-height: 44px;
		font-size: 1.65em;
		letter-spacing: 1px;
		}
		#content ul.about_list li a:hover {color: #442F1D;}
		.about_who {background:url(../images/content/about_who.jpg) 0 0 no-repeat;}
		.about_bios {background:url(../images/content/about_bios.jpg) 0 0 no-repeat;}
		.about_value {background:url(../images/content/about_value.jpg) 0 0 no-repeat;}
		.about_customers {background:url(../images/content/about_customers.jpg) 0 0 no-repeat;}


/*Subnav*/
p.subnav {
	float: right;
	}
	p.subnav a {
		margin-left: 15px;
		}

/* Lightbox */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto;top: -50px; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 50%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 50% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	;top: -50px; position: relative; padding-top: 3px; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #999; }