* {padding: 0;margin: 0}
#grid {width: 100%;height: 100%;background: transparent url(images/grid.png) no-repeat top center;position: absolute;top: 0px;bottom: 0px;right: 0px;left: 0px;}
body {background-color: white;color: black;font: normal 14px/1.5 georgia, times, serif;}
#container {width:993px; margin: 0 auto;}


/**** Building Backgrounds for Index ****/
.nobhill {background: black url(images/backdrop_1360.jpg) no-repeat top center}
.belvedere {background: black url(images/backdrop_2.jpg) no-repeat top center}
.reserve {background: black url(images/backdrop_301.jpg) no-repeat top center}


/**** Building Backgrounds for Sub Pages ****/
.nobhill_sub {background: white url(images/backdrop_sub_1360_white.jpg) no-repeat top center}
.belvedere_sub {background: white url(images/backdrop_sub_2_white.jpg) no-repeat top center}
.reserve_sub {background: white url(images/backdrop_sub_301_white.jpg) no-repeat top center}


/**** Various Header Logos ****/
.nobhill h1 a, .nobhill_sub h1 a {background-image: url(images/nav_logo.jpg);}
.belvedere h1 a, .belvedere_sub h1 a {background-image: url(images/nav2_logo.jpg);}
.reserve h1 a, .reserve_sub h1 a {background-image: url(images/nav301_logo.jpg);}
h1 {float:left;}
h1 a {text-decoration: none;text-indent: -9999px;width: 157px;height: 260px;background-color: transparent;background-repeat: no-repeat;background-position: 0px -260px;display: block;}
h1 a:hover {background-position:0px 0px;}


/**** Header Information ****/
#header {width:980px;height:260px;margin:0px 0px 0px 0px;clear:both;position: relative;right: 3px;}
#header li {list-style-type: none;float: left;}
#header li a {display: block;text-decoration: none;text-indent: -9999px;height:260px;}

#l_news, #l_prop, #l_green, #l_about, #l_history {width: 137px;}
#l_contact {width: 138px;}

.nobhill #l_news a, .nobhill_sub #l_news a {background-image: url(images/nav_news.jpg)}
.belvedere #l_news a, .belvedere_sub #l_news a {background-image: url(images/nav2_news.jpg)}
.reserve #l_news a, .reserve_sub #l_news a {background-image: url(images/nav301_news.jpg)}

.nobhill #l_prop a, .nobhill_sub #l_prop a {background-image: url(images/nav_prop.jpg)}
.belvedere #l_prop a, .belvedere_sub #l_prop a {background-image: url(images/nav2_prop.jpg)}
.reserve #l_prop a, .reserve_sub #l_prop a {background-image: url(images/nav301_prop.jpg)}

.nobhill #l_green a, .nobhill_sub #l_green a {background-image: url(images/nav_green.jpg)}
.belvedere #l_green a, .belvedere_sub #l_green a {background-image: url(images/nav2_green.jpg)}
.reserve #l_green a, .reserve_sub #l_green a {background-image: url(images/nav301_green.jpg)}

.nobhill #l_about a, .nobhill_sub #l_about a {background-image: url(images/nav_bently.jpg)}
.belvedere #l_about a, .belvedere_sub #l_about a {background-image: url(images/nav2_bently.jpg)}
.reserve #l_about a, .reserve_sub #l_about a {background-image: url(images/nav301_bently.jpg)}

.nobhill #l_history a, .nobhill_sub #l_history a {background-image: url(images/nav_history.jpg)}
.belvedere #l_history a, .belvedere_sub #l_history a {background-image: url(images/nav2_history.jpg)}
.reserve #l_history a, .reserve_sub #l_history a {background-image: url(images/nav301_history.jpg)}

.nobhill #l_contact a, .nobhill_sub #l_contact a {background-image: url(images/nav_contact.jpg)}
.belvedere #l_contact a, .belvedere_sub #l_contact a {background-image: url(images/nav2_contact.jpg)}
.reserve #l_contact a, .reserve_sub #l_contact a {background-image: url(images/nav301_contact.jpg)}

