/*
Theme Name: Chocolate
Author: Mosaic Team
Author URI: http://mosaicteam.com
Version: Dream V2
*/
/*global resets*/
html, body, div, h1, h2, h3, ul, ol, li, form, fieldset,  
input, textarea {  
	margin: 0;  
    padding: 0;  
    font-size: 100%;  
}  
ul {list-style: none;}  
img, fieldset {border: 0;}  
h1, h2, h3 {font-weight: normal;}  
em {font-style: italic;}  
strong {font-weight: 700;}  
* a { position:relative } /* Gets links displaying over a PNG background */
a { outline:none;cursor: pointer; } /* Gets rid of Firefox's dotted borders */
a img { border:none } /* Gets rid of IE's blue borders */
.clear { clear: both; }
.left {    float: left; }
.right { float: right; }

/* Font definition for Internet Explorer */
/*         (*must* be first)             */
@font-face {
  font-family: Aller;
  src: url(css/Aller_Lt.eot) /* can't use format() */;
}
 
/* Font definition for other browsers */
@font-face {
  font-family: Aller;
  src: url(css/Aller_Lt.ttf) format("truetype");
}

a {color: #6795af;}

body{text-align:center; /*For IE6 Shenanigans*/ font-size: 62.5%; /*this will reset most browers for 1em to equal 10px*/background: #c3ac7d url(images/gradient.png) repeat-x;font-family: Aller;letter-spacing: 1px;}  
   
#wrapper {width:1018px;margin:0 auto;text-align:left;background: url(images/wrapper.png) repeat-y;position: relative;}
#wrapper .container {position: relative; left: 30px; width: 960px;}
body#gallery #wrapper {margin: -15px auto;}
#header {position: relative;height: 598px;}
#header h1.logo {position: relative;text-indent: -9999px;left: 40px;top: 10px;background: url(images/logo.jpg) no-repeat;width: 275px;height: 128px;float: left;}
#header h2.tagline a {position: relative;text-indent: -9999px;/*left: 95px;*/left: 110px;top: 45px;/*background: url(images/tagline.png) no-repeat;width: 516px;height: 93px;*/background: url(images/financing-header.jpg) no-repeat;height: 70px;width: 478px;float: left;display: block;}
#header h2.tagline a:hover {filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;}
#header #nav {position: absolute;top: 190px;left: 30px;}
#header #nav .nav-mid {background: url(images/nav-box-mid.png) repeat-y; width: 208px;}
#header #nav ul {padding: 20px 11px 20px 10px;}
#header #nav ul li {font-size: 18px;padding-bottom: 1px;}
#header #nav ul li a {text-decoration: none;padding: 7px 0 7px 40px;color: #5f5746;display: block;}
#header #nav ul li a.active {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
#header #nav ul li a:hover {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}

#header #rotator {background: url(images/rotator-bck.png) no-repeat;position: absolute; top: 160px; left: 204px;height: 431px;width:735px;z-index:9;}
#header #rotator img {position: absolute;left: 17px; top: 7px;height: 400px;z-index: 10;}
#header .divider {margin-top: 5px;position: absolute; left: 00px;top: 590px;width: 960px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

body#home #header #nav ul li a.home {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#About #header #nav ul li a.about-us {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#Services #header #nav ul li a.services {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#Financing #header #nav ul li a.financing {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#gallery #header #nav ul li a.gallery {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#testimonials #header #nav ul li a.testimonials {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#contact #header #nav ul li a.contact {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
body#blog #header #nav ul li a.blog {border-left: 4px solid #5f5746; color: #6795af;display: block;background: #382b1a;padding: 7px 0 7px 36px;}
/***************MAIN***************/
#main {min-height: 773px;background: url(images/paper.jpg) no-repeat 0 0;width: 890px;position: relative;padding: 40px 35px 135px;color: #fbefdf;}
#main h2 {font-size: 22px;}
#main h3 {font-size: 18px;}

/****************CONTENT************/
#main #content {width: 600px;float: left;position: relative;}
#main #content.inner {background: url(images/box-background.png) repeat;border: 1px solid #7f6d47;margin-bottom: 50px;}
#main #content img.content-shadow {bottom: -8px;left: -3px;position:relative;width:608px;}
#main #content h2 {margin: 25px;}
#main #content p {margin: 0 50px 30px 55px;font-size: 12px;line-height: 24px;}
#main #content a {padding: 1px 4px 0px 4px;text-decoration: none; border-bottom: 1px solid;display: inline-block;line-height: 16px;}
#main #content a:hover {background-color: #1a0c01;border: 1px solid #7f6d47;padding: 0px 3px;color: #81b9d9;}
/*ask form*/
#main #content #ask-form {position: relative;}
#main #content blockquote {position: relative;left: 0;top: -10px;font-size: 13px;color: #1a0c01;line-height: 18px;background: url(images/quote.png) no-repeat;padding-left: 60px;width: 400px;margin-top: 70px;margin-bottom: 20px;color: #FBEFDF;}
#main #content blockquote.home {left: 150px;width: 350px;position: absolute;color: #1A0C01;}
#main #content blockquote span {float: right;display: block;margin-top: 15px;}
#main #content .box {background: url(images/box-background.png) repeat;border: 1px solid #7f6d47;padding: 20px 30px;margin: 0 auto;position: relative;}
#main #content .box.form {width: 230px;position: absolute;top: 80px;left: 200px;}
#main #content .box.form h3 {/*color: #2c1401;*/text-align: center;margin: -8px 0 12px 0;font-size: 16px;}
#main #content .box.form img.content-shadow {bottom: -24px;left: -32px;position:relative;width:293px;}
#main #content #ask-form form {float: right;position: relative;}
#main #content #ask-form form li {padding-bottom: 15px;}
#main #content #ask-form form li input, #main #content #ask-form form li textarea {width: 200px;background: #837258;border: 1px solid #58482d;padding: 5px 3px;color: #fbefdf;font-size: 11px;font-family: Aller;}
#main #content #ask-form form input.submit {background: #1a0c01;border: 1px solid #7f6d47;padding: 3px;width: 70px;float: right;color: #6795af;margin-top: 5px;cursor: pointer;}
#main #content #ask-form form input.submit:hover {color: #81b9d9;}
#main #content ul#ask-todd-errors {padding: 0 0 10px 20px;}
#main #content #ask-form form input.error, #main #content #ask-form form textarea.error {border: 1px solid #70A24F;}
#main #content .entry .wp-caption a {border: none;padding: 0}
#main #content .entry .wp-caption a:hover {border: none;background: none;padding: 0;}

/*trio boxes*/
#main #content .box.trio {width: 152px;float: left;margin-right: 8px;padding: 20px;margin-bottom: 80px;min-height: 265px;}
#main #content .box.trio.last {margin-right: 0;}
#main #content .box.trio h3 {text-align: center;margin-bottom: 10px;font-size: 16px;}
#main #content .box.trio p {margin: 0;line-height: 14px;padding: 10px 0 30px 0;}
#main #content .box.trio a img {float:right;padding-bottom: 15px;text-decoration: none;border: none;position: relative;bottom: 0px;right: 0px;}
#main #content .box.trio a {float:right;padding: 0;text-decoration: none;border: none;position: absolute;bottom: 20px;right: 20px;}
#main #content .box.trio a:hover {color: #81b9d9;background: none;border: none;}
#main #content .box.trio img.content-shadow {bottom: -3px;left: -1px;position:absolute;width:193px;}

/*post entry*/
#main #content .post {border-bottom:3px solid #7F6D47;margin:0 55px 60px;}
#main #content .post.page {border-bottom:none;margin:0 55px 60px;}
#main #content .post h2.title {margin: 25px 0;}
#main #content .post.page h2.title {color:#1A0C01;font-size:32px;margin:25px 0;}
#main #content .post h2.title a {padding: 1px 4px 0;line-height: 30px;display: inline;}
#main #content .post h2.title a:hover {color: #81b9d9;background: none;border-top: none;border-left: none;border-right: none;border-bottom: 1px solid;padding: 1px 4px 0;}
#main #content .entry {margin-bottom: 50px;position: relative;font-size: 12px;}
#main #content .entry h3 {margin: 10px 0;color: #70A24F;}
#main #content .entry a.more-link {background-color: #1a0c01;border: 1px solid #7f6d47;padding: 4px 8px;color: #81b9d9;display: block;width: 132px;clear: both;}
#main #content .entry a.more-link:hover {padding: 5px 9px 4px;text-decoration: none; border-bottom: 1px solid;display: block;line-height: 16px;border-top: none;border-left: none;border-right: none;background: none;}
#main #content .entry p {padding: 0 0 20px 0;margin: 0px;}
#content .entry .stbuttontext {font-size:12px;left:-2px;position:relative;top:-1px;}
#content .entry .pro-player-container {display: inline-block;border: 3px solid #7f6d47;}
#content .entry .pro-player-container:hover {border: 3px solid #6795af;}
#main #content .post p.meta {display: inline-block;width: 495px;margin: 0;padding: 0 0 15px 0;}
#main #content span.show-date {color:#c0a77f;font-size: 10px;float: left;position: relative;}
#main #content span.category {color:#c0a77f;font-size: 10px;float: right;position: relative;}
#main #content span.category a {padding: 0 5px;letter-spacing: normal;text-decoration: none;border-bottom: none;}
#main #content span.count {padding: 0 5px;float: left;color:#c0a77f;font-size: 10px;letter-spacing: .2em;position: relative;}
#main #content span.count a {letter-spacing: normal;text-decoration: none;border-bottom: none;padding: 0 5px;}
#main #content span.tags {color: #c0a77f;float: right;padding: 0 5px;font-size: 10px;letter-spacing: .2em;position: relative;}
#main #content span.tags a {padding: 0 5px;letter-spacing: normal;text-decoration: none;border-bottom: none;}
#main #content span.tags a:hover, #main #content span.category a:hover, #main #content span.count a:hover {color: #81b9d9;background: none;border: none;padding: 0 5px;}
#main #content .entry p.wp-caption-text {text-align: center;color: #7f6d47;font-size: 10px;background: #1a0c01;margin: 5px 10px 0 0;}
#content .entry .alignleft {float: left; padding: 10px 0 10px 10px;margin: 0 10px 10px 0;border: 3px solid #7f6d47;}
#content .entry .alignright {float: right;padding: 10px 0 10px 10px;margin: 0 0 10px 10px;border: 3px solid #7f6d47;}
#content ol.commentlist li {font-size: 1em;}
#content ol.commentlist p {padding: 10px 0;}
#content ol.commentlist .commentmetadata a {font-size: 10px;color: #c0a77f;top: -8px;position: relative;}
#content #commentform {margin-bottom: 125px;}
#content #commentform input, #content #commentform textarea {background: #837258; border: 1px solid #58482d;padding: 5px 3px;color: #fbefdf;font-size: 11px;margin-bottom: 8px;}
#content #commentform #submit {background: #1a0c01;border: 1px solid #7f6d47;padding: 3px;float: right;color: #6795af;margin-top: 5px;}
#content #commentform #submit:hover {color: #81b9d9;}
#main #content .post p.meta-bottom {position: relative;clear: both;bottom: 0;padding-top: 10px;}
/* category list columns */
.cat_col {width:120px;float:left;display:block;padding:0;margin:0 5px 0 0;overflow:hidden;}
.cat_col li {clear:left;display:block;padding:4px 0;margin:1px 0 0 0;width:120px;}

/*lists*/
#main #content .entry ul {list-style-type:disc;margin:0 25px 30px 55px;}
#main #content .entry ul li {padding-bottom: 5px;}

/*****Contact Forms*****/
#main #content .post .address {border-right:1px solid #7F6D47;float:left;margin-right:29px;padding-right:30px;text-align:right;width:130px;}
#main #content .post .address p {line-height: 20px;}
#main #content .post .address span {color: #1a0c01;}
.screenReader { left: -9999px; position: absolute; top: -9999px; }
.thanks {}
ol.forms { float: left; list-style: none; margin-bottom: 50px; width: 300px; }
ol.forms li { clear: both;float: left;padding-bottom: 15px;position: relative;width: 100%;}
ol.forms label {cursor: pointer;display: block;float: left;padding-right: 20px;width: 70px;text-align: right;}
ol.forms input, ol.forms textarea {width: 200px;background: #837258;border: 1px solid #58482d;padding: 5px 3px;color: #fbefdf;font-size: 11px;}
ol.forms textarea { height: 150px;}
ol.forms input:focus, ol.forms textarea:focus { background-color: #9c845e; border-color: #1a0c01; }
.error {color: #70A24F; }
ol.forms li .error { font-size: 10px; margin-left: 92px;}
ol.forms li.textarea .error {	display: block;}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {background: #1a0c01;border: 1px solid #7f6d47;padding: 3px;width: 85px;float: right;color: #6795af;margin-top: 5px;margin-right: 2px;}
ol.forms li.buttons button:hover {color: #81b9d9;}
ol.forms li.buttons, ol.forms li.inline { float:right;width:210px; }
ol.forms li.inline input {float:left;margin-right:10px;width:12px;background: none;border: none;}
ol.forms li.inline label {float:left;padding:0;text-align:left;width:185px;}

/****************SIDEBAR***********/
#main #sidebar {float: right; width: 260px;position: relative;font-size: 12px;}
#main #sidebar .box {background: url(images/box-background.png) repeat;border: 1px solid #7f6d47;padding: 20px;margin: 0 auto;}
#main #sidebar img.phone {left:-34px;position:absolute;top:-20px;}
#main #sidebar .video {position: relative;width: 240px;margin: 90px auto 45px;}
#main #sidebar .video img.content-shadow {bottom: -1px;left: -1px;position:relative;width: 243px;}
#main #sidebar .video p {padding: 0 5px 0;line-height: 18px;}
#main #sidebar h3 {text-align: center;position: relative;margin-top: 30px;color:#FBEFDF;}
#main #sidebar h3 img {position: relative;left: 5px;top: 3px;}
#main #sidebar .box.blog {width: 200px;margin: 5px auto 50px;}
#main #sidebar li.cat-item {list-style: none;padding: 3px 10px 3px 0;display: inline-block;}
#main #sidebar .box ul li {border-bottom: 1px solid #7f6d47;padding-bottom: 7px;}
#main #sidebar .box ul li a {display: block;text-decoration: none;}
#main #sidebar .box ul li a:hover {color: #81b9d9;}
#main #sidebar .box.blog ul li {margin-bottom: 20px;padding-bottom: 20px;}
#main #sidebar .box.blog ul li span {position: relative;top: 5px;font-size: 10px;display: block;}
#main #sidebar .box.blog ul li.last {margin-bottom: 10px;border: none;padding-bottom: 0px;}
#main #sidebar .box img.content-shadow {bottom: -24px;left: -22px;position:relative;width: 240px;}

#main #sidebar ul.social {width: 135px;margin: 10px auto;}
#main #sidebar ul.social li {float:left; list-style-type:none;}
#main #sidebar ul.social li a {height:31px; display:block; top:0; text-indent:-9999px; outline:none}
#main #sidebar ul.social li a.facebook, #main #sidebar ul.social li a.twitter, #main #sidebar ul.social li a.rss {background: url(images/social-sprite.jpg) no-repeat;}
#main #sidebar ul.social li a.facebook {background-position:0 0; width:41px; left:0}
#main #sidebar ul.social li a.facebook:hover {background-position:0 -31px}
#main #sidebar ul.social li a.twitter {background-position: -41px 0;width: 47px;/*left: 41px;*/}
#main #sidebar ul.social li a.twitter:hover {background-position: -41px -31px;}
#main #sidebar ul.social li a.rss {background-position: -89px 0;width: 47px;/*left: 89px;*/}
#main #sidebar ul.social li a.rss:hover {background-position: -89px -31px;}

/*tooltip*/
.aToolTip {border:1px solid #7f6d47;background:#1a0c01;color:#fbefdf;margin:0;padding:6px 12px;}
.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}
a.aToolTipCloseBtn {display:block;	height:18px;width:18px;background:url(../images/closeBtn.png) no-repeat;text-indent:-9999px;	outline:none;position:absolute;top:-15px;right:-15px;margin:2px;	padding:4px;}

/******************FOOTER************/
#footer {height: 140px;background: #1a0c01 url(images/footer-shadow.jpg) no-repeat;text-align: center;position: relative;}
#footer .member {position: absolute;width: 150px;left: 135px;top: 30px;color: #534741;}
#footer .member a {display: inline-block;padding-right: 8px;}
#footer .member a:hover, #footer .payment a:hover {opacity: .8;}
#footer .footer-nav {position: relative;top: 75px;}
#footer .footer-nav p {color: #7f6d47;}
#footer .footer-nav a {color: #5f5746;text-decoration: none;cursor: pointer;}
#footer .footer-nav a:hover {color: #7f6d47;}
#footer .footer-nav ul {margin: 0 auto; text-align: center;width: 395px;}
#footer .footer-nav ul li {float: left;padding: 7px;}
#footer .payment {position: absolute; width: 150px;right: 115px;top: 30px;color: #534741;}
body#gallery #footer .payment {top: 24px;}