/* CSS Reset */
html,body,div,span,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,em,img,strong,sup,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;}
:focus{outline:0;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

body{
	font-family: Arial, Helvetica, sans-serif;	
	font-size: 14px;
	color: #3f3f3f;
	line-height: 1.5;
	text-align: center;
	background:#bda380 url(images/bg.jpg) 0 0 repeat-x;
}
body.sub{background-position:0 -100px;}

/* TEXT ELEMENTS */
h1, h2, h3, h4{font-weight:normal;line-height:1;color:#231f20;padding:5px 0 10px 0;font: 14px 'nevisBold', Arial, sans-serif;text-transform:uppercase;}
h1{font-size:26px;padding-bottom:20px;}
h2{font-size:20px;}
h3{font-size:22px;}
h4{font-size:18px;}

p{padding:0 0 15px 0;}
strong{font-weight:bold;}
em{font-style:oblique;}

#content ul{margin:0 0 20px 30px;}
#content ul li{list-style-type:disc;margin-bottom:8px;}
#content ul ul li{list-style-type:circle;}

table td, table th{padding:5px 10px;text-align:left;border:0;font-size:12px;}
table th{background:#eee;}
table td{border-top:1px solid #ccc;}

@font-face {
    font-family: 'nevisBold';
    src: url('fonts/nevis-webfont.eot');
    src: url('fonts/nevis-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/nevis-webfont.woff') format('woff'),
         url('fonts/nevis-webfont.ttf') format('truetype'),
         url('fonts/nevis-webfont.svg#nevisBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* LINKS */
a, a:visited, a:hover, a:active{text-decoration:none;color: #3f3f3f;}

/* LAYOUT */
.container{width:960px;margin:0 auto;position:relative;text-align:left;}

#header{background:transparent url(images/bg_header.png) 0 0 repeat-x;}
#logo,#logo:visited{float:left;display:block;width:417px;height:228px;margin:0 0 0 -100px;background:transparent url(images/bg_logo.png) 0 0 no-repeat;border:0;}
#logo img{margin:20px 0 0 100px;}

#nav li{display:inline;margin:20px;}
#nav li a, #nav li a:visited{color:#969696;font: 14px 'nevisBold', Arial, sans-serif;text-transform:uppercase;border:0;}
#header #nav{position:absolute;top:50px;left:150px;z-index:2;}
#header #nav li.current a, #header #nav li a:hover{color:#e51b24;}

#fish{position:absolute;top:10px;right:-120px;z-index:1;}
#masthead{clear:both;height:210px;}

.cta{float:left;width:306px;height:194px;margin:50px 10px 20px 0;}
.cta a, .cta a:visited{border-bottom:1px dotted #3f3f3f;}
.cta.products{background:transparent url(images/bg_products.png) 0 0 no-repeat;}
.cta.company{background:transparent url(images/bg_company.png) 0 0 no-repeat;}
.cta.contact{background:transparent url(images/bg_contact.png) 0 0 no-repeat;margin-right:}
.cta img{margin:20px 0 10px 20px;}
.cta p{margin:0 0 0 20px;width:150px;}
.cta.company p{margin-top:-12px;}

.product{float:left;width:450px;height:132px;background:transparent url(images/bg_products_blank.png) 0 0 no-repeat;margin:10px 20px 20px 0;position:relative;}
.product img{position:absolute;top:-20px;}
.product h2{color:#ea464d;padding:20px 0 0 160px;}
.product p{padding:0 10px 0 160px;}

label{clear:both;line-height:20px;margin-left:3px;}
.txt{width:350px;border:1px solid #000;line-height:25px;height:25px;margin: 0 0 10px 3px;font-size:14px;color:#666;}
textarea.txt{height:100px;margin-bottom:10px;}
.btn{display:block;clear:both;}

#content{float:left;width:600px;color:#000;margin:0 0 20px 0;}
#right{float:right;width:306px;margin:0 0 20px 0;}
#right .cta{margin:0 0 20px 0;}

#footer{background:#A68A65 url(images/bg_footer.jpg) 0 0 repeat-x;clear:both;padding-top:30px;height:150px;}
#footer img{float:left;}
#footer #nav{float:right;}
#footer #nav li a, #footer #nav li a:visited{color:#3f240b;}
#footer #nav li.current a, #footer #nav li a:hover{color:#3f240b;}

/* MISC */
.alignleft{float:left;margin:0 20px 20px 0;}
.alignright{float:right;margin:0 0 20px 20px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
.red{color:#F00;}
.error{border:1px solid red;}

.clearfix:after, #container:after{
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix, .post, #container{
    display: inline-block;
}

html[xmlns] .clearfix, html[xmlns] #container{
    display: block;
}

* html .clearfix, *html #container{
    height: 1%;
}