/* CSS Document */

/*

font sizes
-----------------
18px = 1.125em
16px = 1em
14px = 0.875em
12px = 0.750em
10px = 0.625em


colors
-----------------
dark gray = #464646
medium gray = #666666
light gray = #B0B0B0 
default orange = #B29E79

*/

/* CSS Document */

/* undo some default styling of common (X)HTML browsers
 ************************************************************/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
}
html {
	background-color: #30302A;
}

body {
	line-height:1.5;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
}

article, aside, dialog, figure, footer, header, 
hgroup, nav, section { 
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;	
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;	
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
	vertical-align:middle;
}


/* model colors
 ************************************************************/

.black_text {
	color: #333;
}

.white_text {
	color: #FFF;
}


/* main styles
 ************************************************************/

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 12px;
	text-align: center;
	color: #888;
	background-color: #FFF;
	position: relative;
}

p {
	font-size: 12px;
	line-height: 20px;
	padding: 25px 0;
}

h1,.faux-h1 {
	font-size: 17px;
	font-weight: normal;
	color: #B29E79;
	text-transform: uppercase;
	padding: 0;
}

h1.boat-page-header, h1.boat-page-header-no-subnav {
	text-transform: uppercase;
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 33px;
	font-weight: lighter;
	color: #B09872;
	padding: 30px 0 50px;
}

h1.boat-page-header-no-subnav {
	padding-bottom: 0;
}

h1.boat-page-header .model-name, h1.boat-page-header-no-subnav .model-name {
	color: #777;
}

h2 {
	font-size: 12px;
	font-weight: normal;
	color: #000;
	padding: 0 0 8px;
	margin: 0 0 20px;
	border-bottom: 1px solid #DEDEDE;
}

h2.caps {
	text-transform: uppercase;
}

h3 {
	font-weight: bold;
	font-size: 13px;
	color: #FFF;
	text-transform: uppercase;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #78B1DC;
	padding: 18px 0 3px 25px;	
}

h5 {
	font-size: 28px;
	color: #FFF;
	font-weight: normal;
	text-transform: uppercase;
	padding: 13px 0 0 25px;
	float: left;
}

h7 {
	font-size: 12px;
	font-weight: bold;
	color: #B29E79;
}

h8 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #777;
	padding: 5px 0 0 20px;
	line-height: 16px;
	display: block;
}

a:link, a:active, a:visited {
	color: #78B1DC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ol {
	font-size: 12px;
	line-height: 1.5em;
	list-style: decimal outside;
	padding: 18px 25px;
}

ul {
	font-size: 12px;
	list-style: square outside;
	padding: 0 20px;
}

ul li {
	padding-bottom: 10px;
	line-height: 18px;
}

/* table styles */

table.boat_specs {
	font-size: 12px;
	margin: 15px 0 30px;
}

table.boat_specs td {
	padding: 7px;
}

.table_header {
	background-color: #EEE;
	color: #000;
	font-weight: bold;
}

.rowclass0 {
	background-color: #FFF;
}

.rowclass1 {
	background-color: #EEE;
}

/* head styles */

#header {
	width: 100%;
	text-align: center;
	z-index: 100;
	position: fixed;
	top: 0;
	left: 0;
	height: 235px;
	background: url(../images/2012-header-bg.png) bottom left repeat-x;
}

#header_container {
	width: 960px;
	height: 210px;
	margin: 0 auto;
	background: url(../images/2012-header-water-line.png) bottom center no-repeat;
}

#header ul#extra-links {
	padding: 6px 0 0;
	font-size: 11px;
	color: #333;
	font-weight: bold;
	text-align: right;
}

#header ul#extra-links li {
	display: inline;
	padding-right: 25px;
	padding-top: 0;
	padding-bottom: 4px;
}

#header ul#extra-links a:link, #header ul#extra-links a:active, #header ul#extra-links a:visited {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}

#header ul#extra-links a:hover {
	text-decoration: underline;
}

#header ul#extra-links li.facebook-link,
#header ul#extra-links li.twitter-link,
#header ul#extra-links li.youtube-link,
#header ul#extra-links li.googleplusone-link {
	background-repeat: no-repeat; background-position: top right;
	width: 16px; height: 16px;
	margin-right: 0px;
	position: relative;
}

