/*

CastCooler

Coded and Designed by Tony Scialdone
Programmed by Thomas Bright
http://www.DotComOnomics.com/

*/

/* GLOSSARY
COLOR 1: BLACK #000
COLOR 2: BLUE #008fd4
COLOR 3: BLUE TEXT #06c;
*/

/* UNIVERSAL DECLARATIONS */

body * {
	position: relative;
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0; 
	outline: none; }


/* CONTAINERS */

body {
	margin: 0;
	padding: 0;
	background: #fff url(../images/bg_body.gif) repeat-x left top; 
	font: normal .8em/1.4em verdana, tahoma, arial, sans-serif; 
	color: #000; }

#wrap {  
	margin: 0 auto;
	width: 780px; }
	
#header {  
	margin: 0 auto;
	width: 100%; }

#content {
	margin: 14px auto; }

#main {
	float: left;
	width: 460px; }

#secondary {
	float: right;
	width: 293px; }
	

	

/* NAV STYLE */

#nav { 
	clear: both; 
	left: 21px;
	margin: -6px 0 0 0 !important; margin: -21px 0 0 0; 
	padding: 0;
	list-style-type: none;
	width: 100%;
	height: 34px;
	letter-spacing: -1px; 
	text-align: center; }

#nav li { 
	display: inline; 
	float: left;
	width: 116px; 
	height: 34px;
	background: url(../images/li.jpg) no-repeat left top; }
	
#nav a:link, #nav a:visited, #nav a:active {
	text-decoration: none;
	font: bold 136%/30px arial, sans-serif;
	color: #fff; }
#nav a:hover {
	color: #000; }

	
/* HEADLINES */

h1 {}
h2 { 
	margin: 14px 0 0 0;
	padding-left: 14px;
	font: bold 145%/1.4em verdana, sans-serif; 
	color: #06c;
	letter-spacing: -1px; }
h3 {
	margin: 14px 0 0 14px;
	font: bold 118%/1.4em verdana, sans-serif; 
	color: #06c;
	letter-spacing: -1px; }	



/* PARAGRAPHS */

p { margin-bottom: 14px; padding: 0 14px; text-align: justify; }

a:link,
a:visited,
a:active { text-decoration: none; font-weight: bold; color: #f00; }
a:hover { text-decoration: none; color: #06c; }


/* HEADER STYLES */

a#logo {
	display: block;
	width: 384px;
	height: 132px; }

/* CONTENT STYLES */

#main dl, ol, ul { 
	margin-top: 14px;
	font-size: 100%; }
dt { 
	margin: 0 14px; 
	font-weight: bold;
	font-size: 110%; 
	color: #06c; }
dd { 
	margin: 0 28px 14px 28px; 
	text-align: justify; }
	
ol { 
	margin: 0 42px 14px 42px; 
	text-align: justify; }
ol li { margin-bottom: 7px; }

#main ul { margin: 0 21px 21px 21px; }
#main ul li { margin: 0 14px 7px 14px; text-align: justify; }

/* SECONDARY STYLES */


#secondary ul li { 
	list-style-type: none;
	margin: 0 0 7px 0; 
	padding-left: 14px; 
	font-weight: normal;
	font-size: 168%; 
	background: url(../images/bullet.gif) no-repeat 0px 6px; }
#secondary li ul li { margin-top: 7px; }

#secondary li ul li { 
	list-style-type: none;
	margin: 0 0 7px 0; 
	padding-left: 14px; 
	font-weight: normal;
	font-size: 100%; 
	background: url(../images/bullet2.gif) no-repeat 0px 5px; }
	
#secondary div.testimonial p { background: url(/images/quote.gif) no-repeat left top; }	
#secondary div.testimonial p span { display: block; margin-top: 7px; font-weight: bold; color: #06c; }
#secondary div.testimonial p, #secondary div.testimonial h2 { margin-left: 0; padding-left: 0; }
#secondary div.testimonial img { margin-top: 7px; }
	
/* FOOTER STYLES */

