/*

brown bar:#895212
red: 5f1209;
tan (background): e4dbbc;

*/

body#sitehome #nav_vert_1 a, 
body#team #nav_vert_2 a,
body#transformations #nav_vert_3 a,
body#afford #nav_vert_4 a,
body#specials #nav_vert_5 a,
body#news #nav_vert_6 a,
body#faqs #nav_vert_7 a,
body#findus #nav_vert_8 a  { color: #895212; }

body#transformations.services #nav_hor_1 a,
body#transformations.technology #nav_hor_2 a,
body#transformations.amenities #nav_hor_3 a {background-color:#5f1209;}



/* << ----------------// General Styles //---------------->> */
body {
margin:10px;
padding:0;
font-family: Arial, sans-serif;
font-size:16px;
line-height:1.35em;
color:#895212;
background:#e4dbbc;
text-align:center;
}

p {
margin:4px 0 10px 0;
line-height:1.55em;
}

.special { font-family: Georgia, Times New Roman, serif; 
font-size: 14pt; 
}

strong { font-weight:bold; }
em { font-style:italic; }
span.tm {
vertical-align:super;
font-size:.5em;
text-transform:uppercase;}

h1, h2 {
color:white;
margin:10px 0 0 0;
font-size: 1.45em;
}

h2 { font-weight:lighter; font-family: Georgia, Times New Roman, serif; font-style:italic;margin-bottom: 30px; }
h3 { font-size: 1.10em; margin: 25px 0 15px 0; }
h4 { margin-top: 35px; font-size: 1em; font-style:italic;  }


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

a:hover, a:active {
color:#999999;
text-decoration:none;
}

ul {
margin:15px 0 15px 20px;
padding:0;
list-style-type:disc;
}

ol {
margin:5px 0 3005px 30px;
padding:0;
list-style-type:decimal;
}

ul li, ol li {
margin:0 0 4px 0;
padding:0;

}

ul.linklist {
list-style-type: none;
margin:30px 0 0 0;
padding:0;
}

body #mainContainer ul a { text-transform:lowercase;}
body #mainContainer ul a, body #mainContainer ol a { color: #e4dbbc;}
body #mainContainer ul a:hover, body #mainContainer ol a:hover { color: #fff; }

/* << ----------------// Outer container that holds all the columns //---------------->> */
#mainContainer {
margin:0 auto;
padding:0;
width:772px;
font-size:.75em;
margin-top: 40px;
text-align:left;
}

#columnFull {
margin-left: 105px;
}
/* << ----------------// Header //---------------->> */
#header {
margin:0;
padding:0px;
width:762px;
height:59px;

}

#header h1 {
margin:0;
margin-left: 190px;
padding:0;
}
#header h1 a {
display:block;
margin:0;
padding:0;
width: 169px;
height:49px;
text-indent: -9999em;
background: url(images/logo.gif) top left no-repeat;
float:left;
}

#header p {
float:right;
font-size:1.1em;
line-height:1.25em;
margin-top: 32px;
margin-right:7px;
font-weight: 700;

}


/* << ----------------// Horizontal navigation //---------------->> */
#navHorizontal {
margin:0px 0 3px 0;
padding:0;
height:30px;
line-height:30px;
background:#996b3d;
}

#navHorizontal ul {
margin:0 0 0 0px;
padding:0;
list-style:none;
}

#navHorizontal ul li {
margin:0 0 0 0px;
padding:0px 0 0px 0;
list-style:none;
display:block;
width:131px;
width:33.3%;
float:left;
text-align:center;

}

#navHorizontal ul li a:link, #navHorizontal ul li a:visited {
padding:5px 2px 5px 2px;
padding:0;

display:block;
font-size:.95em;
text-align:center;
color:#e4dbbc;
text-decoration:none;
margin: 0px 0px;
}

.mid {border: 0px solid #e4dbbc; border-width: 0 3px;}

#navHorizontal ul li a:hover, #navHorizontal ul li a:active {
color:#e4dbbc;
text-decoration:none;
background-color:#5f1209;
}

/* << ----------------// Left column //---------------->> */
#columnOne {

float:left;
margin:0;
padding:0 5px 10px 5px;
width:150px;
z-index:10;
position:relative;
}