#header ul#extra-links li.youtube-link {
	margin-right: 10px;
}

#header ul#extra-links li.facebook-link a,
#header ul#extra-links li.twitter-link a,
#header ul#extra-links li.youtube-link a,
#header ul#extra-links li.googleplusone-link div {
	padding: 3px 0 0 10px;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}

#header ul#extra-links li.googleplusone-link div {
	top: 1px;
}

#header ul#extra-links li.facebook-link { background-image: url(../images/facebook-link.jpg); }
#header ul#extra-links li.twitter-link { background-image: url(../images/twitter-link.jpg); }
#header ul#extra-links li.youtube-link { background-image: url(../images/youtube-link.jpg); }

#header .main-logo {
	margin: 25px 0 10px;
}


/* content area */

#content {
	background: url(../images/2012-bg.jpg) bottom left repeat-x #CEE4F9; 
	text-align: left;
	margin-top: 170px;
	position: relative;
}


#content_container, #content_container_home, #boat_content_container {
	width: 960px;
	min-height: 500px;
	margin: 0 auto;
	clear: both;
	background-color: #FFF;
	
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,.3);
	-moz-box-shadow: 0 0 15px rgba(0,0,0,.3);
	box-shadow: 0 0 15px rgba(0,0,0,.3);
}

#content_container_home {
	background: url(../images/side_nav_bg.jpg) top right repeat-y #FFF;;
}

#boat_content_container {
	background-color: #FFF;
}

.single_column_padding {
	padding: 30px;
}

/* home section setup */

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

#main p {
	padding-left: 0;
	padding-right: 0;
}

#main_content {
	padding: 24px;
	background-color: #FFF;
}

#secondary_content {
	padding: 24px;
	height: 100px;
}

.secondary_alpha, .secondary_beta {
	width: 300px;
	padding-bottom: 25px;
}

.secondary_alpha {
	float: left;
}

.secondary_beta {
	float: right;
}

#secondary_content h4 {
	padding: 18px 0 3px 0;
}

#secondary_content p {
	padding: 0 0 18px 0;
}

/* side nav */

#sidenav {
	width: 280px;
	float: left;
}

/* article side nav entries */

#sidenav p {
	padding: 0 25px 18px 25px;
}

.article_sep_line {
	height: 0;
	margin-left: 1px;
	border-top: 1px solid #DEDEDE;
	border-bottom: 1px solid #FFF;
}

/* callouts */

#sidenav .light_callout {
	padding: 20px 25px 20px 15px;
	margin-left: 1px;
	clear: both;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DEDEDE;
}

#sidenav .light_callout img {
	padding: 0;
	margin-right: 15px;
}

#sidenav .light_callout p.find_manitou_p,
#sidenav .light_callout p.get_catalog_p {
	line-height: 16px;
	padding-bottom: 0;
	padding-right: 0;
}

#sidenav .light_callout p.find_manitou_p {
	padding-top: 0;
}

#sidenav .light_callout p.get_catalog_p {
	padding-top: 12px;
}

#sidenav .light_callout a:link, #sidenav .light_callout a:visited, #sidenav .light_callout a:active {
	text-decoration: none;
	color: #666666;
	font-weight: bold;
}

#sidenav .light_callout a:hover {
	text-decoration: underline;
}

#sidenav .dark_callout {
	background: url(../images/dark-callout.jpg) 0 0 repeat-y #203C4D;
	padding: 11px 25px;
	clear: both;
	width: 231px;
}

/* sub headings
 ************************************************************/

#subheader {
	width: 960px;
	margin: 0 auto;
	position: absolute;
	top: 100px;
}

#boat_content_container #subheader {
	top: 450px;
	background-color: #000;
	border-top: 1px solid #333;
	z-index: 99;
}

#boat_content_container #subheader a { color: #FFF; }

#subheader h5 {
	display: none;
}

#subnav, #boat_subnav {
	text-align: left;
}

#subnav ul, #boat_subnav ul {
	font-size: 12px;
	color: #909090;
	padding: 10px 25px;
}

#content_container #subnav ul {
	padding-left: 50px;
}

#subnav ul a, #boat_subnav ul a {
	color: #78B1DC;
	text-transform: uppercase;
}

#subnav ul li, #boat_subnav ul li {
	display: inline;
}

