/*-------------------------------------------
	TITLE: Heritage Buildings
	CREATED: 3/10/2008

--
	LAYOUT
	- BODY, LINKS, MENUS
	- TOP
	- MENU
	- CONTENT
	- SUBMENU
	- FOOTER
--

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



/*-------------------------------------------
	- BODY, LINKS, MENUS
		- links
		- top level divs
-------------------------------------------*/

body {
	margin: 0px;
	padding: 0px;
	background-image:url(../images/body_bg.jpg);
	background-repeat: repeat-x;
	background-color: #0b1e24;
}

a {
	color: #a30300;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

#top {
	height: 206px;
}

h1 {
	margin: 0px;
	padding: 0px;
	width: 409px;
	margin: 17px 0px 0px -8px;
	float:left;
}

h1 a {
	display: block;
	height: 136px;
	background-image: url(../images/logo.png);
	text-indent: -9999px;
	text-decoration: none; 
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc");
}

h2 {
	display: block;
	text-indent: -9999px;
	width: 311px;
	height: 76px;
	background-image: url(../images/tagline.png);
	float: right;
	margin: 46px 0px 0px 0px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc");

}

h3 {
	border-bottom: 3px solid #afab9b;
	width: auto;
	margin: 30px 0px 15px 30px;
	padding: 0px;
	height: 31px;
}

#right h3 {
	margin: 30px 0px 15px 19px;
}

h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	color: #254c67;
	padding: 19px 19px 5px 19px;
	margin: 0px;
}


.sIFR-active h3 {
  font-size: 22px;
  visibility: hidden;
  font-family: georgia;
  line-height: 1em;
}

#pagewidth {
	width: 854px;
	margin-left: auto;
	margin-right: auto;
}

#wrapper {
	background-image: url(../images/pagewidth_bg.png);
	padding-bottom: 20px;
	_padding-bottom: 10px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#vertline {
	background-image:url(../images/vertline.gif);
	background-repeat:no-repeat;
	background-position: 426px 0px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	width: 100%;
}

.clearfix {
	clear:both;
}

#left {
	float: left;
	width: 425px;
}

#right {
	float: right;
	width: 427px;
}

#viewgallery {
	background-image:url(../images/homephoto_bg.png);
	width: 387px;
	height: 268px;
	margin: 33px 0px -20px 15px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#subphoto {
	background-image:url(../images/subphotobg.png);
	width: 370px;
	height: 268px;
	margin: 22px 0px 0px 15px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#viewgallery a{
	display: block;
	width: 159px;
	height: 48px;
	position: relative;
	z-index: 500;
	left: 218px;
	top: 209px;
	background-image: url(../images/viewgallery_btn.png);
	background-repeat: no-repeat;
	font-size: 0px;
	color: #610705;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#viewgallery a:hover {
	background-image: url(../images/viewgallery_btn.png);
	background-position: 0px -48px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
}

.contentbox {
}

.content {
	width: 386px;
	background-image: url(../images/home_contentbg.png);
	background-repeat:no-repeat;
	background-position: top left;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 26px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#right .content {
	margin: 0px 0px 0px 16px;
}

#subpage #right .content {
	margin: 0px;
}

.content p {
	padding: 0px 19px 0px 19px;
	margin: 0px;
	color: #333333;
	line-height: 24px;
}

.content ul {
	padding: 0px 19px 0px 33px;
	margin: 0px;
	color: #333333;
	line-height: 24px;
}

.contentbottom {
	background-image: url(../images/home_contentbottom.png);
	width: 386px;
	height: 4px;
	margin: 0px 0px 0px 30px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

hr {
    color: #dcd9d0;
	background-color: #dcd9d0;
	height: 1px;
	width: 342px;
	border: 0px;
	padding: 0px;
	margin: 10px 0px 10px 20px;
}

ul {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 11px;
	line-height: 24px;
	color: #333333;
}

#pagewidthbottom {
	background-image:url(../images/pagewidth_bottom.png);
	background-position: top center;
	height: 12px;
	background-repeat: no-repeat;
	width: 854px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#specializedin {
	background-image: url(../images/darkbox_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
	margin: 0px 0px 0px 15px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#specializedin ul {
	margin: 0px;
	padding: 18px;
	color: #2c2828;
}

#specializedin li {
	font-size: 11px;
	line-height: 30px;
	list-style-position: inside;
	list-style-type: none;
	background-image: url(../images/screw.png);
	_background-image: url(../images/screwie.png); 
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding: 0px 0px 0px 18px;
	_padding-left: 0px;
	.padding-left: 0px;
}

#subpage #specializedin {
	background-image: url(../images/darkbox_bgsub.png);
}


.specialbold {
	color: #FFFFFF;
}

#specialbottom {
	background-image: url(../images/darkbox_bottom.png);
	background-repeat: no-repeat;
	height: 10px;
	width: 387px;
	margin: 0px 0px 0px 15px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}


#subpage #specialbottom {
	background-image: url(../images/darkbox_bottomsub.png);
}

#subpagecontent {
	background-image: url(../images/sub_contentbg.png);
	padding-bottom: 20px;
	_padding-bottom: 10px;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
	}

#subpagecontent .content { 
	background-image: none;
}

#subbottom {
	background-image:url(../images/sub_contentbottom.png);
	background-repeat: no-repeat;
	height: 4px;
	background-position: top left;
	behavior: url("http://www.heritagebuildingspa.com/css/iepngfix.htc"); 
}

#subpage #vertline {
	margin: 0px;
	padding-top: 10px;
	background-position: center -15px;
}

#subpage h3 {
	margin-top: 0px;
	padding-top: 28px;
}