#columnOne p, #columnThree p, #columnOne ul li, #columnOne ol li, #columnThree ul li, #columnThree ol li {

}

#columnOne h2, #columnThree h2 {

}

/* << ----------------// Vertical navigation //---------------->> */
#navVertical {
margin: 34px -5px 0 -5px;
padding:0;
width:165px;
z-index: 1;
}

#navVertical ul {
margin:0 0 0 5px;
padding:0;
list-style:none;
}

#navVertical ul li {
margin:0 0 0 -5px;
padding:0;
list-style:none;
text-align:right;
margin-bottom: 18px;
}

#navVertical ul li a:link,#navVertical ul li a, #navVertical ul li a:visited {
margin:0; padding:0;
color:#5f1209;
font-size:.95em;
width:100%;
text-align:right;
font-weight:bold;
}

#navVertical ul li a:hover, #navVertical ul li a:active {
color:#895212;
}

#navVertical ul #nav_vert_1 a { padding-right: 27px; }
#navVertical ul #nav_vert_2 a { padding-right: 43px; }
#navVertical ul #nav_vert_3 a { padding-right: 58px; }
#navVertical ul #nav_vert_4 a { padding-right: 70px; }
#navVertical ul #nav_vert_5 a { padding-right: 72px; }
#navVertical ul #nav_vert_6 a { padding-right: 70px; }
#navVertical ul #nav_vert_7 a { padding-right: 68px; }
#navVertical ul #nav_vert_8 a { padding-right: 58px; }
#navVertical ul #nav_vert_9 a { padding-right: 46px; }
	
/* << ----------------// Middle column //---------------->> */
#columnTwo {
float:left;
margin:0;
margin-left: -55px;
padding:0px;
width:263px;
height:450px;

z-index:1;
position:relative;
}


/* << ----------------// Right column //---------------->> */
#columnThree {
float:left;
margin:0;
padding:0px;
width:393px;
height: 450px;
margin-top:0px;

color:white;
background: url(images/background.jpg) repeat-x;
}

#columnThree #scrollBox {
background:#6d1b01;
padding:5px;
}

/* << ----------------// Footer //---------------->> */
#footer {
margin:0;
padding:5px 5px 5px 10px;

height:20px;

color:#cccccc;
background-color:#000000;
clear:both;
}

#footer a:link, #footer a:visited {
color:#999999;
text-decoration:none;
}

#footer a:hover, #footer a:active {
color:#ffffff;
text-decoration:underline;
}


/* << ------------- // scroll // --------------->> */
#txt_scroll_small, #txt_scroll_medium, #txt_scroll_large, #txt_scroll_full {
/*ie5.5*/
width:393px;
/*everyone*/
width/**/:/**/357px;

height: 269px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #5f1209;
color:#e4dbbc;
margin: 0.3em auto;
margin:22px 0 5px 0;
padding: 18px;
}

#txt_scroll_small { height: 305px; height/**/:/**/269px; }
#txt_scroll_medium { margin-bottom:2px; height: 342px; height/**/:/**/305px;  }
#txt_scroll_large { height: 372px; height/**/:/**/335px; }
#txt_scroll_full { height: 407px; height/**/:/**/370px; }


/* ie5.5 settings
#txt_scroll_small, #txt_scroll_medium, #txt_scroll_large, #txt_scroll_full { width: 393px; }
#txt_scroll_small { height: 305px; }
#txt_scroll_medium { height: 342px; margin-bottom:2px; }
#txt_scroll_large { height: 372px; }
#txt_scroll_full { height: 407px; }
*/

/* << ----------------// javascript scroller/slider -------------------->> */
.slidercontainer{
margin-top:3px;
BORDER:#000 0px solid;
}
.sliderimages{
BORDER:#e4dbbc 0px solid;
border-width: 0 2px 0 2px;
}
/************************************************
* appointment Form
*
************************************************/

form.appt {margin: 15px 0px;}
form.appt input, form.appt textarea {margin: 5px 0; padding:1px; font-size: 1em;}
form.appt textarea {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.125em;
}
body#appointment form.appt p {padding: 0;}
body#appointment form.appt .radio {margin:0;}

/* << ----------------// Fix so that the outer DIV will wrap around all floated DIVs within //---------------->> */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */