html,
body {
   margin:0;
   padding:0;
   height:100%;
   width: 100%;
   background-color: #120c04;
}


p,h1,h2,h3,h4,h5,a,ul,li,ol,td {
font-family: Verdana,  Helvetica, Verdana,sans-serif;
text-align:left;
}

p {
font-size:14px;
line-height:16px;
color: #24201c;
margin:0;
padding:0;
}


ul.bullet {
font-size:14px;
line-height:16px;
color: #24201c;
margin:0 15px 10px 35px;
padding:0;
}

ul.bullet {
font-size:14px;
line-height:16px;
color: #24201c;
margin:0 15px 0px 55px;
padding:0 0 10px 0;
list-style-image: url(../images/bullet.gif);
list-style-position: inside;
}

ul.bullet li {
font-size:14px;
line-height:16px;
color: #24201c;
margin:0 10px 0 20px;
padding: 2px 0;
}

li {
font-size:14px;
line-height:16px;
color:#334f5b;
margin:0 10px 0 20px;
padding: 2px 0;
}

ul.left {
float:left;
color: #3c5964;
width: 180px;
margin:5px 0 0 120px;
list-style: none;
padding: 0;
}

ul.right {
float: right;
color: #3c5964;
width: 190px;
margin:5px 10px 0 0px;
list-style: none;
padding: 0;
}

h1 {
font:bold 22px Arial, Helvetica, sans-serif;
color: #29759a;
padding:10px 0 15px 10px;
margin:0;
font-style: italic;
}

h2 {
font:bold 14px "Lucida Grande", Arial, Helvetica, sans-serif;
color: #29759a;
margin:10px 0 15px 20px;
padding:0;
}

h3 {
font-size:16px;
padding: 15px 0 10px 10px;
margin: 0;
font-weight: 700;
text-align: left;
color: #423831;
}

h4 {
font-size:14px;
padding: 0 0 15px 10px;
margin: 0;
font-weight: 700;
text-align: left;
color: #423831;
}

a:link {
color: #246c96;
border:none;
text-decoration: underline;
}

a:hover {
color:#0084f5;
border: none;
text-decoration: none;
}

a:visited {
color: #034cb9;
border:none;
text-decoration: underline;
}

address { font: normal 14px Lucida, Arial, Helvetica, sans-serif; text-align: center; margin: 15px 0 0 100px; width: 300px;}

address a {text-align: center;}


div#headerbox {
	float: right;
	margin: 50px 0px 0 0;
}
	

.phone{
	font: Palatino, Arial, Gadget, sans-serif;
	font-weight: bold;
	color: #115f7c;
	font-size: 20px;
}


/*-- MAIN CONTENT--*/


div#logocontainer {
width:100%;
margin:0 auto;
background-image: url(../images/logo_bg.jpg);
background-repeat: repeat-x;
}

div#headercontainer {
width:100%;
margin:0 auto;
background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
}

div#contentcontainer {
width:100%;
margin:0 auto;
height: auto;
background-image: url(../images/body_bg.jpg);
background-repeat: repeat-x;
background-color: #fdfbfa;
position: relative;
}

div#footercontainer {
width:100%;
margin:0 auto;
background-image: url(../images/footer_bg.jpg);
background-repeat: repeat-x;
height: 175px;
}


div#logo {
background-image: url(../images/logo.jpg);
height: 112px;
width: 850px;
background-repeat: no-repeat;
margin: 0 auto;
}

div#header {
width:850px;
background-image: url(../images/header.jpg);
background-repeat:no-repeat;
height:379px;
margin:0 auto;
padding:0;
}


/*-- MAIN CONTENT--*/

div#maincontent {
margin: 0 auto;
padding: 0;
width:850px;
height: auto;
min-height: 400px;
clear: right;
background-image: url(../images/content_bg.jpg);
background-repeat: repeat-y;
}
	
	
div#content {
width:100%;
margin:0;
padding:0;
background-image: url(../images/main_bg.jpg);
background-repeat: no-repeat;
}

div#content p{
padding:0 10px 10px 30px;
margin: 0;
}


.review {
	font-style: italic;}



/*-- SIDEBAR AND VARIATIONS--*/

div#sidebar {
float:right;
width:320px;
margin:0;
padding:0;
height: auto;
border: none;
}

.imglink {
	border: none;
}


/*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	
	float:right;                                     /* play nicely with others */
	padding:0;
	margin: 20px 0 0 0;
	border:0;
	height:40px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	font-size:18px;         /* this (and also below) sets the menu's font size */
	     
}


.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:2.0em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0 ;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:18px;        /* this sets the base font size for our entire menu */
}