#l_news a, #l_prop a, #l_green a, #l_about a, #l_history a, #l_contact a {background-position: 0px -260px;}
#l_news a:hover, #l_prop a:hover, #l_green a:hover, #l_about a:hover, #l_history a:hover, #l_contact a:hover {background-position:0px 0px;}

#l_news a:focus, #l_prop a:focus, #l_green a:focus, #l_about a:focus, #l_history a:focus {-moz-outline: none;}


/*** Content ***/
#index h2 {width: 818px;height: 115px;margin:400px 0 20px 90px;text-indent: -9999px;background: transparent url(images/principle2.gif) no-repeat 0px 0px;}
p {padding: 0 0 25px 90px;width:820px;}


/*** Properties ***/
#properties #domprop {margin:92px 0px 0px 22px;}
#properties #domprop h3 {width:495px;height:46px;margin:0 0px -20px 5px;padding:0px 0px 0px 0px;background: transparent url(images/usprop.gif) no-repeat 0px 0px;text-indent:-9999px;}

#properties #domprop ul {float:left;padding: 0 0 0 0;}
#properties #domprop li {list-style-type: none; width:440px;padding:30px 35px 30px 5px;height:255px;}
#properties #domprop li img {float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#properties #domprop li h5 {font-size:20px;font-family: Helvetica, san-serif;padding:43px 0px 0px 230px;}
#properties #domprop li p {width:210px; padding:0px 0px 0px 230px;}
#properties #domprop li a {width:132px;height:30px;margin:29px 0px 0px 230px;background: transparent url(images/learnmore.jpg) no-repeat 0px 0px;display:block;text-indent: -9999px;}
#properties #domprop li a:hover {background-position: 0px -30px;}

#pbel img {position: relative;top: 41px;}
#pres img {position: relative;top: 48px;}

#properties #intprop {margin:250px 0px 0px 22px;}
#properties #intprop h3 {clear:both;width:495px;height:46px;margin:0 0px 0 3px;padding:20px 0px 0px 0px;background: transparent url(images/intprop.gif) no-repeat bottom left;text-indent:-9999px;}

#properties #intprop ul {float:left;}
#properties #intprop li {list-style-type: none; width:440px;padding:30px 35px 30px 5px;height:255px;}
#properties #intprop li img {float:left;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;}
#properties #intprop li h5 {font-size:20px;font-family: Helvetica, san-serif;padding:43px 0px 0px 230px;}
#properties #intprop li p {width:210px; padding:0px 0px 0px 230px;}
#properties #intprop li a {width:132px;height:30px;margin:29px 0px 0px 230px;background: transparent url(images/learnmore.jpg) no-repeat 0px 0px;display:block;text-indent: -9999px;}
#properties #intprop li a:hover {background-position: 0px -30px;}

#pfran img {position: relative;top: 48px;}
#parg img {position: relative;top: 48px;}
#pkor img {position: relative;top: 48px;}
#psing img {position: relative;top: 21px;}


/*** Green ***/
#green h2 {width:495px;height:46px;margin:92px 0px 0 88px;padding:0px 0px 0px 0px;background: transparent url(images/whygreen.gif) no-repeat 0px 0px;text-indent:-9999px;}
#green h4 {padding:30px 0px 10px 90px;font-family:helvetica,san-serif;font-size:20px;color:#56a644;}


/*** Bentlys ***/
#bentlys h2 {width:495px;height:46px;margin:92px 0px 0 88px;padding:0px 0px 20px 0px;background: transparent url(images/bentlys.gif) no-repeat 0px 0px;text-indent:-9999px;}
#bentlys p a {color: #56a644;padding: 2px}
#bentlys p a:hover {color: white;background-color: #56a644;text-decoration: none}
#bentlys img {float:right;padding:0px 0px 20px 20px;}


