/*

Theme Name: Stratum

Theme URI: http://stratumfoundationrepair.com

Description: Custom Theme for Stratum Foundation Repair.

Author: Think New Creative

Author URI: http://think-new.com

Version: 1.0

	This theme was designed and built for the WordPress CMS and is copyright Think New Creative.

*/
/************************************************

* Resets *

************************************************/

html,body,div,p,h1,h2,h3,h4,h5,h6,img,ul,ol,dl,li,dt,dd,blockquote,pre,form,fieldset,label,input,table,th,td,a {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	color: #472A2B;
        }
:focus {outline: 0;}
body {line-height: 1;}
ul,ol {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-size: 1em;}


/************************************************

* General elements *

************************************************/

body {
	background: #827f69 url(images/dirt.jpg);
	font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
	text-align: center;
    }
h1,h2,h3,h4,h5,h6 {color: #95A0A9;}
a {
	color: #938E2A;
	text-decoration: none;
    }
a:hover { color: #6D693A;}
a img {border: 0;}
blockquote {
    font-family: georgia, times, serif;
	font-style: italic;
	padding: 16px 24px 24px 32px;
	margin: 0;
    border: solid 1px #ccc9be;
    background: #f7f6f0 url(images/blockquote.png) 4px 4px no-repeat;
        }
code {
	font-size: 1.1em;
	font-family: "Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
    }
kbd,tt {font-size: 1.2em;}
hr {border: 1px solid #DADDE0    }
pre {
	overflow: auto;
	width: 600px;
	background: #F9F9F7;
    border: solid 1px #E2E2E2;
	padding: 1em;
	margin: 1em 0;
	font-size: 1.2em;
	white-space: pre-wrap;/* css3 */
    }
dl {    }
dt {
    font-weight: bold;
    padding: 8px 0 2px;
    margin-bottom: 8px;
    border-bottom: dotted 1px;
    }
dd {
    padding: 0 0 24px;
    }
table {margin: .5em 0;}
table th {color: #95A0A9;}
table td,table th {padding: .5em .7em;}
table th {
    text-transform: uppercase;
    border-bottom: 1px transparent;
        }
table td {    }
table tr.even td {background: #DADDE0;}
table tr:hover td {background: #BEC2C6;}
fieldset {
	padding: 1.2em;
	border: 0px;
    }
legend {
	padding: .2em .8em;
	font-size: 1.2em;
	text-transform: capitalize;
    }
input,textarea,select {
	margin: .2em 0;
	font-size: .8em;
    border: solid 1px #BCC3C9 !important;
    background: #EFF2F4;
    font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif;
    color: #646B70;
    }
input.adminbar-input {margin: 0;}
input,textarea {
    padding: 2px;
    }
input.radio,input.checkbox {
	background: #EFF2F4;
	padding: 2px;
    }
form label {
	display: block;
    color: #646B70;
    }
form label.subscribe-label {display: inline;}

hr {
    display:  block;
    position: relative;
    padding: 0;
    margin: 12px auto;
    width: 100%;
    clear: both;
    border: none;
    border-bottom: 1px solid #EEE;
    font-size: 1px;
    line-height: 0;
    overflow: visible;
    }



/************************************************

* General *

************************************************/

#allovit,
#stratum_left,
#stratum_right {
    width: 100%;
    position: relative;
    }
#the_surface {
    width: 100%;
    background: transparent url(images/sky-grass.png) top left repeat-x;
    }
#bedrock {
    padding-bottom: 40px;
    width: 100%;
    background: transparent url(images/bedrock.jpg) bottom left repeat-x;
    }
#stratum_left {
    background: transparent url(images/strata_left.png) left 96px no-repeat;
    }
#stratum_right {
    background: transparent url(images/strata_right.png) right 96px no-repeat;
    }
#page_tile {
	margin: 0 auto;
	padding: 18px 0 0 0;
	width: 1054px;
    background: transparent url(images/wrapper_bg.png) center top repeat-y;
    }
#page-bottom {
    padding-bottom: 75px;
    }
#wrapper {
    width: 1034px;
    margin: 0 10px;
	text-align: left;
    }
.clear {clear: both;}
.cleared {
	overflow: hidden;
	width: 100%;
    }
.note { font-size: 80%;padding: 2px;}


/************************************************

* Header *

************************************************/



#header {
    background: transparent url(images/home.jpg) center top no-repeat;
    width: 1034px;
    height: 224px;
    position: relative;
    }
h3#logo {
	background: transparent url(images/stratum_foundation_repair.png) no-repeat;
	width: 254px;
    height: 270px;
    position: absolute;
    }
h3#logo a {
    display: block;
    width: 190px;
    height: 230px;
    margin: 24px 0 0 32px;
    }
h3#logo span {
	position: absolute;
    top: -99999em;
	width: 0px;
	height: 0px;
    overflow: hidden;
	}
h6#tagline {
	background: transparent url(images/tagline.png) no-repeat;
    width: 550px;
    height: 64px;
    position: absolute;
    top: 80px;
    left: 240px;
    z-index: 10;
    }
h6#tagline span {
    top: -99999em;
	position: absolute;
	width: 0px;
	height: 0px;
    overflow: hidden;
    }
