/*---------------------------------------------------------------------------------------*/
/*-  

	"Style.css"

	Table of contents:
	
		1. 		Base settings.
		
		2. 		Layout divboxes.
		
		3. 		Navigation settings.
		
		4.
		
		5. 		Form & tables settings.
		
		6. 		Footer settings.


-*/




/*---------------------------------------------------------------------------------------*/
/*- 1.  Base settings.  -*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%;
}
body {
	height: 100%;
	background: url("../img/bg-fill.jpg");
}
#background-top {
	height: 900px;
	background:url("../img/bg-top.jpg") repeat-x center -50px;
}
hr { 
	border: #ddd 1px solid;
}
.clearfix { clear: both; 
}
* html #wrapper { height: 100%; 
}


/*---------------------------------------------------------------------------------------*/
/*- 2.  Layout divboxes  -*/

#wrapper {
	position: relative;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
}
#header {
	position: relative;
	width: 950px;
	height: 142px;
	background: url("../img/header.jpg") 10px top no-repeat;
}
#head-imgboxDiv-big {
	position: relative;
	height: 367px;
	width: 940px;
	margin-left: 10px;
	background: url("../img/img-bg-big.jpg") bottom no-repeat;
}
#imgbox-big {
	position: relative;
	height: 322px;
	width: 940px;
}
.bigpane-textbox {
	position: absolute;
	top: 110px;
	left: 130px;
	height: 50px;
	width: 800px;
}
#imgbox-navpanel {
	position: relative;
	height: 28px;
	width: 940px;
	background: url("../img/img-nav-bg.jpg") left top no-repeat;
}
#img-nav-hide {
	position: relative;
	height: 35px;
	width: 940px;
	background: url("../img/e85bg.jpg") left top no-repeat #323232;
	margin-top: -28px;
	z-index: 100;
}
#head-imgboxDiv-small {
	position: relative;
	height: 200px;
	width: 940px;
	margin-left: 10px;
	background: url("../img/img-bg-small.jpg") no-repeat;
}
#imgbox-small {
	position: relative;
	height: 183px;
	width: 940px;
}	
#imgbox-location {
	position: absolute;
	top: 110px;
	left: 130px;
	height: 50px;
	width: 800px;
}
		
/* -  end content div elements  - */

#content-main {
	float: left;
	position: relative;
	width: 620px;
	margin-top: 9px;
	margin-left: 10px;
	background: #fff;
}
#content-main {
	float: left;
	position: relative;
	width: 620px;
	margin-top: 9px;
	margin-left: 10px;
	background: #fff;
}
.cont-main-titlebox {
	height: 38px;
	width: 620px;
	background: url("../img/cont-title-bg.jpg");
}
.cont-main-titlespace {
	height: 27px;
	width: 620px;
	background: url("../img/cont-title-space.jpg");
}
.cont-main-text-box {
	width: 596px;
	background: #fff;
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 15px;
}
.cont-main-picture-nav {
	position: relative;
	height: 28px;
	width: 596px;
	background: url("../img/cont-pictures-nav-bg.jpg") center top no-repeat;
}
.cont-main-bottomspace {
	height: 50px;
	width: 620px;
	background: url("../img/cont-bottom-space.jpg");
}
/* -  end content div elements  - */	
	
/* -  contactpage div elements  - */
	
.contact-spacer {
	margin-top: 10px;
	float: left;
	width: 10px;
	height: 42px;
}
.contact-img {
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
	width: 42px;
	height: 42px;
	padding-top: 5px;
	padding-left: 5px;
}
.contact-boxes {
	margin-top: 10px;
	margin-bottom: 30px;
	float: left;
	width: 240px;
	height: 42px;
	padding-top: 5px;
	padding-left: 5px;
}

/* -  end contactpage div elements  - */

/* -  side div elements  - */

