html body {
width:100%;
height:100%;
margin: 0;
padding: 0;
}

body {
width:100%;
height:100%;
padding: 0;
margin: 0;
background: #284179 url("img/gradient_bg.jpg") top center repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #284179;
}

#wrap {
width:100%;
height:100%;
min-height:940px;
background: url("img/flag_bg.jpg") top center no-repeat;
}

.hidden { visibility: hidden; display:none; }

a:link {
color: #a11122; 
text-decoration: none;
}

a:visited {
color: #a11122; 
text-decoration: none;
}
a:hover {
color: #6e93e5;  
text-decoration: underline;
}

.clear { clear: both; }	

.green { color:#659a19; }
.tan { color:#aea468; }
.blue { color:#36569c; }

.show-90 { -moz-opacity:.90; filter:alpha(opacity=90); opacity:.90; }

/* ----- HEADER CONTAINER STYLES ----- */

#header  {
position:relative;
width: 932px;
height: 74px;
margin: 0 auto;
}

#header h1 {
width:331px;height:74px;float:left;margin:0;padding:0;
}
#header h1 a {
width:331px;height:74px;margin:0;padding:0;display:block;
background: transparent url("img/logo.gif") top center no-repeat;
}

#header h2 {
width:460px; height:74px;float:right;margin:0; padding:0;
}
#header h2 a {
width:460px; height:74px;float:right;margin:0; padding:0;display:block;
background: transparent url("img/slogan.gif") top center no-repeat;
text-decoration:none;
}

/* ----- H STYLES ----- */

h1 {
font: 22px "Lucida Grande", Verdana, Arial, sans-serif;
margin: 0;
color: #b24816;
}

h1 a:link, h1 a:visited {
text-decoration: none;
color: #da4603;
}

h2 {
font-family: 'Arial Black', Gadget, sans-serif;
font-size:20px;
font-style:italic;
margin: 0 0 5px 0;
padding:0;
color: #284179;
}

h2.secondary {
clear:left;
font-size:26px;
margin: 10px 0 5px 0;
}

h2 a:link, h2 a:visited, h2 a:hover {
text-decoration: underline;
color: #666;
}

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

h3 {
font-family: 'Arial Black', Gadget, sans-serif;
font-size:16px;
font-style:italic;
color: #a11122;
margin:0;
padding:0;
}

h3 a:link, h3 a:visited {
text-decoration: none;
color: #a11122;
}

h3 a:hover {
color:#6e93e5;
}

h4 {
font-family: 'Arial Black', Gadget, sans-serif;
font-size:14px;
font-style:italic;
color: #a11122;
margin:0 0 10px 0;
padding:0;
}

h4 a:link, h4 a:visited {
text-decoration: none;
color: #a11122;
}

h4 a:hover {
color:#6e93e5;
}

h5 {
font-size: 14px;
margin: 3px 0 3px 0;
font-weight: bold;
}

h6 {
font-size: 13px;
margin: 3px 0 3px 0;
font-weight: bold;
}

#siteintro {
width: 932px;
height: 291px;
margin: 0 auto;
padding: 0;
z-index: 10;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
width: 912px;
height: 248px;
margin: 0 auto;
padding: 0;
text-align: left;
border:10px solid #e1dab2;
background-color: #e1dab2;
}


.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding: 0;
width: 912px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 248px;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

.pagination{
float:right;
clear:right;
width: auto; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
margin:-8px 0 0 0;
text-align: right;
background-color: #e1dab2;
padding: 5px 10px;
}

.pagination a {
padding: 0 4px;
text-decoration: none; 
color: #284179;
font-weight:bold;
font-style:italic;
}

.pagination a:hover, .pagination a.selected{
color: #ac0115;
}

#mainphototitle {
background: #fff url(img/phototitle_bg.jpg) no-repeat;
width: 932px;
height: 23px;
margin: 0 auto;
padding: 0;
text-align: right;
}	

#content {
background: #fff url(img/content_bg.jpg) top center no-repeat;
width: 932px;
height: auto;
min-height:350px;
margin: 0 auto;
padding:0;
}

#content.secondary {
background: #fff url(img/content2_bg.jpg) top center no-repeat;
}

#content.wide {
background: #fff url(img/content2_wide_bg.jpg) top center no-repeat;
}

/* BREADCRUMBS */
#breadcrumbs {
margin: 20px 0 10px 4px;
font-size:11px;
padding:0;
}

#breadcrumbs ul {
list-style-type: none;
margin:0;
padding:0;
}

