/* ---------------------- */
/* --- default styles --- */
/* ---------------------- */


/* 
COLOR KEY 
Hewson Red: #900026
Darker Red: #500c1b;
Light Grey: #eee
Dark Grey: #666
Title Bottom / Hr: #999;
*/

/* --- Global Defaults --- */
* {border: none; outline: none; margin: 0; padding: 0;}

body {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333;}

a {text-decoration: none;}

ul {list-style: none}

h1 {float: left; padding: 39px 0 0 11px; margin:0; border-bottom:1px solid #900026; color:#333; font:italic 22px/62px Verdana, Arial, Helvetica, sans-serif; width:389px;}

/* h2 {font-size: 22px; border-bottom: solid 2px #999; background: url(../images/icnRedBullet.gif) left center no-repeat; padding-left: 10px; margin-bottom: 10px; } */
h3 {}
h4 {color:#555; background:url(../images/red-bullet.gif) no-repeat 0 15px;border-bottom:2px solid #999; padding: 7px 0 0 8px;margin:0;font:italic 16px/24px Verdana, Arial, Helvetica, sans-serif;text-transform: uppercase; } 
h5 {padding:20px 0 3px 9px;margin:0;color:#900026;font:bold 14px/18px Arial, Helvetica, sans-serif; } 
h6 {padding:0 0 0 9px;margin:0;color:#333;font:bold 12px/23px Arial, Helvetica, sans-serif;}


/* --- Global Layout --- */
.container {width: 773px; margin: auto; background: #fff; border: solid 1px #fff;}

#hewsonLogo {margin: 35px;}

.bodyContent {font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; color: #333; _height: 400px; min-height: 400px; clear: both;}

.contentD {margin: 15px 0 0 0;}
.contentD ul li {background: url(../images/icnDarkRedBullet.gif) 5px 7px no-repeat; padding-left: 12px;}

.lCol {float: left; width: 540px;}
.mCol {width: 730px; overflow: hidden;}
.lCol div.indent, .mCol div.indent {margin: 10px 0 0 9px;}

.gNav {height: 13px; background: #323232; text-align: right; font-size: 9px; text-transform: uppercase; padding-top: 2px;}
.gNav a:link, .gNav a:visited {color: #fff; font-weight: bold;}
.gNav img {vertical-align: middle;}
.gNav ul {width: 775px; margin: auto;}
.gNav ul li {display: block; float: right; margin-right: 7px;}

.pNav {background: #666; height: 23px;}

.sNav {height: 12px; background: #900026; margin: 1px 0 1px 0;}

/* available property styles */
.availableBlueBarTop {height: 35px; padding-top: 15px; margin-left: 9px; background-color: #eee; border-bottom: 1px dotted #000;}
.sortAvailable {margin-left: 35px;}
.ddAvailable {margin-left: 20px; width: 200px; height: 19px; vertical-align: middle; font-family: Arial; font-size: 11px; color: #333; font-style: italic;}
.availListings {margin: 20px 0 0 20px;}
.availListingsAlt {margin: 0px 0 0 20px; padding-top: 20px; border-top: 1px dotted #000;}
.photoAvailList {float: left; width: 175px; padding-right: 20px;}
.infoAvailList {float: left;}
.availableBlueBarBot {height: 35px; padding-top: 15px; margin-left: 9px; background-color: #eee; border-top: 1px dotted #000; text-align: center;}
.availableBlueBarBot a:link, .availableBlueBarBot a:visited {color: #900026; text-decoration: none; margin-left: 5px;}
.availableBlueBarBot a:hover {text-decoration: underline;}
.availTitle {font-family: Arial, Sans-Serif; font-size: 14px; color: #900026; font-weight: bold; padding-bottom: 5px;}
.propertyPhotos {float: right; margin-right: 20px;}

.leftBucket, .rightBucket {float: left; width: 333px; margin: 22px 26px 0 26px;}
.rightBucket div {padding-left: 10px;}
.rightBucket img {display: block; margin: 5px 0 28px 0;}

.footer {height: 23px; background: #900026; font-size: 9px; text-transform: uppercase; margin-top: 44px;}
.footer ul {list-style: none; margin-left: 22px; padding-top: 5px;}
.footer ul li {display: block; float: left; background: url(../images/icnDarkRedBullet.gif) 5px center no-repeat;}
.footer ul li.none {background: none; background-image: none;}
.footer a:link, .footer a:visited {color: #fff; margin-left: 11px;}

/* --- home --- */







/* --- Development --- */

.bodyContent dl dt {font-size: 16px; text-transform: uppercase; margin-top: 12px;}
.bodyContent B.city {margin: 10px 0 10px 33px; display: block; text-transform: uppercase; font-size: 14px; font-weight: normal; border-bottom: solid 1px #900026; width: 222px;}
.bodyContent dl dd ul {margin: 5px 0 5px 33px; font-weight: bold; text-transform: uppercase;}
.bodyContent dl dd ul li {font-weight: normal; text-transform: none;}



/* --- About Hewwson --- */

.profile { border-bottom: dotted 1px #000; margin: 11px 0 11px 0;}
.profile .name {font-size: 14px; font-weight: bold; color: #900026; display: block; margin-bottom: 8px;}
.profile .title {font-weight: bold;}
.profile div {margin: 5px 0 22px 0;}


/* --- Contact/Signup --- */

.leftForm, .rightForm {float: left; width: 337px; margin-top: 22px; height: 243px;}
.rightForm {border-left: solid 1px #666; padding-left: 22px;}
.leftForm input, .rightForm input {outline: solid 1px #fff; border: solid 1px #b6b6b6; width: 100%; width: 182px;}
.leftForm select, .rightForm textarea {outline: solid 1px #ff; border: solid 1px #b6b6b6;} 
.leftForm select {width: 44px;}
.leftForm td, .rightForm td {text-align: right; padding: 4px 10px 4px 0; vertical-align: top;}
#zip {width: 93px;}
#phone1, #phone2 {width: 43px; margin-right: 10px;}
#phone3 {width: 66px;}






/* styles from r****ian people ----------------------------------------------------- */
.f-left {float:left;}
.f-right {float:right;}
/*page*/

/*header*/
.menuGrey {height: 23px; border-bottom: solid 1px #fff; width: 354px; _width: 350px; background: #666; border-left: solid 1px #fff;}
.menu-box {
	width:773px;
	overflow:hidden;
	background: #eee;;
}
ul.menu {
	text-align: left;
	overflow:hidden;
	padding:0 0 0 25px;
	_padding:0 0 0 18px;
	margin:0;
	background:#eee;
	list-style:none;
	_width: 400px;
}
ul.menu li {float:left;}
ul.menu li a {
	color:#666;
	font:10px/23px Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
	float:left;
	padding:0 6px;
	background:#eee;
	white-space:nowrap;
	border-bottom: solid 1px #fff;
}
ul.menu li a:hover {text-decoration:underline;}
ul.menu li.active a, ul.menu li a:hover {
	color:#fff;
	background:#900026;
	text-decoration:none;
	border-bottom: solid 1px #900026;
}
ul.submenu {
	height: 26px;
	padding: 11px 0 0 10px;
	margin:0;
	list-style:none;
	background: #900026;
	border-bottom: solid 1px #fff;
}
ul.submenu li {float:left;}
ul.submenu li a {
	color:#fff;
	text-decoration:none;
	font:10px/17px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	float:left;
	padding:0 5px;
}
ul.submenu li a:hover {text-decoration:underline;}
ul.submenu li.active a, ul.submenu li a:hover {
	background:#760425;
	text-decoration:none;
}
.top-box {
	width:754px;
	padding:1px 0 0 19px;
	overflow:hidden;
}

/*content*/
.content {
	width:740px;
	padding:21px 12px 0 21px;
	overflow:hidden;
}
/*left box*/
.left {
	width:534px;
	padding-bottom:40px;
	margin-top: 22px;
}

.left p {
	margin:0 0 0 9px;
	padding:0 0 20px;
	color:#333;
	line-height:18px;
	text-align:justify;
	background:url(../images/dotted.gif) repeat-x 0 100%;
	font-family:Arial, Helvetica, sans-serif;
}
.left p.last {background:none;}
/*right box*/
.right {
	width:153px;
	padding:0 12px 15px;
	border:2px solid #bbb;
	background:#eee;
	margin-top: 22px;
}
h5 {
	padding:12px 0 8px;
	margin:0;
	font:italic 14px/14px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#555;
}
.right p {
	color:#555;
	padding:0 0 5px;
	margin:0;
	line-height:14px;
}
.view-btn {
	width:109px;
	height:21px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	background:url(../images/view-btn.gif) no-repeat;
}
/*footer*/

/***********************************************************************inner page**********************************************/
.gray-box {
	width:400px;
	overflow:hidden;
	background:#eee;
	border-bottom:1px solid #900026;
	height: 163px;
	clear: left;
	}

.gray-box-contact {
	width:378px;
	overflow:hidden;
	background:#eee;
	border-bottom:1px solid #900026;
	height: 139px;
	padding: 24px 0 0 24px;
	clear: left;
	}
	
.gray-box-properties {
	width:378px;
	overflow:hidden;
	background:#eee;
	border-bottom:1px solid #900026;
	height: 151px;
	padding: 12px 0 0 20px;
	clear: left;
	}
	
.gray-box table {height: 163px; width: 332px; text-align: center; margin: auto;}

.gray-box p, .gray-box-contact p{
	color:#696969;
	padding:0 0 10px 0px;
	margin:0;
	font:italic 15px Verdana, Arial, Helvetica, sans-serif;
}

.gray-box-properties p {	color:#696969;
	padding:0 0 5px 0;
	margin:0;
	font:italic 14px Verdana, Arial, Helvetica, sans-serif;}

.gray-box p.first, .gray-box-contact p.first {
	font-size:18px;
	text-transform:uppercase;
}
.tandem {
	width:100%;
	overflow:hidden;
	padding-bottom:12px;
}
.tandem p {
	background:none;
	padding:12px 250px 0 0;
}
ul.employee {
	width:526px;
	overflow:hidden;
	padding:0 0 0 8px; 
	margin:24px 0 20px;
	list-style:none;
	background:url(../images/employee-bg.gif) repeat-y;
}
ul.employee li {
	width:120px;
	float:left;
	padding-right:70px;
}
ul.employee li.last {padding:0;}
ul.employee li p {
	padding:0 0 25px;
	margin:0;
	color:#333;
	font:11px Arial, Helvetica, sans-serif;
	background:none;
	text-align:left;
}
ul.employee li p.last {padding-bottom:0;}
ul.employee li p strong {
	font:bold 12px/10px Arial, Verdana, Helvetica, sans-serif;
	padding-bottom:5px;
	display:block;
}
ul.employee li p a {
	color:#4B5374;
	text-decoration:none;
}
ul.employee li p a:hover {text-decoration:underline;}

ul.properties {list-style-type: disc; float: left; width: 45%; padding: 20px 0px 0px 25px;}

.previewImages {width: 166px; _height: 100px; min-height: 100px; float: right;}
.previewImages img {position: relative; top: 0px; left: 0px;}
.previewImages img.ico {top: 30px; left: 125px; z-index: 999;}