/* ######################################################################### */
/* 

At this point all browser styles have been reset, now we're starting with a clean slate 

TIPS: 
1. to vertically align text within it's container just make it's line-height the same as the container height
2. when using transparent pngs as backgrounds make sure to include the filter workaround for ie6 and below
3. if centering the container div on the page make sure to set the body to "text-align: center" then the container div to "text-align: left"
4. use as few selectors as possible
5. use the body id="PAGEID" selector to show/hide navigation or cause elements on the page to act differently than the rest
6. use the CSS "sliding door" rollover method http://alistapart.com/articles/slidingdoors2/ instead of javascript
7. on ie6 "border: 1px dotted red" doesn't work. ie6 can't render anything other than a solid line under 2px
8. use the clearfix class workaround to make a block containing floated elements stretch to emcompass them

*/

/* DOMAIN styles */

html {
	height:100%;
}

/* default page colors and fonts */
body {color: #08080a; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:15px; letter-spacing: 0px; background-color: #e4e4ad; background-image:url(../images/bg_inside.jpg); background-repeat:repeat-x; height:100%;}
a:link {color: #055243; text-decoration: none;}
a:visited {color: #055243; text-decoration: none;}
a:hover {color: #055243; text-decoration: underline;}
a:active {color: #055243; text-decoration: none;}

/* ######################################################################### */
/* STRUCTURE */

#container{
	margin:auto;
	width:920px;
	
}

#content{
  	width: 920px;
	padding-bottom:25px;
}

#header{
	width:875px;
	height:109px;
	float:right;
	display:none;
}

#form_table td {
			color: #281d12; 
			font-family:"lucida grande", Verdana, Arial, Helvetica, sans-serif; 
				font-size:11px; 
		line-height:15px; 
	letter-spacing: 1px;
	padding-top:10px;
	vertical-align:top;
	padding-right:10px;
	}

#logo{
	float:left;
  	display: block;
	width: 235px;
	padding-left:15px;
    height:109px;
}

#content_left {
    display: none;

	/* background-color:#999999; */

}

#content_right {

	padding-right:28px;
	padding-top:20px;

}

.hidden {
	display: none;
}


/* CLASSES */ 

.testimonial_name {
	color:#4f4233;
	font-style:italic;
}

.copyright {
	color:#4f4233;
	font-style:normal;
	font-size:10px;
}

.copyright a {
	color:#4f4233;
	text-deoratin:none;
}

.copyright a:hover {
	text-decoration:underline;
}

.testimonial_quote {
	font-style:italic;
	font-weight:bold;
}

.address {
	color:#4f4233;
	font-size:11px;
	font-style:normal;
	line-height:14px;
}

.phone {
	color:#ebebc5;
	font-size:13px;
	line-height:20px;
	font-style:normal;
	font-weight:normal;
}

.email a {
	color:#ebebc5;
	font-size:10px;
	line-height:20px;
	font-style:italic;
	text-decoration:none;

}

.gallery_img {


	border:#181410 4px solid;
	margin-right:4px;

}

td {
	vertical-align:top;
	padding-right:0px;
}

input, textarea {
	border:#000 solid 1px;
	font-size:11px;
	padding:3px;
	color:#055144;
}

/* ######################################################################### */
/* APPEARANCE */

/* navigation */


#navigation {
	width:565px;
	margin-top:52px;
  	font-size: .8em;
	float:left;
	padding-left:60px;
}


#navigation li{
  display: inline;
}

#navigation a{
	color:#fff;
	font-size:14px;
	font-family:"lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-left:31px;
	letter-spacing: 1px;
	
}

#navigation a:hover {
	color:#055243;
	text-decoration:none;
}

#navigation li .active {
	color:#055243;
}

/* SUB navigation */


#navigation_sub {
    display: none;
}


#navigation_sub li{
  display: inline;
}

#navigation_sub a{
	color:#005342;
	font-size:10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:0 10px 0 15px;
	letter-spacing: .01em;
	border-left:#999999 solid 1px;
	
	
	
}
#flashcontent{
    display: block;
}
#navigation_sub a:hover {
	color:#005342;
	text-decoration:underline;
}

#navigation_sub li .active {
	color:#005342;
	font-weight:bold;
}

