/*===========================================================
WEBSITE: Wake & Ski
COMPANY: zagota.com
===========================================================*/

body {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 1.5em;		
		height:100%;
		margin: 0px;
		padding: 0px;
		background: url("../images/bg_shim.jpg") repeat-x;
		background-color: #f99422;
		color: #ffffff;
}

ul, ol {
    	padding: 0;
    	margin: 0;
}

/*===========================================================
HEADLINES, LINKS & PARAGRAPHS
===========================================================*/

h1 {	margin-top: 0px !important; margin-bottom: 0px !important; font-size: 1.0em; }
h2 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h3 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
h4 {	margin-top: 0px !important;	margin-bottom: 0px !important; font-size: 1.0em; }
p {		margin: 0px; padding: 0px; text-align: left; }

a:link {color:#ffffff; text-decoration:none; font-family:arial, serif;}
a:visited {color:#ffffff; text-decoration:none; font-family:arial, serif;}
a:hover {color:#ffffff; text-decoration:underline; font-family:arial, serif;}
a:active {color:#ffffff; text-decoration:none; font-family:arial, serif;}

/*=========================================================== 
LAYOUT
=============================================================
GENERAL SITE LAYOUT
===========================================================*/

#background_wrapper {
		display: block;
		margin: 0px auto 0px auto;
		padding: 0px;
		width: 980px;
}

#wrapper {
		display: block;
		float: left;
		background-color: #000000;
		width: 980px;
		height: 100% !important;
		height: 100%;
		margin: 0px 28px 0px 28px;
		padding: 0px;
		border-left: 2px solid #ffffff;
		border-right: 2px solid #ffffff;
		border-bottom: 2px solid #ffffff;		
}

#nav_wrapper {
		display: block;
		float: left;
		width: 980px;
		margin: 0px;
		_margin: 0px;
		padding: 0px;
}

#nav_wrapper h2 { font-size: 16px; font-weight: bold; margin: 0px 0px 0px 30px;}

#content_wrapper {
		display: block;
		float: left;
		width: 749px;
		margin: 0px;
		padding: 0px;
}

#shadow_wrapper {
		display: block;
		float: left;
		background: url("../images/shadow_shim.png") repeat-y;
		width: 1036px;
		margin: 0px;
		padding: 0px;
}

#shadow_bottom {
		display: block;
		float: left;
		background: url("../images/shadow_bottom.png") no-repeat;
		width: 1042px;
		height: 42px;
		margin: 0px;
		padding: 0px;
}


/*=========================================================== 
HEADER
===========================================================*/

#header {
		display: block;
		float: left;
		width: 980px;
		height: 170px;
		margin: 0px;
		padding: 0px;
}

h1#header_logo {
		display: block; 
		float: left;
		width: 525px;
		padding: 170px 0 0 0; 
		overflow: hidden;  
		background: url("../images/logo_wake.jpg") no-repeat;  
   		height: 0px !important; 
		height /**/: 170px;
		margin: 0px 0px 0px 30px;
}

#header_banner {
		display: block;
		float: left;
		width: 455px;
		height: 170px;
}

/*=========================================================== 
NAVIGATION
===========================================================*/

#nav {
		display: block;
		float: left;
		width: 950px;
		height: 31px;
		color: #ffffff;
		font-weight: bold; 
		font-size: 12px;
		margin: 0px;
		padding: 14px 0px 0px 30px;
}

#nav ul { display: inline; float: left; margin: 0px; padding: 0px; }
#nav ul li { display: inline; list-style: none; border-left: 2px dotted #ffffff; margin: 0px; padding: 0px 30px 0px 30px; }
#nav ul li.first { display: inline; list-style: none; border: none; margin: 0px; padding: 0px 30px 0px 0px; }

#nav_number {
		display: block;
		float: right;
		width: 260px;
		margin: 0px 30px 0px 0px;
		_margin: 0px 15px 0px 0px;
}

#nav_number h2 { float: right; font-size: 16px; color: #f99422; margin: 0px; padding: 0px;}

#nav_phone {
		display: block;
		float: left;
		width: 22px;
		height: 22px;
		background: url("../images/nav_phone.jpg") no-repeat;		
}

/*=========================================================== 
SUB NAVIGATION
===========================================================*/                                            

#subnav {
		display: block;
		float: left;
		width: 980px;
		height: 42px;
		background-color: #ffffff;
		margin: 0px;
		padding: 0px;
		z-index: 0;
}

#subnav a { position: absolute; font-weight: bold; color: #000000; margin: 0px; padding: 12px 0px 0px 30px; }

/*=========================================================== 
FOOTER
===========================================================*/

#footer {
		display: block;
		float: left;
		width: 940px;
		margin: 20px 0px 0px 0px;
		padding: 12px 20px 12px 20px;
		background-color: #f99422;
		border-top: 2px solid #ffffff;
}

#footer_content {
		display: block;
		float: left;
		width: 940px;
		background: url("../images/footer_shim.jpg") repeat-x;
		color: #ffffff;
		line-height: normal;
		font-size: 11px;
		margin: 0px;
		padding: 0px;
}

#footer_content a { color: #000000; font-weight: bold; }
#footer_content a:hover { color: #000000; text-decoration: underline; }
#footer_content p { float: right; }
#footer_content ul { display: inline; float: left; margin: 0px; padding: 0px; }
#footer_content ul li { display: inline; list-style: none; border-left: 2px dotted #000000; margin: 0px; padding: 0px 30px 0px 30px; }
#footer_content ul li.first { display: inline; list-style: none; border: none; margin: 0px; padding: 0px 30px 0px 0px; }

/*=========================================================== 
HOMEPAGE
===========================================================*/

.product_container {
		display: block;
		float: left;
		width: 860px;
		background-color: #ffffff;
		color: #00000;
		margin: 30px 30px 0px 30px;
		padding: 30px;
}

.product_container h3 {	display: block;	float: left; width: 630px; color: #f99422; font-size: 18px; font-weight: bold; }
.product_container p { display: block; color: #000000; float: left; width: 630px; margin: 30px 0px 0px 0px; }
.product_container p.subtitle { margin: 0px 0px 0px 0px; font-size: 11px; }
.product_container p span { color: #f99422; font-weight: bold; }
.product_container p a { color: #f99422;}
.product_container ul { display: block; float: left; margin: 0px 0px 30px 30px; color: #000000; }

.product_image {
		display: block;
		float: left;
		width: 200px;
		margin: 0px 30px 0px 0px;
		padding: 0px;
}

.product_image img {
		display: block;
		float: left;
}

.product_thumb {
		display: block;
		float: left;
		width: 60px;
		margin: 10px 10px 0px 0px;
		padding: 0px;
}

.product_thumb_alt {
		display: block;
		float: left;
		width: 60px;
		margin: 10px 0px 0px 0px;
		padding: 0px;
}

/*=========================================================== 
ABOUT
===========================================================*/

.content_container {
		display: block;
		float: left;
		width: 860px;
		background-color: #ffffff;
		color: #00000;
		margin: 30px 30px 0px 30px;
		padding: 30px;
}

.content_container h3 {	display: block;	float: left; color: #f99422; width: 100%; font-size: 18px; font-weight: bold; }
.content_container p {  display: block; float: left; color: #000000; width: 100%; margin: 30px 0px 0px 0px; }

.news_content {
		display: block; 
		float: left; 
		width: 630px; 
		margin: 0px;
		padding: 0px; 
		color: #000000;
}

.news_content p { display: block; float: left; width: 100%; margin: 0px 0px 20px 0px; }