/*** History ***/
#history h2 {width:495px;height:46px;margin:92px 0px 0px 88px;padding:0px 0px 10px 0px;background: transparent url(images/about.gif) no-repeat 0px 0px;text-indent:-9999px;}
#history h3 {width:875px;height:40px;margin:0 0px 0px 90px; padding:0px 0px 10px 0px;background: transparent url(images/sub_history_white.gif) no-repeat 0px 0px;text-indent:-9999px;}
#history h4 {padding:20px 0px 10px 30px;font-family:helvetica,san-serif;font-size:20px;color:#56a644;}
#history p a {color: #56a644;padding: 2px}
#history p a:hover {color: white;background-color: #56a644;text-decoration: none}
#history img {float:left;padding:0px 10px 10px 0px;}


/*** Contact ***/
#contact h2 {width:525px;height:46px;margin:92px 0px 20px 87px;padding:0px 0px 10px 0px;background: transparent url(images/contact.gif) no-repeat 0px 0px;text-indent:-9999px;}
#contact h3 {margin:50px 0px 5px 85px;color: #56a644;font: normal 32px helvetica, arial, sans-serif;}
#contact h4 {padding:20px 0px 10px 0px;font-family:helvetica,san-serif;font-size:20px;color:grey;}
#contact a {color:black;}
#contact a:hover {color:white;background-color:black;}
#contact #address {width:300px;height:300px;padding:0 0px 0px 0;float:right;margin: 0;position: relative;right: 185px;}
#contact address {font-style: normal;padding: 2px 0;}
#contact #vcard {padding:10px 0px 10px 0px;width: auto;}
#contact #vcard a{display:block;background: transparent url(images/vcard.gif) no-repeat 2px 3px;padding:0px 0px 0px 23px;text-decoration: none;width:110px;height:23px;}
#contact #vcard a:hover {color:white;background-color:black;}
#contact form {float: left;width: 285px;position: relative;left: 85px;bottom: 30px;}
#contact fieldset {border: none;}
#contact legend {display: none;}
#contact label {display: block;margin: 40px 0 5px 0;font: normal 18px helvetica, arial, sans-serif;}
#contact input {width: 285px;padding: 5px;border: 1px solid #cacaca;}
#contact textarea {width: 285px;height: 150px;padding: 5px;border: 1px solid #cacaca;}
#contact button {font: normal 14px helvetica, arial, sans-serif;color: black;background: white;border: 1px solid black;padding: 10px;display: block;margin-top: 20px;cursor: pointer}
#contact button:hover {background-color: black;color: white;}
#googlem {width: auto;position: relative;right: 0px;}
#googlem a {background: transparent url(images/googlemaps_white.gif) no-repeat 0% 50%;text-indent:-9999px;width: 105px;height: 9px;padding: 5px;margin: 0;display: block}
#googlem a:hover {text-decoration: none;background-color: white;}
#address h4 {width: 207px;height: 16px;background: transparent url(images/bentlyholdings_white.gif) no-repeat 50% 50%;text-indent:-9999px;padding: 20px 0 5px 0;}
#address p{padding:10px 0px 0px 0px;width:110px;}
#address #facebook a{display:block;background: transparent url(images/facebook.gif) no-repeat 2px 1px;padding:3px 0px 0px 30px;width:110px;height:25px;text-decoration:none;}
#address #facebook a:hover{color:white;background-color:black;}
#address #twitter a{display:block;background: transparent url(images/twitter_logo.gif) no-repeat 2px 3px;padding:3px 0px 0px 30px;width:110px;height:25px;text-decoration:none;margin:0px 0px 10px 0px;}
#address #twitter a:hover{color:white;background-color:black;}