h6#phone-numbers {
    position: absolute;
    width: 100%;
    height: 18px;
    padding: 6px 0px;
    top: 0px;
    left: 0;
    font-size: 14px;
    color: #FFF;
    font-weight: normal;
    background: #000 url(images/phone-bg.png);
    border-bottom: solid 4px #d16e1b;
    text-align: center;
    z-index: 9999999;
    }
h6#phone-numbers span {
    color: #d16e1b;
    font-weight: bold;
    }
    
#quote_request {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 267px;
    height: 193px;
    overflow: hidden;
    }
h2#qr-all a {
	position: relative;
    display: block;
    width: 267px !important;
    height: 193px !important;
    overflow: hidden;
    background: transparent url(images/rq_all.jpg) bottom center no-repeat;
    }
h2#qr-dallas a {
	position: relative;
    display: block;
    width: 267px !important;
    height: 193px !important;
    overflow: hidden;
    background: transparent url(images/rq_dallas.jpg) bottom center no-repeat;
    }
h2#qr-ftworth a {
	position: relative;
    display: block;
    width: 267px !important;
    height: 193px !important;
    overflow: hidden;
    background: transparent url(images/rq_ftworth.jpg) bottom center no-repeat;
    }
h2#qr-houston a {
	position: relative;
    display: block;
    width: 267px !important;
    height: 193px !important;
    overflow: hidden;
    background: transparent url(images/rq_houston.jpg) bottom center no-repeat;
    }
h2#qr-plano a {
	position: relative;
    display: block;
    width: 267px !important;
    height: 193px !important;
    overflow: hidden;
    background: transparent url(images/rq_plano.jpg) bottom center no-repeat;
    }
h2#qr-allen a {
	position: relative;
    display: block;
    width: 267px !important;
    height: 193px !important;
    overflow: hidden;
    background: transparent url(images/rq_allen.jpg) bottom center no-repeat;
    }
h2#qr-all a:hover,
h2#qr-dallas a:hover,
h2#qr-ftworth a:hover,
h2#qr-houston a:hover,
h2#qr-plano a:hover,
h2#qr-allen a:hover {
        background-position: top center;
        } 
h2#qr-all a span,
h2#qr-dallas a span,
h2#qr-ftworth a span,
h2#qr-houston a span,
h2#qr-plano a span,
h2#qr-allen a span {
    top: -99999em;
	position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    }
#grass {
	position: absolute;
    top: 40px;
    right: -42px;
    width: 82px;
    height: 110px;
    background: transparent url(images/grass.png) center center no-repeat;
    z-index: 10;
    }
#head_icons {
    position: absolute;
    top: 150px;
    left: 250px;
    }
#head_icons ul {
    display: inline;
    }
#head_icons li {
    display: inline;
    float: left;
    margin-left: 4px;
    }

/************************************************

* Content *

************************************************/

#main {
    width: 940px;
    margin: 0 68px 24px 26px;
    padding: 0 0 48px;
    }
#content {
	float: right;
    overflow: hidden;
    width: 704px;
    padding: 0px !important;
    }
#content.full {
	width: 940px;
    }

h2#contentdesc {
	width: 704px;
	font-weight: normal;
	font-size: .7em;
	padding: 0 0 8px;
    }
h2#contentdesc span {color: inherit;}
.post {
    width: 704px;
    padding: 0 0 24px 0;
    }
.sticky {
	padding: 0px;
	margin-bottom: 24px;
    }
.posttop { width: 704px;
    padding: 12px 0 0;
    }
.posttop h2.posttitle a {
	font-size: 1.8em;
    color: #95A0A9;
    }
