/*
Theme Name: DownsDesign
Author: Eric Downs
Author URI: http://downsdesign.com
*/

html {
min-height: 100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}

body {
color: #444;
padding-top: 0;
background-color: white;
font: 12px/1 arial, verdana, sans-serif;
}

a img { border: none; }


ol, ul {
list-style: none;
font: 12px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
padding-left: 10px;
}

a {
color: #3f4e56;
text-decoration: none;
}

a:hover {
color: #444;
text-decoration: underline;
}


a img, a:visited img, a:active img, a:active img{
border: 0 none;
}

ul, ol {
margin-top: 10px;
}

li {
list-style: url('img/li.gif');
line-height: 2;
}

.line {
border-top: 1px solid #b8b8b8;
display: block;
height: 5px;
background-repeat: no-repeat;
background-position: center center;
margin: 10px 0 0;
width: 100%;
}


p {
font-family: arial, verdana, sans-serif;
text-align: left;
letter-spacing: 0;
line-height: 24px;
font-size: 12px;
margin-top: 10px;
margin-bottom: 15px;
}

h1 {font: normal 25px/40px arial, verdana, sans-serif;
color: #b8b8b8;
}

h2 {
font: italic 16px/30px "Lucida Grande", Lucida, Verdana, sans-serif;
color: #6c851d;
margin: 5px 0 20px;
padding-left: 10px;
letter-spacing: .03em;
border-bottom-color: #a6a6a6;
border-bottom-width: 1px;
}

h3 {
color: #6c851d;
margin: 0;
font: 15px/25px "Lucida Grande", Lucida, Verdana, sans-serif;
padding: 0;

}

h4 {
margin: 0;
color: #792320;
padding-bottom: 15px;
font: normal 14px/22px arial, verdana, sans-serif;
padding-top: 15px;
}

code {
background: #FFF;
border-left: 6px solid #CCC;
color: #666;
display: block;
font: normal 1em Tahoma,sans-serif;
line-height: 1.6em;
margin-bottom: 12px;
padding: 8px 10px;
white-space: pre;
}

blockquote {
padding-left: 30px;
color: #6c851d;
}

.quote{
color: #6c851d;
font: italic 16px/31px Georgia, "Times New Roman", Times, serif;
padding-left: 20px;
border-left: 1px solid #d5d5d5;
margin-left: 15px;
margin-top: 40px;
letter-spacing: .02em;
text-align: left;
}

span.signature{
color: #a3a3a3;
font: italic normal 16px Georgia, "Times New Roman", Times, serif;
float: right;
margin-top: -13px;
}

/* misc */
.clearer {clear: both; font-size: 0;}

.left {
float: left;
margin-left: 50px;
margin-top: 8px;
color: #444;
}
.right {float: right;
margin-top: 15px;
margin-right: 50px;
}

/* structure */

.outer-container {
padding-bottom: 0;
margin-top: 0;
background: url(img/header.png) repeat-x 0 top;
}


.inner-container {
font-size: 1.2em;
margin: 0 auto;
width: 960px;
padding: 0 0px;
}

.main {
margin: 0 auto;
width: 920px;
padding: 20px 20px 120px;
/*border: 1px solid #b8b8b8;*/
background: url(img/bottom_main.gif) no-repeat 0 bottom;
}


/*  Header  */
/*  -------------------------------------------------------------------------  */

.header {
height: 100px;
margin-bottom: 50px;
/*background: #3f4e56 no-repeat;*/
}

.header_sub {
height: 40px;
background: #e0e0e0;
}

#logo{
float: left;
height: auto;
border: none;
padding-right: 20px;
}


.links {
float: left;
padding-top: 0;
width: auto;
height: auto;
margin-top: 50px;
display: inline;
text-transform: uppercase;
font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
letter-spacing: .03em;
}


.links ul {
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
list-style:none;
padding:0;
}

.links li {
display: inline;	
float:left;
width: auto;
margin:0;
text-align:center;
padding-left: 0;
padding-right: 5px;
padding-bottom: 0;
}

.links li a {
display: inline;
padding: 5px 10px;
color: white;
text-decoration:none;
}

.links li a:hover,li a:focus,li a:active {
color: #6c851d;
background-color: #303d44;
}

.contactus{
float: right;
color: white;
font: italic 12px "Lucida Grande", Lucida, Verdana, sans-serif;
margin-right: 50px;
letter-spacing: .03px;
margin-top: 48px;
}

.right{
float: right;
margin: 0;
padding: 0 10px 0 0;
}

.left{
float: left;
}


/*  Navigation  */


.download{
float: left;
font: 10px "Lucida Grande", Lucida, Verdana, sans-serif;
margin-top: 20px;
margin-left: 0;
padding: 0;
}

.download ul {
margin: 0;
padding: 0; 
list-style-type: none;
float: left;
}

