body{
	background: url("../images/global-background.jpg");	
}
div.clear{
	width: 100%;
	clear: both;	
}
a, a:visited {
	color:#022b62;
}
a:hover {
	color:#666;
}
#wrapper{    
	border-radius: 10px 10px 10px 10px;
    margin: 70px auto 0;
    width: 960px;    
	background: #ffffff; 
	/*
	background: -moz-linear-gradient(top,  #bfbfbf 0%, #ffffff 5%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bfbfbf), color-stop(5%,#ffffff)); 
	background: -webkit-linear-gradient(top,  #bfbfbf 0%,#ffffff 5%); 
	background: -o-linear-gradient(top,  #bfbfbf 0%,#ffffff 5%); 
	background: -ms-linear-gradient(top,  #bfbfbf 0%,#ffffff 5%); 
	background: linear-gradient(to bottom,  #bfbfbf 0%,#ffffff 5%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfbfbf', endColorstr='#ffffff',GradientType=0 ); 
	*/
}

#header{
	position: relative;    
	height: 88px;	
}
	#header .logo{
		left: 10px;
		position: absolute;
		top: -43px;
	}
		#header .logo a{
			float: left;
			position: relative;
			z-index: 1;
		}
		#header .logo .bg{
			background: url("../images/logo-background.png") repeat scroll 0 0 transparent;
			height: 158px;
			left: -50px;
			position: absolute;
			top: -30px;
			width: 286px;
			z-index: 0;
		}
	#header .nav{
		background: url("../images/nav-background.jpg") repeat scroll 0 0 transparent;
		height: 71px;
		left: 240px;
		position: absolute;
		top: 9px;
		width: 710px;
	}
		#header .nav ul{
			float: left;
			width: 100%;
			height: 100%;
		}
			#header .nav ul li{
				float: left;
				background: url("../images/nav-item-back.png") no-repeat scroll top right transparent;
			}
				#header .nav ul li a{
					float: left;
    				padding: 30px 24px 30px 23px;
				}
					#header .nav ul li.section a,
					#header .nav ul li a:hover{
						background: url("../images/nav-item-hover.png");
					}
				#header .nav ul li:last-child{
					background: none;
				}
	#header .contact_details{
		position: absolute;
		right: 0;
		top: -40px;    
		z-index: 1;
	}
		#header .contact_details ul{
			float: left;
		}
			#header .contact_details ul li{
				float: left;   
				margin-right: 20px;
			}
				#header .contact_details ul li a{
					float: left;
				}
				#header .contact_details ul li a.email{
					background: url("../images/icon-email.png") no-repeat;
					height: 12px;
					padding-left: 20px;
					padding-top: 4px;
				}
				#header .contact_details ul li a.phone{
					background: url("../images/icon-phone.png") no-repeat;
					height: 12px;
					padding-left: 20px;
					padding-top: 4px;
				}

#footer{
    margin: 15px auto 0;
	padding:0 0 20px 0;
    width: 960px;    
}	
	#footer .left{
		float: left;  
		margin-left: 15px; 
	}
	#footer .left li {
		display:inline;
	}
	#footer .left li a {
		color:#fff;
		padding-right:12px;
	}
	#footer .right{
		float: right;     
		margin-right: 15px; 
	}
	.googlemap {
		background:#000;
		display:block;
		min-height:400px;
		min-width:100%;
	}
.contact-right {
	border-left:1px solid #EAEAEA;
	float:right;
	padding-left:20px;
	width:300px;
}
hr {
	border:none;
	border-bottom:1px solid #CCC;
	clear:both;
	margin:20px auto;
}
.half {
	float:left;
	padding-right:20px;
	width:40%;
}
@media handheld, only screen and (max-width: 600px) {
	
	#wrapper{  
		border-radius: 0 0 0 0;
		margin: 0 auto;
		width: 100%;
		background: none repeat scroll 0 0 #FFFFFF;
	}
	#header {
		height: auto;
		position: relative;
	}
		#header .logo {
			left: auto;
			position: relative;
			top: auto;
			text-align: center;
		}
			#header .logo a {
				float: none;
			}
		#header .nav {
			float: left;
			height: auto;
			left: auto;
			position: relative;
			top: auto;
			width: 100%;    
			margin-bottom: 10px;
   		 	margin-top: 0;
		}
			#header .nav ul {
				float: left;
				height: auto;
				width: 100%;
			}
				#header .nav ul li{
					width: 100%;
				}
					#header .nav ul li a {
						float: left;
						height: 21px;
						padding: 24px 5% 16px;
						text-align: center;
						width: 90%;
					}
		#header .contact_details {
			float: left;
			margin-top: 10px;
			position: relative;
			right: auto;
			top: auto;
			width: 100%;
		}
			#header .contact_details ul {
				margin-bottom: 10px;
				margin-top: 5px;
				width: 100%;
			}
				#header .contact_details ul li {
					margin-left: 5%;
					margin-right: 5%;
					width: 40%;    
					text-align: center;
				}
					#header .contact_details ul li a {
						color: #666666;    
						text-align: center;
						float: none;
					}



#footer{
		width: 100%;	
	}
		#footer .left{
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;	
			float: none;	
		}
		#footer .right{
			width: 90%;
			margin-left: 5%;
			margin-right: 5%;	
			float: none;	
		}
}