.posttop h2.posttitle a:hover { color: #6A757C;}

.posttop h1.posttitle a {
	font-size: 1.8em;
    color: #95A0A9;
    }
.posttop h1.posttitle a:hover { color: #6A757C;}
.postmetatop {
	overflow: hidden;
	width: 100%;
	font-size: 0.7em;
	padding-top: 8px;
	line-height: 1.5em;
    }
.postmetatop .categs {
	float: left;
	width: 450px;
	background: url(images/categ.png) left 2px no-repeat;
	padding-left: 20px;
	line-height: 16px;
    }
.postmetatop .date {
	float: right;
	width: 130px;
	text-align: right;
    }
.postmetatop .date span {
	background: url(images/date.png) left no-repeat;
	padding-left: 20px;
    }
.postcontent {
    width: 704px;
	margin: .8em 0;
	font-size: 0.8em;
	line-height: 1.6em;
    padding: 0px;
    }
.postcontent-contact {
    width: 464px;
    margin-right: 240px
    }
.postcontent h1 {
	padding: .8em 0;
	font-size: 1.7em;
    }
.postcontent h2 {
	padding: .8em 0;
	font-size: 1.5em;
    }
.postcontent h3 {
	padding: .8em 0;
	font-size: 1.3em;
    }
.postcontent h4 {
	padding: .8em 0;
	font-size: 1.2em;
    }
.postcontent h5 {
	padding: .8em 0;
	font-size: 1.1em;
    }
.postcontent h6 {
	padding: .8em 0;
	font-size: 1em;
    }
.postcontent p {
	padding: .6em 0 .2em 0;
    }
.postcontent a {}
.postcontent a:hover { text-decoration: underline;}
.postcontent a img {
	background: none;
	border-bottom: 0;
    }
.postcontent ul,.postcontent ol {
	padding: .4em 0 .5em 3em;
    }
.col3_set ol, .col3_set ul,
.col4_set ol, .col4_set ul {
    padding-left: 0px;
    }
.postcontent ul li {
	background: url(images/bullet.png) left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	margin-bottom: 4px;
    }
.postcontent ol li {
	list-style: decimal;
    }
.postmetabottom {
    border-top: solid 1px #C8D0D6;
	overflow: hidden;
	width: 100%;
	padding: 8px 0;
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 12px;
    }
.postmetabottom a {}
.postmetabottom a:hover {}
.postmetabottom .tags {
	float: left;
	width: 440px;
	background: url(images/tags.png) left 1px no-repeat;
	margin-left: 10px;
	padding-left: 20px;
	line-height: 16px;
    }
.postcontent .readmore,
.postmetabottom .readmore {
	float: right;
	width: 160px;
	padding-right: 10px;
	text-align: right;
    }
.postcontent .readmore span,
.postmetabottom .readmore span {
	background: url(images/more.png) right center no-repeat;
	padding-right: 18px;
    }
a.readmore:hover {
    text-decoration: none !important;
    }
a.readmore:hover span {
    padding-right: 16px;
    }
.postmetaauthor {
	font-size: 0.8em;
	line-height: 1.1em;
	margin-top: 24px;
    }
.postmetaauthor .authorpic {
	float: left;
	width: 60px;
    }
.postmetaauthor .authordesc {
	float: right;
	width: 540px;
    }
.postmetaauthor .authordesc p.theauthor {
	line-height: 1.4em;
	font-weight: bold;
    }
.postmetaauthor .authordesc p.thedesc {
	line-height: 1.4em;
	padding: .8em 0 .2em 0;
    }
.postmetaauthor .authordesc a {}
.postmetaauthor .authordesc a:hover {}


span.signature {
    display: block;
    width: 90%;
    padding: 0 0 24px;
    font-family: Georgia, Times, serif;
    font-style: italic;
    font-size: 24px;
    color: #b5ab9c;
    text-align: right;
    }



/************************************************

* Navigation *

************************************************/

#navigation {

	overflow: hidden;

	width: 100%;

	line-height: 1.7em;

	margin-bottom: 20px;

    }

#navigation a {

	border-bottom: 1px dashed #a8ef9d;

    }

#navigation a:hover {

	background: url(images/blacktrans.png);

    }

#navigation .wp-pagenavi a {

	background: url(images/blacktrans2.png);

	padding: 5px 7px;

	border: none;

	font-size: .8em;

	color: #fff;

    }

#navigation .wp-pagenavi a:hover {

	color: #a8ef9d;

    }

#navigation .wp-pagenavi span.pages,#navigation .wp-pagenavi span.current,#navigation .wp-pagenavi span.extend {

	padding: 5px 7px;

	font-size: .8em;

	background: url(images/blacktrans2.png);

	color: #fff;

	border: none;

    }

#navigation.image a {

	background: 0;

	border: 0;

    }

.linkpages {

	clear: both;

	margin: 10px 0;

    }

.linkpages p span {

	background: url(images/blacktrans.png);

	padding: 5px 7px;

	color: #ddd;

	font-size: 1em;

    }

.linkpages p a, .linkpages p a:hover {

	background: none;

	border: 0;

    }

.linkpages p a span {

	color: #fff;

    }

.linkpages p a:hover span {

	background: url(images/blacktrans2.png);

	color: #a8ef9d;

    }



/************************************************

* Gallery and Images *

************************************************/

.gallery a, .recent_images a {

	background: none;

	border: 0;

    }



/************************************************

* Comments *

************************************************/

#comments {
	margin: 8px 0;
	width: 640px;
    }
#comments h3 {
	font-size: 1em;
	font-weight: normal;
    }
#comments ul.commentlist li {
	background: #F9F9F7;
    border: solid 1px #E2E2E2;
	clear: both;
	margin: 8px 0 0 0;
	padding: 12px;
    }
#comments .comment-wrap {
	overflow: hidden;
	width: 100%;
    }
#comments ul.commentlist li ul.children li {
	clear: both;
	margin: 20px 0 0 20px;
    }
#comments img.avatar {
	float: left;
	margin: 0 20px 0 0;
    }
#comments .commentbody .author {
	font-size: .9em;
	margin-bottom: 8px;
    }
#comments .commentbody .author a {color: #95A0A9;}
#comments .commentbody .author a:hover { text-decoration: underline;}
#comments .commentbody .commentmetadata {
	font-size: .7em;
	color: #95A0A9;
	margin-bottom: 24px;
    }
#comments .commentbody .commentmetadata a {
	color: #95A0A9;
    }
#comments .commentbody p {
	font-size: .8em;
	padding: 4px 0 8px 0;
	line-height: 1.4em;
    color: #95A0A9;
    }
#comments .commentbody p a {color: #95A0A9;}
#comments .commentbody p a:hover {}




