/* ------------------------------------------------------
	styleSheet.css
	Complete Wind Collection Management
	by Craig Bailey & Andrew Neale
--------------------------------------------------------*/


/* ------------------------------------------------------
	Basics/Defaults/Resets
--------------------------------------------------------*/


/* Whole document settings */
body 
{
	font-size: x-small; /* for IE5/Win */
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: small; /*for compliant browsers*/
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	text-align: center; /*margin: auto fix for IE6*/
	background: #fdfdfd repeat 0 0;
}

html>body 
{ 
	font-size: small;
}


/* Global White Space Reset */
html, body, dl, dt, dd, h1, h2, h3, h4, h5, h6, table, thead, tbody, tfoot, th, td, form, fieldset, legend, p, blockquote, pre 
{
	margin: 0;
	padding: 0;
}


/* Basic/HTML Tags */
h1
{
	font-size: 200%;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: normal; 
	font-family: "Helvetica Neue", Arial, sans-serif;
}
	
h2 
{
	font-size: 180%;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: normal; 
	font-family: "Helvetica Neue", Arial, sans-serif;
}
	
h3 
{
	font-size: 160%;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: normal; 
	font-family: "Helvetica Neue", Arial, sans-serif;
}

h4 
{
	font-size: 140%;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: normal; 
}

p 
{
	font-size: 100%;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: normal; 
}
	
a 
{	
	font-size: 200%;
	padding: 0 0 10px 0;
	color: #000;
	font-weight: bold;
	text-decoration: underline;
	outline: none;
	cursor: pointer; cursor: hand;
}

a:hover 
{
	text-decoration: none;
}
a:active 
{
}
a:visited 
{
}

ul
{
	color: #000;
	font-size: 100%;
}
ol
{
	color: #000;
	font-size: 100%;
}
	
em 
{
}
strong
{
	font-weight: bold;
}

/* Generic Classes */
.left
{
	float: left;
	width: auto;
}
.right
{
	float: right;
	width: auto;
}


/* ------------------------------------------------------
	Site Specific
--------------------------------------------------------*/

a img
{
	border: none;
}

/* Wrappers */
.wrapOuter
{
	float: left;
	width: 100%;
}

.wrap 
{
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 765px;
	text-align: left;/*margin: auto fix for IE6*/
}

.wrapInner
{
	float: left;
	width: 765px;
}


/* Header */
#header
{
	float: left;
	width: 729px;
	background: #fff repeat 0 0;
	padding: 18px;
}

#header #mainNav
{
	float: right;
	width: 490px;
	margin: 28px 0 0 0;
}
#header #mainNav ul li
{
	float: left;
	width: auto;
	padding: 0 22px;
	list-style: none;
	border-right: 1px solid #ccc;
}
#header #mainNav ul li a
{
	font-size: 120%;
	color: #ccc;
	text-decoration: none;
	font-weight: bold;
}
#header #mainNav ul li a.active
{
	text-decoration: underline;
	color: #7e1116;
}

/* Main Body */
#mainBody
{
	float: left;
	width: 765px;
	background: #fff none repeat 0 0;
}
#mainBody img
{
	float: left;
	width: 765px;
	padding: 18px 0;
	border-bottom: 1px solid #ccc;
}

#mainBody #content
{
	float: left;
	width: 476px;
	padding: 22px;
	color: #252525;
}
#mainBody #content span
{
	font-weight: bold;
	font-size: 120%;
	padding: 0 0 18px 0;
	margin: 0;
	float: left;
	width: 100%;
}
#mainBody #content p
{
	font-weight: normal;
	font-size: 80%;
	padding: 0 0 18px 0;
	margin: 0;
	float: left;
	width: 100%;
}
#mainBody #content p.first
{
	font-weight: bold;
}
#mainBody #content p a
{
	font-weight: normal;
	font-size: 100%;
}
#mainBody #content ul
{
	font-size: 80%;
	float: left;
	width: 100%;
}

#mainBody #subContent
{
	float: right;
	width: 245px;
	padding: 64px 0 64px 0;
}
#mainBody #subContent a
{
	color: #898989;
	text-decoration: none;
	font-weight: normal;
	font-size: 90%;
	float: left;
	clear: both;
	margin: 2px 0;
	padding: 0;
	width: 245px;
}
#mainBody #subContent a.active
{
	text-decoration: underline;
}

#mainBody .bar
{
	float: left;
	width: 765px;
	background: #ccc url(../images/bar.jpg) repeat-x 0 0;
	height: 15px;
}

/* Footer */
#footer
{
	background: #fff none repeat 0 0;
	float: left;
	width: 765px;
	height: 128px;
}

#footer #contact
{
	float: left;
	width: 332px;
	padding: 18px 0 0 22px;
}
#footer #contact span
{
	font-weight: bold;
	color: #898989;
	float: left;
	width: auto;
	margin: 0 4px 0 0;
	padding: 0;
}
#footer #contact p
{
	font-weight: bold;
	color: #9d0039;
	float: left;
	width: auto;
}
#footer #contact p a
{
	font-weight: bold;
	color: #9d0039;
	font-size: 100%;
	text-decoration: none;
}

#footer #geeks
{
	float: right;
	width: 200px;
	padding: 18px 22px 0 0;
	margin: 0;
}
#footer #geeks p
{
	float: right;
	width: auto;
	font-size: 80%;
	font-weight: normal;
	color: #898989;
	text-align: right;
}
#footer #geeks p a
{
	font-size: 100%;
	color: #898989;
	text-decoration: none;
}