.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
	margin: 0;
	}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:none;
	text-decoration:none;
	color:#fff;
	font-weight: normal;
	font-size: 16px;
	width: 170px;
	padding: 7px 0 7px 0;
	text-align: center;
	height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	}

.menu ul li ul li a,
.menu ul li ul li a:visited{                    /* unselected top-level menu items */
	display:block;
	float:none;
	text-decoration:none;
	color:#fff;
	font-weight: normal;
	font-size: 16px;
	width: 170px;
	padding: 7px 0 7px 0;
	text-align: center;
	height: 15px;
	font-family:  Arial, Courier, sans-serif;
	}


.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top: 5px solid #122431;    /* these 2 lines create the push-in illusion */
	height:15px;
	color: #fff;
		padding: 2px 0 7px 0;
	}

.current {	color: #fff;
			border-top: 5px solid #122431;

}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0 ;
	padding: 0;
	top: 30px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:210px;
	color:black;                        /* this sets the unselected-text color */
	background-color: #c1d5dd;        /* this sets our menu's effective "border" color */
	border: 1px solid #b4b2b0;
	border-top: none;
		
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:5px 0 8px 38px;
	height:13px;
	color:#284c68;               /* this sets the unselected drop-down text color */
	background:#c1d5dd;       /* this sets the drop-down menu background color */
	text-align: left;
	font-size: 16px;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	background:#daedf5;
	width: 170px;
	color: #850605;
	
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}



/*-- FOOTER--*/

div#footer {
width:850px;
height: 175px;
margin:0 auto;
padding:20px 0 0 0;
background-image: url(../images/footer.jpg);
background-repeat: no-repeat;
}

div#footer p {
font: normal 12px Arial, Helvetica, sans-serif;
color: #897a66;
}

.center {
	text-align: center;
	margin: 25px 0 0 0;
}

div#footer a, div#services a {
font: bold 12px Arial, Helvetica, sans-serif;
color: #897a66;
text-decoration: none;
border: none;
}

.footer_img {
float:right;
margin:45px 0px 20px 0;
padding:0;
width: 67px;
height:46px;
border: none;
}

div#services {
float: left;
padding: 40px 0 0 0;
width: 500px;
height: 90px;
}

.copyright {
text-align: left;
float: left;
padding: 0;
}

.drift {
text-align: right;
float: right;
padding:  0 50px 0 0;
border: none;
}

.drift img {
border: none;
}



/*-- COPYRIGHT--*/

div, img { behavior: url(iepngfix.htc) }

div#copyright {
	width: 850px;
	float: right;padding: 90px 0px 0 0;}



/* ----------------- SINGLE COLUMN FORM ------------------- */
div#form {
	float: left;
	width: 500px;
	text-align: left;
	margin: 0 0 0 15px;
	font-size: 12px;
}

form p {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.title {
	font-size: 12px;
	color: #24201c;
	text-align: left;
	font-weight: bold;
	}
	
input {
	margin-bottom: 5px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}

.submit {
	width: 100px;
	margin: 0 0 0 20px;
	height: 30px;
	}
.reset {
	width: 100px;
	margin: 0 0 0 150px;
	height: 30px;
	}	

select {
	padding-left: 20px;
	margin-bottom: 0px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 20px;
}
textarea {
	margin-bottom: 10px;
	width: 200px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 0px;
	height: 80px;
}

.textfield2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	margin: 0;
	padding: 0;
}

label {
	padding: 5px 20px 0 0;
	display: block;
	float: left;
	width: 150px;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #24201c;
	clear: right;
}
div#ps {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	padding: 5px 0 0 15px;
}




/*-- CUSTOM STYLING--*/


.header_left {
float:left;
border:none;
margin:122px 0 0;
padding:0;
}

.validation {
float:left;
margin:45px 0 0;
}

.bold {
font-weight:700;
}

div#clear {
clear:both;
}

div#iframe {
margin:-30px 0 0;
padding:0;
}

.cta {
border:none;
margin:0 8px 0 0;
padding:0;
}

.imgleft {
border: 1px solid #999;
float: left;
margin:10px;
padding:5px;
}

.imgcntr {
margin: 10px 0 0 100px;
padding: 5px;
border: 1px solid #999;}

.imgside2 {
border:none;
margin:20px 10px 0 0;
padding:0;
}

.note {
font-size:9px;
font-style:italic;
margin:2px 0 5px 110px;
}

.map {
padding: 35px 0 0 45px;
margin: 0;
border: none;
}

div#more {
	float: right;
	margin: 10px 0 0 0;
	width: 500px;
	text-align: right;}