/* CSS Document */

* {	margin:0; padding:0; font-size:100%;}

body{background:#D6C9AB; text-align:center; text-align: center;}

#pagebody { text-align: left; width: 980px; margin: 0 auto; }

img {vertical-align:top;}
a img { border:0;}

ul {margin:0 0 0 20px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}
.center{ text-align:center;}

html{ font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.5em; color:#7f7f7f;}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#7f7f7f;}
a:hover{text-decoration:none;}
p {padding-top:18px;}
strong{ display:block; color:#545050;}
cite{ display:block; font-style:normal;}

/* ============================= main layout ====================== */
.imgindent {margin:0 20px 0 0; float:left;}
.phone{ float:right; padding-right:33px;}
.phone2{ float:right; padding-right:70px;}
.space1{ margin-left:6px;}
.space2{ margin-left:54px;}
.space3{ margin-left:40px;}
.space4{ margin-left:54px;}
.padding1{ padding-top:20px;}
.padding2{ padding-top:7px;}

/* ============================= header ====================== */
#header{ /*background:url(../images/top-tail.jpg) top repeat-x #ffffff;*/}
#page1 #header .main{ background:url(../images/header-bg.jpg) no-repeat 0 161px;} /* only apply background image to homepage */
#page1 ul {list-style:none;}
#header .logo{ text-align: center; background:url(../images/top-tail.jpg) top repeat-x #ffffff; }
#header #logoLink { margin: 0 auto; }
#header .menu{ width:100%; overflow:hidden;}
#page1 #header .menu { padding-bottom:394px; }
#header .menu ul{ padding-left:31px;}
#header .menu li{ float:left;}
#header .boxes{ width:100%; overflow:hidden;}

#header .indent1{ padding:23px 22px 25px 30px;}
#header .indent2{ padding:28px 26px 20px 33px;}
#header .box1{ background:url(../images/box1-tail.gif) top repeat-x #5d798b; color:#ffffff; line-height:1.333em; height:216px;}
#header .box1 a{ color:#ffffff;}
#header .title{ border-bottom:solid 1px #ffffff; padding-bottom:14px; margin-bottom:17px; margin-left:-3px;}
#header .box1 .link1{ display:inline-block; background:url(../images/link1-left-bg.gif) left top no-repeat #465e6c; font-size:0.917em; text-decoration:none; margin-top:18px; cursor:pointer;}
#header .box1 .link1 span{ display:inline-block; background:url(../images/link1-right-bg.gif) right top no-repeat; padding:1px 11px 2px 19px;}
#header .box1 .link1:hover{ background:url(../images/link1-left-bg-act.gif) left top no-repeat #32444f;}
#header .box1 .link1:hover span{ display:inline-block; background:url(../images/link1-right-bg-act.gif) right top no-repeat;}

#header .box2{ background:url(../images/box2-tail.gif) top repeat-x #49563c; color:#ffffff; line-height:1.333em; height:216px;}
#header .box2 a{ color:#ffffff;}

#header .title{ border-bottom:solid 1px #ffffff; padding-bottom:14px; margin-bottom:17px; margin-left:-3px;}
#header .box2 .link2{ display:inline-block; background:url(../images/link2-left-bg.gif) left top no-repeat #3e4a31; font-size:0.917em; text-decoration:none; margin-top:18px; cursor:pointer;}
#header .box2 .link2 span{ display:inline-block; background:url(../images/link2-right-bg.gif) right top no-repeat; padding:1px 11px 2px 19px;}
#header .box2 .link2:hover{ background:url(../images/link2-left-bg-act.gif) left top no-repeat #242c1c;}
#header .box2 .link2:hover span{ display:inline-block; background:url(../images/link2-right-bg-act.gif) right top no-repeat;}
#header .box2 strong{ padding-bottom:5px; color:#ffffff;}
#header .box2 .header-list a{ color:#acb7a0;}

#header .box3{ background:url(../images/banner.jpg) top repeat-x #5d798b; color:#ffffff; line-height:1.333em;  width: 398px; height:216px;}
#header .box3 a{ color:#ffffff;}
#header .box3 .link3{ display:inline-block; background:url(../images/link3-left-bg.gif) left top no-repeat #692b18; font-size:0.917em; text-decoration:none; margin-top:18px; cursor:pointer;}
#header .box3 .link3 span{ display:inline-block; background:url(../images/link3-right-bg.gif) right top no-repeat; padding:1px 11px 2px 19px;}
#header .box3 .link3:hover{ background:url(../images/link3-left-bg-act.gif) left top no-repeat #661b04;}
#header .box3 .link3:hover span{ display:inline-block; background:url(../images/link3-right-bg-act.gif) right top no-repeat;}


/* ============================= content ====================== */
.row-1{ background:url(../images/row1-tail.gif) top repeat-x #f9f9f9; position:relative;}
.row-1 .indent{ padding:38px 30px 44px 27px;}
.row-1 .indent1{ padding:0 0 0 19px;}
#content { position: relative; top: 0; left: 0; z-index: 10; }
#content .title{ border-bottom:solid 1px #d8dbdc; padding:0 0 16px 18px;}

.row-2{ background:url(../images/row2-bot-tail.gif) bottom repeat-x #5d5f5f; border-top:solid 7px #6b6c6c; position:relative; width: 980px; margin: 0 auto;}
.row-2 .indent{ padding:25px 30px 29px 47px;}
.row-2 li{ background:url(../images/row2-list-marker.gif) no-repeat 0 6px; padding-left:15px;}
.row-2 a{ color:#ffffff; text-decoration:none;}
.row-2 a:hover{ text-decoration:underline;}

.list{ margin:-3px 0 0 7px;}
.list li{ background:url(../images/list-marker.gif) no-repeat 0 9px; padding-left:11px; line-height:1.75em;}
.list a{ color:#7ca7c2; font-style:italic;}

.link{ display:inline-block; background:url(../images/link-left-bg.gif) left top no-repeat #464646; color:#ffffff; font-size:0.917em; text-decoration:none; margin-top:28px; cursor:pointer;}
.link span{ display:inline-block; background:url(../images/link-right-bg.gif) right top no-repeat; padding:0 8px 1px 18px;}
.link:hover{ background:url(../images/link-left-bg-act.gif) left top no-repeat #817f7f;}
.link:hover span{ display:inline-block; background:url(../images/link-right-bg-act.gif) right top no-repeat;}

ol{ margin-top:-5px; margin-left:25px;}
ol li{ line-height:2.167em;}
ol a{ font-weight:normal;}
#page7 p{ padding-top:15px;}

/* ============================= footer ====================== */
#footer{ background:url(../images/footer-bg.gif) top repeat-x;}
#footer .text{ padding:18px 0 0 47px;}
#page7 #footer{ background:url(../images/footer-bg2.gif) top repeat-x;}
#page7 #footer .text{ padding:24px 0 0 47px;}



/***
Nav
***/
#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	padding-left: 0;
	margin-left: 0;
}

#nav ul {
	z-index: 50;
}

#nav a {
	display: block;
	width: 10em;
	color: #272318;
}

#nav li {
	float: left;
	width: 10em;
}

#nav li ul {
	position: absolute;
	width: 15em;
	left: -999em;
	background: #786E53;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
	padding-left: 20px;
	margin: 0;
}

#nav li:hover ul a, #nav li.sfhover ul a {
	padding: 6px 0;
	margin: 0;
	color: #272318;
	text-decoration: none;
	font-weight: bold;
}

#nav li:hover ul a:hover, #nav li.sfhover ul a:hover {
	text-decoration: underline;
}

#nav img { display: block; }

#nav #m1, #nav #m2, #nav #m3, #nav #m4, #nav #m5, #nav #m6 { display: block; }
#nav #m1 { width: 160px; }
#nav #m2 { width: 165px; }
#nav #m3 { width: 164px; }
#nav #m4 { width: 164px; }
#nav #m5 { width: 165px; }
#nav #m6 { width: 131px; }

/***
typography
***/
h1 {
	margin: 0 0 20px 0;
	font-size: 20pt;
}

.error {
	color: #900;
}

/*** Contact us form ***/
#contactus-directory-box {
	float: left;
	width: 40%;
}

#contactus-form-box {
	float: left;
	width: 60%;
}

#contactus-form-box label {
	display: block;
	float: left;
	width: 150px;
}

#contactus-form-box input {
	float: left;
	width: 350px;
}

#contactus-form-box textarea {
	float: none;
	width: 500px;
	height: 190px;
	font-size: 10pt;
}

.contactus-form-inner-box {
	clear: both;
	padding-top: 10px;
}

#contactus-form-box #submit { width: 505px; }