/*
Theme Name: Turtle Coat
Theme URI: http://www.turtlecoat.com
Description: TurtleCoat Ported Design.
Version: 1
Author: Shea Allen
Author URI: http://www.astereostudio.com
*/

body {
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

/* logo */

#logo {
	width: 970px;
        margin: 0 auto;
        height: 155px;
}

#logo .mi {
width: 451px;
float: left;
margin-left: 229px;
display: inline;
}

#logo .sb {
text-align: right;
width: 290px;
float: right;
}

#logo .sb #form2 {
margin-top: 95px;
}

#logo .sb #form2 .field {
border: 1px solid #777;
background-color: #fff;
width: 190px;
padding: 2px;
margin: 0px;
}

#logo .sb #form2 .si {
color: #222;
border: 1px solid #777;
background-color: #fff;
margin: 0px;
padding: 0px;
padding: 2px;
}

#logo a img {
border: 0px;
}
/* wrap, basic setup */

#wrap {
	width: 970px;
	margin: 0 auto;
	background-color: #fff;
	background-image: url(images/bot-bot-r.gif);
	background-position: top right;
	background-repeat: no-repeat;
	margin-bottom: 10px;
}
a {
	text-decoration: none;
}
a img {border: 0px;}
#thebasics {
	background-image: url(images/wrap-basics.gif);
	width: 100%;
	background-repeat: repeat-y;
padding-bottom: 10px;
}
/* header, nav */

#top {
	width: 970px;
	margin: 0 auto;
}
#top .nav {
	background-image: url(images/navtop.gif);
	height: 31px;
	width: 100%;
	background-repeat: repeat-x;
	width: 885px;
float: left;
	text-align: center;
display: inline;
}
#top .nav a img {
	border: 0px;
	margin-right: 10px;
	margin-left: 10px;
}
#top .nav ul {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
	list-style-type: none;
}
#top .nav ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	float: left;
}
#top .nav ul li a {
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
	margin-right: 15px;
	margin-left: 15px;
	font-family: Verdana, Geneva, sans-serif;
}
#top .boxl {
	background-image: url(images/box-l-corner.gif);
	height: 31px;
	width: 20px;
	float: left;
display: inline;
}
#top .boxr {
	background-image: url(images/box-r-corner.gif);
	width: 65px;
	height: 31px;
	float: right;
display: inline;
}

/* Fix under the nav, background image strip */

.cleanup {
	background-image: url(images/midsec.gif);
	height: 16px;
	background-repeat: no-repeat;
}
/* sidebar nav */

#sb {
	background-color: #335804;
	width: 168px;
	float: left;
	text-align: center;
}
#sb .inav img {
	margin-bottom: 5px;
}
#sb .inav a img {
	border: 0px;
}
/* Inside Content */

#mc {
	width: 790px;
	float: right;
}
#mc h2 {
font-size: 22px;
font-weight: normal;
line-height: 100%;
margin: 0px;
padding: 0px;
margin-bottom: 25px;
color: #111;
}
.inside {
	width: 760px;
	margin: 0 auto;
}
.inside .afford {
	margin-left: 115px;
	margin-bottom: 10px;
}
#split {
	width: 760px;
	margin: 0 auto;
	background-image: url(images/inside-grad.gif);
	background-repeat: repeat-x;
	background-position: top;
	border-top: 1px solid #ccc;
	padding-top: 5px;
}
#split .col1 {
	width: 500px;
	float: left;
	margin-left: 10px;
}
#split .col2 {
	width: 230px;
	float: right;
	margin-right: 10px;
}
#split .col1 .itemmodule {
	margin-bottom: 5px;
}
#split .col1 .itemmodule p {
	font-size: 11px;
	color: #222;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-right: 15px;
}
#split .col1 .itemmodule p a {
	color: #666;
}
#split .col1 .itemmodule p a:hover {
	color: #222;
}
#split .col1 .imagemod {
	width: 486px;
	border: 1px solid #e2e2e2;
	padding: 2px;
	margin-bottom: 10px;
}
#split .col1 p.small {
	font-size: 11px;
	font-weight: bold;
	color: #232323;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
	padding-left: 10px;
}
#split .col2 .warmod {
	text-align: center;
}
#split .col2 .warmod a img {
	border: 0px;
}
#split .col2 .photomodules {
	background-image: url(images/inside-grad.gif);
	padding-top: 5px;
	border-top: 1px solid #ccc;
	background-position: top;
	background-repeat: repeat-x;
