/*
      Created by Ben Boykin of Emergent Graphics
	  
		  
*/

/* general stuff */

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

body {
margin: 0;
padding: 0; 
font-size: 62.5%; /* Resets 1em to 10px */
font-family: Georgia, Times New-Roman, Serif;
background: url(images/grain.png);
color: #000;
text-align: left;
border: 0;
position:relative;
top:0;
}

html>body { height:auto; min-height:100%;
}

#wrapper { 
margin: 0 auto;
width: 760px;
position: relative;
border-right: 1px solid #1b1b1b;
border-left: 1px solid #1b1b1b;
background: #d7d6ce;
}

#header {
height: 250px;
background: #d5d2b8;
}

#h,h1,h2,h3,h4 {
font-family: arial,trebuchet ms, verdana, sans-serif;
font-weight: normal;
color: #000;
letter-spacing: -0.8px
}


#p {
line-height: 1.8em;
}

#maincontent {
width: 720px;
margin: 10px 20px;
padding-bottom: 15px;
background: #d7d6ce;
color: #4c4b42;
float: left;
}

#maincontent p{

font-size: 18px;
line-height: 1.7em;
text-align: justify;
}


#clientele {
	height: 120px;
	margin-top: 4em;
}
/* separate the list from surrounding elements */
ol
{
  margin: 0 0 1.5em 15px;
  padding: 0;
}

ol li
{
  font-size: 1.1em;
  color: #fff;
  
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 17px;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that thereā??s a level above HTML: */

* html #clientele ol li
{
	position: relative;
}

#clientele li.column1 { margin-left: 1.0em; }
#clientele li.column2 { margin-left: 11.0em; }
#clientele li.column3 { margin-left: 22.5em; }
#clientele li.column4 { margin-left: 33em; }

li.reset
{
  margin-top: -85px;
}

ol,ul {
list-style: none;
}

#footer { 
height: 165px; 
background: #491625;
border-top: 2px solid #777; 
clear: both; 
font-family: arial, verdana, sans-serif;
font-size: 12px;
}

#footer-logo {
height: 125px;
width: 283px;
position: absolute;
background: url(images/footer-logo.jpg); no-repeat;
right: 20px;
bottom: 17px;
}

#footer a { 
color: #fff;
border-bottom: 1px dotted #fff;
text-decoration: none;
}

#footer a:hover{ 
color: #fff;
border-bottom: 0px;
text-decoration: none;
}

img.display {
float: right;
margin: 0px 0px 10px 5px;
}

ul {
list-style-position: inside;
padding: 15px 10px;
list-style-type: disc;
font-family: arial, verdana, sans-serif;
font-size: 18px;
line-height: 1.7em;
}

/**** Form Section ****/
.appnitro
{
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:small;
}

.appnitro li
{
	width:61%;
}

form ul
{
	font-size:100%;
	list-style-type:none;
	margin:0;
	padding:0;
}

form li
{
	display:block;
	margin:0;
	padding:0px 0px 0px 2px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	margin: 0px 0px 25px 0px;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
	margin-top:10px;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
	background-color: #fff;
	border: 1px solid #666666;

}

* html form li div
{
	display:inline-block;
}

form li div
{
	color:#444;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	color:#444;
	float:left;
	margin:0 4px 0 0;
	padding:0 0 5px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	color:#444;
	display:block;
	font-size:10px;
	line-height:9px;
	margin:0 2px;
	padding-top:3px;
}

form li span label
{
	clear:both;
	color:#444;
	display:block;
	font-size:10px;
	line-height:9px;
	margin:0 2px;
	padding-top:3px;
}

.form_description[class]
{
	display:block;
}

form hr
{
	display:none;
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}


form li.highlighted
{
	background-color:#C9C8B8;
}

/**** Buttons ****/
input.button_text
{
	width:auto;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size: .85em;
	padding: 2px 4px;
	color: #000;
	background-color: #fff;
	font-weight: bold;
	border: 1px solid #C9C8B7;

}

.buttons input
{
	font-size:100%;
	margin-right:2px;
}

/**** Inputs and Labels ****/
label.description
{
	border:none;
	color:#000;
	display:block;
	font-size:1.0em;
	font-weight:700;
	line-height:150%;
	padding:0px 0px 4px 2px;
}

span.symbol
{
	font-size:115%;
	line-height:130%;
}

