/* ------------------------------------------------
ELTG Styles - Developed by Digital Max Solutions
------------------------------------------------ */

/* Universal style
------------------------------------------------*/

body {
  background: #BBE4F6 url(../images/body-bg.gif) repeat-x;  
  margin: 0;
  padding: 0;
  color: #333;
  font-family: Arial, Helvetica, verdana, sans-serif;
  font-size: 13px;
  line-height: 18px; 

}

.indexbody {
	background: #BBE4F6 none;
}

/* Links style
------------------------------------------------*/
a.normallink {
	font: 13px  Arial, Verdana, Helvetica, sans-serif;
	text-decoration:underline;
	color: #7A1600;
}

a.normallink:hover {
	text-decoration: none;
	color: #DD2600;
}

a.normalbold {
	font: bold 12px  Arial, Verdana, Helvetica, sans-serif;
	text-decoration: underline;
	color: #7A1600;
}

a.normalbold:hover {
	color: #DD2600;
}

a.maillink{
	font: 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #7A1600;
}
a.maillink:hover {
	text-decoration: none;
	color: #DD2600;	
}
/* Main Container
------------------------------------------------ */
#container {
	position: relative;
	width: 1000px;
	left: 0;
	top: 0; 
	margin: 0px auto;
	background-color: #fff;
}

#indexcontainer {
		width:973px;
		height:572px;
		margin: 10px auto;
		position:relative; 
		background-color: #fff;
}

/* Page Header
------------------------------------------------ */

#indexheader {
	height: 87px;
	padding: 0;
	background: url(../images/index-header.gif) no-repeat;	
}

#header {
	height: 87px;
	padding: 0;
	background: url(../images/ELTG-logo-header.gif) no-repeat;	

}

#logolink {
	margin:0;
	padding:10px 0 0 25px;
	float:left;
	position:absolute;
}

.noborder {
	border:0px;
} 

/* play intro */
#playintro {
	margin: 67px 0 0 0;
	padding: 0 0 0 20px;
	float: left;
	position: absolute;
}
#playintro a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#ccc;
	text-decoration:none;
}
#playintro a:hover {
	color:#999;
}

/* Top Menu
------------------------------------------------ */
#topmenu {	
	list-style: none;
	/*margin: 63px 0 0 0;
	padding: 0 13px 0 0;
	margin: 62px 0 0 0;
	padding:6px 3px 6px 0;*/
	margin: 54px 0px 0 0;
	padding-right: 16px;
	border:0px solid red;
	float: right;
}

#topmenu li {
	display: inline;
	float: left;
	padding: 8px 1px 7px 1px;	
}

#topmenu li a {
	font-family:  Arial,Verdana, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #7A1600;
	padding:9px 6px 8px 6px;
}	

#topmenu li a:hover {
	color: #479CBE;
	background-color: #BBE4F6;

}




/* Flash Intro Style
------------------------------------------------ */
#flashintro {
	background: url(../images/index-body-bg.gif) repeat-y;
	height: 440px;
	margin: 0;
	padding:0;
	padding-left: 12px;

}

/* Left Menu
------------------------------------------------ */
#menucontainer {
	position: absolute;
	top: 87px;
	left:12px;
}
#menu {
	position: absolute;
	top: 0;
	left: 0;
	text-align:left;
	width: 180px;
	color: #999;
}

#menu ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;	
	
}
/*
#menu ul li.mainmenu {
	cursor: pointer;
	background:url(../images/leftmenu/normal.gif) no-repeat; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;
	color:#999;
	
}
#menu ul li.mainmenu_h {
	cursor: pointer;
	background:url(../images/leftmenu/broker_hover.gif) no-repeat; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;
	color: #fff;
	
}

#menu ul li.mainOpen {
	cursor: pointer;
	color:#fff;
	background:url(../images/leftmenu/broker_current.gif) no-repeat; 
	border-top: 1px solid #f00;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;
	z-index:-1;
	color:#999;

	
}
#menu ul li.mainClosed {
	cursor: pointer;
	color:#fff;
	background:url(../images/leftmenu/broker_hover.gif) no-repeat; 
	border-top: 1px solid #f00;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;
	z-index:-1;
color:#999;
	
}*/
#menu ul li#brokers, #lenders, #realtors, #settlement, #homeowners {
	cursor: pointer;

	/*border-bottom: 1px solid #999;*/
	margin: 0;
	padding: 6px 0px 6px 10px;
	color: #fff;
	width: 170px;

	
}