#breadcrumbs ul li {
float:left;
display: inline;
font-size:11px;
}

#breadcrumbs ul li a:link, #breadcrumbs ul li a:visited  {
color:#a11122;
text-decoration: none;
}

#breadcrumbs ul li a:hover {
color: #284179;
text-decoration: none;
}

#page_content {
float: left;
width:583px;
height: 100%;
min-height:300px;
margin: 0;
padding:10px 40px 15px 34px;
}

#page_content.intro {
font-size:14px;
}

#page_content.wide {
width:932px;
font-size:14px;
}

/*style for IE*/		
* html .page_content {
}	

.page_content p {
margin: 5px 0 5px 0;
line-height: 15px;
}

/* SERVICES LIST */
ul.services {
float:left;
background-color:transparent;
margin:3px 0 0 12px;
padding:0 0 8px 0;
list-style-type: none;
}

ul.services li { font-size: 11px;
background-image: url('img/arrow_blue.gif');
background-position: 0px 3px; /* X-pos Y-pos (from top-left) */
background-repeat: no-repeat;
padding-left: 25px;
line-height: 15px;
margin:0 0 8px 0;
font-size:13px;
}

ul.services li a {
}

ul.services li a:hover {
}

.separator {
margin: 8px 0 8px 0;
padding: 0 0 5px 0;
border-bottom: 2px #a11122 solid;
width: 90%;
}

.leftcolumn {
float:left;
width:250px;
margin:0;
padding:0;
}

.rightcolumn {
float:left;
width:220px;
margin:0;
padding:0;
}

/* ----- FORM STYLES ----- */

form label {
font-weight:bold;
}

input.textbox {
margin-bottom:5px;
}

form label.required {
color:#a11122;
font-weight:bold;
}

form {
margin:0;
padding:0;
}

#sidebar {
float:right;
width:249px;
height:350px;
background-color:#fff;
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
padding:13px;
}

#sidebar.secondary {
padding:30px 13px 20px 13px;
min-height:500px;
}

#sidebar a:link, #sidebar a:visited {
color: #a11122;
font-weight: bold;
text-decoration: none;
}

#sidebar a:hover {
color: #6e93e5;
font-weight: bold;
text-decoration: underline;
}

#subheader_graphic h1{
padding: 0px;
margin:0;
height:17px;
width:400px;
/* Default image. More defined below */
background-image: url("");
background-position: 0 0;
background-repeat: no-repeat;
}

html>body #subheader_graphic h1{
width:400px;
height: 17px;
}

/* specify new images for different pages Look for different ids on body tag */
#profile-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_profile.gif"); }
#finehomes-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_aboutfinehomes.gif"); }
#pastprojects-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_pastprojects.gif"); }
#pastproject-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_pastproject.gif"); }
#tourprojects-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_tourprojects.gif"); }
#tourproject-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_tourproject.gif"); }
#clientprofiles-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_clientprofiles.gif"); }
#clientprofile-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_clientprofile.gif"); }
#interiordesign-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_interiordesign.gif"); }
#interiorprojects-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_interiorprojects.gif"); }
#assistbuild-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_assistbuild.gif"); }
#news-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_news.gif"); }
#contact-page #subheader_graphic h1{ margin: 0; background-image: url("img/subheader_contact.gif"); }


#content2 {
float: left;
width: 420px;
height: auto;
margin: 22px 0px 0px 65px;
padding-bottom: 20px;
}

/*style for IE*/		
* html #content2 {
margin: 22px 0px 0px 32px;
}

#footer {
width: 932px;
height: 74px;
margin: 10px auto 20px auto;
color: #2b457f;
font-size:11px;
padding:0;
background:#e1dab2 url("img/footer_logo.gif") top left no-repeat;
}

#footer a:link, #footer a:visited, #footer a:hover { 
color: #3a5eae;
text-decoration: none;
}

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

h4.BraunAbilityLink1 {
width:240px;
height:24px;
margin:5px 0 0 0;
padding:0;
float:right;
}

h4.BraunAbilityLink1 a:link, h4.BraunAbilityLink1 a:visited {
width:240px;
height:24px;
display:block;
background:transparent url("img/BraunAbility_dealer1.jpg") top center no-repeat;
text-decoration:none;
border:0;
}

.addressinfo {
float:left;
margin: 8px 0 0 80px;
border-right:2px solid #c1b989;
padding-right:15px;
}

.addressinfo2 {
float:left;
margin: 8px 0 0 20px;
border-right:2px solid #c1b989;
padding-right:15px;
}