#map-alt{
    display: block;
}
#map{
    display: none;
}



/* content */
#content h1{
  	color: #000;
	letter-spacing: -1px;
	line-height: 35px;
    padding: 12px 0px 15px 0px;
	font-size: 31px;
	font-weight: bold;
}


#content h2{
  	color: #080a0a;
	letter-spacing:normal;
	font-size:12px;
	font-weight: bold;
	margin-bottom:-10px;
}

dt {
	font-weight: bold;
}

dd {
	padding-bottom:14px;
}



#content h3{
  	color: #000;
	letter-spacing: 0px;
	line-height: 22px;
    padding: 12px 0px 10px 0px;
	font-size: 18px;
	font-weight: bold;
}

#column h3 {
	padding-top:25px;

}

#content ul{
  list-style-type: square;
  margin: 20px;
}

#content strong{font-weight: bold;}
#content em{font-style: italic;}
#content p{
  margin: 1em 0;
}


/* Image Map */
dl.map {
  background: url(../images/map_nashville.jpg) no-repeat;
  margin: 10px 0 10px 0;
  padding: 0px;
  text-align:left;
  width: 462px;
  height: 717px;
  position: relative;
}

dl.map dt {
  display: inline;
}

dl.map dd {
  background: #e4e4ad;
  border: 2px solid #055243;
  border-radius: 8px; /* CSS3 rounded corners */
  -moz-border-radius: 8px; /* Mozilla rounded corners */
  color: #055243;
  padding: 4px;
  width: 175px;
  position: absolute;
  left: -9999px;
  z-index: 11;
}

dl.map a.location {
  display: block;
  outline: none;
  text-decoration: none;
  text-indent: -9999px;
  width: 15px;
  height: 15px;
  position: absolute;
  z-index: 10;
}

dl.map a#eight {
  top: 134px;
  left: 239px;
}

dl.map a#seven {
  top: 186px;
  left: 250px;
}

dl.map a#six {
  top: 512px;
  left: 230px;
}

dl.map a#five {
  top: 372px;
  left: 279px;
}

dl.map a#four {
  top: 649px;
  left: 197px;
  height: 20px;
  width: 19px;
}

dl.map a#three {
  top: 453px;
  left: 174px;
  height: 20px;
  width: 19px;
}

dl.map a#two {
  top: 292px;
  left: 310px;
  height: 20px;
  width: 19px;
}

dl.map a#one {
  top: 100px;
  left: 312px;
  height: 20px;
  width: 19px;
}


/* footer */
#footer_container {
	clear: both;
    width:auto;
	height: 500px;
	font-size: 11px;
	color:#ebebc5;
	font-size:11px;
	background-color:#181410;
	padding-left:46px;
	display: none;
}

#footer_container h2 {
	color:#9cb491;
	font-size:14px;
	font-family:"lucida grande", Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-bottom:10px;

}



#footer_content{
  	width: 875px;
	margin:auto;
	border-top:#281d12 solid 30px;

}


#footer_content_left {
	width:253px;
	float:left;
	margin:30px 0 0 0;
	padding-right:45px;
	padding-left:27px;
	/* background-color:#999999; */
	background-image:url(../images/bg_footer_dotted.jpg);
	background-position:right;
	background-repeat:repeat-y;

}


#footer_content_left img {
	padding-right:8px;
	padding-bottom: 8px;
}

#footer_content_right {
	width:486px;
	float:right;
	padding-top:30px;
	/* background-color:#99CC33; */
	padding-right:28px;

}

#footer_content_right img {
	border:#dcdec5 4px solid;
	margin-right:4px;

}
#map-alt{
    display: block;
}
#navigation_bottom {
    width: 450px;
    margin-top: 10px;
	font-size: 11px;
}

#navigation_bottom ul{
	clear:both;
	float:left;
	color:#4f4233;
}

#navigation_bottom li{
  display: inline;
	padding-right:7px;
	padding-left:2px;
  	border-right:1px solid #4f4233;
}

#navigation_bottom a{
	color:#9cb491;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	
}

#navigation_bottom a:hover {
	text-decoration:underline;
}

#altContent { display: block !important }

#flashcontent {
   display: none;
}
/* WORKAROUNDS */

/* clearfix, put on block elements that contain floated elements */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* */