/* --- what is this -- */

#comments .reply a {
	margin-top: 4px;
	padding: 4px;
	line-height: 1.3em;
	font-size: .7em;
	float: left;
	background: #ddd;
	color: #000;
    }
#comments .reply a:hover {
	background: #fff;
	color: #111;
    }
#comments h3#trackbacktitle {
	padding-top: 8px;
    }
#comments ul.trackback {
	margin: 8px 0 0 0;
	padding: 12px;
	background: #F9F9F7;
    }
#comments ul.trackback li {
	margin-bottom: 16px;
	font-size: .9em;
    }
#comments ul.trackback li .commentbody .author {
	margin: 0;
    }
#comments a#cancel-comment-reply-link {
	display: block;
	padding: 8px 0;
    }
#comments a#cancel-comment-reply-link:hover {
	color: #ccc;
    }
#comments #respond {
	margin-top: 20px;
	overflow: hidden;
	width: 100%;
    }
#comments #respond h3 {
	margin-bottom: 12px;
    }
#comments #respond input {
	width: 200px;
    }
#comments #respond p {
	padding: .4em 0 0 0;
    }
#comments #respond p label {
	font-size: .8em;
	font-weight: normal;
    }
#comments #respond textarea {
	width: 600px;
    }
#comments #respond .submitbutton {
	padding: 4px;
	line-height: 1em;
	font-size: .8em;
    border: solid 1px #BCC3C9;
    background: #EFF2F4;
    color: #646B70;
    }
#comments #respond .submitbutton:hover {
	cursor: pointer;
	color: #FFF;
    background: #95A0A9;
    }
#comments #respond p.subscribe-to-comments label {
	display: inline;
	margin-left: 4px;
    }



/************************************************

* Sidebar *

************************************************/

#sidebar {
	float: left;
	overflow: hidden;
	width: 204px;
	font-size: 0.8em;
	line-height: 1.4em;
    margin-top: 50px;
	margin-bottom: 30px;
    }
#sidebar div.boxed {
	background: url(images/sidebar_tile.jpg) center top repeat-y;
	overflow: hidden;
	padding: 0 10px;
	margin: 0;
    }
#sidebar div.sidetop {
    width: 204px;
    height: 9px;
	background: url(images/sidebar_top.jpg) center top no-repeat;
    }
#sidebar div.sidebottom {
    width: 204px;
    height: 26px;
    clear: both;
	background: url(images/sidebar_bottom.jpg) bottom center no-repeat;
    }
#sidebar h3, #sidebar h1 {
    margin: 0px;
	padding: 8px 8px 4px;
	line-height: 1.3em;
	font-weight: normal;
	font-size: 1.2em;
    border-bottom: dotted 1px #95A0A9;
    }
#sidebar h6 {
    margin: 0px;
    padding: 0px;
    font-weight: normal;
    }

#sidebar ul li a {
	display: block;
	padding: 4px 8px;
    border-bottom: dotted 1px #95A0A9;
    }

#sidebar ul li a:hover{
	background: #f7f7e4;
    }
#sidebar ul ul li a {
	background: #f9f8f6 url(images/sidebar_ul_ul_li_a.gif) 8px center no-repeat;
    padding-left: 24px;
    }
#sidebar ul ul li a:hover {
	background: #f7f7e4 url(images/sidebar_ul_ul_li_a.gif) 8px center no-repeat;
    }
#sidebar p {
	padding: 0 4px 12px;
    }
#sidebar img {
	background: none;
	border: none;
    }
	#sidebar .rsswidget img {
		background: transparent !important;
	    }
#sidebar img.avatar {
	float: left;
	padding: 0 12px 4px 4px;
    }
.widget table {
	width: 100%;
    }
#tag_cloud a, .widget_tag_cloud a, .widget_text a, h3 a.rsswidget {
	display: inline !important;
    }
#tag_cloud a:hover {}
li#tagbox a:hover {}
#sidebars ul.children li {
	border-bottom: none;
    }
#sidebars ul.children {
	margin-bottom: 0;
    }
.widget_recent_comments table td {
	background: none;
	overflow: hidden;
	padding-bottom: 2px !important;
    }
#sidebar .widget_recent_comments img.avatar {
	padding: 4px;
    }
.widget_recent_comments li {
	margin: 4px;
    }
.widget_twitter ul li, .widget_rss ul li {
	margin: 8px 2px;
    }
.widget_categories ul li a, .widget_archive ul li a, .widget_twitter ul li a {
	display: inline !important;
    }
.widget_rss ul li span {
	padding: 2px 5px;
    }
.widget_flickr table {
	background-color: transparent !important;
	margin: 0;
	border: 0 !important;
    }
.widget_flickr table td {
	background: none;
	padding: 0;
    }
.widget_flickr table tr:hover td {
	background: none;
    }
#sidebar .widget_flickr img {
	padding: 0;
    }
#sidebar #quick_contact_form {}
#sidebar .form_success {
    width: 180px;
    margin: 0px;
    font-size: 90%;
    border: solid 1px #a2c84e;
    background: #f3f8e8;
    color: #a2c84e;
    }
