/*
Theme Name: SP Impressions
Theme URI: http://www.spimpressions.com
Description: 
Version: 1.0
Author: custardfish
Author URI: http://www.custardfish.com/
*/

/* ---------------------------------------------------------------
    reset nasty margins - all ccs by jason of custardfish - HI!
--------------------------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

.clear {clear: both;	height: 0px;}


/* ------------------------------------------------------------
    basic text formatting and resets
------------------------------------------------------------ */

body {
	font-size: 62.5%;
	margin: 0; padding: 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #333333;
	}

img { border: none }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, legend {padding: 0em;	margin: 0;}

h1, h2, h3, h4, h5, h6 {font-family:  Arial, Helvetica, Verdana, sans-serif; font-weight: normal;}
	
p, ul, ol, li, dl, dt, dd, legend {font-family:  Verdana, Arial, Helvetica, sans-serif;}

ul, li, dl, dt, dd { list-style: none }

h1{
	color: #063F39;
	margin: 5px 0 5px 0;
	font-size: 32px;
	letter-spacing: -0.1px;
}

h2 {
	font-size: 22px;
	color: #0A6E65;
	letter-spacing: -0.1px;
	}

p {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 4px 0 20px 0;
	font-size: 14px;
	line-height: 26px;
}

/* ------------------------------------------------------------
    basic site structure
------------------------------------------------------------ */

body {background: url(img/bg-body.png) top left repeat-x #0B7F75;}

#wrapper {width: 970px; margin: 0 auto;}


/* ------------------------------------------------------------
    main naviation bits
------------------------------------------------------------ */


#masthead{padding: 5px 0 0 0;}


h1.logo a{
	background: url(img/sp-txt-logo.png) 0 0 no-repeat;
	display: block;
	height: 64px;
	width: 289px;
	text-indent: -9999px;
	margin: 14px 0 0 16px;
	float: left;
}

h1.phone a{
	background: url(img/header-phone.png) 0 0 no-repeat;
	display: block;
	height: 39px;
	width: 135px;
	text-indent: -9999px;
	float: left;
	margin: 38px 0 0 150px;
}

h2.logo {
	background: url(img/sp-logo.png) 0 0 no-repeat;
	display: block;
	height: 92px;
	width: 167px;
	text-indent: -9999px;
	float: right;
	margin: 5px 12px 7px 0;
}


#nav {
	position: relative;
	clear: both;
	font-size: 14px;
	height: 41px;
	width: 970px;
	font-family: Verdana, Helvetica,  Arial, Geneva, sans-serif;
	color: #FFF;
	background: url(img/bg-top-menu.png) top left no-repeat;
}

#nav ul {
	width: 960px;
	margin: 0 auto;
	position: relative;
	background: url() left 16px no-repeat;
	}

#nav ul li {display:inline;}

#nav ul li a:link, #nav ul li a:visited {
	color: #D4EAE9;
	display: block;
	float: left;
	text-decoration: none;
	padding: 14px 17px 10px 17px;
}

#nav ul li a:hover {text-decoration: underline; color: #FFF;} 

#nav ul li.current_page_item a {color: #FFF; background: url(img/nav-arrow.png) center 31px no-repeat;}



/* ------------------------------------------------------------
    content bits - main text etc etc
------------------------------------------------------------ */

#main-body {
	background: url(img/bg-main.png) top left repeat-y;
	width: 970px;
}

#header {
	width: 960px;
	height: 252px;
	margin: 0 auto;
	background: url(img/bg-header-bottom.png) left bottom no-repeat;
	z-index:1;
	position: relative;
}

#header img {
	height: 247px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}

#header #text {
	position: absolute;
	top: 12px;
	right: 28px;
	z-index:10;
	text-align: right;
}

#header #text h1 {
	font-family: Arial, Arial Narrow;
	font-size: 30px;
	margin-bottom: 8px;
	color: #053E39;
}

#header #text ul {
	float: right;
	margin: 0 0 0 38px;
}

#header #text li {
	font-family: Arial;
	color: #067D71;
	font-size: 15px;
	margin: 0 0 11px 0;
}

#header #text li.last {	
	font-family: Georgia;
	font-weight: bold;
	margin-top: 19px;
	color: #B36F2C;
}

#header #text li.last a:link, #header #text li.last a:visited{
	color: #B36F2C;
	text-decoration: none;
}

#header #text li.last a:hover, #header #text li.last a:active{
	text-decoration: underline;
}


#content-wrap{
	background: url(img/bg-content.png) bottom left repeat-x;
	width: 950px;
	margin: 0 auto;
	padding-bottom: 30px;
}

#main-copy {
	padding: 28px 0 40px 26px;
	width: 560px;
	float: left;
	font-size: 14px;
	line-height: 22px;
	color: #333;
	font-size: 13px;
	min-height:500px;
}

#additional-content {
	background: url(img/bg-side.png) top right no-repeat;
	float: right;
	min-height:400px;
	width: 307px;
	padding: 0;
}

#main-copy a:link, #main-copy a:visited {
	color: #627599;
	text-decoration: none;
	border-bottom: 1px solid;
}

#main-copy a:hover, #main-copy a:active {
	border-bottom: 2px solid;
	color: #A9520F;
}