#content-side {
	float: left;
	position: relative;
	width: 300px;
	margin-top: 9px;
	margin-left: 20px;
}
.side-price-box {
	height: 66px;
	width: 300px;
	background: url("../img/side-price-bg.jpg") no-repeat;
	margin-bottom: 14px;
	cursor: pointer;
}
.price-box-text1 {
	float: left;
	height: 45px;
	width: 80px;
	margin-top: 10px;
	margin-left: 10px;
}	
.price-box-text2 {
	float: left;
	height: 55px;
	width: 150px;
	margin-left: -10px;
	margin-top: 5px;
}	
.price-box-text3 {
	float: left;
	height: 45px;
	width: 60px;
	margin-top: 10px;
}	
.side-text-box {
	width: 280px;
	margin-left: 10px;
	margin-bottom: 14px;
}
.side-news-titlebox {
	height: 38px;
	width: 300px;
	background: url("../img/side-title-bg.jpg");
	margin-bottom: 14px;
}
.side-newsitem-box {
	width: 280px;
	margin-left: 10px;
	margin-bottom: 14px;
}
.newsitem-date { margin-bottom: 7px; 
}
.newsitem-text { margin-bottom: 14px; 
}
.newsitem-bottom {
	border-bottom: #323232 1px solid;
	margin-bottom: 14px;
}


/* -  end side div elements  - */

#clear-space {
	clear: both;
	padding-bottom: 50px;
}




/*---------------------------------------------------------------------------------------*/
/*-  3. Navigation settings  -*/


/* - upper section settings  - */


#navigation {
	position: relative;
	margin-left: 10px;
	background: url("../img/nav-sprite-normal.jpg") right top repeat-x;
	width: 940px;
	height: 35px;
    font-size:93%;
    line-height:normal;
}
ul#topnav {
	margin: 0; padding: 0;
	display: inline;
	float:left;
	width: 940px;
	height: 35px;
	list-style: none;
}
ul#topnav li {
	display: inline;
	float: left;
	height: 35px;
	margin: 0; 
	padding: 0;
	list-style-type: none;
	background: url("../img/nav-sprite-normal.jpg") right top no-repeat;
	position: relative;
}
ul#topnav li:hover{
	background: url("../img/nav-sprite-normal.jpg") right -70px no-repeat;
}
ul#topnav li.drop {
	background: url("../img/nav-sprite-drop.jpg") right top no-repeat;
	padding-right: 28px;
}
ul#topnav li:hover.drop { 
	background: url("../img/nav-sprite-drop.jpg") right -70px no-repeat; 
}
ul#topnav li a,
ul#topnav li strong,
ul#topnav li span {
	height: 35px;
	display: inline-block;
	background: url("../img/nav-sprite-leftside.jpg") left top no-repeat;
	font-family: Arial;
	font-size: 14px;
	padding: 6px 14px 0 14px;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
}
ul#topnav li.drop a
ul#topnav li.drop strong,
ul#topnav li.drop span {
	background: url("../img/nav-sprite-leftside.jpg") left top no-repeat; 
	padding-right: 28px;
}
	/* Commented Backslash Hack
hides rule from IE5-Mac \*/
	#topnav a {float:none;}
/* End IE5-Mac hack */
ul#topnav #current {
	background: url("../img/nav-sprite-normal.jpg") right -35px no-repeat;
}
ul#topnav #current.drop {
	background: url("../img/nav-sprite-drop.jpg") right -35px no-repeat;
}
#topnav-end {
	float: left;
	display: inline;
	width: 1px;
	height: 35px;
	background: url("../img/nav-sprite-leftside.jpg") left top no-repeat;
}

/* -  lower section settings  - */