#sidebar .form_error {
    width: 180px;
    margin: 0px;
    font-size: 90%;
    border: solid 1px #d06e1a;
    background: #f9ece1;
    color: #d06e1a;
    }
    #sidebar .form_success p {
        width: 164px;
        margin: 8px;
        color: #a2c84e;
        }
    #sidebar .form_error p {
        width: 164px;
        margin: 8px;
        color: #d06e1a;
        }
#quick_contact_form legend {
    height: 8px;
    margin: 0px;
    padding: 8px 0px 0px;
    font-size: 12px;
    color: #95A0A9;
    }
#sidebar #quick_contact_form label {
    display: block;
    width: 142px;
    clear: both;
    margin: 0px !important;
    padding: 0px 0px 4px;
    font-size: 12px;
    font-weight: normal;
    position: relative;
    }
#sidebar #quick_contact_form label span {
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    left: -999em;
    }
#sidebar #quick_contact_form label em {
    color: #D06F1A;
    }
#sidebar #quick_contact_form label span {
    display: block;
    font-size: 11px;
    clear: left;
    padding: 2px 0;
    color: #95A0A9;
    }
#sidebar #quick_contact_form input {
    width: 142px;
    clear: both;
    margin: 4px 0 0;
    }
#sidebar #quick_contact_form input:focus {
    border: solid 1px #D06E1A !important;
    }
#sidebar #quick_contact_form input#quick_send_button {
   width:80px !important;
   }



/************************************************

* Footer *

************************************************/

#think-new_box {
	text-align: left;
	display: block;
	width: 210px;
    clear: both;
	float: left;
    margin: 0px;
	}
#rhinoseo {
	width: 53px;
	height: 85px;
	display: block;
	float: left;
	}
#rhinoseo a {
	width: 53px;
	height: 85px;
	background: url(images/rhino_foot.png) bottom center no-repeat;
	display: block;
    position: relative;
	}
#think-new {
	width: 155px;
	height: 85px;
	display: block;
	float: right;
	}
#think-new a {
	width: 155px;
	height: 85px;
	background: url(images/think-new_foot.png) bottom center no-repeat;
	display: block;
    position: relative;
	}
#think-new a:hover,
#rhinoseo a:hover {
	background-position: top center;
	}
#think-new a span,
#rhinoseo a span {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
    top: -9999999em;
    }
#footer {
	clear: both;
	overflow: hidden;
    width: 940px;
    margin: 0 68px 0px 26px;
	font-size: 0.8em;
    padding-top: 48px;
    }

#footer .foot1 {
	float: left;
	width: 200px;
	margin: 10px 0 0 10px;
	display: inline;
    }
#footer .foot2 {
	float: left;
	width: 400px;
	margin: 10px 0px 0 10px;
    border-right: dotted 1px #C1CAD1;
    border-left: dotted 1px #C1CAD1;
    }
#footer .foot3 {
	float: left;
	width: 300px;
	margin: 10px 0 0 10px;
    }
#footer h3 {
	font-weight: normal;
	font-size: 1.4em;
	margin-bottom: .4em;
    }
#footer h4 {
	font-weight: normal;
	font-size: 1em;
	margin: .8em 0 .2em 0;
    }
#footer p {
	line-height: 1.5em;
	padding: .2em 0 .8em 0;
    }
#footer ul li {
	padding: 10px;
	margin-bottom: 10px;
    }
#footer ul ul li {
	background: url(images/bullet.png) left 7px no-repeat;
	line-height: 1.5em;
	padding: 0 0 0 10px;
	margin-bottom: 4px;
    }
#footer li a {
	display: block;
	font-weight: normal;
	padding: 2px 5px;
    }
#footer a:hover {}
#footer .widget_tag_cloud a {
	display: inline;
    }
#footer .widget_tag_cloud a:hover {
	background: none;
    }
#footer address {
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 8px;
    }
#footer address span {
    display: block;
    width: 100%;
    clear: both;
    padding: 0 0 4px;
    }
.foot_icon {
   margin: 4px 0;
   }

.widget ul {
	width: 100%;
	overflow: hidden;
    }
#credits {
	clear: both;
	overflow: hidden;
	width: 1024px;
	margin: 24px auto 0px;
	font-size: 0.7em;
	line-height: 1.4em;
    }
#credits a {
	color: #EEE;
    }
#credits a:hover {
	color: #fff;
    }
#credits #creditsleft {
	float: left;
	width: 600px;
	color: #EEE;
    }
#credits #creditsright {
	float: right;
	width: 300px;
	text-align: right;
	color: #EEE;
    }



/************************************************

* WP related *

************************************************/

.alignleft {
	float: left;
	margin: 0px 24px 12px 0;
    }
.alignright {
	float: right;
	margin: 0px 0 1px 24px;
    }
.aligncenter,div.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
    }
img.alignleft {
	float: left;
	margin: 0px 24px 12px 0;
    }

img.alignright {
	float: right;
	margin: 0px 24px 12px 0;
    }
img.aligncenter {
	margin: 10px auto;
	text-align: center;
	display: block;
    }
.wp-caption {
	text-align: center;
	background: #f9f8f6;
    border: solid 1px #e0dcd6;
	padding: 8px 4px; 
    }
