@charset "utf-8";

*{
	margin:0px;
	padding:0px;
	}
	
body{
	background:#848686 url(images/back.gif) repeat-x scroll center top;
	}


#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-family:Arial, Helvetica, sans-serif;
	background: url(images/container-back.gif) repeat-y;
}
#header{
	color:#fff;
	}

#logo{
	width:180px;
	height:70px;
	float:left;
	padding:15px 0 0 20px;
	}
	
#logo a{
	display:block;
	text-indent:-3000px;
	background:url(images/logo.jpg) no-repeat;
	width:180px;
	height:70px;
	}

#nav-area{
		width:600px;
		height:110px;
		padding-top:10px;
		float:right;
	}
	
		#number{
			float:right;
			color:#006225;
			font-size:11px;
			padding-right:25px;
			width:250px;
			height:40px;
			}
			
			.credit-cards{
				height:25px;
				float:left;
				padding:3px 0 0 28px;
			}
			.number-text{
				height:25px;
				float:right;
			}
			
			#number span.number{
				font-weight:bold;
				text-align:right;
				}
			#number a{
				display:block;
				text-decoration:none;
				color:#006225;
				text-align:right;
				line-height:11px;
			}
			#number a:hover{
				text-decoration:underline;
				text-align:right;
				}
				
			#nav{
				float:left;
				padding-top:15px;
				}
				
				#nav ul{
					text-transform: capitalize;
					font-weight:bold;
					}
					
				#nav ul li{
					display:inline;
					list-style-type:none;
					padding-left:35px;
					}
					
				#nav ul li a{
					text-decoration:none;
					color:#767676;
					font-size:11px;
					font-weight:bolder;
				}
				#nav ul li a:hover{
					color:#056529;
					}
			
					
				/*#nav li a.active:link, #nav li a.active:visited, #nav li a.active:active, #nav li a.active:hover {
					text-decoration:overline;
					color:#056529;
					}*/
					
				#nav-home, #nav-services, #nav-about, #nav-gallery, #nav-contact{
					color:#056529;}
				

#content{
	width:800px;
	}
#slideshow{
	height:369px;
	/*background-image: url(images/slideshow.jpg);
	background-repeat: no-repeat;*/
	}
	
#content-area-home{

	}
	
	#sublink-headers{
		height:48px;
		background:url(images/subnav-back.gif) repeat-x;
		
		}
		
		#sublink-headers ul{
			list-style:none;
			}
			
		#sublink-headers ul li{
			float:left;
			}
		
		#sublink-headers a{
			font-size:20px;
			font-weight:bold;
			color:#fff;
			text-align:center;
			text-transform:uppercase;
			padding-top:30px;
			text-decoration:none;
			}
			
	#sub-links a{
		display:block;
		}
	#services-area{
		width: 266px;
		float:left;
		}
			#services-area ul{
				padding:20px 20px 10px 30px;
				}
				
			#services-area ul li{
				font-size:13px;
				line-height:18px;
				}
			#services-area ul li.sublist{margin-left:30px;}
			
			#services-area a{color:#056529; text-decoration:none;}
				#services-area a:hover{text-decoration:underline;}
				
			
	/*/#services-area h1{
		background:url(images/services-link.jpg) no-repeat;
		height:57px;
		}*/
		
	#sublink-headers a.services-link {
		width:266px;
		}

	#gallery-area{
		width:268px;
		float:left;
		}
		
	/*#gallery-area h1{
	height:57px;
	background: url(images/gallery-link.jpg) no-repeat;
		}*/
		
	#sublink-headers a.gallery-link{
		width:268px;
		}
		#gallery-wrapper{
			padding:120px 20px 0 20px;
			background:url(images/gallery-home-img.jpg) no-repeat;
			height:140px;
			}		
			#gallery-area p{
				color:#767676;
				line-height:18px;
				font-size:13px;
				
				}
				
	#whoweare-area{
		width:266px;
		float:right;
		padding-top:18px;
		}
		
			/*#whoweare-area h1{
				height:57px;
				background: url(images/whoweare-links.jpg) no-repeat;
			}*/
			
				#whoweare-wrapper{
					padding-top:0px;
					height:415px;
					background: url(images/whoweare-home2-img.jpg) no-repeat;
					}
					#sublink-headers a.whoweare-link{
						width:266px;
						}
						
					#whoweare-area p{
						padding:120px 20px 0 20px;
						color:#767676;
						line-height:20px;
						font-size:13px;
						}
					#whoweare-area a{
					color:#056529;
					text-decoration:none;
					}
					
					#whoweare-area a:hover{
					text-decoration:underline;
					}

						
						
/*about us section--------------------------------------------------*/
	#right-col h4.name{
		padding:10px 0 10px 0;
		font-size:14px;
		}
		
		#right-col p{
			padding-bottom:10px;
			}
		a.surf{
			display:block;
			background:url(images/surferfoundaition.jpg) no-repeat;
			width:160px;
			height:133px;
			text-indent:-3000px;
			border:solid 1px #9bdbf7;
			float:right;
			margin:30px 0;
			}
		
	#left-col img.pic1{
		padding:426px 0 0 0;
		float:right;
		}
	#left-col img.pic2{
		padding:206px 0 0 0;
		float:right;
		}
		