#main-copy ul{
	margin-left: 12px;
}

#main-copy li{
	background: url(img/bullet.png) 0 7px no-repeat;
	padding-left: 15px;
}


#main-copy p.date {
	color:#666666;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	margin:-6px 0 0;
	padding:0;
}

#main-copy div.post {
	background: url(img/news-top.gif) 0 bottom repeat-x;
	margin-top:26px;
	padding: 0 0 10px 0;
}


#main-copy div.post.first {
	margin-top: 0px;
}


#additional-content img {
	margin: 30px 0 0 34px;
	}

#additional-content #news {
	background: url(img/news-top.gif) 36px 0 no-repeat;
	padding:14px 20px 0 44px;
	margin-top: 30px;
	min-height:400px;
	width:257px; /* 307 */
}

#additional-content #news h1{
	font-size: 24px;
	color: #666;
	margin: 9px 0 8px 0;
}

#additional-content #news h2{
	background: url(img/news-seperator.gif) 0 0 no-repeat;
	font-size: 18px;
	margin: 9px 0 4px 0;
	padding-top: 9px;
}

#additional-content #news h2.first{
	background: none;
	padding-top: 2px;
}

#additional-content #news p.date {
	color:#666666;
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	margin:-6px 0 0;
	padding:0;
}

#additional-content #news a:link, #additional-content #news a:visited {
	color: #627599;
	text-decoration: none;
	border-bottom: 1px solid;
}

#additional-content #news a:hover, #additional-content #news a:active {
	border-bottom: 2px solid;
	color: #A9520F;
}

#additional-content p.special-offer {margin: 34px 0 0 33px;}

#additional-content p.special-offer a:link, #additional-content p.special-offer a:visited{
	display: block;
	width: 238px;
	height: 299px;
	text-indent: -9999px;
	background: url(images/specialOffer.png) 0 0 no-repeat;
}

#additional-content p.special-offer a:hover, #additional-content p.special-offer a:active {
	background: url(images/specialOffer.png) -253px 0 no-repeat;
}



#additional-content p.btn-special-offer {margin: 25px 0 0 34px;}

#additional-content p.btn-special-offer a:link, #additional-content p.btn-special-offer a:visited{
	display: block;
	width: 238px;
	height: 137px;
	text-indent: -9999px;
	background: url(img/btn-special-offer.png) 0 0 no-repeat;
}

#additional-content p.btn-special-offer a:hover, #additional-content p.btn-special-offer a:active {
	background: url(img/btn-special-offer.png) -254px 0 no-repeat;
}



/*-------------------------------------------------------------
	form stuff here
-------------------------------------------------------------*/

#main-copy div.wpcf7 {
	border: 1px solid #CCC;
	margin:50px 0 0 0;
	width:540px;
}

#main-copy form.wpcf7-form{
	margin: 2px;
	background-color: #EEE;
	padding: 10px;
}

#main-copy form.wpcf7-form p{
	margin: 15px 0 15px 22px;
}
	
#main-copy form.wpcf7-form input{
	color: #475748;
	margin: 1px;
	padding: 6px;
	width: 300px;
}

#main-copy form.wpcf7-form input.send {
	width: 150px;
}

#main-copy form.wpcf7-form textarea{
	width: 450px;
	padding: 6px;
	font-size: 13px;
	font-family: Verdana,Arial,Helvetica,sans-serif;
}

#main-copy form.wpcf7-form input.button, ##main-copy #body form.wpcf7-form #submit{
	margin:14px 0 0;
	padding:3px;
	width:140px;
}

#main-copy form.wpcf7-form div.wpcf7-validation-errors{
	padding: 10px;
	color: #E4F5B0;
	font-weight: bold;
	background-color: #475748;
	border: 1px solid #E4F5B0;
}

#main-copy form.wpcf7-form span.wpcf7-not-valid-tip-no-ajax{
	color: #AA0000;
	padding: 3px;
	font-weight: bold;
}

#main-copy form.wpcf7-form div.wpcf7-mail-sent-ng {color: #E4F5B0;}

#main-copy form.wpcf7-form div.wpcf7-response-output{
	color: #005561;
}

#main-copy form.wpcf7-form span.wpcf7-checkbox input {
	width: 0;
	margin: 0;
	padding: 0;
}


/* ------------------------------------------------------------
    footer bits - serives and contact info etc
------------------------------------------------------------ */

#footer {
	background: url(img/bg-main-bottom.png) top left no-repeat;
	width: 970px;
	margin: 0 auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #D4EAE9;
	padding: 24px 0 30px 0;
	letter-spacing: -0.1px;
}

#footer ul{margin: 10px 0 0 10px;}

#footer ul#menu1 {margin: 0 0 10px 20px;}
#footer ul#menu2 {margin: 10px 0 10px 20px;}

#footer li {display: inline; margin-right: 20px;}

#footer li.cf {float: right; margin-right: 10px;}

#footer li a {
	color: #D4EAE9;
	text-decoration: none;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#footer ul#menu2 li a {color: #ABD6D2;}

#footer li a:hover, #footer li a:active{text-decoration: underline; color: #fff;}

#footer li.cf, #footer li.cf a {font-size: 11px; color: #85C2BF;}