.wp-caption img {
	padding: 0;
	margin: 0;
	border: solid 1px #e0dcd6;
    }
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 8px 12px;
	margin: 0;
    }
    
    
    
    
    
    
/******** Page Specific ***********/

/** Home Page **/

#home_contact {
    position: relative;
    top: 8px;
    width: 704px;
    height: 272px;
    overflow: hidden;
    background: url(images/home-contact_bg.png) center top no-repeat;
    }
#home_contact .form_success {
    width: 660px;
    position: absolute;
    top: 0px; left: 22px;
    font-size: 90%;
    border: solid 1px #a2c84e;
    background: #f3f8e8;
    color: #a2c84e;
    }
#home_contact .form_error {
    width: 660px;
    position: absolute;
    top: 0px; left: 22px;
    font-size: 90%;
    border: solid 1px #d06e1a;
    background: #f9ece1;
    color: #d06e1a;
    }
#home_contact .form_success p {
    width: 636px;
    margin: 12px;
    color: #a2c84e;
    }
#home_contact .form_error p {
    width: 636px;
    margin: 12px;
    color: #d06e1a;
    }
#home_contact form {
    position: absolute;
    top: 100px; right: 12px;
    width: 680px;
    height: 132px;
    padding: 0px;
    border-top: solid 1px #44392a;
    background: url(images/browntrans.png);
    }
#home_contact fieldset {
    display: block;
    position: absolute;
    top: 4px; right: 0;
    width: 400px;
    height: 132px;
    margin: 0px;
    padding: 0px;
    }
#home_contact h6 {
    font-weight: normal;
    color: #FFF;
    text-shadow: 1px 1px 4px #000;
    font-size: 18px;
    height: 24px;
    }
#home_contact label {
    position: relative;
    display: block;
    width: 400px;
    clear: both;
    padding: 6px 0px 4px;
    font-size: 16px;
    font-weight: normal;
    }
.span.label em,
#home_contact label em {
    color: #D06F1A;
    }
#home_contact label span {
    display: block;
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top:-999em;
    padding:0;
    }
#home_contact input {
    width: 224px;
    float: left;
    margin: 4px 0px 0;
    border: solid 1px #666 !important;
    background: #FFF;
    color: #666;
    }
#home_contact input:focus {
    border: solid 1px #D06E1A !important;
    }
#home_contact select {
    width: 228px;
    height: 20px;
    clear: both;
    float: right;
    margin: 4px 0 0;
    }
#home_contact textarea {
    float: right;
    width: 224px;
    height: 200px;
    clear: both;
    float: right;
    margin: 4px 0 0;
    }
#home_contact input#home_send_button {
    position: absolute;
    bottom: 12px; right: -2px;
   width:142px !important;
   height:42px !important;
   border: solid 1px #FFF !important;
   border-bottom: solid 1px #333 !important;
   font-size: 18px;
   font-style: italic;
   color: #B8B308;
   background: #FFF;
   padding:0  !important;
   margin:0  !important;
   cursor: pointer;
   }
#home_contact input#home_send_button:hover {
   color: #D06F1A;
   }    

#home-commercial-vid {
    position: relative;
    top: 8px;
    overflow: hidden;
    width: 682px;
    height: 462px;
    padding: 10px 11px 0px;
    background: url(images/home-commercial-vid.png) center top no-repeat;
    }






#home_slide {
    width: 704px;
    height: 272px;
    overflow: hidden;
    background: url(images/slide_bg.png) center top no-repeat;
    }
#home_slide img {
    width: 682px;
    height: 222px;
    margin: 11px 11px 0;
    }
#featured_video {
    display: block;
    float: right;
    width: 224px;
    margin: 0;
    }
#featured_video img {
    border: solid 1px #CCC9BE;
    margin-top: 36px;
    }
#featured_video h5 {
	margin: 4px 0 0 !important;
    padding: 4px 0px;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
    font-size: 12px;
    }
.testi-nav {
	display: block;
	width: 450px;
	margin: 4px 0 0;
    float: left;
    font-size: 12px;
    padding: 4px 0px;
    border-top: solid 1px #EEE;
    border-bottom: solid 1px #EEE;
	}
h2#testi-h2, h1#testi-h1 {
	display: block;
	width: 450px;
	margin: 0px !important;
    padding: 0px !important;
    float: left;
    }
#testimonials {
	display: block;
	width: 460px;
	margin: 8px 0 0;
    overflow: hidden;
    float: left;
	}
#testimonials h5, #testimonials h1 {
    margin: 0px !important;
    padding: 0px !important;
    }
#testimonials ul {
    margin: 0px;
    padding: 0px;
    }
#testimonials li {
    display: block;
    width: 440px;
    height: auto;
	padding: 0 10px;
    overflow: hidden;
    line-height: 1.8em;
	}
span#prevBtn{
	display: block;
	float: left;
	margin-top: 0px;
	margin-left: 10px;
	}

span#nextBtn{
	display: block;
	float: right;
	margin-top: 0px;
	margin-right: 10px;

}	
span#prevBtn :before {
	content: "\0020 \00AB \0020 \0020";
	}
span#nextBtn :after {
	content: "\0020 \0020 \00BB \0020";
	}