#subnav .li_sep, #boat_subnav .li_sep {
	padding: 0 4px;
}

#nav_content_spacer {
	background: url(../images/nav_content_spacer.jpg) 0 0 no-repeat;
	height: 10px;
}

#boat_info .double_line_break p, #color_pkgs .double_line_break p {
	padding: 7px 0;
	margin: 0
}

#boat_info .build_your_pontoon a, #color_pkgs .build_your_pontoon a {
	padding-left: 20px;
	background: url(../images/boat_pages/build_small.jpg) 0 -3px no-repeat;
} 

/* all articles pages
 ************************************************************/

.article_container {
	clear: both;
	padding: 30px 0;
}

.single_article_container {
	padding: 30px 50px;
}

.article_container p, .single_article_container p {
	padding: 0 0 15px 0;
}

.article_thumb {
	float: left;
	width: 175px;
	text-align: center;
	padding-bottom: 18px;
}

.event_thumb {
	float: left;
	width: 225px;
	text-align: left;
	padding-bottom: 18px;
}

.article_content {
	float: left;
	width: 650px;
	text-align: left;
}

.event_content {
	float: right;
	width: 600px;
	text-align: left;
	padding-top: 12px;
	padding-bottom: 18px;
}

/* google map styels
 ************************************************************/
#map_container {
	width: 900px;
	font-size: 11px;
	border: 1px solid #555;
}

#map_container #sidebar {
	overflow: auto;
	height: 500px;
	color: #333;
}

#map_container #map {
	overflow: hidden;
	width: 600px;
	height: 500px;
}

/* photo gallery
 ************************************************************/

.photo_gallery_holder {
	width: 20%;
	float: left;
	text-align: center;
}

.photo_gallery_holder img {
	border: 1px solid #DEDEDE;
}

.photo_gallery_holder p {
	padding-top: 3px;
	width: 150px;
	margin: 0 auto;
}

/* video archive
 ************************************************************/

.video_archive_panel {
	width: 200px;
	padding: 17px;
	float: left;
	background-color: #E5E5E5;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.video_archive_panel h2 {
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
}

.video_archive_panel p {
	padding: 15px 0 15px;
	line-height: 16px;
}

.video_archive_panel p.dotted {
	border-bottom: 1px dotted #999;
}

.video_display {
	width: 600px;
	float: right;
}

.video_alpha {
	float: left;
	width: 150px;
	padding: 3px 0 25px 0;
}

.video_beta {
	float: right;
	width: 430px;
	padding: 0 0 10px 0;
}

.video_beta a {
	display: block;
	padding: 8px 0;
}

.video_beta p {
	padding: 0 0 15px 0;
}


/* performance pages
 ************************************************************/
#hull_illustration_container {
	padding: 20px 0 ;
}

.hull_illustrations {
	float: left;
	width: 280px;
	text-align: left;
	padding-right: 23px;
}

.four_column {
	float: left;
	width: 210px;
	text-align: left;
	padding-right: 17px;
	padding-bottom: 25px;
}

.four_column p {
	padding: 7px 0 0 0;
}

.performance_table {
	border-right: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	border-top: 1px solid #DEDEDE;
	margin-bottom: 40px;
}

.performance_table td {
	font-size: 12px;
	padding: 7px;
	text-align: left;
	line-height: 16px;
	border-bottom: 1px solid #DEDEDE;
}

.copy-section {
	padding: 10px 25px 25px;
}

#boat_info .copy-section p {
	padding: 0 0 15px;
}

.copy-section h4 {
	font-size: 12px;
	color: #333;
	margin: 0;
	padding:5px 0 2px;
}

.cs-col-alpha {
	float: left;
	width: 300px;
	text-align: center;
}

.cs-col-beta {
	float: right;
	width: 560px;
}

.cs-col-beta p.caption {
	text-align: center;
	font-weight: bold;
	width: 206px;
	margin-right: 25px;
	float: left;
}

.copy-section-sep {
	border-top: 1px solid #999;
	margin: 0 25px;
	height: 20px;
}


/* boat page styles
 ************************************************************/

#boats_main_image {
	text-align: left;
	height: 450px;
	position: relative;
	top: 0;
	left: 0;
	padding-bottom: 10px;
	background-color: #FFF;
	z-index: 50;
}

