html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align:top;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* start */

* {
	margin: 0;
}
html, body {
	height: 100%;
	 font-family:myriad pro, myriad, trebuchet Ms, arial; font-size:12px; color:#000;
}
body { background:#b3babe }
.wrapper {
	width:980px;
	background:#FFF;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -122px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 122px; /* .push must be the same height as .footer */
}
p { font-size:13px; margin-bottom:10px; line-height:18px; font-weight:bold;}
.footer { width:980px; position:relative; margin:0 auto; background:url(images/footer.png) 0 0 repeat-x;}

#header { width:980px; background:url(images/header.png) 0 0 repeat-x; position:relative; height:134px;}
h1 a.logo { width:188px; height:87px; display:block; position:absolute; top:20px; left:20px;}
.stayupdated { width:240px; height:36px; position:absolute; right:0px; top:0px;}
.topnavigation { width:300px; position:absolute; top:15px; right:0px; height:31px;}
.topnavigation ul { float:left; color:#000; display:inline; list-style:none;}
.topnavigation ul li { float:left; margin-right:2px; display:inline;}
.topnavigation ul li a { font-family:myriad pro, myriad, trebuchet Ms, arial; font-weight:bold; font-size:14px; color:#000; text-decoration:none;}
.topnavigation ul li a:hover { color:#003ab3;}
#banner { width:980px; height:279px; background:url(images/banner.jpg) 0 0 no-repeat;}
#mainnav { height:47px; background:url(images/nav.jpg) 0 0 repeat-x;}
#mainnav ul { float:left; padding-left:20px; color:#FFF; display:inline; list-style:none;}
#mainnav ul li { float:left; margin-right:7px; line-height:47px; display:inline;}
#mainnav ul li a { font-family:myriad pro, myriad, trebuchet Ms, arial; line-height:47px; font-weight:normal; padding-left:10px; font-size:1.2em; padding-right:10px; color:#FFF; text-decoration:none;}
#mainnav ul li a:hover { color:#88aefd;}

#mainwrapper { padding:10px 20px 10px 20px; min-height: 100%; height: auto !important; height: 100%;}
#mainwrapper h2 { font-size:3.2em; margin-bottom:10px; color:#032671; font-weight:bold;}
#mainwrapper h3 { font-size:1.6em; font-weight:bold; color:#000; margin-bottom:7px;}
#mainwrapper h4 { font-size:1.2em; font-weight:bold; color:#000; line-height:1.6em; margin-bottom:7px;}
.boatdisplay { margin-bottom:10px; width:940px; height:160px;}
.boatwrapper {width:180px; text-align:center; font-size:1.2em; font-weight:bold; color:#000; height:155px; float:left; margin-right:7px;}
.boatwrapper .boat { width:180px; height:128px;}
.boat img { margin-bottom:5px;}
.paragrapharea { min-height:400px; margin-top:20px; clear:both;  width:940px;}
.textcontainer { width:449px; margin-bottom:20px; margin-right:20px; height:auto; float:left; min-height:155px;}
#mainwrapper .textcontainer h3 { font-size:2em; text-align:left; margin-bottom:10px; line-height:23px; font-weight:normal; color:#032671;}
#mainwrapper .textcontainer p { font-size:14px; border-bottom:1px solid #ddd; padding-bottom:10px; color:#000; line-height:18px;}
a.offer { width:249px; height:52px; display:block; margin:0 auto; background:url(images/offer.png) 0 0 no-repeat;}
.footernavigation { width:550px; padding-top:20px; margin:0 auto; height:75px;}
.footernavigation ul {text-align:center; color:#fff; display:inline; list-style:none;}
.footernavigation ul li { float:left; margin-right:2px; display:inline;}
.footernavigation ul li a { font-family:myriad pro, myriad, trebuchet Ms, arial; font-size:14px; color:#fff; text-decoration:none;}
.footernavigation ul li a:hover { color:#9abbff;}
.copy { position:relative; bottom:20px; text-align:center; color:#fff;}
#about { margin:0 auto;}
table#about { border-collapse:collapse; border:1px solid #727272}
table#about tr:odd { color:#FF0;}
table#about td { padding:10px 10px 10px 30px; background:#fff url(images/bullet.gif) 8px 8px no-repeat; border:1px solid #808080; font-weight:bold; font-size:14px; color:#000;}

#model { margin:0 auto;}
table#model { border-collapse:collapse; border:1px solid #727272}
table#model th { background:#036; color:#FFF; text-align:center; padding:10px; border:1px solid #09F; font-size:14px; font-weight:bold;}
table#model td { padding:10px 10px 10px 30px; background:#fff url(images/bullet.gif) 8px 8px no-repeat; border:1px solid #808080; font-weight:bold; font-size:14px; color:#000;}
table#model td.no-image {background-image:none; padding-left:10px;}

#meterial{ margin:0 auto;}
table#meterial { border-collapse:collapse; border:1px solid #ddd}
table#meterial th { background:#fff; color:#888; text-align:center; padding:10px; border:1px solid #ddd; font-size:14px; font-weight:bold;}
table#meterial td { padding:10px 10px 10px 30px; background:#fff; border:1px solid #ddd; font-weight:bold; font-size:14px; color:#000;}
table#meterial td.no-image {background-image:none; padding-left:10px;}
.field { width:300px;}