margin-bottom: 25px;
}
#split .col2 .photomodules p.smallc {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}
#split .col2 .photomodules .items {
	margin-bottom: 5px;
	text-align: center;
}
#split .col2 .photomodules .items a img {
	padding: 2px;
	border: 1px solid #e2e2e2;
}
#split .col2 .photomodules .items p {
	font-size: 11px;
	color: #222;
	text-align: right;
	margin: 0px;
	padding: 0px;
	padding-right: 10px;
}
#split .col2 .photomodules .items p a {
	color: #666;
}
#split .col2 .photomodules .items p a:hover {
	color: #222;
}
/* Single Page Layout */
#mc .post {
margin-left: 10px;
margin-right: 75px;
}
#mc .post h2 {
font-size: 22px;
font-weight: normal;
line-height: 100%;
margin: 0px;
padding: 0px;
padding-bottom: 5px;
border-bottom: 1px dashed #e2e2e2;
margin-bottom: 10px;
color: #111;
}
#mc .post h2 a {
color: #2276F4;
}
#mc .post p {
line-height: 185%;
font-size: 13px;
color: #232323;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
}
#mc .post p a {
color: #2276F4;
border-bottom: 1px solid #2276F4;
}
#mc .post blockquote {
margin-left: 45px;
border-left: 5px solid #e2e2e2;
padding-left: 5px;
font-size: 12px;
font-style: italic;
margin-bottom: 10px;
}
/* Search Page, Custom Results */
#mc .search {
margin-right: 75px;
border-left: 5px solid #e2e2e2;
padding-left: 10px;
}
#mc .search:hover {
border-left: 5px solid #ccc;
}
#mc .search h2 {
font-size: 22px;
font-weight: normal;
line-height: 100%;
margin: 0px;
padding: 0px;
padding-bottom: 5px;
border-bottom: 1px dashed #e2e2e2;
margin-bottom: 10px;
color: #111;
}
#mc .search h2 a {
color: #2276F4;
}
#mc .search p {
line-height: 185%;
font-size: 13px;
color: #232323;
margin: 0px;
padding: 0px;
margin-bottom: 15px;
}
#mc .search p a {
color: #2276F4;
border-bottom: 1px solid #2276F4;
}
/* Homepage Additional Clases - This is for the reviews, cal, etc. I'll also do some cleanup and center the two modules because the original PSD looked a little off. In this case will wrap a class around the itmes and center the text, which should center both items in the div. */

#hpbot {
	margin-right: 10px;
background-image: url(images/inner-cont.gif);
background-repeat: repeat-x;
background-position: top;
border-top: 1px solid #ccc;
padding-top: 5px;
margin-top: 9px;
}

#hpbot .cont {
	width: 750px;
	margin: 0 auto;
}

#split .col2 .reviewmodule {
	background-image: url(images/inside-grad.gif);
	padding-top: 5px;
	border-top: 1px solid #ccc;
	background-position: top;
	background-repeat: repeat-x;
}
#split .col2 .reviewmodule p.smallc {
	text-align: center;
	font-size: 11px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	margin-bottom: 10px;
}

.reviewmodule p {
font-size: 12px;
	text-align: left;
	line-height: 155%;
	color: #232323;
	margin: 0px;
	padding: 0px;
margin-bottom: 9px;
}

.reviewmodule p.who {
text-align: right;
font-weight: bold;
font-style: italic;
font-size: 12px;
}

.reviewmodule .item {
margin-bottom: 40px;
}

/* Footer - First do some housekeeping and close off the rounded div */

#prefooter {
	background-image: url(images/prefooter.gif);
	background-repeat: no-repeat;
	background-color: #fff;
height: 16px;
}
#footer {
	background-image: url(images/footer-wrap.gif);
	background-repeat: no-repeat;
	background-color: #fff;
height: 38px;
}
#credits {
	text-align: center;
	color: #fff;
	background-image: url(images/credit-bg.gif);
margin: 0px;
padding: 0px;
}
#credits p {
	line-height: 145%;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
padding-top: 14px;
}
#credits p a {
	color: #fff;
	margin-right: 12px;
	margin-left: 12px;
	font-size: 14px;
	font-weight: bold;
}

/* next, previous page links */

#mc .navigation {
	width: 780px;
        margin: 0 auto;
margin-bottom: 5px;
margin-top: 5px;
}

#mc .navigation .alignleft {
float: left;
width: 45%;
text-align: left;
}

#mc .navigation .alignright {
width: 45%;
float: right;
text-align: right;
}

#mc .navigation a {
display: block;
border: 1px solid #e2e2e2;
padding: 4px;
color: #666;
}

#mc .navigation a:hover {
border: 1px solid #ccc;
color: #222;
}

/* custom image styles */

.fli {
float: left;
border: 1px solid #666;
margin-right: 15px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
}

