/*  
Theme Name: Live Green Chicago
Theme URI: http://www.heliosgreenrealty.com/
Description: This custom theme was based on the .PSD designs from Ceci Morales of <a href="http://www.circleimagine.com">CircleImagine</a> and sliced and coded by Shirley Patterson of <a href="http://www.velvetblues.com">VelvetBlues.com</a>.
Version: 2.4
Author: Shirley Patterson
Author URI: http://www.velvetblues.com/
*/

*{margin: 0px;padding: 0px;border: 0px;}
html{height: 100%;min-height:100%;width:100%;}
body{background-color:#ffffff;height: 100%;width:100%;color: #666666;line-height: 18px;font-family: Verdana, Arial;font-size: 11px;text-align:center;}
h2,h1,h4{font-size:14px;font-weight:bold;color:#C7B299;margin:5px 0 3px 0;}
h3{color:#666666;font-size:14px;font-weight:bold;margin:5px 0 3px 0;}
#container{position:relative;margin: 0 auto;left:0px;top:0px;width:800px;height:600px;text-align:left;}
#helios-realty{position:absolute;left:19px;top:10px;width:166px;height:78px;}
#live-green-chicago{position:absolute;top:41px;left:593px;}
#nav{position:absolute;left:10px;top:93px;width:779px;height:44px;background:url(images/navbg.gif) repeat-x;z-index:100;}
#nav img{margin:13px 25px 0 22px;}
#subnav{position:absolute;top:139px;left:10px;width:779px;height:97px;background:url(images/brwn.gif) repeat;}
#subinsert{margin:2px;background-color:#ffffff;height:93px;width:775px;}
#subinsert ul{list-style:none;padding:30px 0 0 0;width:100%;}
#subinsert ul li{display:inline;text-align:center;vertical-align:middle;}
#subinsert img{margin-left:40px;}
.sub4{margin:0 35px 0 25px;}
.sub3{margin:0 60px 0 40px;}
.sub1,.sub2{margin:0 120px 0 80px;}
#homepics{position:absolute;left:10px;top:141px;width:779px;height:256px;z-index:1;}
#homeStuff{position:absolute;left:15px;top:409px;width:774px;height:auto;}
#hometext{position:relative;float:left;width:774px;min-height:59px;margin-bottom:10px;}
#pageheader{position:absolute;left:75px;top:250px;}
#pageStuff{position:absolute;left:15px;top:276px;height:auto;width:774px;}
#pagetext{position:relative;float:left;/*min-height:200px;*/margin:3px 0 10px 60px;width:660px;}
#pagetext p{margin:0 0 8px 0;}
#pagetext a,a{text-decoration:underline;color:#006633;}
#pagetext a:hover,a:hover{text-decoration:none;color:#006633;}
#blogContent{position:absolute;left:15px;top:265px;height:auto;width:774px;}
#content{position:relative;float:left;width:580px;margin:0 0 0 10px;}
#sidebar{position:relative;float:right;width:150px;margin:0 0 10px 0;}
#blog{position:relative;float:left;margin:3px 0 10px 60px;width:660px;font-size:11px;}
#legend{text-align:center;margin:0 0 10px 0;vertical-align:middle;}
#legend img{vertical-align:middle;}
.lgreen{color:#006633;font-size:12px;font-weight:bold;margin:0 20px 0 5px;}
.green{text-decoration:underline;color:#006633;font-size:12px;font-weight:bold;margin:0 20px 0 5px;}
.greenb{border:1px solid #006633;}
.bheader{font-weight:bold;display:block;}
.imgfloat{float:left;margin:0 4px 0 0;}
#blog p{margin:0 0 0 19px;}
#about_content{position:absolute;left:15px;top:251px;width:774px;height:auto;background:url(images/brwnbullet.gif) top center repeat-y;}
#about1{position:relative;float:left;width:320px;height:auto;margin:0 5px 13px 60px;padding:2px 6px 0 0;}
#about2{position:relative;float:left;width:320px;height:auto;padding:2px 0 0 0;}
.float_left{position:relative;float:left;margin-right:5px;padding:2px 0 0 0;}
.clear{clear:both;}
#add-area{position:relative;float:left;width:770px;height:70px;}
#footer{position:relative;float:left;width:770px;height:20px;font-weight:bold;text-align:center;padding:5px 0 0 0;background-color:#ffffff;}
#ad1{position:relative;float:left;height:64px;width:378px;margin:0 8px 0 0;}
#ad2{position:relative;float:left;height:64px;width:378px;}
/* common styling */
.menu {font-family: Verdana, Arial; width:750px; height:75px; position:relative; font-size:10px; font-weight:bold; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; width:auto; height:42px; text-align:left; color:#fff; background:none; line-height:18px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}
.menu ul li ul li{width:150px; padding:0 0 3px 0;}
.hide{}
/* specific to non IE browsers */
.menu ul li:hover a {color:#fff; background:url(images/lgrn.gif) bottom repeat-x;}
.menu ul li:hover ul {display:block; position:absolute; top:42px; padding:4px 0 0 0; left:0; width:115px;}
.menu ul li:hover ul li a.hide { color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:url(images/mgrn.gif) repeat; color:#fff;}
.menu ul li:hover ul li a {display:block;background:url(images/mgrn.gif) repeat; color:#fff; height:auto; padding:0 0 0 8px;}
.menu ul li:hover ul li a:hover {background:url(images/lgrn.gif) repeat; color:#fff;}