input.text
{
	background:#fff url(../../../images/shadow.gif) repeat-x top;
	border-bottom:1px solid #C9C8B7;
	border-left:1px solid #C9C8B7;
	border-right:1px solid #C9C8B7;
	border-top:1px solid #C9C8B7;
	color:#333;
	font-family: Trebuchet MS, Arial, sans-serif;
	font-size:100%;
	margin:0;
	padding:2px;
}

textarea.textarea
{
	background:#fff;
	border-bottom:1px solid #C9C8B7;
	border-left:1px solid #C9C8B7;
	border-right:1px solid #C9C8B7;
	border-top:1px solid #C9C8B7;
	color:#333;
	font-family:Trebuchet MS, Arial, sans-serif;
	font-size:100%;
	margin:0;
	width:99%;
}

select.select
{
	color:#333;
	font-size:100%;
	margin:1px 0;
	padding:1px 0 0;
	background:#fff;
	border-bottom:1px solid #C9C8B7;
	border-left:1px solid #C9C8B7;
	border-right:1px solid #C9C8B7;
	border-top:1px solid #C9C8B7;
}


label.choice
{
	color:#fff;
	display:block;
	font-size:100%;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:4px 0 5px;
	width:90%;
}

select.select[class]
{
	margin:0;
	padding:1px 0;
}

*:first-child+html select.select[class]
{
	margin:1px 0;
}

.safari select.select
{
	font-size:120% !important;
	margin-bottom:1px;
}

input.small
{
	width:25%;
}

select.small
{
	width:25%;
}

input.medium
{
	width:50%;
}

select.medium
{
	width:50%;
}

input.large
{
	width:99%;
}

select.large
{
	width:100%;
}

textarea.small
{
	height:5.5em;
}

textarea.medium
{
	height:10em;
}

textarea.large
{
	height:20em;}

 
/** Embedded Form **/

.embed #form_container{
	border: none;
}

.embed #top, .embed #bottom, .embed h1{
	display: none;
}

.embed #form_container{
	width: 100%;
}

.embed #footer{
	text-align: left;

	padding-left: 10px;
	width: 99%;
}

.embed #footer.success{
	text-align: center;
}

.embed form.appnitro
{
	margin:0px 0px 0;
	
}

/* ^^^^^^^^ ABOVE IS THE CODE FOR THE FORM ^^^^^^^^^^ */

#talltabs-black {
		clear:left;
		float: left;
		width:100%;
		overflow:hidden;
		background: #aaa895;
		border-top: 1px solid #e8e7d3;
		border-bottom: 1px solid #4c4b42;
		height: 50px;	
}


#talltabs-black ul {
		float:left;
		margin:0;
		list-style:none;
		position:relative;
		text-align:center;
		left: 50%;
		font-size: 13px;
		font-family:Georgia, Times New-Roman, serif;
		font-weight: bold;
		text-transform: uppercase;
		
}
	

#talltabs-black ul li {
		display:block;
		float:left;
		list-style:none;
		margin:0;
		padding:0;
		position:relative;
		right: 50%;

}

	
#talltabs-black ul li a {
		display:block;
		float:left;	
		padding:0 10px;
		background:#aaa895;
		text-decoration:none;
		color:#4c4b42;
		background-image: url(images/nav-divider.gif);
	    background-repeat: no-repeat;
	    background-position: right center;

}


#talltabs-black ul li a:hover {
		padding:0 10px;
		background: #9c9a86;
		color: #4c4b42;
		text-decoration: underline;
	

}


#talltabs-black ul li.active a,
#talltabs-black ul li.active a:hover {
		padding:0 10px;
		background: #fc2603;
		color: #fff;

}


#talltabs-black ul .quote a {
		background-image: none;	

}


#talltabs-black ul li.active a,
#talltabs-black ul li.active a:hover {
		padding:0 10px;
		background: #9c9a86;
		color: #fff;

}

.rtDisplay {
float: right;
margin: 10px 0 10px 15px;
}

.galleryRow {
float: left;
margin-bottom: 10px;
display: inline;
}

.boxA {
float: left;
width: 170px;
margin-right: 5px;
border: 3px solid #fff;
}

.boxB {
float: left;
width: 170px;
border: 3px solid #fff;
}

img {
border-style: none;
}

.notation {
font-size: 12px;
font-family: Georgia;
font-style: italic: 
font-weight: bold;
color: #000;
text-align: center;
width: 720px;
margin-bottom: 10px;
}

ul#links {
list-style-type: none;
}

ul#links li a {
color: #000;
text-decoration: underline;
}

ul#links li a:hover{
color:blue;
text-decoration: underline;
}