.col3_set {
    clear: both;
    width: 704px;
    }
.col3_set .col1,
.col3_set .col2,
.col3_set .col3 {
    float: left;
    width: 226px;
    background: url(images/col3_tile.jpg) center top repeat-y;
    }
.col3_set .col2,
.col3_set .col3 {
        margin-left: 12px;
        }
.col3_set .col1 .col_top,
.col3_set .col2 .col_top,
.col3_set .col3 .col_top {
    padding-top: 8px;
    width: 226px;
    background: url(images/col3_top.jpg) center top no-repeat;
    }
.col3_set .col1 .col_top .col_bottom,
.col3_set .col2 .col_top .col_bottom,
.col3_set .col3 .col_top .col_bottom {
    width: 226px;
    padding-bottom: 40px;
    background: url(images/col3_bottom.jpg) bottom center no-repeat;
    }
.col3_set .col1 .col_top .col_bottom div,
.col3_set .col2 .col_top .col_bottom div,
.col3_set .col3 .col_top .col_bottom div {
    width: 186px;
    margin: 0 20px 20px;
    }
.col3_set .col1 .col_top .col_bottom div p,
.col3_set .col2 .col_top .col_bottom div p,
.col3_set .col3 .col_top .col_bottom div p {
    padding: 0px;
    margin: 0px;
    }
h3#col3_standard,
h3#col3_steel,
h3#col3_strength {
    display: block;
    width: 200px;
    height: 50px;
    }
h3#col3_standard a span,
h3#col3_steel a span,
h3#col3_strength a span {
    position: absolute; 
    top: -999999999em;
    width: 0px;
    height: 0px;
    overflow: hidden;
    }
h3#col3_standard a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(images/col3_standard.png) left bottom no-repeat;
    }
h3#col3_steel a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(images/col3_steel.png) left bottom no-repeat;
    }
h3#col3_strength a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(images/col3_strength.png) left bottom no-repeat;
    }
h3#col3_standard a:hover,
h3#col3_steel a:hover,
h3#col3_strength a:hover {
    background-position: left top;
    }
    

h1#col3_standard,
h1#col3_steel,
h1#col3_strength {
    display: block;
    width: 200px;
    height: 50px;
    }
h1#col3_standard a span,
h1#col3_steel a span,
h1#col3_strength a span {
    position: absolute; 
    top: -999999999em;
    width: 0px;
    height: 0px;
    overflow: hidden;
    }
h1#col3_standard a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(images/col3_standard.png) left bottom no-repeat;
    }
h1#col3_steel a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(images/col3_steel.png) left bottom no-repeat;
    }
h1#col3_strength a {
    position: relative;
    display: block;
    width: 200px;
    height: 50px;
    background: url(images/col3_strength.png) left bottom no-repeat;
    }
h1#col3_standard a:hover,
h1#col3_steel a:hover,
h1#col3_strength a:hover {
    background-position: left top;
    }
    
/** Systems **/


h2.posttitle a span.ST {
    padding: 1px 1px 1px 2px; 
    border: solid 2px #D06F1A;
    color: #95A0A9;
    font-weight: bold;
    }
h2.posttitle a span.ST sup {
    font-size: 70%;
    color: #D06F1A;
    vertical-align: text-top;
    }
a span.ST,
span.ST {
    padding: 1px 2px; 
    border: solid 1px #D06F1A;
    color: #95A0A9;
    font-weight: bold;
    }
a span.ST sup,
span.ST sup {
    font-size: 80%;
    color: #D06F1A;
    vertical-align: top;
    }
a:hover span.ST {
    background: #D06F1A;
    border: solid 1px #D06F1A;
    color: #FFF !important;
    }
a:hover span.ST sup {
    background: #D06F1A;
    color: #FFF !important;
    }

ul.system_nav {
    display: block;
    padding: 4px 0 8px;
    font-size: 11px;
    }
ul.system_nav li {
    color: #95A0A9;
    display: inline;
    float: left;
    padding: 1px 4px;
    background: 0;
    }
ul.system_nav li a { color: #95A0A9;}
ul.system_nav li a:hover { color: #6A757C; text-decoration: none;}



.postcontent h3#col3_st1,
.postcontent h3#col3_st2,
.postcontent h3#col3_st3 {
    display: block;
    width: 175px;
    height: 168px;
    }
.postcontent h3#col3_st1 a span,
.postcontent h3#col3_st2 a span,
.postcontent h3#col3_st3 a span {
    position: absolute;
    top: -999999999em;
    width: 0px;
    height: 0px;
    overflow: hidden;
    }
.postcontent h3#col3_st1 a {
    position: relative;
    display: block;
    width: 175px;
    height: 168px;
    background: url(images/h3_st1_system.jpg) center bottom no-repeat;
    }
.postcontent h3#col3_st2 a {
    position: relative;
    display: block;
    width: 175px;
    height: 168px;
    background: url(images/h3_st2_system.jpg) center bottom no-repeat;
    }
.postcontent h3#col3_st3 a {
    position: relative;
    display: block;
    width: 175px;
    height: 168px;
    background: url(images/h3_st3_system.jpg) center bottom no-repeat;
    }