/**** Service Request ****/
#servicerequest form {margin:0px 0px 0px 87px;}
#servicerequest h2 {width:525px;height:46px;margin:92px 0px 20px 87px;padding:0px 0px 10px 0px;background: transparent url(images/eng_request.gif) no-repeat 0px 0px;text-indent:-9999px;}
#servicerequest label {display: block;margin: 40px 0 5px 0;font: normal 18px helvetica, arial, sans-serif;}
#servicerequest input {width: 285px;padding: 5px;border: 1px solid #cacaca;}
#servicerequest fieldset {border: none;}

#servicerequest #contactinfo {width: 272px;height: 16px;background: transparent url(images/contact_information.gif) no-repeat 50% 50%;text-indent:-9999px;padding: 20px 0 5px 0;}
#servicerequest #y_request {width: 175px;height: 16px;background: transparent url(images/your_request.gif) no-repeat 50% 50%;text-indent:-9999px;padding: 20px 0 5px 0;}


/**** Footer ****/
#footer {text-align: center;padding: 40px 0 0 0;color: #56a644;font: normal 12px helvetica, arial, sans-serif;clear:both;}
#footer img {position: relative;top: 5px;float: none;padding: 0;border: none}
#footer a {text-decoration: none;}


/**** News ****/
#news h2 {width:297px;height:26px;margin:93px 0px 30px 88px;padding:0px 0px 0px 0px;background: transparent url(images/newsevents.gif) no-repeat 0px 0px;text-indent:-9999px;}
#sidebar {float: right;width: 282px;margin: 0 88px 0 0;}
#news cite {font: normal 10px helvetica, arial, sans-serif;color: #888;display: block;padding: 5px 0 15px 2px;}
#recent_news, #single_news {list-style-type: none;position: relative;right: 85px}
#single_news {padding-top: 20px;}
#recent_news li {padding: 10px 0 20px 0;clear: both}
#recent_news ul, #single_news ul {width: 160px;float: left;position: relative;left: 170px;top: 54px;}
#recent_news ul li, #single_news ul li {clear: none;text-align: right;padding: 0;list-style-type: none;font-family: Helvetica, arial, sans-serif;}
#recent_news ul li strong, #single_news ul li strong {display: block;font-weight: normal;padding: 10px 0 0 0;color: #56a644;font-size: 10px;}
#recent_news ul li em, #single_news ul li em {font-style: normal;color: #56a644;}
#recent_news ul li a, #single_news ul li a {font-size: 10px;color: #56a644;padding: 2px}
#recent_news ul li a:hover, #single_news ul li a:hover {color: white;background-color: #56a644;text-decoration: none}
#single_news dd a, #recent_news p a, #single_news p a {color: #56a644;padding: 2px}
#single_news dd a:hover, #recent_news p a:hover, #single_news p a:hover {color: white;background-color: #56a644;text-decoration: none}
#recent_news li div, #single_news div {width: 635px;float: right;}
#recent_news li  p, #single_news p {padding: 0 0 25px 0;width: 635px;}
#recent_news h3, #single_news h3 {font: normal 24px helvetica, arial, sans-serif;padding: 0 0 0 0;}
#recent_news h3 a, #single_news h3 a {text-decoration: none;color: black;padding: 2px;}
#recent_news h3 a:hover, #single_news h3 a:hover {color: white;background-color: #56a644;}
#recent_news li div ul, #single_news div ul {width: auto;float: none;left: 0;top: 0;padding: 0 20px 25px 20px;}
#recent_news li div ul li, #single_news div ul li {text-align: left;padding: 5px 0;list-style-type: disc;font-family: georgia, times, serif;}

#aauthor {padding: 40px 0 40px 0;}
#aauthor h4 {color: #56a644;font-size: 18px;line-height: 1;font-weight: bold;padding: 10px 0;margin: 0;font-family: Helvetica, arial, sans-serif;border: 1px dotted #56a644;border-width: 1px 0;}
#aauthor h5 {font: normal 18px helvetica, arial, sans-serif;margin-left: 90px;padding: 20px 0px 5px 0;}
.photo {float: left;padding: 20px 20px 20px 0;margin: 0}