/* -------------------------------------------
project: accelerated capital
date: 02.02.2009
------------------------------------------- */

html { height: 100%; margin: 0; font-size: 100.01%; }
body { height: 100%; margin: 0; padding: 0; color: #333; font: 62.5%/1.25 "Trebuchet MS",Tahoma,Helvetica,sans-serif; background: #fff url(/images/bg.png) 0 0 repeat-x; }
textarea, input, select, option, optgroup, button { font: 1em Arial,Helvetica,sans-serif; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

/* RE-SETS
------------------------------------------- */
* { margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 0; }

li, dt, dd, p, th, td, caption { font-size: 1.3em; }
ul, ol, dl { margin-bottom: 15px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
p { margin-bottom: 15px; }
li *, li p, li li, dt *, dd *, p * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }

fieldset { border: none; }
legend { display: none; }
button { overflow: visible; cursor: pointer; }
button::-moz-focus-inner { padding: 0; border: none; }

pre { font: 1.1em "Courier New",monospace; white-space: pre-wrap; }

hr { overflow: hidden; height: 1px; margin: 15px 0; padding: 0; border: none; background-color: #ccc; color: #ccc; }
*:first-child+html hr { margin: -7px 0 8px; }
* html hr { margin: -5px 0 8px !important; }

a { color: #369; text-decoration: none; }
a:hover, a:focus, a:active { color: #000; text-decoration: underline; }

/* HEADINGS
------------------------------------------- */
h1, h2, h3, h4, h5, h6 { margin: 0 0 15px; color: #844712; font: bold 2.4em "Trebuchet MS",Tahoma,Georgia,serif; }
h1 { font-size: 2.2em; font-style: italic; text-transform: uppercase; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.0em; }
h5 { font-size: 1.0em; }
h6 { font-size: 1.0em; }

 h1 span, h2 span, h3 span, h4 span, h5 span, h6 span { color: #333; }
 
 h3.special { font-size: 1.3em; }
 
 h3.by { margin: 8px 0px 28px; border-bottom: 1px dotted #844712;}

/* HELPERS
------------------------------------------- */
.offset { position: absolute; left: -10001px; overflow: hidden; height: 0; margin: 0; line-height: 0; }
legend.offset { display: none; }

/* LAYOUT
------------------------------------------- */
#root { width: 919px; padding: 0 5px 0 0; min-height: 100%; margin: 0 auto -6em; background: url(/images/page-right-bg.png) 100% 0 no-repeat; }
* html #root { height: 100%; }
 #wrapper { width: 914px; padding: 0 0 25px 5px; margin: 0; background: url(/images/page-left-bg.png) 0 0 no-repeat; }
  #inner { position: relative; width: 914px; padding: 11px 0 6em 0; margin: 0; background: #fff; }
   #top { position: relative; height: 98px; }
   #content { display: block; margin: 0; padding: 0 5px; overflow: hidden; background: url(/images/separator-vertical-dots.gif) 630px 0 repeat-y; } 	 
   * html #content { height: 1%; } 	 
    #main { float: left; width: 584px; padding: 0 18px 0 20px; }
    #side { float: right; width: 236px; padding: 0 22px; }   
#footer{ position: relative; width: 862px; height: 4.4em; overflow: hidden; padding: 16px 21px 0; margin: 0 auto; background: #333 url(/images/foot-bg.png) 0 0 no-repeat; }
   
/* SKIP LINKS
------------------------------------------- */
#skip-links { position: absolute; top: -11px; left: -10001px; list-style: none; margin: 0; padding: 0; }
 #skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 914px; padding: 2px 0; background: #eee; color: #333; font-size: 1em; text-align: center; }

/* GENERAL
------------------------------------------- */
.home-intro { background: #fff; padding-bottom: 25px; }
.home #content { background-position: 317px 0; }
 
/* ELEMENTS
------------------------------------------- */

/* Navigation */

/* main */
ul#nav { position: absolute; top: 107px; padding: 0 0 7px 4px; margin: 0 0 -39px 1px; list-style: none; height: 52px; background: url(/images/nav-bttm-bg.png) 0 0 no-repeat; }
ul#nav li { float: left; overflow: hidden; height: 53px; padding: 0; margin: 0; }
ul#nav li a { display: block; height: 53px; padding: 19px 12px 0 23px; margin: 1px 0 0 0; font-weight: bold; color: #fff; background: url(/images/nav-bg.png) 0 -52px no-repeat;  }
ul#nav li a:hover { text-decoration: none; }
ul#nav li em { position: absolute; top:-10001px; left:-10001px; } 

ul#nav li#nav-el-home a { 					width: 42px; 	background-position: 0px 	-52px; }
ul#nav li#nav-el-about a {					width: 64px; 	background-position: -77px 	-52px; }
ul#nav li#nav-el-residential a {			width: 76px; 	background-position: -176px -52px; }
ul#nav li#nav-el-commercial a {				width: 80px; 	background-position: -287px -52px; }
ul#nav li#nav-el-testimonials a {			width: 79px; 	background-position: -402px -52px; }
ul#nav li#nav-el-resources a {				width: 73px; 	background-position: -516px -52px; }
ul#nav li#nav-el-mortgage-calculator a {	width: 132px; 	background-position: -623px -52px; }
ul#nav li#nav-el-contact a {				width: 79px; 	background-position: -790px -52px; }

ul#nav li#nav-el-home a:hover { 				background-position: 0 	0; }
ul#nav li#nav-el-about a:hover {				background-position: -77px 	0; }
ul#nav li#nav-el-residential a:hover {			background-position: -176px 0; }
ul#nav li#nav-el-commercial a:hover {			background-position: -287px 0; }
ul#nav li#nav-el-testimonials a:hover {			background-position: -402px 0; }
ul#nav li#nav-el-resources a:hover {			background-position: -516px 0; }
ul#nav li#nav-el-mortgage-calculator a:hover {	background-position: -623px 0; }
ul#nav li#nav-el-contact a:hover {				background-position: -790px 0; }

ul#nav li#nav-el-mortgage-calculator a:hover {	background-position: -623px 0; }
ul#nav li#nav-el-contact a:hover {		background-position: -790px 0px; }

/* footer */
ul#nav-foot { display: block; overflow: hidden; padding: 0; margin: 0; list-style: none; }
 ul#nav-foot li { float: left; padding: 0; margin: 0; line-height: 1.2em; font-size: 1.2em; background: url(/images/nav-foot-sep.gif) 0 50% no-repeat; }
  ul#nav-foot li a { display: block; color: #ccc; padding: 0 7px; }
  
  ul#nav-foot li.first { background: none; }
   ul#nav-foot li.first a { padding-left: 0; }

/* TOP */
h1#logo { position: absolute; top: 14px; left: 17px; }

#call-today { position: absolute; top: 0; right: 6px; width: 239px; padding: 10px 20px 0 20px; background: url(/images/call-today-bg.png) 0 0 no-repeat; text-align: center; }
 #call-today h3 { font-size: 1.3em; font-style: italic; margin: 0 0 2px; }
 #call-today p { font-size: 1.1em; margin: 0; }
  #call-today p.phone { font-size: 2.6em; color: #000; font-style: italic; font-weight: bold; }

/* INTRO */
#introduction { display: block; overflow: hidden; width: 905px; height: 258px; padding: 0 4px; margin: 22px 0 20px 1px; }

 #intro-banner { position: relative; float: left; width: 622px; height: 258px; overflow: hidden; }
   #intro-banner .wrap .inner { position: absolute; display: block; height: 15px; width: 100%; overflow: hidden; bottom: 0; left: 0; background: url(/images/intro-image-corners.gif) 0 100% no-repeat; }
   #intro-banner .wrap .note { position: absolute; left: 0; bottom: 0; width: 576px; padding: 10px 23px; background: url(/images/intro-note-bg.png) 0 0 no-repeat; }
    #intro-banner .wrap .note p { margin: 0; font: normal 1.1em Tahoma,Georgia,serif; color: #e6cbb2; }
     #intro-banner .wrap .note p.main { font: bold 1.6em "Trebuchet MS",Tahoma,Georgia,serif; color: #f6f0ea; font-style: italic; text-transform: uppercase; }

 #nav-sub { display: inline; float: left; margin-left: 3px; width: 280px; height: 258px; overflow: hidden; background: #2d2f30; }
  #nav-sub ul { display: block; width: 240px; height: 218px; padding: 20px; padding-top: 34px; margin: 0; list-style: none; background: url(/images/white-corners.gif) 0 243px no-repeat; }
  
   #nav-sub ul li { display: block; width: 224px; padding: 10px 9px; margin: 0; background: url(/images/nav-sub-sep.gif) 0 0 repeat-x; font-size: 1.1em; }
   #nav-sub ul li.first { background: none; }
    #nav-sub ul li a { display: block; width: 144px; padding: 0 80px 0 0; background: url(/images/nav-sub-arrow.png) 100% 50% no-repeat; font: normal 1em Tahoma,Georgia,serif; color: #e6cbb2; }
     #nav-sub ul li a span { display: block; padding: 0; margin: 0; font: bold 2em "Trebuchet MS",Tahoma,Georgia,serif; color: #fff; text-transform: uppercase; font-style: italic; }
    #nav-sub ul li a:hover { text-decoration: none; }
						

/* SIDE */
#side h2 { text-transform: uppercase; font-style: italic; font-size: 2.2em; }

#side .intro { font-weight: bold; font-style: italic; text-decoration: underline; }
 #side .item p { margin: 0 0 1em; }
 #side .item blockquote { padding: 0; margin: 0; }
 #side .item .author { font-weight: bold; }

#side .box { display: block; padding-top: 10px; margin-bottom: 10px; background: url(/images/separator-horizontal-dots.gif) 0 0 repeat-x; }
#side .box.first { padding-top: 0; background: none; }

/* FOOTER */
#footer p { font-size: 1.2em; color: #ccc; padding: 0; margin: 0; }
#footer .copyright { position: absolute; left: 21px; bottom: 10px; clear: left; display: block; }
#footer .copyright a { color: #fff; }

#footer p.logo { position: absolute; top: 13px; right: 19px; padding: 0; margin: 0; }


/* box-intro */
.home .box-intro { margin: 0 0 11px; }

.box-intro { padding: 0 0 11px; margin: 0 0 20px; background: url(/images/box-intro-bottom-bg.png) 0 100% no-repeat; }
 .box-intro .wrap-a { padding-top: 11px; background: url(/images/box-intro-top-bg.png) 0 0 no-repeat; }
  .box-intro .wrap-a .wrap-b { display: block; height: 100%;  overflow: hidden; padding: 15px 23px 10px 23px; background: url(/images/box-intro-bg.gif) 0 0 repeat-y; }
  
  .box-intro p.img { float: left; margin-right: 15px; }
  .box-intro .cont { float: left; width: 250px; }
  .box-intro .cont.long { width: 360px;  }
  .box-intro .longer { font-size: 1.2em;}
  .box-intro h2, 
   .box-intro p { margin: 0 0 6px; }
  .box-intro h2 { color: #333; font-size: 1.3em; }
  .box-intro span.mark { color: #814914; font-weight: bold; }
  
/* Preface */
.preface { position: relative; overflow: hidden; height: 100%;  }
.preface .item { float: left; overflow: hidden; width: 267px; min-height: 297px; padding: 0 0 40px 25px; }
 .preface .item.first { background: none; padding-left: 0; padding-right: 25px;  }
.preface .item h2 { text-transform: uppercase; font-style: italic; font-size: 2.2em; }
.preface .item p { margin: 0 0 2px; }
.preface .item p.img { margin: 0 0 11px; }
.preface .item a.button { position: absolute; left: 317px; bottom: 7px; padding: 0 7px 0 0; overflow: hidden; background: url(/images/button-a-right-bg.gif) 100% 0 no-repeat; font: bold 1em Tahoma,Helvetica,sans-serif; color: #fff; }
.preface .item a.button span { display: block; width: auto; white-space: nowrap; overflow: hidden; min-width: 70px; padding: 4px 13px 0 20px; height: 20px; background: url(/images/button-a-bg.gif) 0 0 no-repeat; }
* html .preface .item a.button span { width: 70px; }
.preface .item a.button:hover { text-decoration: none; }

 .preface .item.first a.button { left: 0; }
 
/* form */
form button { border: 0; height: 39px; padding: 0 0 0 5px; margin: 0; text-align: center;background: #fff url(/images/button-left-bg.png) 0 0 no-repeat; font: 1.7em "Trebuchet MS",Tahoma,Helvetica,sans-serif; color: #fff; font-weight: bold; font-style: italic; text-transform: uppercase; }
form button span { display: block; min-width: 55px; height: 34px; padding: 5px 20px 0 15px; margin: 0; background: url(/images/button-bg.png) 100% 0 no-repeat; white-space: nowrap; }

form input, form textarea, form select { border: 1px solid #dcdbd9; color: #999; }
form input, form textarea { padding: 6px 7px; }
form select { height: 28px; }
form input { height: 16px;  }

form .row { clear: both; display: block; height: 100%; }

/* quick quote */
 #quick-quote .row { clear: both; margin: 0; }
  #quick-quote .row.submit { padding-top: 5px; }
 #quick-quote input, 
  #quick-quote textarea { width: 211px; border: 0; }
 #quick-quote input { height: 17px; background: url(/images/input-xm.gif) 0 0 no-repeat; }
 #quick-quote textarea { height: 67px; background: url(/images/textarea-s.gif) 0 0 no-repeat; }
 
 #quick-quote .jNiceInputWrapper input { }
 #quick-quote .jNiceInputWrapper { width: 225px; margin: 0 0 2px;  }
 
/* contact form */
#contact-form p { clear: both; margin: 0 0 5px; }
#contact-form h2, #contact-form h3 { margin: 0 0 5px; }
#contact-form h3 { margin: 15px 0 10px; }
#contact-form p.row { clear: both; padding: 0 0 1px; margin: 0; }
#contact-form label { display: block;  }

#contact-form input.l,
#contact-form input.m,
#contact-form input.s,
#contact-form input.zip { height: 18px; border: 0; }

#contact-form textarea { width: 444px; height: 67px; background: url(/images/textarea-l.gif) 0 0 no-repeat; border: 0; }
#contact-form input.l { width: 450px; background: url(/images/input-l.gif) 0 0 no-repeat; }
#contact-form input.m { width: 217px; background: url(/images/input-m.gif) 0 0 no-repeat; }
#contact-form input.s { width: 165px; background: url(/images/input-s.gif) 0 0 no-repeat; }
#contact-form input.zip { width: 137px; background: url(/images/input-xs.gif) 0 0 no-repeat; }
#contact-form select#f-contact-state { width: 139px; }
#contact-form .double { overflow: hidden; }
#contact-form .jNiceInputWrapper { width: 458px; _width: 455px; }
#contact-form .jNiceInputWrapper input.l { _width: 442px; }
#contact-form .double .jNiceInputWrapper { width: 225px; _width: 209px; float: left; margin-right: 8px; }
#contact-form .double .jNiceInputWrapper input { _width: 209px;  }

#contact-form .triple .jNiceInputWrapper, 
 #contact-form .triple .jNiceSelectWrapper { width: 177px; float: left; margin-right: 3px; }
 
#contact-form .triple .state-select { float: left; width: 142px; _width: 139px; margin-right: 0; }
#contact-form .triple .jNiceSelectWrapper { display: block; width: 142px; margin-right: 0;  }

#contact-form .triple .jNiceInputWrapper input.zip { width: 136px; _width: 119px;  }
#contact-form .zip-code { display: block; }
#contact-form .zip-code .jNiceInputWrapper { width: 136px; }


*:first-child+html #contact-form input#f-contact-city { margin-right: 3px; }
*:first-child+html #contact-form select#f-contact-state { margin-right: 3px; }

/* Mortgage Calculator */
div.longer ul { list-style-type: none; font-size: .8em;}
div.longer li { width: 210px; float: left; display: inline; margin: 6px 0px 6px;}
div.longer li label { float: left; width: 100px; }

div.longest ul { list-style-type: none; font-size: 1.0em;}
div.longest li { width: 310px; float: left; clear: left; margin: 6px 0px 6px;}
div.longest li label { float: left; width: 200px; }