.postcontent h3#col3_st1 a:hover,
.postcontent h3#col3_st2 a:hover,
.postcontent h3#col3_st3 a:hover {
    background-position: left top;
    }
#post-104 {
    background: url(images/st1-pier.png) right top no-repeat;
    min-height: 510px;
    }
#post-104 .postcontent {
    width: 464px;
    margin-right: 240px
    }
    
#post-106 {
    background: url(images/st2-pier.png) right top no-repeat;
    min-height: 740px;
    }
#post-106 .postcontent {
    width: 464px;
    margin-right: 240px
    }
#post-109 {
    background: url(images/st3-pier.png) right top no-repeat;
    min-height: 880px;
    }
#post-109 .postcontent {
    width: 464px;
    margin-right: 240px
    }




/* COntact Page */

#contact_form {
    width: 230px;
    float: right;
    margin: 0 20px 0 0px;
    }
.contact-content .form_success {
    width: 230px;
    float: right;
    margin: 20px 20px 0 0px;
    font-size: 90%;
    border: solid 1px #a2c84e;
    background: #f3f8e8;
    color: #a2c84e;
    }
.contact-content .form_error {
    width: 692px;
    margin: 20px 20px 0 0px;
    font-size: 90%;
    border: solid 1px #d06e1a;
    background: #f9ece1;
    color: #d06e1a;
    }
.contact-content .form_success p {
        width: 206px;
        margin: 12px;
        color: #a2c84e;
        }
.contact-content .form_error p {
        width: 668px;
        margin: 12px;
        color: #d06e1a;
        }
#contact_form label {
    display: block;
    width: 230px;
    clear: both;
    padding: 6px 0px 4px;
    font-size: 12px;
    font-weight: normal;
    }
.span.label em,
#contact_form label em {
    color: #D06F1A;
    }
#contact_form label span {
    display: block;
    font-size: 11px;
    clear: left;
    padding: 2px 0;
    color: #95A0A9;
    }
#contact_form input {
    width: 224px;
    clear: both;
    float: right;
    margin: 4px 0 0;
    }
#contact_form input:focus {
    border: solid 1px #D06E1A !important;
    }
#contact_form select {
    width: 228px;
    height: 20px;
    clear: both;
    float: right;
    margin: 4px 0 0;
    }
#contact_form textarea {
    float: right;
    width: 224px;
    height: 200px;
    clear: both;
    float: right;
    margin: 4px 0 0;
    }

input#send_button {
   width:124px !important;
   height:36px !important;
   border:0 !important;
   background: url(images/send_button.png) center center no-repeat;
   padding:0 !important;
   }

/* Locations */

ul.location_nav {
    display: block;
    padding: 4px 0 8px;
    font-size: 11px;
    }
ul.location_nav li {
    color: #95A0A9;
    display: inline;
    float: left;
    padding: 1px 4px;
    border-left: solid 1px #cbd4dc;
    background: 0;
    }
ul.location_nav li.first {
    border-left: 0px;
    }
ul.location_nav li a { color: #95A0A9;}
ul.location_nav li a:hover { color: #6A757C;}
.col4_set {
    clear: both;
    width: 704px;
    }
.col4_set .col1,
.col4_set .col2,
.col4_set .col3,
.col4_set .col4 {
    float: left;
    width: 164px;
    background: url(images/col4_tile.jpg) center top repeat-y;
    }
.col4_set .col2,
.col4_set .col3,
.col4_set .col4 {
        margin-left: 12px;
        }
.col4_set .col1 .col_top,
.col4_set .col2 .col_top,
.col4_set .col3 .col_top,
.col4_set .col4 .col_top {
    padding-top: 8px;
    width: 164px;
    background: url(images/col4_top.jpg) center top no-repeat;
    }
.col4_set .col1 .col_top .col_bottom,
.col4_set .col2 .col_top .col_bottom,
.col4_set .col3 .col_top .col_bottom,
.col4_set .col4 .col_top .col_bottom {
    width: 164px;
    padding-bottom: 40px;
    background: url(images/col4_bottom.jpg) bottom center no-repeat;
    }
.col4_set .col1 .col_top .col_bottom div,
.col4_set .col2 .col_top .col_bottom div,
.col4_set .col3 .col_top .col_bottom div,
.col4_set .col4 .col_top .col_bottom div {
    width: 124px;
    margin: 0 20px;
    }
.col4_set .col1 .col_top .col_bottom div p,
.col4_set .col2 .col_top .col_bottom div p,
.col4_set .col3 .col_top .col_bottom div p,
.col4_set .col4 .col_top .col_bottom div p {
    padding: 0px;
    margin: 0px;
    }
iframe {
    border: solid 1px #95A0A9;
    padding: 0;
    margin: 0;
    }
iframe.loca_map {
    border: solid 1px #95A0A9;
    padding: 2px;
    margin: 0 16px 24px 0;
    clear: both;
    }
    
#quote-arrow {
    position: absolute;
    top: 200px;
    left: 53%;
    width: 204px;
    height: 120px;
    overflow: hidden;
    background: transparent;
    }
#quote-arrow div {
    background: transparent;
    }
#quote-arrow img {
    width: 204px;
    height: 120px;
    overflow: hidden;
    background: transparent;
    }