/*about us section end--------------------------------------------------*/

/**contact section---------------------------------------------------------*/
#left-col.contact-img{
	padding:20px 57px 0 0;
	}

#right-col.contact{
		color:#79787c;
		height:683px;
	
	}
#right-col p.address{
		text-transform:uppercase;
		font-size:14px;
		padding-bottom:10;
		
	}
#right-col p.number{
	padding:30px 0 30px 0;
	}
		#right-col span.number-bold{
			font-weight:bold;
			font-size:20px;
		line-height:26px;
			}
#right-col p.email{
	font-size:20px;
		line-height:26px;
	}
	
	#right-col a.email{
	font-size:12px;
	text-decoration:none;
	color:#79787c;
	}
	
	#right-col a:hover.email{
	padding-top:30px;
	font-size:12px;
	text-decoration:underline;
	}


/**contact section end---------------------------------------------------------*/
#content-area {
	padding:0 30px 0 30px;
	}
	
	#left-col {
			width:278px;
			padding: 50px 30px 0 0;
			float:left;
		}
		
	#right-col{
			width:400px;
			float:right;
			padding-top:0px;
		}
		
	#right-col h1{
		color:#006225;
		font-weight:bolder;
		font-size:16px;
		padding-bottom:20px;
		}
		
	#right-col h3{
		color:#006225;
		font-size:14px;
		padding-bottom:10px;
		}
		
		#right-col p{
			color:#767676;
			line-height:16px;
			font-size:12px;
			}
			
			#right-col h3.title-space{
				padding-top:15px;
			}
				
				
/*Services page----------------------------------------------------------------------------*/

	#right-col ul{
	padding:0 0 0 20px;
	color:#767676;
		}
	#right-col ul li{
		line-height:18px;
		list-style-type:bullet;
		font-size:13px;
		}
		
	#right-col ul li.sublist{margin-left:30px;}
		
	#right-col ul li.bold{font-weight:bold;}
	
	
/*Contact page------------------------------------------*/

	#right-col.contact p{
		line-height:20px;
		} 
		
		#right-col a.email{
			color:#006225;
			font-size:12px;
			text-decoration:underline;
			}
		#right-col a:hover.email{
			text-decoration:none;
			font-size:12px;
			}
			
			
/*Gallery section-----------------------------------------------------------*/
#header-center{
	width:750px;
	}
	#header-center h1{
		color:#006225;
		font-weight:bolder;
		font-size:18px;
		padding:0 0 20px 300px;
		text-transform:uppercase;
		}
	
#left-col.gallery-large{
		width:370px;
		padding:0px;
			}
			
		#left-col.gallery-large img{
			border: solid 3px #005817;
			}
			
			#left-col.gallery-large p{
				color:#767676;
				line-height:16px;
				font-size:13px;
				padding:20px 0;
				}

#right-col.gallery{
		width:350px;
		float:right;
		padding:0px;
		}
#right-col.gallery img{
	}
	
#right-col.gallery ul{
		list-style-type:none;
		padding:0 0 0 25px;
	}
	
	#right-col.gallery ul li{
		float:left;
		padding:0 3px 3px 3px;
		}
	#right-col.gallery ul li a img{
		border:solid 3px #bcbcbe;
		width:93px;
		height:50px;
		}
	#right-col.gallery ul li a:hover img{
		border:solid 3px #005918;
		}
		
		
		
#footer {padding:10px 0; width:800px; margin-left:auto; margin-right:auto;}
	#footer p{
		font-size:11px;
		text-align:right;
		color:#fff;
		
	}
	
				
				
				
/* ------------universal classes------------- */

.width20{ width: 20%;}
.width25{ width: 25%;}
.width30{ width: 30%;}
.width33{ width: 33%;}
.width35{ width: 35%;}
.width40{ width: 40%;}
.width45{ width: 45%;}
.width50{ width: 50%;}
.width55{ width: 55%;}
.width60{ width: 60%;}
.width65{ width: 65%;}
.width66{ width: 66%;}
.width70{ width: 70%;}
.width75{ width: 75%;}
.width80{ width: 80%;}

.xsmall {}
.small {}
.medium {}
.large {}
.xlarge {}
.xxlarge {}

.img-center { display:block; margin: 0 auto;}
.img-left { float:left; padding: 0 10px 5px 0;}
.img-right { float:right; padding: 0 0 5px 10px;}

.txt-center { text-align: center;}
.txt-right { text-align: right;}
.txt-left { text-align: left;}

.form-text, .form-textarea, .form-select { padding: 2px 3px; border: 1px solid #CCC; background-color: transparent; color: #FFFFFF;}
.form-style {}
.form-text:focus, .form-textarea:focus, .form-select:focus, .form-style:focus {}
.form-table td { padding: 2px;}

.right { float:right;}
.left { float:left;}
.clear { clear: both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */