/*---------- generic elements ----------*/

body {
	background:#bed0e2;
	}
	
div.clr {
	clear:both;
	}
	
div#container {
	position:absolute;
	left:50%;
	width:980px;
	margin-left:-490px;
	}
	
#page-wrapper {
	background:transparent url(../images/dropshadow_vertical.png) repeat-y;
	position:relative;
	}
	
	#page {
		background:white;
		position:relative;
		width:950px;
		left:15px;
		}
		

	
/*---------- header layout ----------*/

div#header {
	position:relative;
	z-index:50;
	background:url(../images/header_bkgrd.jpg) no-repeat;
	width:inherit;
	height:225px;
	clear:left;
	}
	
		div#header img {
			margin:70px 0 0 40px;
			}
			
		div#navigation {
			position:relative;
			height:43px;
			margin-top:22px;
			z-index:90;
			}
			
			div#left-of-menu, div#right-of-menu {
				position:relative;
				float:left;
				display:inline;
				height:43px;
				background:transparent url(../images/main_navigation_bkgrd.png) repeat;
				}
				
				div#left-of-menu {width:40px;}
				div#right-of-menu {width:360px;}
				
			
			div.menu {
				float:left;
				position:relative;
				display:inline;
				}
				
			
/*---------- main content layout ----------*/

div#content {
	width:inherit;
	position:relative;
	z-index:1;
	height:100%;
	}

	div#content-left, div#content-middle, div#content-right, div#content-onecol {
		position:relative;
		display:inline;
		}
		
	div#content-left, div#content-middle, div#content-onecol {
		float:left;
		padding-top:50px;
		margin-bottom:60px;
		}
	
	div#content-left {
		z-index:2;
		width:460px;
		padding-left:40px;
		outline:none;
		}
		
		div#content-left img.main_image {
			border:1px dotted #4ec014;
			}
	
	div#content-middle {
		width:240px;
		padding:50px 30px 0 25px;
		}
		
	div#content-onecol {
		width:730px;
		padding:50px 30px 0 40px;
		}
		
	div#content-right {
		width:150px;
		float:right;
		}
		
		div#subnav-wrapper {
			position:relative;
			background:url(../images/subnav_background_green.jpg) no-repeat 0 0;
			padding:25px 10px;
			}
			
			div#subnav {
				position:relative;
				background:#f2f2f2;
				padding:12px 10px;
				}
				
	/*---------- main content layout // SERVICES page ----------*/
	
	div.service {
		position:relative;
		display:inline;
		float:left;
		padding:4px;
		border:1px dotted #4ec014;
		margin-right:17px;
		margin-bottom:15px;
		}
		
		div.fourth {
			margin-right:0;
			}
		
		div.service:hover {
			border:1px solid #4ec014;
			}
			
		div.service_image {
			width:90px;
			height:130px;
			}
		
		div.service_description {
			position:absolute;
			background:url(../images/service_description_background.png) no-repeat 0 0;
			height:30px;
			width:90px;
			bottom:4px;
			text-align:center;
			}
			
			
	/*---------- main content layout // GALLERY page ----------*/
	
		/* FLASH GALLERY */
		
			div#galleryContent {
				outline:none;
				z-index:1;
				}
	
			div#galleryContent:focus {
				outline:none;
				}
				
			:focus {
				outline:none;
				}
			
		/* LIGHTBOX GALLERY */
		
			div.gallery {
				position:relative;
				display:inline;
				float:left;
				padding:7px;
				border:1px dotted #4ec014;
				width:200px;
				margin-right:20px;
				margin-bottom:17px;
				}
			
			div.second {
				margin-right:0;
				}
				
			div.gallery:hover {
			border:1px solid #4ec014;
			}
			
			
	/*---------- main content layout // PORTFOLIO page ----------*/
	
		div.portfolio {
			position:relative;
			display:inline;
			float:left;
			padding:7px;
			border:1px dotted #4ec014;
			width:200px;
			margin-right:20px;
			margin-bottom:17px;
			}
		
		div.second {
			margin-right:0;
			}
		
		div.portfolio:hover {
			border:1px solid #4ec014;
			}
			
		div.portfolio_image {
			width:200px;
			height:150px;
			}
		
		div.portfolio_description {
			position:absolute;
			background:url(../images/portfolio_description_background.png) no-repeat 0 0;
			height:30px;
			width:200px;
			bottom:7px;
			text-align:center;
			}
			
	/*---------- main content layout // ABOUT US > STAFF PROFILES page ----------*/
	
		div.profile {
			position:relative;
			display:block;
			float:left;
			padding:15px 15px 0 15px;
			border:1px dotted #4ec014;
			width:420px;
			margin-bottom:25px;
			background-color:white;
	}
				
		
	/*---------- main content layout // CONTACT US page ----------*/
	
	div.contact_icon {
		position:relative;
		display:inline;
		float:left;
		width:85px;
		}
		
	div.contact_details {
		background:transparent url(../images/contact_information_background.png) repeat-x 0 0;
		position:relative;
		display:inline;
		float:left;
		width:365px;
		height:85px;
		padding-top:17px;
		}
		
		div.contact_details_left, div.contact_details_right {
			position:relative;
			display:inline;
			float:left;
			width:130px;
			height:40px;
			padding-top:2px;
			padding-bottom:2px;
			padding-left:30px
			}
			
		div.contact_details_right {
			border-left:1px dotted #4ec014;
			}
	
	
	/*---------- main content layout // 20 QUESTIONS TO ASK YOURSELF page ----------*/
	
	img#scale {
		margin:3px 0 0 20px;
		}
	
	div#questions_form {
		padding-top:20px;
		}
		
	div.question_wrapper {
		margin-top:30px;
		}
	
	div.question_number, div.question_detail, div.question_checkboxes {
		position:relative;
		float:left;
		display:inline;
		}
		
	div.question_number {
		width:45px;
		}
		
		div.question_number img {
			border:1px solid #93b0cf;
			}
		
	div.question_detail {
		width:385px;
		padding:0 20px;
		}
		
/*---------- main content layout // WHAT ARE THEY SAYING ABOUT US? page ----------*/
		
	div.testimonial_container {
		position:relative;
		display:block;
		float:left;
		padding:15px 10px 7px 10px;
		border:1px dotted #4ec014;
		width:438px;
	}	
	
		div.testimonial {
			background:white;
			padding: 5px 10px 0px 10px;
		}
		
		span.client {
			font-size:0.9em;
			font-style:italic;
			color:#666;
		}
	
		
/*---------- footer layout ----------*/

div#footer {
	background:transparent url(../images/footer_background.png) no-repeat 0px 0px;
	position:relative;
	width:980px;
	height:80px;
	}
	
	div#footer-left, div#footer-right {
		position:relative;
		display:inline;
		}
		
	div#footer-left {
		float:left;
		width:500px;
		padding:13px 0 0 55px;
		}
		
	div#footer-right {
		float:right;
		padding:13px 25px 0 0;
		}