#sub-navigation {
	position: relative;
	margin-left: 10px;
	margin-bottom: 28px;
	width: 940px;
	height: 28px;
	background: #2a4e4a;
}
ul#bottomnav {
	margin: 0; padding: 0;
	display: inline;
	float:left;
	width: 940px;
	height: 28px;
	list-style: none;
}
ul#bottomnav li {
	display: inline;
	float: left;
	height: 28px;
	margin: 0; padding: 0;
	list-style-type: none;
	position: relative; /*--Important--*/
}
ul#bottomnav li a {
	height: 28px;
	display: inline-block;
	font-family: Arial;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	line-height: 24px;
	padding: 0 8px 0 28px;
	background: url("../img/navlist_arrow.png") 14px 12px no-repeat;
}
ul#bottomnav li:hover a, 
ul#bottomnav li a:hover {
	background: #223e3b url("../img/navlist_arrow.png") 14px 12px no-repeat;
} /*--Hover State--*/
ul#bottomnav li a.current {
	background: #223e3b url("../img/navlist_arrow.png") 14px 12px no-repeat;
}
ul#bottomnav li:hover a.current,
ul#bottomnav li a.current:hover { 
	background: #223e3b url("../img/navlist_arrow.png") 14px 12px no-repeat;
} /*--Hover State--*/




/*---------------------------------------------------------------------------------------*/
/*-  5. Form table settings  -*/

input.textfield {
	width: 215px;
	padding: 4px;
	border: 2px solid #ddd;
	border-top: 2px solid #ccc;
	color: #777;
	background: #f9f9f9;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
}
textarea {
	width: 445px;
	padding: 4px;
	border: 2px solid #ddd;
	border-top: 2px solid #ccc;
	color: #777;
	background: #f9f9f9;
	font-size: 14px;
	font-family: Arial, Verdana, sans-serif;
	overflow: hidden;
}
legend span {
	display: block;
	color: #999;
	font-weight: normal;
	font-size: 14px;
}
label {
	color: #4d5762;
	font-size: 11px;
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
}
table.formtable { border-collapse: collapse; 
}
.formtable th, 
.formtablesubmit th {
	width: 110px;
	padding: 15px 15px 0 0;
	border-bottom: 1px solid #ddd;
	text-align: right;
	vertical-align: top;
}
.formtable td, 
.formtablesubmit td, 
.formtable td.alt {
	width: 215px;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}
.formtable tr.last td, 
.formtable tr.last th, 
.formtable tr.last td.big {
	border-bottom: none;
}
.formtable td.info, 
.formtablesubmit td.info {
	color: #999;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	line-height: 130%;
}
.formtable tr td.small {
	width: 100px;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
	color: #323232;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
	line-height: 130%;
}
.formtable tr td.big {
	width: 430px;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
}

/*---------------------------------------------------------------------------------------*/
/*-  6. Footer settings.  -*/

#footer-wrap {
	height: 50px;
	background: url("../img/footer-bg-fill.jpg") repeat-x;
}
#footer-textbox {
	position: relative;
	top: 17px;
	margin: 15px auto 0 auto;
	height: 30px;
	width: 940px;
}

/*---------------------------------------------------------------------------------------*/
/*-  MooTools SlidingTabs styles  -*/

#panes {
	border-style: none;
	width: 940px;
	cursor: pointer;
}	
#panes2,
#panes3,
#panes4,
#panes5,
#panes6 {
	border-style: none;
	width: 596px;
	cursor: pointer;
}	
#panes div div, 
#panes2 div div, 
#panes3 div div, 
#panes4 div div, 
#panes5 div div,
#panes6 div div {
	overflow: hidden;
}
#buttons li,
#buttons2 li,
#buttons3 li,
#buttons4 li,
#buttons5 li,
#buttons6 li,
#buttons7 li,
#buttons8 li,
#buttons9 li,
#buttons10 li {
	display: inline;
	padding: 2px 4px;
	cursor: pointer;
	vertical-align: middle;
	color: #1a5798;
}
#buttons li.active, 
#buttons2 li.active, 
#buttons3 li.active, 
#buttons4 li.active, 
#buttons5 li.active,
#buttons6 li.active, 
#buttons7 li.active, 
#buttons8 li.active, 
#buttons9 li.active, 
#buttons10 li.active {
	text-decoration:underline;
	color: #1a5798;
}