@charset "utf-8";
/*Stylesheet for JSM-CSS Template */


body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img {
	margin:0px;
	padding:0px;
 } /*Reset*/
 
body {
	background:#333333;
	background-image:url(http://www.ohanasurfshop.com/brooke/images/BG.jpg);
	font:12px Arial, Helvetica, sans-serif;
	padding:0px;
	}
	
.floatright {float: right;
	}
	
.floatleft {float: left;
	}		
	
<--DIV Containers-->

#main {
	margin: auto;
	padding-bottom:inherit;
	}
	
#container1 {
	margin: auto;
	height: 1390px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;content-right
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	}	
	
#container1A {
	margin: auto;
	height: 950px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	}		
	
#containerT {
	margin: auto;
	height: 1180px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	}			
	
#container-about {
	margin: auto;
	height: 1880px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	}			
	
	
#container-services {
	margin: auto;
	height: 3400px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	}			
	
#container-contact {
	margin: auto;
	height: 1390px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	background-repeat:no-repeat;
	}		
	
#container-work {
	margin: auto;
	height: 1760px;
	-moz-box-shadow:    1px 1px 3px 1px #2F4F4F;
    -webkit-box-shadow: 1px 1px 3px 1px #2F4F4F;
    box-shadow:         1px 1px 3px 1px #2F4F4F;
	margin-top:15px;
	margin-bottom:15px;
	width:980px;
	background-color:#FFFFFF;
	background-image:url(../images/containerBG.jpg);
	}		
	
#header {
	margin:auto;
	/*background-image:url(../images/header.png);*/
	background-repeat:no-repeat;
	margin-bottom:15px;
	height:180px;
	width:980px;
	float:left;
	}	
	
#logo {
	margin:auto;
	/*background-image:url(../images/header.png);*/
	background- #000000'
	margin:15px;
	height:180px;
	width:180px;
	z-index:auto;
	}	
		
	
#banner {
	margin:auto;
	background-repeat:no-repeat;
	height:300px;
	width:980px;
	float:left;
	}	
	
#banner2 {
	margin:auto;
	background-image:url(../images/laptop.png);
	background-repeat:no-repeat;
	height:521px;
	width:980px;
	float:left;
	}		
	
#header-text {
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../images/professional-attitude.png);
	height:50px;
	margin-top:20px;
	width:900px;
	float:left;
	}		
	
#header-about {
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../images/about_us.png);
	height:50px;
	margin:0px;
	width:980px;
	float:left;
	}		
	
#header-services2 {
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../images/about_us.png);
	height:50px;
	margin: 0 0 30px 0;
	width:860px;
	float:left;
	}		
	
#sponsors {
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../images/about_us.png);
	height:50px;
	margin: 0 0 0px 0;
	width:860px;
	float:left;
	}					
	
#vendor-services {
	margin:auto;
	background-repeat:no-repeat;
	/*background-image:url(../images/vendors.png);*/
	height:50px;
	margin: 10px 0 10px 35px;
	width:860px;
	float:left;
	}				

#contact-text {
	margin:auto;
	background-repeat:no-repeat;
	background-image:url(../images/contactUsHome.png);
	height:50px;
	margin-top:10px;
	width:900px;
	float:left;
	}		
	
#circleb {
	margin:auto;
	margin-top: 32px;
	margin-left: 5px;
	/*background-image: url(../images/circle4.png);*/
	background-repeat:no-repeat;

	height:240px;
	width:240px;
	float:left;
	}	
	
#circleb4 {
	margin:auto;
	margin-top:32px;

	padding-left:5px;
	background-image: url(../images/circle4.png);
	background-repeat:no-repeat;

	height:240px;
	width:240px;
	float:left;
	}		
	
#circlebsponsor {
	margin:auto;
	margin-top: 350px;
	margin-left: 5px;
/*	background-image: url(../images/circle4.png);*/
	background-repeat:no-repeat;

	height:240px;
	width:240px;
	float:left;
	}	
	
#circleb4sponsor {
	margin:auto;
	margin-top:350px;

	padding-left:5px;
	background-image: url(../images/circle4.png);
	background-repeat:no-repeat;

	height:240px;
	width:240px;
	float:left;
	}			

#circle1 {
	margin:auto;
	margin-top: 5px;
	margin-left: 5px;
	background-repeat:no-repeat;
	/*background-image: url(../images/circle1.png);*/
	height:240px;
	width:240px;
	float:left;
	}		
	
#circle2 {
	margin:auto;
	margin-top: 5px;
	margin-left: 5px;
	background-repeat:no-repeat;
	/*background-image: url(../images/circle2.png);*/
	height:240px;
	width:240px;
	float:left;
	}			
	
#circle3 {
	margin:auto;
	margin-top: 5px;
	margin-left: 5px;
	background-repeat:no-repeat;
	/*background-image: url(../images/circle3.png);*/
	height:240px;
	width:240px;
	float:left;
	}		
	
