/* Basic Common Elements
__________________________________________________________________________________________________ */
* { margin: 0; padding: 0; }
a img { border: 0; }

body {
	font: 100% "Trebuchet MS", Helvetica, Arial, sans-serif;
	color: #000;
	margin: 0; padding: 0;
	text-align: center;
	background: #000 url(/images/body-bg.jpg) repeat left top;
}

a:link { color: #BB762B ; text-decoration: none; }
a:visited { color: #BB762B; text-decoration: none; }
a:hover { color: #fff; background-color: #BB762B; text-decoration: none; }
a:active { color: #BB762B; text-decoration: line-through; }

h1 { font: bold 160% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #BB762B; line-height:200% }
h2 { font: bold 110% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #BB762B; line-height:110%; }
h2 .top { font: bold 130% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #BB762B; line-height:140%;
		 position: absolute; top: 200px;  
		   }
h3 { font: bold 50% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #BB762B; line-height:50%; }
.logopad { margin: 4px; }


#openFlash {
	position: absolute;
	top: 190px; left: 365px;
	width: 400px;
	z-index: 110;
}


/* INDEX Page Elements
__________________________________________________________________________________________________ */
#wrap {
	position: relative;
	margin: 0 auto;
	text-align: left;
	width: 800px;
}
#wrap[id] { background: transparent url(/images/wrap-bg.png) repeat-y 0 0; }

#logo {
	top: 0; left: 20px;
	position: absolute;
}
#logo a:hover { background-color: transparent; }
#mainPhoto {
	width: 760px; height: 478px;
	margin: 0 20px;
	background: url(/images/backgrounds/index_bkgd.jpg) no-repeat 0 0;
}
#contentWrap {
	position: relative;
	width: 760px;
	margin: 0 20px;
	background: url(/images/index_tile.jpg) repeat-y 0 0;
}
#textArea {
	float: right;
	width: 350px;
	margin: 0 40px 10px 10px;
	display: inline;
}
#textArea p {
	font: normal 86%/170% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 7px 0 10px 0;
	text-align:left;
}
#footer {
	width: 800px; height: 72px;
	margin: 0 auto;
	clear: both;
}
#footer[id] { background: transparent url(/images/footer.png) no-repeat 0 0; }

#bottomLinks { width: 700px; margin: 0 auto; padding-bottom: 10px; }
#bottomLinks p { font: normal 60% "Trebuchet MS", Helvetica, Arial, sans-serif; color: #999; text-align: center; }
#bottomLinks p a:link { color: #999; text-decoration: underline; }
#bottomLinks p a:visited { color: #999; text-decoration: underline; }
#bottomLinks p a:hover { color: #999; text-decoration: none; background-color: transparent; }
#bottomLinks p a:active { color: #999; text-decoration: underline; }


#flashNav {
	position: absolute;
	top: 225px; left: 32px;
	width: 300px;
	z-index: 100;
}


/* SUB PAGE elements (some elements shared with INDEX elements)
__________________________________________________________________________________________________ */	
.subPhoto {
	width: 760px; height: 370px;
	margin: 0 20px;
	background-position:bottom right;
	background-repeat:no-repeat
}

#subContentWrap {
	position: relative;
	width: 760px;
	margin: 0 20px;
	background: url(/images/nav_tile_sub.jpg) repeat-y 0 0;
}
#SubtextArea {
	float: right;
	width: 425px;
	margin: 0 35px 35px 10px;
	display:inline;
}
#SubtextArea p {
	font: normal 75%/170% "Trebuchet MS", Helvetica, Arial, sans-serif;
	margin: 0 0 15px 0;
}
#subflashNav {
	position: absolute;
	top: 240px; left: 24px;
	width: 250px;
	z-index: 100;
}

/* Mini Gallery
__________________________________________________________________________________________________ */
.miniGallery { width:100%; }
.miniGallery td { padding:0 5px 0 5px; }

/* lists
__________________________________________________________________________________________________ */

ul {
	margin-left:20px;
	}
li {
	list-style-type:none;
	background-image:url(/images/bullet.png);
	background-repeat:no-repeat;
	background-position:left 4px;
	padding-left:20px;
	color:#8f6744;
	font-size:80%;
	}

/* contact table
__________________________________________________________________________________________________ */
.contact table {
	width:100%;
	}
.contact label {
	display:block;
	font-weight:bold;
	font-size:11px;
	margin:5px 0px 0px 0px;
	}
#contact select {
	width:100%;
	}
.contact input.field {
	width:100%;
	}
.contact textarea {
	width:100%;
	}

/* Comparison table
__________________________________________________________________________________________________ */
#compare td {
	font-size:80%;
	text-align:left;
	vertical-align:top;
	padding-left:10px;
	}

/* Extras
__________________________________________________________________________________________________ */

.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 */
	
div#tipDiv {
  position:absolute; visibility:hidden; left:0; top:0; z-index:10000;
  background-color:#ffffff; border:1px solid #000000;
  width:auto; padding:0px;
  color:#000; font-size:11px; line-height:0;
}

.mainparm { display: none; }