/* 
OW Landergren Stylesheet v1
Property of: Flux Creative
Author: Brian Tobin 
Date: 3/1/08
*/

	*, html, body, div, table, tr, td, p, h1, h2, h3, h4, ul, li {
		margin: 0;
		padding: 0;
		}
	div { background: none; }
	
	img { border: none; }
		
	html { height: 100%; }
	
	body {
		background: #fff;
		font: 12px/165% Arial;
		text-align: center;
		color: #333;
		}
		
	/*--------------------------
	 	   COLORS & FONTS
	  -------------------------*/
	  
	        .green 	{ color: #006633; }
			.blue	{ color: #598ab8; }
	   .lightgreen	{ color: #c1e3cf; }
	     .darkgrey 	{ color: #666;    }
	    .lightgrey 	{ color: #ccc;    }
	  .lightergrey 	{ color: #f6f6f6; }
	  
	  
		a {
			color: #006633;
			text-decoration: underline;
			font-size: 13px;
			}
			
		a:hover {
			color: #598ab8;
			text-decoration: underline;
			background: #f6f6f6;
			}
			
		h1 {
			font-family: Times;
			font-size: 25px;
			color: #006633;
			padding: 0 0 10px 0;
			font-weight: normal;
			font-variant: small-caps;
			}
			
		h2 { 
			font-family: Times;
			font-size: 19px;
			color: #006633;
			padding: 0 0 10px 0;
			}
			
		h3 {
			font-size: 16px;
			color: #006633;
			padding: 5px 0 8px 0;
			}
			
		h4 { 
			font-size: 14px;
			color: #006633;
			padding-bottom: 10px;
			}
		
		p.nomargin {
			margin: 0;
			}
			
		.smaller {
			font-size: 11px;
			color: #666;
			}
		a.flux {
			color: #666;
			text-decoration: none;
			}
			
		span.fluxOrange {
			color: #ffc20e;
			font-weight: bold;
			}
				  
	  
	  /*--------------------------
	 	       STRUCTURE
	  -------------------------*/
	  
	 div#container {
	 	width: 932px;
		margin: 0 auto;
		text-align: left;
		}
		
	div#header {
		width: 932px;
		height: 93px;
		float: left;
		}
	
	/*menu*/	
	div#menu {
		width: 950px;
		height: 44px;
		float: left;
		}
		
		div#home {
			width: 187px;
			height: 44px;
			float: left;
			}
		
		div#services {
			width: 185px;
			height: 44px;
			float: left;
			}
		
		div#industries {
			width: 186px;
			height: 44px;
			float: left;
			}
		
		div#aboutus {
			width: 185px;
			height: 44px;
			float: left;
			}
		
		div#contactus {
			width: 189px;
			height: 44px;
			float: left;
			}
	
	/*homepage display*/	
	div#display {
		width: 932px;
		height: 343px;
		margin-top: 13px;
	  	float: left;
		}
		
		#display_top {
			background: url(../images/display_top.jpg) no-repeat;
			width: 512px;
			height: 127px;
			float: left;
			padding: 150px 80px 0 350px;
			line-height: 175%;
			}
			
		#display_bottom {
			width: 932px;
			height: 66px;
			float: left;
			}
	
	/*homepage callouts*/	
	div#callWrapper {
		width: 932px;
		float: left;
		margin-top: 13px;
		}
		
		#callWrapper p { font-size: 13px; }
		
		div#qualityCall {
			background: url(../images/qualityCall.jpg) no-repeat;
			width: 308px;
			height: 252px;
			float: left;
			}
			
			#qualityTop {
				background: url(../images/quality_top.jpg) no-repeat;
				width: 230px;
				height: 92px;
				padding: 110px 38px 0 40px;
				float: left;
				}
			
			#qualityBottom {
				width: 308px;
				height: 50px;
				float: left;
				}
					
		div#industryCall {
			width: 316px;
			height: 252px;
			float: left;
			}
			
			#industryTop {
				background: url(../images/industry_top.jpg) no-repeat;
				width: 230px;
				height: 92px;
				padding: 110px 38px 0 48px;
				float: left;
				}
			
			#industryBottom {
				width: 316px;
				height: 50px;
				float: left;
				}
				
			p.indent { text-indent: 60px; }
		
		div#quoteCall {
			width: 308px;
			height: 252px;
			float: left;
			}
			
			#quoteTop {
				background: url(../images/quote_top.jpg) no-repeat;
				width: 230px;
				height: 69px;
				padding: 100px 40px 0 38px;
				float: left;
				}
			
			#quoteBottom {
				width: 308px;
				height: 83px;
				float: left;
				}
			
	/*homepage midcopy*/
	div#midCopy {
		background: url(../images/midcopy.jpg) bottom no-repeat;
		width: 932px;
		float: left;
		}
		
		#copy {
			width: 600px;
			padding: 25px 25px 25px 25px;
			float: left;
			}
			
		#testimonial {
			width: 257px;
			padding: 15px 25px 0 0;
			float: left;
			font: 14px/150% Times;
			color: #666;
			}
			
			p.quoteP {
				margin: 10px 0 0 0;
				}
				
			.quote {
				float: left; 
				padding: 0 10px 0 0;
				}
	
	/*page content structure*/		
	div#contentWrapper {
		width: 922px;
		float: left;
		margin: 13px 10px 10px 0px;
		}
		
		
		/*---------------------------------------------------------
				BODY BG ELEMENTS
		-----------------------------------------------------------*/
		
		div.bodyHeader {
			background: url(../images/body_header.jpg) no-repeat;
			height: 9px;
			width: 932px;
			float: left;
			}
			
		div.bodyContent {
			background: url(../images/body_repeat.jpg) repeat-y;
			width: 924px;
			float: left;
			padding: 0 1px 0 7px;
			}
			
			div.midWrapper {
				background: url(../images/body_watermark.jpg) bottom left no-repeat;
				width: 924px;
				float: left;
				}
				
				div#content {
					width: 677px;
					float: left;
					padding: 0 20px 25px 20px;
					border-right: 1px solid #ccc;
					}
					
					p.breadcrumb {
						text-align: right;
						font-size: 11px;
						color: #999;
						}
						
						p.breadcrumb a {
							color: #598ab8;
							text-decoration: none;
							font-size: 11px;
							}
							
						p.breadcrumb a:hover {
							color: #006633;
							text-decoration: underline;
							}
							
					img.contentPic {
						background: #fff;
						padding: 2px;
						border: 1px solid #ccc;
						float: right;
						margin: 0 0 5px 10px;
						}
						
					.quotePicContainer {
						float: right;
						width: 208px;
						}
						
						img.quotePic {
							background: #fff;
							padding: 2px;
							border: 1px solid #ccc;
							float: right;
							margin: 0 0 10px 10px;
							}
					
					#content p {
						margin-bottom: 10px;
						}
						
					#content ul {
						margin: 0 0 10px 15px;
						}
						
					#content li {
						padding: 0 0 5px 0;
						}
						
					#content ul li b {
						font-size: 13px;
						color: #006633;
						}
					
					div.left {
						width: 300px;
						float: left;
						}
						
					div.right {
						width: 375px;
						float: left;
						}
						
					div.teamMember {
						width: 525px;
						float: left;
						margin-bottom: 15px;
						padding: 0 50px 15px 0;
						border-bottom: 1px solid #ccc;
						}
						
						img.teamPic {
							height: 150px;
							width: 150px;
							padding: 2px;
							border: 1px solid #ccc;
							float: left;
							margin: 0 10px 0 0;
							}
							
						h2.teamName { 
							font-family: Arial;
							font-size: 19px;
							color: #006633;
							padding: 10px 0 5px 0;
							}
							
						span.teamTitle { 
							font-family: Arial;
							font-size: 16px;
							color: #666;
							padding: 0 0 7px 0;
							font-weight: normal;
							}
							
					div.service {
						width: 675px;
						float: left;
						margin: 0 0 10px 0;
						padding: 0 0 10px 0;
						border-bottom: 1px solid #ccc;
						}
						
						.serviceLeft {
							width: 250px;
							float: left;
							}
							
						.serviceRight {
							width: 200px;
							float: left;
							}
							
						.service1 {
							width: 150px;
							float: left;
							}
							
						.service2 {
							width: 200px;
							float: left;
							}
							
						.service2b {
							width: 150px;
							float: left;
							}
							
						.service3 {
							width: 150px;
							float: left;
							}
						
						img.servicePic {
							background: #fff;
							padding: 2px;
							border: 1px solid #ccc;
							float: right;
							margin: 0 0 0 10px;
							}
							
						h2.serviceName { 
							font-family: Arial;
							font-size: 16px;
							color: #006633;
							padding: 10px 0 5px 0;
							}
						
					div.testimonial {
						width: 675px;
						float: left;
						margin-bottom: 10px;
						padding: 0 0 0 0;
						border-bottom: 1px solid #ccc;
						}
						
					div.border_bottom {
						padding-bottom: 10px; 
						margin-bottom: 10px; 
						border-bottom: 1px solid #ccc;
						}
				
					div.partContainer_high {
								width: 145px;
								margin: 0 25px 25px 0;
								float: left;
								}
								
							div.partContainer_high_last {
								width: 145px;
								margin: 0 0 25px 0;
								float: left;
								}
								
							div.partContainer_wide {
								width: 220px;
								margin: 0 25px 25px 0;
								float: left;
								}
							
								h4.picTitle {
									 color: #006633;
									 font-size: 12px;
									 text-align: center;
									 line-height: 130%;
									 padding: 0;
									 } 
								
								img.partPic {
									border: 1px solid #ccc;
									padding: 2px;
									margin-bottom: 5px;
									}
							
				div#sidebar {
					width: 166px;
					float: left;
					padding: 50px 20px;
					font-size: 13px;
					}
					
					div#sidebar ul li {
						list-style: none;
						}
						
					div#sidebar ul li a {
						background: none;
						padding: 5px 10px;
						color: #787878;
						width: 146px;
						display: block;
						border-bottom: 1px solid #ccc;
						text-decoration: none;
						}
						
					div#sidebar ul li a:hover {
						background: #f6f6f6;
						color: #598ab8;
						text-decoration: none;
						font-weight: bold;
						}
						
					div#sidebar ul li a.liveLink {
						background: #f6f6f6;
						color: #598ab8;
						text-decoration: none;
						font-weight: bold;
						width: 146px;
						border-bottom: 1px solid #ccc;
						}
						
					div#sidebar ul li a.liveLink2 {
						background: #f6f6f6;
						color: #598ab8;
						text-decoration: none;
						font-weight: bold;
						width: 146px;
						border-bottom: 1px solid #ccc;
						}
						
				p.quoteButton {
					margin: 25px 0 0 0;
					}
					
			
		div.bodyFooter {
			background: url(../images/body_footer.jpg) no-repeat;
			height: 17px;
			width: 932px;
			float: left;
			}
			
		/*--------------------------------------------------
			END BODY ELEMENTS
		----------------------------------------------------*/
	
	/*Begin Footer*/	
	div#footer {
		width: 882px;
		background: #fff url(../images/footerGradient.jpg) top no-repeat;
		float: left;
		margin: 13px 0 0 0;
		font-size: 11px;
		text-align: center;
		color: #666;
		padding: 10px 25px;
		border-top: 1px solid #ccc;
		}
		
		ul.seo a {
			color: #666;
			text-decoration: none;
			font-size:11px;
			}
			
		ul.seo a:hover {
			color: #006633;
			text-decoration: underline;
			}
		
		div#footer ul li, div#footer_nomargin ul li {
			display: inline;
			list-style: none;
			padding: 0 2px;
			}
			
		div#footer a.live, div#footer_nomargin a.live {
			color: green;
			text-decoration: underline;
			}
			
	div#footer_nomargin {
		width: 882px;
		background: #fff url(../images/footerGradient.jpg) top no-repeat;
		float: left;
		margin: 0 0 50px 0;
		font-size: 11px;
		text-align: center;
		color: #666;
		padding: 10px 25px;
		border-top: 1px solid #ccc;
		}
		
	
	/*--------------------------------
	   Form Elements
	  -------------------------------*/
	  
	.input {
		background: #fff;
	  	width: 350px;
		padding: 2px;
		}
		
	.city {
		background: #fff;
		width: 300px;
		padding: 2px;
		}
		
	.short {
		background: #fff;
		width: 200px;
		padding: 2px;
		}
		
	.address {
		background: #fff;
	  	width: 350px;
		padding: 2px;
		margin-bottom: 5px;
		}
		
	.textarea {
		background: #fff;
		width: 350px;
		height: 70px;
		padding: 2px;
		font-family: Arial;
		font-size: 12px;
		}
		
	.submit {
		background: #598ab8;
		color: #fff;
		padding: 3px 5px;
		font-size: 11px;
		}