.download li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 10px 15px; /*padding inside each tab*/
background: #eee; /*background of tabs (default state)*/
}

.download li a:hover{
background: #d9d9d9; 
}

/* Subtabs */


.subnav_tabs{
overflow: hidden;
float: left;
width: 920px;
background-color: #e0e0e0;
font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
}

.subnav_tabs ul{
margin: 0;
padding: 0 0 0 40px; /*offset of tabs relative to browser left edge*/
list-style-type: none;
float: left;
}

.subnav_tabs li{
display: inline;
margin: 0;
}

.subnav_tabs li a{
float: left;
display: block;
text-decoration: none;
margin: 0;
padding: 10px 15px; /*padding inside each tab*/
border-right: 1px solid white;
background: #d9d9d9; /*background of tabs (default state)*/
}

.subnav_tabs li a:visited{
}

.subnav_tabs li a:hover, .subnav_tabs li.selected a{
background: #eee; /*background of tabs for hover state, plus tab with "selected" class assigned to its LI */
}

/* content */
.content {
float: right;
width: 680px;
height: auto;
padding-top: 30px;
}

/* content */
.content-login {
width: 300px;
height: auto;
margin-right: auto;
margin-left: auto;
}

td.mainheader {
margin-bottom: 20px;
}

/* content */
.content_floorplan {
float: right;
width: 920px;
height: auto;
}

/* content */
.content_small {
float: left;
width: 480px;
height: auto;
padding-top: 30px;
padding-left: 30px;
}

.content_home {
float: left;
width: 920px;
height: 455px;
/*display: inline;*/
margin: 25px 20px 20px;
}

.content_homeoutside {
width: 962px;
height: 520px;
position: relative;
background: url(img/homestage.png) no-repeat;
}

.content2 {
width: 475px;
height: 375px;
background-color: white;
margin-right: 30px;
padding: 20px;
float: right;
}

.feature {
height: auto;
padding: 20px;
float: right;
width: 840px;
background-color: white;
text-align: left;
}

.feature_header {
width: 810px;
background-color: white;
float: left;
height: auto;
border-bottom: 1px solid #EEE;
margin: 0;
padding: 20px 30px 0;
}

.worksidebar {
width: 260px;
height: auto;
padding: 30px 20px 20px 40px;
margin-top: 0;
float: left;
}

.content li {
line-height: 1.4em;
list-style: url('img/li.gif');
margin-left: 18px;
}

.content p {font-family: "Lucida Sans Unicode",sans-serif;}

.pagelogo {
height: auto;
width: 290px;
margin-left: 0;
padding-top: 20px;
float: left;
padding-left: 30px;
}

.sidebar_contact{
height: auto;
width: 270px;
margin-left: 0;
float: right;
border-left: 1px solid #d5d5d5;
padding: 20px 20px 20px 50px;
margin-top: 50px;
}

.sidebar_about{
height: auto;
width: 270px;
margin-left: 0;
float: right;
border-left: 1px solid #d5d5d5;
padding: 20px 20px 20px 40px;
margin-top: 30px;
margin-right: 20px;
}

.sidebar_about img{
float: left;
margin-bottom: 20px;
position: relative;
right: 15px;
}

.sidebar_contact ul,li	{
list-style-type: none;
}

.sidebar_contact  ul{
margin-bottom: 20px;
margin-top: 5px;
}


.sidebar_floorplan{
height: auto;
width: 170px;
margin-left: 0;
padding-top: 80px;
float: left;
padding-left: 50px;
}

.sidebar_homesbuilt{
height: auto;
width: 200px;
margin-left: 0;
padding-top: 80px;
float: left;
padding-left: 20px;
}

.sidebar_homesbuilt h3, .sidebar_floorplan h3{
/*border-bottom: 1px dotted;*/
padding-bottom: 5px;
border-color: #a6a6a6;
}

.homelogo {
width: 200px;
height: auto;
float: right;
border-right: 1px solid #b8b8b8;
padding: 30px 40px 10px 30px;
margin-top: 20px;
}

.lost{
height: 300px;
text-align: center;
}

/*  Footer */

.footer {
color: #b8b8b8;
width: 960px;
font: 12px sans-serif;
float: left;
}

#footer-bottom {
width: 860px;
/*border-top: 1px solid silver;*/
margin-left: auto;
margin-right: auto;
color: #717171;
}

#footer-bottom a {
color: #717171;
}

#footer-bottom  a:hover {
color: #aaa;
}

#footer-bottom .bottom-left {
float: left;
padding: 0;
margin: 0;
}

#footer-bottom .bottom-right {
text-align: right;
padding-right: 10px;
margin: 0;
}

.lost{
height: 200px;
text-align: center;
padding-top: 50px;
}

div.hr {
  height: 15px;
  background: #fff url(img/hr.png) repeat-x scroll center;
  /*border: 1px solid red;*/
}
div.hr hr {
  display: none;
}