/*
Theme Name: MCS
Theme URI: http://www.marine-doors-hatches.com
Description: Theme for MCS.
Author: Zack Goehner
Author URI: http://www.nineoclockarts.com
version: 1.0
*/

html,body {
margin:0;
padding:0;
}

body {
background:#aababa url(images/bg.png) repeat-x;
color:#3b3b3b;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
line-height:20px;
text-align:center;
}

a {
color:#b72700;
outline:none;
}

:-moz-any-link:focus {
outline:none;
}

a[href$='.pdf'] {
background:transparent url(images/pdf.png) no-repeat center right;
padding:1px 24px 1px 0;
}

div#outer {
background:url(images/shadow.png) top center no-repeat;
margin:30px auto 0;
min-height:743px;
width:924px;
}

div#wrapper {
background:#f0f4f4;
margin:0 auto;
min-height:743px;
position:relative;
width:900px;
}

div#header {
background:#fff;
height:150px;
position:relative;
}

div#header h1 {
left:20px;
margin:0;
padding:0;
position:absolute;
top:54px;
}

div#header .contact {
left:728px;
position:absolute;
top:54px;
}

div#header .navigation {
background:#4c4d4e;
height:30px;
left:0;
overflow:hidden;
position:absolute;
text-align:left;
top:120px;
width:100%;
}

ul#navlist {
list-style-type:none;
margin:0;
padding:0;
white-space:nowrap;
}

ul#navlist li {
background-color:#4c4d4e;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:11px;
margin:0;
padding:9px 0 10px;
text-transform:uppercase;
}

#navlist li a {
color:#e1e1e1;
height:30px;
margin:0;
padding:8px 23px;
text-decoration:none;
}

ul#navlist li#active {
background-color:#707171;
color:#fff;
}

#navlist a:hover {
background-color:#707171;
color:#fff;
}

.box {
background:#fff;
display:inline;
text-align:left;
}

.main {
float:left;
margin:10px;
width:540px;
}

.main .content {
margin:30px 30px 60px;
min-height: 300px;
}

h2.title {
border-bottom:1px dashed #adadad;
color:#4c4d4e;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:bold;
line-height:30px;
padding-bottom:15px;
width:100%;
}

.content img {
padding: 3px;
border: 1px solid #ccc;
}

.side {
float:right;
margin:10px 10px 0 0;
width:330px;
}

.side .content {
margin:15px;
}

h2.product-menu {
background:url(images/product-menu.png) no-repeat;
height:12px;
margin:0;
padding:0 0 10px;
width:101px;
}

h2.product-details {
background:url(images/product-details.png) no-repeat;
height:12px;
margin:0;
padding:0 0 10px;
width:117px;
}

h2.product-menu span,h2.product-details span {
display:block;
height:0;
overflow:hidden;
width:0;
}

.side ul {
margin:0;
padding:0;
width:300px;
}

.side ul.menu li {
border-bottom:1px solid #cccccc;
list-style:none;
margin:0;
padding:0;
width:100%;
}

.side ul.menu li a {
color:#3b3b3b;
display:block;
padding:4px;
text-decoration:none;
}

.side ul.menu li a:hover {
background:#f2f2f2;
}

.side ul.details li {
border-bottom:1px solid #cccccc;
list-style:none;
margin:0;
padding:4px;
width:100%;
}

.side ul.details li a {
color:#3b3b3b;
text-decoration:none;
}

.side ul.details li a:hover {
color:#b72700;
}

.side ul li.last {
border-bottom:none;
}

span.model {
font-weight:bold;
}

div#footer {
background:#fff url(images/bg-footer.png);
clear:both;
height:170px;
position:relative;
}

div#footer p {
color:#333333;
line-height:18px;
margin:0;
padding:0;
}

div#footer a {
color:#333;
text-decoration:none;
}

div#footer a.nine {
color:#757575;
font-size:11px;
font-style:italic;
}

div#footer a:hover {
border-bottom:1px dashed #888;
}

div#footer .contact {
left:40px;
position:absolute;
text-align:left;
top:30px;
}

div#footer .credits {
position:absolute;
right:20px;
text-align:right;
top:30px;
}

div#home {
position: relative;
height:600px;
overflow: hidden;
}

div#home #photo-large {
position: absolute;
left: 10px;
top: 10px;
width: 540px;
height: 240px;
}

div#home #home-products {
position: absolute;
left: 560px;
top: 10px;
width: 330px;
height: 240px;
}

div#home #home-description {
position: absolute;
left: 10px;
top: 260px;
width: 540px;
height: 160px;
background: url(images/home_description.png) no-repeat;
}

div#home #home-description #description {
padding: 28px;
text-align: left;
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 14px;
}

div#home #home-description #description p {
margin: 0;
padding: 0;
}

div#home #photo-small {
position: absolute;
left: 560px;
top: 260px;
width: 330px;
height: 160px;
}

div#home #sampler {
position: absolute;
left: 20px;
top: 430px;
width: 530px;
height: 160px;
}

div#home #feedback {
position: absolute;
left: 560px;
top: 430px;
width: 320px;
height: 160px;
}

.wpcf7-list-item {
display: block;
padding: 1px 0;
}

.cf7-label-50 {
width: 50px;
display:inline-block;
padding: 4px 0;
}

div.wpcf7 small {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #555;
}