body {
padding: 0;
margin:0;
font-size: 11px;
color: #5C4D3B;
background-color:#f1efe2;
font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
letter-spacing: 0px;
} 


/* HEADERS */

h1 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	font-size: 22px;
	font-weight: normal;
	/*color: #907256;*/
	color: #222222;
	line-height: 20px;
	padding: 10px 0px 0px 45px;
}

h2 {
	font-family:'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	font-size: 14px;
	font-weight:bold;
	/*color: #6F5841;*/
	color: #423426;
	line-height: 14px;
	padding: 0px 0px 4px 0px;
	margin: 15px 0px 10px 0px;
	border-bottom:1px dotted #6F5841;
}
h3 {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	font-size: 14px;
	font-weight:normal;
	color: #907256;
	line-height: 18px;
	padding: 0px 0px 5px 0px;
}

#headCategory {
	font-family: 'Lucida Grande', 'Lucida Sans Unicode','Lucida Sans Regular', Verdana, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-decoration:underline;
	color: #6B4700;
	line-height: 18px;
	padding: 0px 0px 5px 0px;
}


/* LISTS */

ul {
	list-style: none;
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	color:#666666;
}


/* LINKS  color:#68BF15; */	
	
a:link, a:visited {
	color: #527F0D;
	/*color: #48850b;*/
	text-decoration: none;
}

a:hover {
	color: #2D2D00;
	background-color: #DEFFB7;
	/*background-color: #e3dbcd;*/
	text-decoration: none;
}
a:active {
	text-decoration: none;
	color: #222222;
}






.clearfloat {
	clear:both;
	height:0px;
}





/* ID */

#topborder{
width:auto;
heigth:2px;
background-color:#70a900;
/* E3DBCD */
font-size: 2px;
}

#container{
	margin: 0 auto;
	padding: 1px 0px 20px 0px;
	border-width: 0 0 40px 0;
	border-style: solid;
	border-color: #f1efe2;
	width: 980px;
	height: auto;
	background-color:#FFFFFF;
}

#divider{
	margin: 10px 40px 0px 40px;
	border-width: 0 0 5px 0;
	border-style: solid;
	border-color: #E3DBCD;
}

#graphic{
text-align:center;
padding: 0px 0px 20px 0px;
}


#map{
margin: 0px 0px 50px 50px;

}

#copy{
	padding: 0px 180px 30px 45px;
	line-height: 16px;
}

#copyIphone{
padding: 0px 10px 50px 45px;
line-height: 16px;
font-size: 12px;
}

#copyColumn{
	padding: 0px 100px 20px 45px;
	line-height: 16px;
	height: auto;
}


#credits{
color: #c4a68a;
padding: 10px 100px 30px 35px;
font-size:9px;

}


#help{
	font-size: 10px;
	font-weight:normal;
	color: #9F9F9F;
	line-height: 12px;
	padding: 0px 150px 0px 100px;
}

#help a:link {
	color: #53970E;
	text-decoration: none;
	border-bottom:1px dotted #53970E;	
}
#help a:visited {
	color:#53970E;
	text-decoration: none;
	border-bottom:1px dotted #53970E;
}
#help a:hover {
	color: #48850b;
	background-color: #BFFF96;
}


 /* --- VIDEO NAV --- */
#navList{  
	padding: 10px 0px 0px 10px;
	line-height: 18px;
}
#navList .selected a { 
	color:#423426;
	font-weight:bold;
}





#list{
	padding: 10px 0px 0px 10px;
	line-height: 18px;
}

#listIphone{
	padding: 0 0px 10px 0px;
	line-height: 32px;
	font-size: 15px;
	letter-spacing: 0px;
}

p#left { /* --- Footer credits --- */
	float:left;
	padding: 5px 20px 0 0;
}
p#facebook { /* --- Footer credits --- */
	float:left;
	padding: 0 20px 0 0;
}
#fb-root { /* --- Footer credits --- */
	float:left;
	padding: 0;
}


#leftColumn {
	float:left;
	width:375px;
}
#rightColumn {
	float:right;
	width:375px;
	padding: 0px 60px 0px 0px;
}


#leftVid {
	float:left;
	width:640px;
	height:auto;
	padding: 0px 0px 0px 40px;
}
#rightVidNav {
	float:right;
	width:190px;
	height:500px;
	margin: 0px 0px 0px 5px;
	padding: 0px 0px 0px 10px;
	border-width: 0 0 0 4px;
	border-style: solid;
	border-color: #E3DBCD;
}

#vidPlayer {
	width:900px;
	/* [disabled]height:800px; */
}

/*------------------------- Navigation -------------------------*/
/*==============================================================*/
#header_nav {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	width:980px;
	height:32px;
	background-image:url(../_img/_nav/navBack.gif);
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

#header_nav a {
display:block;
float:left;
height:32px;
}

#header_nav a span {
display:none;
}

#header_nav-home:hover, #header_nav-report:hover, #header_nav-resources:hover, #header_nav-features:hover, #header_nav-map:hover, #header_nav-tubes:hover, #header_nav-goods:hover  {
background-position: 0 -32px;
}