#menu ul li ul {
	background:url(../images/menu-gradient-top.jpg) repeat-x;
}

#menu ul li ul#current, #menu ul li ul#smenu1,
#menu ul li ul#smenu2, #menu ul li ul#smenu3,
#menu ul li ul#smenu4, #menu ul li ul#smenu5 {
	padding: 6px 0px 3px 10px;
	margin: 6px 0px 0px -10px;
	display:none;
		}
#menu ul li ul#current {
	display: block;
}		

#menu ul li ul li a {
	font: bold 12px/22px Arial,Verdana, Helvetica, sans-serif;	
	color: #7A1600;	
	text-decoration:underline;	
	
}

#menu ul li ul li a:hover {
	color: #DD2600;
	text-decoration: none;
	
}
/* Menu Over Styles
------------------------------------------------------------*/
.overbrokers {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/normal.gif);
	background-repeat: repeat-x;
	color: #999;
}

.overbrokers_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #CE8910;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/broker_hover.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.openbrokers {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/open.gif);
	background-repeat: repeat-x;
	color: #999;
}
.openbrokers_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #CE8910;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/broker_current.gif);
	background-repeat: repeat-x;
	color: #fff;
}

/* lenders */
.overlenders {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/normal.gif);
	background-repeat: repeat-x;
	color: #999;
}

.overlenders_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #CE8910;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/lender_hover.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.openlenders {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/open.gif);
	background-repeat: repeat-x;
	color: #999;
}
.openlenders_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #CE8910;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/lender_current.gif);
	background-repeat: repeat-x;
	color: #fff;
}


.overrealtors {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/normal.gif);
	background-repeat: repeat-x;
	color: #999;
}
.overrealtors_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #BEA606;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/realtors_hover.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.openrealtors {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/open.gif);
	background-repeat: repeat-x;
}
.openrealtors_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #BEA606;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/realtors_current.gif);
	background-repeat: repeat-x;
	color: #fff;
}


/* Settelment Agents */
.oversettlement {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/normal.gif);
	background-repeat: repeat-x;
	color: #999;
}
.oversettlement_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #4BAF19;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/settlement_hover.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.opensettlement {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/open.gif);
	background-repeat: repeat-x;
	color: #999;
}
.opensettlement_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #4BAF19;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/settlement_current.gif);
	background-repeat: repeat-x;
	color: #fff;
}
/* Home Owners */
.overhomeowners {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/normal.gif);
	background-repeat: repeat-x;
	color: #999;
}
.overhomeowners_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #3285BB;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	background-image: url(../images/leftmenu/homeowner_hover.gif);
	background-repeat: repeat-x;
	color: #fff;
}
.openhomeowners {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/open.gif);
	background-repeat: repeat-x;
	color:#999;
}
.openhomeowners_h {
	cursor: pointer;
	background: #f6f5f5;
	border-top: 1px solid #3285BB;
	border-bottom: 1px solid #999;
	margin: 0;
	padding: 6px 0px 6px 10px;	
	/*background-image: url(../images/brokers-gradient.jpg);*/
	background-image: url(../images/leftmenu/homeowner_current.gif);
	background-repeat: repeat-x;
	color: #fff;
}
/* Testimonials & Photo sections
------------------------------------------------ */
#subheader {
	background: #8CC0D5 url(../images/head-gradient.gif) repeat-y;
	height: 180px;
	color: #333;
}
#testimonial {
	float: left;
	width: 328px;
	height: 180px;
}
#testimonial dl dt {
	margin: 60px 30px 0 40px;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;	
	color: #333;
	line-height: 20px;
	padding: 3px 0 0 13px;
}
#testimonial dl dd {
	float: right;
	padding-right: 30px;
	font: 13px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	font-style: italic;	
	line-height: 20px;	
}




/* Sub Header Picture Center Right
------------------------------------------------ */
#subheadpic {
	float: left;
	width: 268px;
	height: 180px;
}

