@charset "UTF-8";
/* CSS Document */

/*=================================*/
/* Nivo Slider Demo
/* November 2010
/* By: Gilbert Pellegrom
/* http://dev7studios.com
/*=================================*/

/*
Rip Current css styles

body
type - h1 thru 6+ paragraph
layout - all divs both ids and class (text areas, banners, footer)
specialty - links ect
other - ?????

color codes:

White rgba(240,240,240,1.0)
Black rgba(16,16,16,1.0)
Dark Blue rgba(19,40,115,1.0)
Light Blue rgba(21,151,225,1.0)
Teal rgba(147,219,186,1.0)

type / fonts:
	font - 	main heading - Marcellus
			sub head - Arima Madurai
			Paragraph - Signika Negative
*/

/**{outline:rgba(254,0,4,1.00) solid 1px;}*/

#main_content{color:rgba(21,151,225,1.0)}

h1,h2,h3,h4,h5,h6,p{font-family: Termina, "Aegoe UI", "DejaVu Sans", "Tebuchet MS", Verdana, "SansSerif";}

h1{color:rgba(32,214,191,1.00);}

h2{color:rgba(147,219,186,1.0);
	size:64px;
	float:center;
	filter: drop-shadow(0px 3px 6px rgba(219, 200, 147, 0.659));
}

h3{text-transform: uppercase;}

h4{color:rgba(19,40,115,1.00);
size:24px;}

h5{color:rgba(19,40,115,1.0);
font-size:32px;
float:center;}

h6{color:rgba(21,151,225,1.0);
	size:48px;
	float:center;
}

.image_border{border: rgba(19,40,115,1.0) solid 3px;}

#topbanner{height:600px;
width:1200px;
margin: 0px auto;
background: url("../images/sunset_sea_1200.png")no-repeat scroll center center / cover ;
padding-top: 40px;
/* pading-left 80px;*/
color:rgba(218,218,218,1.00);
font-family: 'Termina', sans-serif;
text-transformation:uppercase;
}

.product_background{width: 1200px;
height:auto;
left: 200px;
top: 0px;
margin: 0px auto;
background: url("../images/seafoam_2700.png")no-repeat scroll center center / cover;
float:center;
}

.banner_text{width:400px;
margin-left: 25px;
float:left;
}

#wide_banner{width: 100%;
height: 250px;
	left:200px;
background: rgba(215,240,0,1.00);
margin: 25px auto;
}

.product_row{width:1200;
	height:250px;
	margin: 0px auto;
}

.mini_row{width:1200;
	height:100px;
	margin-left: 100px;
}

.singleitem{height:150px;
width:1000px;
	left: 200px;
	top: 100px;
	margin-left: 150px;
}

.doubleitem{height:250px;
width:500px;
float:left;
}

.tripleitem{height:250px;
width:350px;
float:left;
}

.quaditem{height:250px;
width:250px;
float:left;
}

.clearfloats{clear: both}

.top_banner{width: 1000px;
height: 000px;
margin: 100px auto;
float:left;
}

footer{width:1200px;
height: 100px;
margin: 0 auto;
margin-left: 100 center;
margin-right: 100 center;
background:rgba(19,40,115,1.0);
text-align:center;
padding-top: 10px;
	background-position: bottom}

footer a:link{color: rgba(255,255,255,1.00);}
footer a:visited{color: rgba(255,255,255,1.00);}
footer a:hover{color: rgba(255,255,255,1.00);
text-decoration: none;}
footer a:active{color: rgba(255,255,255,1.00);}

.footer_row{width:1200;
	height:300px;
	background: rgba(19,40,115,1.0);
}

.footer_column{height:300px;
width:300px;
background: rgba(19,40,115,1.0);
float:left;
}

/*Everything from here on is automated!*/

.triplebox_class{background: url("../images/light_ocean_1200.png")no-repeat scroll center center / cover;
	width: 1200px;
	height: 480px;
	left: 200px;
	top: 0px;
	margin: 0px auto;
}

.surfimage_class {
	width: 304px;
	height: 305px;
	float:left;
	margin-left:150px;
	background: url("../images/surfing_small.png");
}

.turfimage_class {
	width: 304px;
	height: 305px;
	float:left;
	background: url("../images/cabana.png");
}

.skiiimage_class {
	width: 304px;
	height: 305px;
	float:left;
	background: url("../images/skiing.png");
}

.surftxt_class {
	width: 183px;
	text-align: center;
	font-family: Termina;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	color: rgba(147,219,186,1);
}

.turftxt_class {
	width: 177px;
	white-space: nowrap;
	text-align: center;
	font-family: Termina;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	color: rgba(147,219,186,1);
}

.wintertxt_class {
	overflow: visible;
	width: 283px;
	white-space: nowrap;
	text-align: center;
	font-family: Termina;
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	color: rgba(147,219,186,1);
}
