* {
 margin:0;
 padding:0;
 border:0;
}


html, body { height:100%;}

body { 
	background:url(images/sand.jpg) center top #000; 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:100%; 
	line-height:1.125em; 
	color:#bca695;
	}

input, select, textarea { 
	font-family:Tahoma, Geneva, sans-serif; 
	font-size:1em;
	}


.fleft { 
	float:left; 
	color:#fff;
	}

.fright { float:right;}

.clear { clear:both;}

.alignright { text-align:right;}

.aligncenter { text-align:center;}

.wrapper { width:100%; overflow:hidden;}

.container { width:100%;}

p { margin-bottom:18px;}

/*==================forms====================*/

input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
object { vertical-align:top; outline:none;}

#reservation-form { font-size:.91em; font-weight:bold;}
#reservation-form fieldset { border:none;}
#reservation-form .field { display:block; height:55px;} 
#reservation-form label { display:block; padding-bottom:4px;}
#reservation-form select { border:0px solid #5d3825; background:#1d110b; color:#00CCCC;}
#reservation-form select.select1 { width:40px; margin-right:10px;}
#reservation-form select.select2 { width:127px;}
#reservation-form input { width:150px; text-align:left; border:1px solid #fff; background:#fff; color:#000;}
#reservation-form .button { float:right; font-size:1.1em; text-align:center; width:75px; background:#06484A; color:#fff;}



/*==================list====================*/
ul { list-style:none;}

/*==================other====================*/
.img-indent { margin:0 10px 0 -8px; float:left;}
.img-indent.alt { margin-right:25px;}
.img-box { width:100%; overflow:hidden; padding-bottom:20px;}
.img-box img { float:left; margin:0 20px 0 0;}

.extra-wrap { overflow:hidden; }

.p1 { margin-bottom:9px;}
.p2 { margin-bottom:18px;}
.p3 { margin-bottom:27px;}

.alt-top { padding-top:9px; font-size:1.0em;}

/*==================txt, links, lines, titles====================*/
a {color:#000; outline:none;}
a:hover{text-decoration:none;}

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:60px; line-height:1em; color:#eee8e4; text-transform:uppercase; font-weight:normal; letter-spacing:-2px;}
h1 a { color:#eee8e4; text-decoration:none;}
h2 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#eee8e4; font-size:30px; line-height:1em; font-weight:normal; margin-bottom:12px; letter-spacing:-1px; background:#16686B; width:100%;}
h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#eee8e4; font-size:25px; line-height:1em; font-weight:normal; margin-bottom:16px; background:#16686B; width:100%;}
h4 { font-size:.91em;}
h5 { font-size:1.33em; color:#eee8e4; padding-top:10px; margin-bottom:26px;}
h6 { font-size:1em; color:#e7e7e7;}

.txt1 { font-size:.91em;}
.txt2 { color:#eee8e4; font-size:1.33em; text-transform:uppercase;}

.link1 { display:block; float:left; background:url(images/link1-bgd.gif) left top repeat-x; color:#fff; text-decoration:none;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top;}
.link1 b { display:block; background:url(images/link1-right.gif) no-repeat right top; padding:2px 15px 2px 15px; font-weight:normal; font-style:normal;}
.link1:hover { text-decoration:underline;}

.button { text-align:center; font-size:.91em;}
.button span { display:inline-block; background:url(images/button-side.gif) no-repeat left top; padding-left:1px;}
.button span span { background:url(images/button-side.gif) no-repeat right top; padding-right:1px; padding-left:0;}
.button span span a { display:inline-block; background:url(images/button-bg.gif) left top repeat-x; padding:0 0 3px 0; color:#d5c6bb; width:152px; text-decoration:none; text-transform:uppercase; font-weight:bold;}
.button span span a:hover { text-decoration:underline;}



.line-hor { background:#4d3525; height:1px; overflow:hidden; font-size:0; line-height:0; margin:21px 0 16px 0;}

.line-ver { background-image:url(images/line-ver.gif); background-repeat:repeat-y; width:100%;}

.title { margin-bottom:20px;}

/*==================boxes====================*/
.box { 
	background:#16686b; 
	width:100%;
	}
.box .inner { padding:21px 30px 30px 28px;}

.dept-list { float:left;}
.dept-list dd { clear:both; text-align:right;}
.dept-list dd span { float:left; padding-right:25px;}
.dept-list dd p { text-align:left;}


/*header*/
#header .row-1 { height:136px; }

#header .row-2 { 
	height:390px; 
	background:url(images/header-bg.png) no-repeat left bottom;
	}

#header .row-2.alt { 
	height:278px; 
	background:url(images/header-bg.png) no-repeat left bottom;
	width:100%; 
	padding:0; 
	margin:0;
	}

#header .row-2 .indent { 
	padding:13px 0 0 13px; 
	font-size:1.0em;
	}

#header .logo { 
	float:left; 
	padding:40px 0 0 45px;
	}

#header .logo em { 
	position:absolute; 
	top:25px; 
	text-transform:uppercase; 
	font-style:normal; 
	font-size:16px; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	padding-left:5px;
	}

#header .logo strong { 
	color:#bca695; 
	font-size:14px; 
	padding-left:5px;
	}

#header .phones { 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size:30px; 
	line-height:1em; 
	color:#eee8e4; 
	padding:40px 40px 0 0; 
	letter-spacing:-1px; 
	float:right;
	}

#header .video {
	position:absolute; 
	padding:4px 0 0 0px;
	}