#circle4 {
	margin:auto;
	margin-top: 5px;
	margin-left: 5px;
	background-repeat:no-repeat;
/*	background-image: url(../images/circle4.png);*/
	height:240px;
	width:240px;
	float:left;
	}		
	
# h1 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#fff;
	margin-bottom:5px;
	}	
	
# h2 {
	margin-bottom:15px;
	font-size:14px;
	color:#fff;
	}			
	
#content {
	margin:auto;
	background-repeat:no-repeat;
	height:290px;
	width:900px;
	margin:12px;
	float:left;
	padding:0 20px 20px 20px;
	}	
	
#photos {
	margin:auto;
	background-repeat:no-repeat;
	height:450px;
	width:870px;
	float:left;
	padding:0 25px s0px 0px;
   background-image:url(../images/team.png);
	}		
	
#Tourncontent {
	margin:auto;
	background-repeat:no-repeat;
	height:500px;
	width:900px;
	margin:15px;
	float:left;
	padding:0 25px 25px 25px;
	}	
	
	
#services {
	margin:auto;
	background-repeat:no-repeat;
	height:120px;
	width:800px;
	margin:0 25px 15px 35px;
	float:left;
	padding:0 25px 25px 25px;
	}	
		
#content-about {
	margin:auto;
	background-repeat:no-repeat;
	height:1220px;
	width:890px;
	background-color:#FFFFFF;
	margin:0 15px 15px 15px;
	float:left;
	padding:0 25px 25px 25px;
	}		
	
#content-servicesM {
	margin:auto;
	background-repeat:no-repeat;
	height:1650px;
	width:120px;
	margin:0 15px 15px 15px;
	float:left;
	padding:0 25px 25px 25px;
	}		
	
#content-contact {
	margin:auto;
	background-repeat:no-repeat;
	height:720px;
	width:900px;
	margin:0 15px 15px 15px;
	float:left;
	padding:0 25px 25px 25px;
	}			
	
#content-work {
	margin:auto;
	background-repeat:no-repeat;
	height:1050px;
	width:900px;
	margin:0px;
	float:left;
	padding:0 0px 25px 25px;
	}			
	
#content-work h2 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:15px;
	color:222px;
	}		
	
#content-work a {
	margin: auto;
	margin:15px 11px 15px 11px;
	color:222px;
	}			
	
#content-left {
	margin:auto;
	background-repeat:no-repeat;
	padding: 15px 0 10 0px;
	/*background-image:url(../images/brooke.png);*/
	height:309px;
	width:400px;
	float:left;
	margin-top:5px;
	}		
	
#content-leftTourn {
	margin:auto;
	background-repeat:no-repeat;
	padding: 10 0 10 0px;
	height:529px;
	width:305px;
	float:left;
	}		
	
	
#content-services-top {
	margin:auto;
	background-repeat:no-repeat;
	padding:15px 15px 15px 15px;
/*	background-image:url(../images/lee-harmon.png);*/
	height:235px;
	width:260px;
	float:left;
	}	
	
	
#vendor-services h2 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	margin:15px;
	color:222px;
	}	
		
#content-services-right {
	margin:auto;
	background-repeat:no-repeat;
	height:235px;
	width:570px;
	float:left;
	padding:15px;
	/*background-color:#FFFFFF;*/
	text-decoration:none;

	}	
	
#content-services-right h3 {
padding-top:20px;
color:#000000;
	}
#content-services-right13 {
	margin:auto;
	background-repeat:no-repeat;
	height:235px;
	width:570px;
	float:left;
	padding:15px;
	/*background-color:#FFFFFF;*/
	text-decoration:none;

	}	

#content-services-right13 li,ul{

	color:#FFFFFF;
	font-size:13px;
	text-decoration:none;
	list-style-type:none;

	
	/*background-color:#FFFFFF;*/
	

	}		
	
#content-services-right li {
color:#000000;	
    text-decoration:none;
	font-size:13px;
	}
	
#content-services-rightRA {
	margin:auto;
	background-repeat:no-repeat;
	height:400px;
	width:550px;
	float:left;
	padding:15px;
	}		
	
#content-services-rightRA2 {
	margin:auto;
	background-repeat:no-repeat;
	height:360px;
	width:550px;
	float:left;
	padding:15px;
	}		
	
#services-left {
	margin:auto;
	background-repeat:no-repeat;
	padding:15px;
/*	background-image:url(../images/lee-harmon.png);*/
	height:100%;
	width:170px;
	float:left;
	}			
				
		
#content-about-left {
	margin:auto;
	background-repeat:no-repeat;
	padding:15px 0px 5px 15px;
/*	background-image:url(../images/lee-harmon.png);*/
	height:180px;
	width:170px;
	float:left;
	}	
	

#content-about-right {
	margin:auto;
	background-repeat:no-repeat;
	height:180px;
	width:660px;
	float:left;
	padding:15px;
	}
	