#header_nav a.selected {
	background-position: 0 -64px;
}

#header_nav-home {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_home.gif) repeat scroll 0 0;
	width:60px;
	height:32px;
	margin: 0px 0px 0px 50px;
}

#header_nav-report {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_report.gif) repeat scroll 0 0;
	width:105px;
	height:32px;
	margin: 0px 0px 0px 0px;
}
#header_nav-resources {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_resources.gif) repeat scroll 0 0;
	width:91px;
	height:32px;
	margin: 0px 0px 0px 0px;
}
#header_nav-features {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_features.gif) repeat scroll 0 0;
	width:86px;
	height:32px;
	margin: 0px 0px 0px 0px;
}
#header_nav-map {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_map.gif) repeat scroll 0 0;
	width:68px;
	height:32px;
	margin: 0px 0px 0px 0px;
}
#header_nav-tubes {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_tubes.gif) repeat scroll 0 0;
	width:66px;
	height:32px;
	margin: 0px 0px 0px 0px;
}
#header_nav-goods {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(../_img/_nav/nav_goods.gif) repeat scroll 0 0;
	width:72px;
	height:32px;
	margin: 0px 0px 0px 0px;
}



#headerMain {
	width:980px;
	height:170px;
}
#headerLeft {
	width:350px;
	height:130px;
	float: left;
}
#timeDate {
	width:250px;
	height:30px;
	padding: 10px 10px 0px 50px;
	margin: 0px;
	float: left;
}
#logoSurfwa {
	width:200px;
	height:80px;
	float:left;
	padding: 0px;
	margin: 10px 20px 0px 40px;
}
#sponsorsHeader {
	width:290px;
	height:120px;
	float:right;
	padding: 0px;
	margin: 10px 40px 10px 20px;
}




/*--- Features Layout ----*/

#featuresContent {
	float:left;
	width:700px;
}
#featuresContent img{
	border:0px;
}

#featuresSidebar {
	float:left;
	width:200px;
	
}
#columnCopy{
	padding: 0px 45px 40px 45px;
	line-height: 16px;
}
.head01 {
	font-size: 22px;
	font-weight: normal;
	color: #907256;
	line-height: 20px;
	margin: 30px 0px 15px 45px;
}
#columnCopy .credit {
	font-size: 10px;
	font-weight: normal;
	color: #BB946F;
}
#featuresSidebar .title{
	color: #907256;
	font-size: 14px;
}
#sidebarCopy{
	margin: 30px 0px 15px 10px;
	line-height: 16px;
	font-size: 10px;
}





#leftImage {
    float:left;
    width:120px;
	height:60px;
}
#rightText {
	float:left;
	width:550px;
	height:60px;
}


#product {
	width:800px;
	height:420px;
	padding: 10px 0px 0px 0px;
}

#leftProduct {
    float:left;
    width:400px;
	height:420px;
}

#rightPaypal {
	float:right;
	width:340px;
	height:300px;
	margin: 0px 40px 0px 0px;
}




/*--------------------------------------*/
/*--- ADVERTISING ----*/
/*--------------------------------------*/

#homeSponsors {
	width:900px;
	height:100px;
	margin: 20px 0px 0px 20px;
	padding: 1px;
	/*border: 1px solid #FF0*/;
}

#homeAd {
	width:120px;
	height:60px;
	margin: 0px 0px 0px 30px;
	float:left;
	border: 1px solid #f1efe2;
}
#homeAd120x90 {
	width:120px;
	height:90px;
	margin: 0px 0px 0px 15px;
	float:left;
	border-right: 1px solid #f1efe2;
	padding: 0px 15px 0px 0px;
}




#sponsorCredit {
	float:right;
	font-size: 9px;
	color: #999;
	margin: 0px 10px 0px 0px;
}
#sponsorCredit a {
	color: #AAAAAA;
	text-decoration: none;
	background-color: #FFF;
}



#sponsorAdTop {
	width:120px;
	height:60px;
	margin: 35px 0px 0px 20px;
	float:right;
	border: 1px solid #f1efe2;
}

#sponsorAdTop120x90 {
	width:120px;
	height:90px;
	margin: 10px 0px 0px 10px;
	float:left;
	border-left: 1px solid #f1efe2;
	padding: 0px 0px 0px 10px;
}


/*--- Resources ----*/
#listSponsorContainer {
	/*width:360px;
	height:90px;*/
	width:370px;
	height:140px;
	background-color: #ECFFE5;
	margin:10px 0px 15px 0px;
	border: 1px solid #f1efe2;
	padding:1px;
}
#listingSponsor {
	width:350px;
	height:110px;
	/*border: 1px solid #390;*/
	margin: 10px 10px 0px 10px;
	padding: 0px;
}

#listingSponsor a:link, a:visited, a:active, a:hover{
	color: #527F0D;
	text-decoration: underline;
	background-color: #ECFFE5;
}