.flr {
float: right;
margin-left: 15px;
margin-top: 5px;
margin-bottom: 5px;
padding: 2px;
}

.cimg {
margin: 0 auto;
margin-bottom: 10px;
display: block;
}

/* states */

.stateholder {
width: 100%;
}

.state1 {
	width: 31%;
	float: left;
	margin-right: 1%;
	margin-left: 1%;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 100%;
}
.state1 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 5px;
}
.state1 ul li {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-weight: 14px;
	font-weight: bold;
	color: #22394D;
}

.state1 ul li ul {
border-bottom: 1px solid #e2e2e2;
}

.state1 ul li ul li {
	font-size: 12px;
	font-weight: normal;
	color: #333;
	padding-top: 5px;
	padding-bottom: 5px;
}
.state1 ul li ul li:hover {
	background-color: #DDE3D2;
}
.state1 .hq {
	background-color: #DAE4DD;
	color: #ca1717;
	font-size: 11px;
}
.state1 a {
        color: #173F60;
padding-top: 4px;
}

.yellowbar {
	background-color: #FAF7BE;
	border-top: 1px solid #FC3;
	border-bottom: 1px solid #FC3;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: center;
margin-bottom: 10px;
font-size: 12px;
color: #232323;
}

/* product feature listings */

.productlist {
	text-align: center;
margin: 0 auto;
}

.productlist .ul1 {
	width: 300px;
	float: left;
	margin-right: 50px;
	text-align: left;
}

.productlist .ul2 {
	width: 300px;
	float: right;
	text-align: left;
}

.productlist ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.productlist ul li {
	list-style-image: url(images/yes.png);
	margin: 0px;
	padidng: 0px;
	margin-botom: 5px;
	font-size: 12px;
	color: #232323;
border-bottom: 1px dashed #999;
padding-top: 4px;
padding-bottom: 4px;
margin-left: 25px;
}

.productlist h3 {
	margin: 0px;
	padding: 0px;
	font-size: 16px;
	margin-bottom: 5px;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 4px;
}

.productlist .alt {
	background-color: #E9F1E0;
}

/* form styling */

.wpcf7-form {
border: 1px solid #b7ddf2;
background:#ebf4fb;
padding: 5px;
}
.wpcf7-form h1 {
font-size:14px;
font-weight:bold;
margin-bottom:8px;
}
.wpcf7-form label{
font-size: 12px;
font-weight: bold;
margin-bottom: 10px;
}
.wpcf7-form .small{
color:#666666;
font-size:11px;
font-weight:normal;
width: 140px;
line-height: 165%;
margin-top: 5px;
}
.wpcf7-form input{
font-size:12px;
padding: 3px;
border:solid 1px #aacfe4;
margin-bottom: 10px;
}
.wpcf7-form p {
margin: 0px;
padding: 0px;
line-height: 100%;
margin-bottom: 10px;
}
.wpcf7-form p.saywhat {
line-height: 150%;
background-color: #fffbcc;
color: #333;
margin: 0px;
padding: 0px;
margin-bottom: 10px;
padding: 5px;
border-top: 1px solid #f2be33;
border-bottom: 1px solid #f2be33;
}

.credlinks {
width: 100%;
text-align: center;
padding-top: 9px;
padding-bottom: 9px;
}

.credlinks img {
margin-right: 5px;
margin-left: 5px;
}

/* extra stuff */

.keyimg {
float: right;
margin-left: 15px;
padding: 2px;
border: 1px solid #eee;
}

h3.other {
font-size: 14px;
font-weight: bold;
color: #ca1717;
margin: 0px;
padding: 0px;
line-height: 135%;
margin-bottom: 5px;
}

/* hp gal &/

#hpgal {
	position:relative;
	height:372px
}
	#hpgal a {
		float:left;
		position:absolute;
	}
	
	#hpgal a img {
		border:0px;
	}
	
	#hpgal a.show {
		z-index:500
	}

	#hpgal .caption {
		z-index:600; 
		background-color:#000; 
		color:#ffffff; 
		height:100px; 
		width:100%; 
		position:absolute;
		bottom:0;
	}

	#hpgal .caption .content {
		margin:5px
	}
	
	#hpgal .caption .content h3 {
		margin:0;
		padding:0;
		color:#1DCCEF;
	}

/* the movie */

.themovie {
	padding: 2px;
border: 1px solid #e2e2e2;
margin-bottom: 10px;
}

/* more gallery button */

.col2 .mgi {
	margin: 0 auto;
text-align: center;
margin-bottom: 5px;
}
.col2 .mgi img {
border: 0px;
}

.col2 .mgi a img {
border: 0px;
}