#content-about-right2 {
	margin:auto;
	background-repeat:no-repeat;
	height:860px;
	width:880px;
	float:left;
	padding:0 15px;
	}
	
#content-about-right2 p {
font-size:16px;
color:000;
	}	
	
	
			
#content-services {
	margin:auto;
	background-repeat:no-repeat;
	height:1810px;
	width:900px;
	float:left;
	padding:0px 35px;
	/*background-color:#fff;*/
	}			
	
	
	
#services-right {
	margin:auto;
	background-repeat:no-repeat;
	height:100%;
	width:430px;
	float:left;
	padding:15px;
	}			
	
#content-right {
	margin:auto;
	background-repeat:no-repeat;
	height:300px;
	width:499px;
	float:left;
	padding:2px 0 0 1px;
	}
	
#content-rightTourn {
	margin:auto;
	background-repeat:no-repeat;
	height:409px;
	width:590px;
	float:left;
	padding:3px 0 0 0px;
	}
	
#content-rightTourn h1, h2 {
 	color:#FFFFFF;
	}

#content-rightTourn h3 {
 /*	color:#091b7e;*/
	}	
	
		
	
#content-servicesM {
	margin:auto;
	background-repeat:no-repeat;
	height:2400px;
	width:890px;
	float:left;
	padding:0 20px 0 30px;
	}				

#content-services p {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	color: #fff;
	}	
	
#content-service h2 {
	font-size:25px;
	}	



#services-main {
	margin:auto;
	background-repeat:no-repeat;
	height:740px;
	width:790px;
	float:left;
	padding:0px;
	}		
	
#services-main p {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	color: #666666;
	}		
	
#services-main h3 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:15px;
	color: #666666;
	text-decoration:none;
	font-weight: bold;
	}				
			
#content p {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:12px;
	color:222px;
	}	
	
#content-about-right p {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin-top:15px;
	color:222px;
	}	
	
#services-main a {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #666666;
	text-decoration:none;
	font-weight: bold;
	}		
	
#content-right h1 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:19px;
	margin:0 15px 15px 15px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
#content-right h2 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	padding-left:0px;
	margin:0 15px 15px 15px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}	
	
/*#content-right h2 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:0 0 15px 145px;
	color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	}		*/
	
#content-right h3 {

	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	margin:0 0px 15px 15px;
	color:#fff;
	padding-left:0px;
	}		
	
#content-right p {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	margin:0 0px 15px 13px;
	color:#fff;
	}				
	
#content-about-right h1 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#6f87c2;
	}	
	
#content-about-right h2 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#999999;
	
	}					
	
#content h2 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:15px;
	color:222px;
	}	
	
#content h3 {
	margin: auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:12px;
	color:222px;
	}			

#footer {
	margin:auto;
	margin-bottom:-15;
	background-repeat:no-repeat;
	margin-top:39px;
	height:50px;
	width:980px;
	background-color: #081c80;
	float:left;
	clear: both;
	}	
	
#footer-left {
	margin:auto;
	background-repeat:no-repeat;
	height:50px;
	width:532px;
	float:left;
	padding: 2px 2px 0 12px;
	color:#fff;
	}	
	
	
	
#footer-right {
	margin:auto;
	background-repeat:no-repeat;
	height:50px;
	width:360px;
	float:left;
	padding:2px;
	}				
	
#footer-left h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#dcf71f;
	margin:15px 10px 15px 15px;
	float:left;
	}	
	
#footer h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#999999;
	margin:15px;
	float:left;
	}		
#footer ul {
	margin:auto;
	margin-left:25px;
	width:400px;	
		float:left;
}
	
#footer li  {
	margin:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	margin-left:5px;
    margin-top:15px;
	margin-right:18px;
	display:inline;
	text-decoration:none;
	float:left;
	}	
	
#footer a {
	text-decoration:none;
	color:#FFFFFF;
	}
	
#footer a:hover {
	text-decoration:none;
	color:#FFFFFF;
	}	
	
#footer a:active {
	text-decoration:none;
	color:#8a171b;
	}		
	
#footer-left a{
	color:#cc0033;
	}	
	
#footer-left a:hover {
	text-decoration:none;
	color:#fff;
	}	
	
#footer-left a:active {
	text-decoration:none;
	color:#8a171b;
	}			
/*#nav {;
    list-style:none;
	font:Arial, Helvetica, sans-serif;
	font-size:18px;
	margin:auto;
	height:50px;
	background-color: #999999;
	width:980px;
	float:left;
	
	} 
	
#nav li {
	margin:auto;
	display:inline;
	padding: 2px;
	width:130px;
	margin-left:120px;
	background-color:#333333;
	}
	
#nav a {
	margin:auto;
	color:#FFFFFF;
	text-decoration:none;
	display:
	{*/
#content-about-right p {
font-size:16px;
color:000;
	}