/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	background-color: #fef7da;
	
	font-family:arial,sans-serif;
	font-size:small;
	color:#000;
}

h1 { 
	font:1.5em arial,sans-serif; 
	margin-left: 10px;
}

h2 {
	font:1.25em georgia,serif; 
	margin:0 0 0.5em;
}

p { 
	line-height:1.5; 
}

div#container {
	position:relative; /* needed for footer positioning*/
	margin:0 auto; /* center, not in IE5 */
	width:100%;
	background:#fef7da;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
}

div#header {
	padding:1em;
	background:#000;
	border-bottom:6px solid #f3e29d;
	text-align:center;
}
	div#header p {
		font-style:italic;
		font-size:1.1em;
		margin:0;
	}
	
	#header img
	{
		margin-left: auto;
		margin-right: auto;
	}

div#content {
	padding:1em 1em 80px; /* bottom padding for footer */
	padding-top: 0;
	border-top: 1px solid #000;
	background-color: #fef7da;
}
	div#content p {
		text-align:justify;
		padding:0 1em;
	}

#contentcontainer
{
	width: 907px;
	margin: 0;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	overflow: none;
}

#left
{
	margin-top: 0;
	float: left;
	width: 197px;
	margin-left: auto;
	text-align: left;
	color: #000;
	border-top: 1px solid #000;
}

	#left p
	{
		font-size: 10pt;
		font-weight: bold;
		text-align: left;
	}
	
	#left a img
	{
		border: 1px solid #815d40;
		margin: 0;
		padding: 0;
	}

	#left-second-top
	{
		width: 195px;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		height: 0;
		border-top: 1px solid #000;
	}
	#left-third-top
	{
		width: 194px;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		height: 0;
		border-top: 1px solid #000;
	}
	#left-fourth-top
	{
		width: 193px;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		height: 0;
		border-top: 1px solid #000;
	}
	#left-fifth-top
	{
		width: 192px;
		margin: 0;
		padding: 0;
		margin-left: auto;
		margin-right: auto;
		height: 0;
		border-top: 1px solid #000;
	}
	
#leftnav
{
	margin-left: auto;
	margin-right: auto;
	width: 191px;
	background-color: #000;
	font-size: 9pt;
	border-top-right-radius: -14px;
	-moz-border-radius-topright: -14px;
	-webkit-border-top-right-radius: -14px;
	
	border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	
	border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	-webkit-border-bottom-right-radius: 6px;
	
	margin-bottom: 10px;
	padding-bottom: 0;
}
	
	#leftnav ul
	{
		margin: 0;
		padding: 0;
		cursor: default;
		list-style-type: none;
		width: 95%;
		text-align: left;
	}
	#leftnav ul li
	{
		border-bottom: 1px dotted #615a3f;
		height: 25px;
		line-height: 25px;
		padding-left: 17px;
		
	}
	#leftnav ul li:hover
	{
			background-image: url(/images/bullet_bling.png);
			background-repeat: no-repeat;
			background-position: -5px 0;
			color: #e1cd92;
	}
	#leftnav ul li a
	{
		display: block;
		text-decoration: none;
		color: #fff;
		width: 100%;
		height: 100%;
	}
	#leftnav ul li a:hover
	{
		color: #e1cd92;
	}
	
	#left-right-curve
	{
		position: relative;
		top: 0;
		right: 0;
	}

	#navbottom
	{
		display: none;
	}


#right
{
	float: right;
	width: 197px;
	text-align: left;
}

#right a img
{
	border: 0;
	margin: 0;
	padding: 0;
	margin-bottom: 6px;
}
#right a img:hover
{
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

#right a img.active
{
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
}

#middle
{
	float: left;
	width: 470px;
	margin-left: 30px; 
	text-align: justify;
	font-size: 7.5pt;
	line-height: 12px;
}

	#middle img
	{
		border: 0;
	}

	#middle h1
	{
		font-size: 12pt;
		font-weight: bold;
		margin-left: -10px;
	}

	#middle a
	{
		color: #af8f42;
		text-decoration: none;
	}

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

#bottom-left
{
	float: left;
	width: 144px;
	margin-right: 11px;
}

#bottom-right
{
	float: right;
	margin-left: 11px;
}

#bottom-middle
{
	float: left;
	margin: 0;
}

#bottom-left, #bottom-right, #bottom-middle
{
	margin-top: 10px;
	width: 144px;
	color: #947650;
	font-size: 10pt;
	font-weight: bold;
	text-align: right;
}

#bottom-middle
{
	margin-left: 8px;
}
#bottom-left img, #bottom-right img, #bottom-middle img
{
	border: 0;
	margin-right: 0;
	margin-left: auto;
}

#bottom-left span, #bottom-right span, #bottom-middle span
{
	display: block;
	width: 100%;
	margin: 0;	
	padding: 0;
	text-align: left;
	margin-bottom: 3px;
}

div#footer
{
	position: absolute;
	width:100%;
	height: 73px;
	bottom:0; /* stick to bottom */
	left: 0;
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	color: #f3e29d;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 10px;
}

div#footer a
{
	color: #f3e29d;
	text-decoration: none;
}
div#footer a:hover
{
	color: #af8f42;
}

	div#footer p {
		text-align: center;
		padding:1em;
		margin:0;
		font-size: 10px;
		padding-top: 30px;
		margin-left: auto;
		margin-right: auto;
	}
	