.copyright {
float:right;
margin: 8px 20px 0 0;
text-align:right;
}

.vehicle_profile-left {
float:left;
width: 430px;
margin-right:15px;
}

.vehicle_profile-right {
float: left;
width: 430px;
}

.vehicles-column-left {
float:left;
margin-right:15px;
}

.vehicles-column-right {
float:left;
}

.productprofile {
clear: both;
position: relative;
width: 585px;
height: auto;
border: 3px #c1b989 solid;
background-color: #e8e2bd;
margin: 10px 0 10px 0;
padding: 5px 10px 10px 10px;
font-size:11px;
}

.vehicleprofile {
float:left;
position: relative;
width: 420px;
height: auto;
min-height:150px;
border: 3px #c1b989 solid;
background-color: #e8e2bd;
margin: 5px 10px 5px 0;
font-size:11px;
}

.productprofile h2.left {
float:left;
font-size: 14px;
font-weight: bold;
margin: 3px 0 2px 4px;
padding-left:2px;
font-style:normal;
}

.vehicleprofile h2.left {
float:left;
font-size: 14px;
font-weight: bold;
margin: 3px 0 2px 4px;
padding-left:2px;
font-style:normal;
}

.vehicleprofile h2.left a:link, .vehicleprofile h2.left a:visited {
color: #284179;
text-decoration:none;
}

.vehicleprofile h2.left a:hover {
color: #6e93e5;
text-decoration:none;
}

.vehicleprofile h2.right {
float:right;
font-size: 12px;
font-weight: bold;
margin: 4px 4px 2px 0;
padding-right:5px;
font-style:normal;
}

.vehicleprofile h3.condition {
font-size: 10px;
font-weight: bold;
margin: 0;
padding:0;
font-style:normal;
}

.vehicleprofile2 {
clear: both;
position: relative;
width: 420px;
height: auto;
border: 3px #284179 solid;
background-color: #fff;
margin: 6px 0 10px 0;
font-size:11px;
}

.thumbs {
margin: 4px 4px 4px 5px;	
}

.photocolumn {
clear:left;
float:left;
margin:3px 10px 10px 5px;
}

.photocolumn2 {
clear:left;
float:left;
border: none;
margin:3px 10px 0px 0px;
}

.vehiclephoto {
border:3px #284179 solid;
}

.vehiclesummary {
float:left;
font-size: 11px;
font-style: normal;
padding:10px 15px 5px 0;
margin-top:10px;
}

.vehiclesummary strong{
font-weight: bold;
}

.vehiclesummary_long {
float:left;
font-size: 11px;
font-style: normal;
padding:10px 15px 5px 0;
margin:10px;
}

.vehiclesummary_long strong{
font-weight: bold;
}

.linkinfo {
position: absolute;
right: 4px;
bottom: 6px;
padding-right:5px;
font-size: 11px;
text-align: right;
}

/****** TABLE STYLES *******/

#schedule-table table a:link {color: #660000; text-decoration: underline;}
#schedule-table table a:visited {color: #660000; text-decoration: underline;}
#schedule-table table a:hover {color: #CC0000; text-decoration: underline;}
#schedule-table table a:active {color: #CC0000; text-decoration: underline;}
#schedule-table table a:focus{color: #CC0000; text-decoration: underline;}

#schedule-table table{
width: 428px;
font-size: 11px;
margin:15px 0 5px 0;
border:0;
padding:1px 1px 1px 0;
background-color: #fff;
text-align:left;
}

#schedule-table table tr td {
padding: 3px 4px;
color:#fff;
border:0;
text-align:left;
}
#schedule-table table thead th{
background-color: #00569E;
font-weight: bold;
font-size:13px;
padding: 4px 6px;
color:#9DCCE6;
border:0;
text-align:left;
}
#schedule-table table tbody tr th{
color: #fff;
border-left: none;
padding: 2px 4px;
background-color: #1D325F;
border:0;
text-align:left;
}
#schedule-table table tbody td{
border:0;
text-align:left;
}
#schedule-table table tbody tr.odd{
background-color: #00569E;
border:0;
text-align:left;
}
#schedule-table table tbody tr.row{
background-color: #00569E;
border:0;
text-align:left;
}	

#schedule-table table tbody tr:hover {
color: #fff;
border:0;
}

#schedule-table table tbody tr.odd:hover {
color: #fff;
background-color: #2683BE;
border:0;
}

#schedule-table table tfoot td, #schedule-table table tfoot th{
font-size: 11px;
font-weight:bold;
color:#660000;
padding: 3px 4px;
border:0;
}