#boats_main_image .caption {
	font-family: Helvetica, Verdana, Arial, Sans-Serif;
	font-size: 60px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFF;
	color: rgba(255,255,255,.7);
	text-shadow: 4px 4px 7px rgba(0,0,0,0.6);
}

#boats_main_image .top { top: 20px; }
#boats_main_image .bottom { bottom: 10px; }
#boats_main_image .left { left: 30px; text-align: left; }
#boats_main_image .right { right: 30px; text-align: right; }

#build_your_boat {
	position: absolute;
	top: 390px;
	right: 15px;
}

#available_models {
	height: 40px;
	width: 660px;
	text-align: left;
	position: absolute;
	top: 385px;
	left: 0;
}

#available_models ul {
	text-transform: uppercase;
	font-size: 12px;
	padding: 13px 0 0 25px;
	color: #DDD;
	text-shadow: 1px 1px 2px #000;
}

#available_models ul li {
	display: inline;
	font-weight: bold;
}

#available_models ul .models_li_sep {
	padding: 0 3px;
}

#boat_info {
	padding: 25px;
	margin-top: 20px;
}

#boat_info p {
	padding: 18px 0 0 0;
}

#boat_info .photo_gallery_holder p {
	padding: 3px 0 18px 0;
}

.boat_col_alpha {
	float: right;
	text-align: left;
	width: 480px;
	padding-top: 15px;
}

.boat_col_beta {
	float: left;
	text-align: left;
	width: 400px;
	padding-top: 18px;
}

.boat_col_beta img {
	padding-bottom: 0px;
}

#overview-features {
	padding: 0 25px 25px;
}

.overview-feature-item {
	width: 25%;
	float: left;
	text-align: center;
}

/* floor plan page */
.floorplan_column_class0 {
	float: left;
}

.floorplan_column_class1 {
	float: right;
}

.floorplan_column_class0, .floorplan_column_class1 {
	width: 49%;
	text-align: center;
	padding: 10px 0;
}

/* options */
.option_caption {
	font-size: 12px;
	padding: 7px 15px 15px 15px;
	font-weight: bold;
	line-height: 16px;
}

/* standards and features columns */

td.std_column {
	border-right: 1px solid #DEDEDE;
}

td.std_column_last {
	border-right: none;
}

td.std_column ul, td.std_column_last ul {
	font-size: 12px;
	padding: 0 30px;
	margin: 0;
	line-height: 15px;
}

td.std_column ul li, td.std_column_last ul li {
	padding-bottom: 15px;
}

/* color packages */
#color_pkgs {
	padding: 25px;
}

.color_pkg_holder p.caption {
	padding : 8px 0 25px;
}

#color_pkgs .note {
	font-style: italic;
}

.color-pkg-grid {
	padding: 10px 0;
}

.color-pkg-grid .color-pkg-duo-col {
	width: 450px;
	float: left;
}

.color-pkg-grid .color-pkg-quint-col {
	width: 225px;
	float: left;
	text-align: center;
}

.color-pkg-grid .color-pkg-duo-col p.caption {
	padding : 2px 0 25px;
}

/* my account page
 ************************************************************/
#acc_container {
	padding: 25px;
}

#acc_container h2 {
	text-transform: uppercase;
	margin-bottom: 0;
	font-size: 14px;
}

#acc_container .double_line_break p, .single_article_container .double_line_break p {
	padding: 5px 0;
}

#acc_container .double_line_break p .li_sep, .single_article_container .double_line_break p .li_sep {
	padding: 0 5px;
}

#acc_container table {
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
}

#acc_container td {
	padding: 10px 7px;
	line-height: 16px;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#acc_container table.acct_info, 
#acc_container table.acct_info td {
	border: none;
	padding: 2px 5px;
}

table.knowledgebase {
	font-size: 12px;
	margin-top: 15px;
}

table.knowledgebase a.excel, 
table.knowledgebase a.word, 
table.knowledgebase a.acrobat,
table.knowledgebase .exception {
	padding: 0 0 5px 20px;
}

table.knowledgebase a.excel {
	background: url(../images/excel.png) 0 0 no-repeat;
}

table.knowledgebase a.word {
	background: url(../images/word.png) 0 0 no-repeat;
}

table.knowledgebase a.acrobat {
	background: url(../images/acrobat.png) 0 0 no-repeat;
}
 