/************* Quote Forms **************/

#quote_content{margin:10px auto 0 auto; padding:6px 0 0 0;}

	#tabs {
      float:left;
	  width: 700px;
      font-size:10px;
      line-height:normal;
	  margin:0px 0 0 0px;
	  position:relative;
      }
    #tabs ul {
	  margin:0;
	  padding:5px 0px 0 0px;
	  list-style:none;
	  float:left;
	  border-bottom:#d4be89 solid 1px;
      }
    #tabs li {
      display:inline;
	  padding:0;
	  margin:0;
     }
	  
    #tabs a {
      float:left;
      background:url("../images/tab_left.gif") no-repeat left top;
      margin:0 1px 0 0;
      padding:0 0 0 4px;
      text-decoration:none;
	  font-weight:normal;
      }
    #tabs a span {
      
      display:block;
      background:url("../images/tab_right.gif") no-repeat right top;
      padding:6px 13px 6px 9px;
      color:#ffffff;
	  text-decoration:none;
	  font-family:Arial, Helvetica, sans-serif;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs a span {float:none;}
    /* End IE5-Mac hack */
    #tabs a:hover span {
      color:#ffffff;
      }
    #tabs a:hover {
      background-position:0% -100px;
      }
    #tabs a:hover span {
      background-position:100% -100px;
      }
    #tabs a.disabled:hover {
     background-position:left top;
	 cursor:default;
    }
    #tabs a.disabled:hover span {
      background-position:right top;
    }
	#tabs a.active span{background-position:100% -100px; color:#ffffff; text-decoration:none; padding:6px 19px 6px 11px;}
	#tabs a.active {
      background-position:0% -100px;
      }

	  

#form{margin:10px 0 0 0; float:left;}

	#form p{font-size:11px;}
	#form h3{font-size:15px; font-weight:bold; color:#000; clear:both;}

	#form p.form_left{ clear: both; width:211px; float:left; margin:8px 0 8px 0; }
	#form p.form_right{float:left; width: 350px; margin:5px 0 8px 0;}
	
	#form p.form_right2{width:300px; float:left; margin:2px 0 5px 0;}
	
	#form p.form_left_big{width:280px; float:left; margin:5px 0 5px 0;}
	#form p.form_right_big{float:left; width: 300px; margin:2px 0 5px 0;}
	
	#form p.form_left_big2{float:left; margin:5px 0 5px 0;}
	
	#form img.info{margin:0 0 -8px 10px; padding:0 0 0 0; position:relative;}
	
	#form a {color:#af8f42; text-decoration:underline;}
	#form a:hover {color:#af8f42; text-decoration:none;}
	
	#form p.form_right span{color:red; display:block; margin:2px 0 0 0;}
	#form p.form_right_big span{color:red; display:block; margin:2px 0 0 0;}

.excess{margin:0 0 0 40px;}
.radio{margin:0 0 0 35px;}
.radio2{margin:0 0 0 10px;}


.pink_box{background-color:#fef2c0; width: 100%; float:left; padding:10px 0 10px 10px; margin:0 0 20px 0;}

	/*p#buttons{text-align:center; clear:both;}

	#back{background:url(../images/back.jpg) no-repeat; width:94px; height:29px; border:none; cursor:pointer; color:#555555; }
	#next{background:url(../images/next.jpg) no-repeat; width:94px; height:29px; border:none; cursor:pointer; color:#FFFFFF;}
	#subby{background:url(../images/submit.jpg) no-repeat; width:94px; height:29px; border:none; cursor:pointer; color:#FFFFFF;}*/
	p#buttons{text-align:center; display:inline-block; margin:0 0 10px 270px;clear:both;}
	a#back{background:url(../images/back.jpg) no-repeat; width:94px; border:none; cursor:pointer; display:inline-block; text-align:center; color:#FFFFFF; text-decoration:none; font-size:12px; padding:9px 0 10px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:left;}
	span#back{width:94px; border:none; display:inline-block; text-align:center; color:#FFFFFF; text-decoration:none; font-size:12px; padding:9px 0 10px 0; font-weight:normal; font-family:Arial, Helvetica, sans-serif; float:left;}
	#next{background:url(../images/next.jpg) no-repeat; width:94px; border:none; cursor:pointer; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0px 0 10px 0; margin:0px 0 0 0; padding:7px 0 10px 0; text-align:center;}
	#subby{background:url(../images/next.jpg) no-repeat; width:94px; border:none; cursor:pointer; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; float:left; padding:0px 0 10px 0; margin:0px 0 0 0; padding:7px 0 10px 0; text-align:center;}


	/*Tooltip*/
#tooltip {

	position: absolute;

	z-index: 3000;

	border: 1px solid #000;

	background-color: white;

	padding:15px;

	
	width: 220px; 
	font-size:0.9em !important;
	opacity: 0.95;

}
#tooltip p { margin:0; }
#tooltip h3, #tooltip div.url {
	margin:0;padding:0;height:0;display:none;visibility:hidden;
}

#tooltip div.body { text-align: left;padding:0;margin:0;}

.clear { clear: both; }