/* Center Header
------------------------------------------------ */
#centerheader {
	float: left;
	padding-left: 192px;
	width: 597px;
}


/* Right Header
------------------------------------------------ */
#rightheader {

}


/* Main Content Body
------------------------------------------------ */
#maincontent {
	background:url(../images/body-gradient.gif) repeat-y;
	height: auto;
	padding-left:192px;
	padding-right: 13px;
	float:left;
	margin:0;
}

/* Horizontal Bar 
------------------------------------------------ */
#bar {
	padding: 0;
	margin: 1px 0 0 0;
	width:596px;
	height:7px;
}



/* Content 
------------------------------------------------ */
#content {
	float: left;
	padding: 13px 30px 30px 20px;
	/*width:546px;*/
	width:530px;
}
#content2 {
	float: left;
	padding: 13px 0px 30px 20px;
	/*width:546px;*/
	width:530px;
}
#content h2 , #content2 h2 {
	color:#8D7E63;
	font: 16px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
}

/* Titles */
#content h3, #content2 h3 {
	font: 15px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 0px;
}
#content h4, #content2 h4 {
	font: 14px Arial, Verdana,  Helvetica, sans-serif;
	font-weight: bold;
	line-height: 10px;
	margin: 0px 0px -10px 0px;
}
/* Bottom slogans */
#content h5, #content2 h5 {
	font: 15px Arial, Verdana, Helvetica, sans-serif;
	font-weight: bold;
	color:#479CBE;
}

#content p, #content2 p {
	font: 13px  Arial, Verdana, Helvetica, sans-serif;
	line-height: 18px;
	color: #333;
}


#content p .dropcap, #content2 p .dropcap {
float: left;
margin-top: 3px;
padding-right:3px;
font: 40px/30px Georgia, Arial, Verdana, Helvetica, sans-serif;
}


#alignlinks{
	margin: 0px 0px 0px 80px;
}

#alignlinks li{
	padding:  0px 0px 0px 5px;
	 margin: 5px 0px 0px -20px; 
	 list-style-image:url(../images/orangle.png);
	 font: 13px  Arial, Verdana, Helvetica, sans-serif;
}

#wiringlist{
	margin: 0px 0px 0px 20px;
	 height: 180px;
}

#wiringlist li{
	padding:  0px 0px 10px 5px;
	 margin: 5px 0px 0px -20px; 
	 list-style-image:url(../images/orangle.png);
	 font: 13px  Arial, Verdana, Helvetica, sans-serif;
}

/* Sidebar 
------------------------------------------------ */
#sidebar {
	padding: 10px;
	float: right;
	width: 178px;
}



/* Bullets and Numbering
------------------------------------------------ */
.lists { 
 padding:  0px 0px 0px 5px;
 margin: 5px 0px 0px -20px; 
 list-style-image:url(../images/tick.gif); 
 font: 13px  Arial, Verdana, Helvetica, sans-serif;
 line-height: 18px;
}

#lists ul{
padding:  0px 0px 0px 5px;
 margin: 0px 0px 0px 20px; 
}

#lists li{
padding:  0px 0px 0px 5px;
 margin: 0px 0px 20px 20px; 
}


/* Footer
------------------------------------------------ */

#footer, #indexfooter {
	font-family:  Verdana, Arial,Helvetica, sans-serif;
	font-size: 10px;
	color:  #999;
	text-align:center;
	padding:0;	
	margin:0;
}

#footer {
	clear: both;
	background: #BBE4F6 url(../images/footer-gradient.gif) no-repeat;
	height: 37px;
}

#indexfooter {
	background: #BBE4F6 url(../images/index-footer.gif) no-repeat;
	height: 45px;
	padding-top: 5px;
}

#footer a, #indexfooter a {
	font-family:  Verdana,Arial, Helvetica, sans-serif;
	color:  #999;
	font-size: 10px;
	text-decoration: none;
}
#footer a:hover, #indexfooter a:hover {
	text-decoration: underline;
	color: #777;
}

#volcanoleadad{
	position:relative;
	margin:auto;
	margin-top:5px;
	margin-left:5px;
}