/* footer
 ************************************************************/


#footer {
	background: url(../images/2012-footer-bg.jpg) top left repeat-x;
}

#footer_container {
	width: 960px; height: 185px;
	margin: 0 auto;
	background: url(../images/2012-footer.png) top center no-repeat;
}

#footer_container p {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	padding: 5px 0 0 0;
	margin: 0;
	line-height: 1.7;
}

#footer_container .copyright {
	font-weight: normal;
	color: #fff;
}

#footer_container .alpha,
#footer_container .beta {
	margin-top: 45px;
}

#footer_container .alpha {
	float: left;
	clear: left;
	width: 45%;
	text-align: left;
}

#footer_container .beta a {
	margin-right: 10px;
}

#footer_container .beta {
	float: right;
	clear: right;
	width: 40%;
	text-align: right;
}

#footer_container .beta a {
	margin-left: 20px;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
}

#footer a:hover {
	text-decoration: underline;
}

#footer .li_sep {
	padding: 0 5px;
}

/* pagination
 ************************************************************/

#pagination {
	text-align: center;
	padding: 15px;
}

#pagination p {
	padding: 3px 0;
}

/* line breaks
 ************************************************************/
 
.line_break {
	height: 0px;
	border-top: 1px solid #DEDEDE;
}

.double_line_break {
	border-bottom: 1px solid #DEDEDE;
	text-align: left;
	margin-bottom: 20px;
}

.article_line_break {
	height: 0px;
	border-top: 1px solid #DEDEDE;
	clear: both;
}

.headline_underline {
	height: 15px;
	border-top: 1px solid #DEDEDE;

}

/* misc functions
 ************************************************************/

#login_container {
	text-align: center;
	padding-top: 35px;
}

#login_container p {
	padding: 0;
}

#login_container input {
	margin-bottom: 15px;
}

p.date {
	font-style: italic;
	color: #B8B8B8;
	padding: 0 0 18px 0;
}

.exception {
	font-style: italic;
	color: #B8B8B8;
	font-weight: normal;
}

.text_center {
	text-align: center;
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 18px;
}

.text_left {
	text-align: left;
}

.text_right {
	text-align: right;
}

.angled_quote {
	font-size: 16px;
}

.error {
	color: #FF0000;
}

.float_left {
	float: left;
	clear: left;
	padding: 0 15px 0 0;
}

.float_right {
	float: right;
	clear: right;
	padding: 0 0 0 5px;
}

 
/* clear fixes */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { 
	display: inline-block; 
}

/* start commented backslash hack \*/
* html .clearfix { 
	height: 1%; 
}

.clearfix { 
	display: block; 

}
/* close commented backslash hack */


.manitou-2012-signup-wrapper {
	position: absolute; bottom: 0; left: 10px;
	height: 285px; width: 500px;
	font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif; font-size: 12px; font-weight: bold;
	color: #FFF; text-shadow: 3px 3px 2px #000; text-shadow: 3px 3px 2px rgba(0,0,0,0.8);
}

.manitou-2012-signup-wrapper p {
	padding: 25px 0 0 13px;
}

.manitou-2012-signup-wrapper p.days-left {
	text-transform: uppercase;
	padding-top: 0;
}

.manitou-2012-signup-wrapper label em {
	font-size: 11px; font-weight: normal;
}

.manitou-2012-signup-wrapper input.text-field,
.manitou-2012-signup-wrapper input.text-field-error {
	height: 45px; width: 212px;
	border: none; outline: none;
	padding: 2px 20px 0 20px; margin: 0 0 0 4px;
}

.manitou-2012-signup-wrapper input.text-field {
	background: url(../images/manitou-2012-sign-up/input-bg.png) 0 0 no-repeat;
}

.manitou-2012-signup-wrapper input.text-field-error {
	background: url(../images/manitou-2012-sign-up/input-bg-error.png) 0 0 no-repeat;
}

.manitou-2012-signup-wrapper input.submit {
	height: 48px; width: 151px;
	border: none;
	text-indent: -9999em;
	background: url(../images/manitou-2012-sign-up/submit.png) 0 0 no-repeat;
	padding: 0; margin: 4px 0 0 2px;
	cursor: pointer;
	
	/* IE 7 Hacks */
	font-size: 0; 
	display: block; 
	line-height: 0;
}