/* -------- MAIN HORIZONTAL MENU OFF STATE ---------- */

#menu {width: 571px; display:block; height: 44px; background-image:url(../images/menu_bg.gif); clear: both; margin-left: 34px;}
#menu ul {list-style-type:none; padding: 0px; margin: 0px 0px 0px 11px;}
#menu li {float:left; height: 44px; margin: 0px; padding: 0px;}
#menu li.list1 {background:transparent url(../images/home_btn.gif); background-repeat:no-repeat; width: 70px;}
#menu li.list2 {background:transparent url(../images/aboutus_btn.gif); background-repeat:no-repeat; width: 91px; }
#menu li.list3 {background:transparent url(../images/whatwedo_btn.gif); background-repeat:no-repeat; width: 112px;}
#menu li.list4 {background:transparent url(../images/photogallery_btn.gif); background-repeat:no-repeat; width: 130px;}
#menu li.list5 {background:transparent url(../images/faq_btn.gif); background-repeat:no-repeat; width: 56px;}
#menu li.list6 {background:transparent url(../images/contact_btn.gif); background-repeat:no-repeat; width: 90px;}
#menu a {display:block; height: 44px; text-indent: -9999px; border-bottom: none;}

/* ----------- MAIN HORIZONTAL MENU HOVERING ITEMS ----------- */

#menu a#item1 {background:transparent url(../images/home_btn.gif) no-repeat;}
#menu a#item2 {background:transparent url(../images/aboutus_btn.gif) no-repeat;}
#menu a#item3 {background:transparent url(../images/whatwedo_btn.gif) no-repeat;}
#menu a#item4 {background:transparent url(../images/photogallery_btn.gif) no-repeat;}
#menu a#item5 {background:transparent url(../images/faq_btn.gif) no-repeat;}
#menu a#item6 {background:transparent url(../images/contact_btn.gif) no-repeat;}

#menu a#item1:hover {background-position:0px -44px; z-index:50;}
#menu a#item2:hover {background-position:0px -44px; z-index:50;}
#menu a#item3:hover {background-position:0px -44px; z-index:50;}
#menu a#item4:hover {background-position:0px -44px; z-index:50;}
#menu a#item5:hover {background-position:0px -44px; z-index:50;}
#menu a#item6:hover {background-position:0px -44px; z-index:50;}

/*-------------------------------------------
	- FOOTER
-------------------------------------------*/

#footer {
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	width: 830px;
	margin-left: auto;
	margin-right: auto;
	color: #7f9dab;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 10px;
	height: 112px;
}

#footer a {
	color: #7f9dab;
	text-decoration: none;
	line-height: 18px;
}

#footerleft {float: left; padding: 11px 0px 35px 15px;}
#footerright {float: right;}

#footerright a {
	color: #466472;
	text-decoration: none;
}

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

#footer ul {
	margin: 19px 10px 0px 0px;
	padding: 0px;
	font-size: 10px;
}

#footer li {
	float: left;
	list-style-type:none;
	padding: 0px 20px 0px 20px;
	background-image: url(../images/footer_vertline.gif);
	background-repeat: no-repeat;
	background-position: right 1px;
	.background-position: right 3px;
}

#footer .noline {
	background-image: none;
}

/* contact form */

.send-btn2 {
	margin-left: 20px;
	width: 324px;
	height: 20px;
}

#formcontainer li {
 color: #254c67;
}

			#formcontainer {
				font-family:Arial, Helvetica, sans-serif;
				padding: 0px 0px 0px 0px;
				color: #6e0000;
				margin:0;
				width: 371px;
				margin-left: 14px;
			}
			.form {
				margin:0;
				padding:0;
				position:relative;
				z-index:1;
			}
			.form * {
				margin:0;
				padding:0;
			}
				.form fieldset {
					border-width:0;
				}
				.form ul {
					list-style:none;
					margin:0;
					padding:0;
				}
					.form li {
						padding:5px 10px;
						clear:both;
					}

					.form div.medium, .form div.small, .form div.xsmall {
						float:left;
						padding:0 5px 0 0;
					}	
					.form label {
						display:block;
						font-size:11px; 
						font-weight:bold;
						margin:2px 0 0 0;
						text-transform:uppercase;
					}
					.form div label {
						color:#95917f;
						font-size:8pt;
						font-weight:normal;
						text-transform: none;
					}
					.form .error {
						color:#FF0000;
					}
					.form li input, .form li textarea {
					font-size: 11px;
					font-family: Georgia, "Times New Roman", Times, serif;
					color: #ffffff;
						background-image:url(../images/input_bg.jpg);
						border:#f5f4ef 1px solid;
						font-weight:normal;
						padding:6px;
					}
					.form textarea {height:75px;}
					.form input, .form textarea {width:324px;}
					.form div.large input {width:150px;}
					.form div.medium input{width:90px;}
					.form div.small input{width:45px;}
					.form div.xsmall input{width:30px;}
					.feedback {
						background:#fffee3;
						border:#f2edd4 1px solid;
						color:#333;
						float:left;
						padding:15px;
						text-align:center;
						width:230px;
					}
					/* indicator */
					.indicator {
						background:#FFF;
						filter: alpha(opacity=75);
						height:32px;
						left:0;
						opacity: .75;
						position:absolute;
						padding:200px 125px;
						top:0;
						width:32px;
						z-index:2;
					}
					/* buttons */
					.button {
						width: 100px;
						height: 22px;
						margin-top: 10px;
						font-size: 12px;
						margin-left: 10px;
						background-color: #790604;
						color: #ffffff;
						border: 1px solid #1d4227;
					}