.header-box { background:url(images/1page-img1.jpg) no-repeat left; }
.header-box .inner { padding:304px 0 0 2px;}

.header-box-small { 
	background:url(images/header-bg-small.jpg) no-repeat left top; 
	width:950px; 
	height:252px; 
	}

.header-box-small .inner { padding:195px 0 0 2px;}

#header .nav { 
	width:100%; 
	overflow:hidden;
	}
#header .nav li { display:inline;}

#header .nav li a { 
	display:block; 
	float:left; 
	width:156px; 
	height:55px; 
	line-height:52px; 
	font-size:16px; 
	text-transform:uppercase; 
	font-weight:bold; 
	color:#fff; 
	text-decoration:none; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
	text-align:center; 
	margin-right:2px; 
	background:url(images/nav-bg1.png) no-repeat left top;
	}
#header .nav li a:hover { background:url(images/nav-bg2.png) no-repeat left top;}

#header .nav li a.current { background:url(images/nav-bg2.png) no-repeat left top;}






/* --- content area --- */

#content { 
	font-size:1.2em; 
	background:url(images/content-bg.png) left top; 
	margin:0 8px;  
	padding:11px 40px 20px 40px;
	}
	
#content .indent { 
	padding:17px 0 20px 0; 
	font-size:1.2em; 
	}

#content ul { padding-bottom:20px;}

#content ul li { 
	background:url(images/bull1.gif) no-repeat left 8px; 
	padding:0 0 0 13px;
	}

.contacts-list dt { 
	font-weight:bold; 
	margin-bottom:10px;
	}
.contacts-list dd { 
	font-weight:bold;
	}



#content .img-list li { 
	width:100%; 
	overflow:hidden; background:none; 
	padding:0 0 18px 0;
	}
	
#content .img-list li img { 
	float:left; 
	margin:6px 9px 0 0;
	}

.extra-img { position:relative; margin:0 -9px 0 -8px;}



.list1 { font-size:.91em; padding:4px 0 15px 0;}
.list1 dt { font-weight:bold; color:#e3dad2; margin-bottom:12px; padding:0 0 0 4px;}
.list1 dd { border-bottom:1px solid #57473c; padding:0 5px 7px 4px; margin-bottom:4px; line-height:1.45em;}
.list1 dd span { float:right;}
.list1 dd.alt { border-bottom:none;}
.list1 dd.last { font-weight:bold; color:#eee8e4; border-bottom:none;}

#content .list2 { padding-bottom:8px;}
#content .list2 li { font-size:.91em; padding-bottom:8px;}

#content .list3 li a { text-decoration:none;}
#content .list3 li a:hover { text-decoration:underline;}

#content .list4 li { width:100%; overflow:hidden; padding:0; background:none; font-size:.91em; padding-bottom:15px;}
#content .list4 li img { float:left; margin:0 13px 0 0;}

#content .aside ul { font-size:.91em;}





/*  --- footer --- */

#footer { 
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:25px;
	color:#000; 
	font-size:1.0em; 
	font-weight:bold; 
	}

#footer a { 	
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:25px;
	color:#000; 
	font-size:1.0em; 
	font-weight:bold;}


#footer li { display:inline;}

#footer li a {
	font-family:Arial, Helvetica, sans-serif; 
	padding-bottom:25px;
	color:#A00; 
	font-size:1.0em; 
	font-weight:bold;
	}



/* --- Banner Map Menu --- */

#menumapmap {
 display:block; 
 width:156px; 
 height:55px; 
 line-height:5px; 
 font-size:1px; 
 text-transform:uppercase; 
 font-weight:bold; 
 color:#fff; 
 text-decoration:none; 
 font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; 
 text-align:center; 
 margin-right:0px; 
 background:url(images/nav-bg1.png) no-repeat left top;
}

#menumap span {
	display: none;
	position: absolute;
	background-position: left top;
}
#menumap a {
	display: block;
	text-indent: -900%;
	position: absolute;
	outline: none;
}
#menumap a:hover {
	background-position: left top;
}
#menumap a:hover span{
	display: block;
}
#menumap .goodman {
	width: 250px;
	height: 100px;
	background: url(images/link.jpg) no-repeat;
	left: 520px;
	top: 300px;
}
#menumap .goodman span {
	width: 86px;
	height: 14px;
	background: url(images/link.jpg) no-repeat;
	left: 28px;
	top: -20px;
}

#menumap .lennox {
	width: 300px;
	height: 130px;
	background: url(images/link.jpg) no-repeat;
	left: 640px;
	top: 150px;
}
#menumap .lennox span {
	width: 86px;
	height: 14px;
	background: url(images/link.jpg) no-repeat;
	left: 28px;
	top: -20px;
}
#menumap .ruud {
	width: 240px;
	height: 100px;
	background: url(images/link.jpg) no-repeat;
	left: 350px;
	top: 150px;
}
#menumap .ruud span {
	width: 86px;
	height: 14px;
	background: url(images/link.jpg) no-repeat;
	left: 28px;
	top: -20px;
}
#menumap .rheem {
	width: 100px;
	height: 100px;
	background: url(images/link.jpg) no-repeat;
	left: 800px;
	top: 340px;
}
#menumap .rheem span {
	width: 86px;
	height: 14px;
	background: url(images/link.jpg) no-repeat;
	left: 28px;
	top: -20px;
}