#footer {
	clear: both;
	margin: 77px 0 14px 0;
	padding: 21px 14px;
	font-size: 80%;
	color: #666; 
	border-top: 1px solid #000; }
	
#footer ul {
	margin: 21px 0;
	width: 100%; 
	text-align: center; }
#footer ul li {
	display: inline; 
	margin-right: 0px; }

/* GENERAL TYPOGRAPHY */

.colorone { color: #000; }
.colortwo { color: #008fd4; }
.colorthree { color: #06c; }
.colorfour { color: #fff; }

.fly { position: absolute; left: -9999px; }
.left { text-align: left; }
.center { display: block; margin: 0 auto; text-align: center; }
.justify { text-align: justify; }
.right { text-align: right; }
.tight { letter-spacing: -1px; }

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

.pic { 
	margin: 28px auto; 
	padding: 3px;
	background: #fff; 
	border: 1px solid #000; }

.castcooler { font-weight: bold; color: #06c; }

p.top {
	margin: 41px;
	height: 11px; 
	text-align: right; }
p.top a { background: #fc3; 
	display: block; 
	margin: 0 auto;
	padding-right: 21px;
	width: 70px; 
	height: 100%;
	background: url(../images/back_to_top.gif) no-repeat 100% 35%;
	font-size: 70%; 
	line-height:11px; 
	text-align: right; }
p.top a:hover { color: #06c; }

#secondary li.none { list-style-type: none; background: none; }

.bold { font-weight: bold; }
strong { letter-spacing: -1px; }
.red { color: #f00; }
.green { color: #060; }

form {
	margin: 21px 0 14px 21px;
	font: bold 100%/1em verdana, sans-serif;
	color: #666; }

input, textarea {
	display: block;
	margin: 0 0 7px 0;
	padding: 1px 3px 2px 3px;
	width: 200px;
	background: #fff;
	font: normal 100%/1.3em verdana, sans-serif;
	color: #f00;
	border: 1px solid #a5a59f; }

input.hidden { display: none; }

textarea {
	overflow: auto;
	width: 350px;
	height: 77px; }

input.button {
	margin: 14px 0;
	padding: 3px 0;
	width: 98px;
	height: 30px;
	background: #06c;
	font-weight: bold; 
	color: #fff;
	text-indent: 0;
	border: 0; }
	
form#order_main input {
	margin: 0;
	padding: 1px 3px 2px 3px; }
form#order_main select {
	margin-bottom: 21px; }
form#order_main input.button {
	width: auto; }

/* IMAGES */

#indexgirl {
	top: 5px; top: -5px !important;
	right: 0px; }
	
a#launchteam { 
	display: block; 
	top: -175px; 
	left: 300px; 
	width: 127px;
	height: 127px; }
	
/* INTELLIGENT NAVIGATION */

body#index #nav a.home,
body#faq #nav a.faq, 
body#castcoolerworks #nav a.castcoolerworks, 
body#contact #nav a.contact, 
body#order #nav a.order  { color: #000; }

/* PNG TRANSPARENCY FOR IE6 AND BELOW */
* html .ie { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/redhead.png', sizingMethod='image'); 
	top: -8px;
	left: 7px;
	width: 452px;
	height: 310px;
	}
* html .ie img { display: none; }

* html .ie2 { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/no_more_itchy_casts.png', sizingMethod='image'); 
	float: right; 
	top: -28px; 
	width: 236px;
	height: 294px;
	}
* html .ie2 img { display: none; }	

* html .iebasketballboy { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/basketball_boy.png', sizingMethod='image'); 
	float: right; 
	top: -11px; 
	width: 236px;
	height: 294px;
	}
* html .iebasketballboy img { display: none; }	


* html .iecoupletwo { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/couple2.png', sizingMethod='image'); 
	float: right; 
	margin-bottom: 14px;
	top: -0px; 
	width: 236px;
	height: 294px;
	}
* html .iecoupletwo img { display: none; }	

* html .iedude { 
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/smiling_dude.png', sizingMethod='image'); 
	float: right; 
	margin-bottom: 14px;
	top: -0px; 
	width: 236px;
	height: 294px;
	}
* html .iedude img { display: none; }