body {margin: 0;padding: 0; font:11px arial, helvetica, sans-serif; color:#3f3e3e;}

/* header styles
***********************************/
    /* min-width hack for IE */
    * html #header-wrapper-minwidth {border-left:785px solid #fff;position:relative;float:left;z-index:1;}
    * html #header {margin-left:-785px;position:relative;float:left;z-index:2;text-align:left;}
    /*\*/* html #header-wrapper{height:1px;}/**/
    /*************************/

#header-wrapper{width:100%; min-width:785px;}
#header{ background:#fff url("../images/blktop-body-bg.png") repeat-x;height:46px;}
#head1{margin:auto 0 0 0;padding:0;background:url("../images/blktop-bg.png") 50% no-repeat;height:46px;}
/* content styles
***********************************/
    /* min-width hack for IE */
    * html #content-wrapper-minwidth{border-left:785px solid #fff;}
    * html #soouterwrap {margin-left:-785px; position:relative;}
    /*\*/* html #soouterwrap, * html #content-wrapper-minwidth, * html #content-inner-middlecol{height: 1px;}/**/
    /*************************/
 	/* rendering fixs */ 
    *:lang(en) #content-middlecol{overflow: visible;position: relative;}/* These styles will be applied to all browsers except for IE and Safari */
   
    /********************/


#content-wrapper{float:left;width:100%;margin:0 -1px 0 0;}
#content-outerwrapper{min-width:785px;}
#content-innerwrapper{width:100%;}
#soouterwrap{background:url("../images/blkbody-bg2.png") repeat-x;}
#sowrap{background:url("../images/blkpage-bg.png") 50% repeat-y;}
#content-middlecol{background:url("../images/blkmain-bg2.png")  50% 0  no-repeat;}

#content-inner-middlecol {position:relative;background-color:#fff;width:705px;margin:0 auto;}


/* footer styles
***********************************/
    /* min-width hack for IE */
    * html #footer-wrapper-minwidth {border-left:785px solid #fff; position:relative; float:left; z-index:10;}
    * html #footer {margin-left:-785px; position:relative; float:left; z-index:20;}
    * html #footer-wrapper {width:50%;}
    /*************************/

#footer-wrapper{clear: both;width:100%;min-width:785px; position:relative;}

#foot1{height:64px;  background:#fff url("../images/blkfoot-bg.png") 50% no-repeat;padding-top:30px}
#foot1 p { width: 710px; margin:0 auto; color:#fff; font-size: 10px; text-align:left; }
#foot1 p.copy { text-align:right; margin-top: -2.7em; }
#foot1 p a { color:#99ffff; text-decoration:none; }
#foot1 p a:hover { color:#ffffff; }
/* common classes/styles
--------------------------------*/
.clear{
  clear:both;
/*** these next attributes are designed to keep the div
height to 0 pixels high, critical for Safari and Netscape 7 ***/
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}
* html .clear{height:auto;margin-bottom:0} /*** stops IE browsers from displaying
the clear div/br in the page, as these are for Moz/Opera and
Safari only. If IE 5.x Win DID display these, the page is too high ***/

* { margin:0; padding:0; }
a img { border:none; }

a { color: #999999; }
a:hover { color: #66ccff; }

#list { width:700px; margin:0 auto; }

#topflash { margin:-50px 50px 10px 0; }

#topnav { width: 50%; margin-top:-70px; }
#topnav p { width:100%; clear:both; margin: 10px 20px 0 0; }
#topnav p a { color:#d24129; }

#page-intro{margin-left:6px;}
#nav {text-align:left;list-style:none;margin:0; padding-top:35px; font-family:verdana, sans-serif; z-index:999; }
#nav li { float:left; padding: 0 24px 40px 5px; }
#nav li.current { background:url(../images/brush.gif) 0 30% no-repeat; }
#nav a { color:#665; text-decoration:none; }
#nav a:hover { color:#66ccff; }

h1 {  background:url(../images/top-cloud.jpg) 100% 0px no-repeat; height:138px; /*margin-bottom:-70px;*/ }
h1 img { margin-top:15px; }

h2 { clear:both; background:url(../images/raiing.gif) 0 50% repeat-x;  }
h2 img { margin:15px 0; }
h3 { color:#EC008C; font-size:11px; font-weight:normal; margin-top:15px; }
h4 { color:#aa1418; font-size:11px; font-weight:normal; margin-top:15px; margin-left:25px; }
h5 a { color:#aa1418; font-size:11px; font-weight:normal; margin-top:15px; margin-left:25px; text-decoration: none }

.cols { float:left; }
.c4 { width:24.7%; }
.c4 p { margin:10px 30px 10px 0; }
.c4 a { color:#aa1418; }
.c4 ul { list-style:none; color:#555; margin:10px; margin-left:40px; }
.c4 li { background:url(../images/arrow.gif) 0 50% no-repeat; padding:2px 0 2px 10px; }
.c4 li a { color:#555; text-decoration:none; }
.c4 li a:hover { color:#d4a372; }
.c4_margin { margin-left:10px; }

.c3 { width:30%; margin:10px; }

.c2{width:49%;}

.c2 a { background:url(../images/arrow_pink.gif) 0 71% no-repeat; color:#EC008C; float:right;padding-left:10px;padding-top:5px; text-decoration:none;}
.c2 a:hover {  text-decoration:underline;color:#EC008C;}
.c2 img {  float:left; margin-right:5px;}
.c2 h3 {color:#00c0f1; font-weight:bold;margin-bottom:10px;}

.inner_content { padding-left:25px; padding-bottom:100px; }
.offthepress ul { color:#765; margin:15px; margin-left:30px; }
.offthepress li { list-style-image:url(../images/arrow2.gif); padding:2px 0 2px 0; }

#id_btn img { float:right; margin-right:10px; position:relative; bottom:25px; }

#theloop { position:relative; }
#theloop fieldset {
	border:none;
	background:url(../images/bg-form.gif) 0 0 no-repeat;
	position:absolute;
	left:429px;
	width:159px;
	padding: 58px 0 50px 90px;
	top: -3px;
}
#theloop label { display:none; }
#theloop input { border:none; background:transparent; color:#fff; margin: 0 0 6px 0; width:100px; }
#theloop input.submit { background:transparent; text-indent:-999px; cursor:pointer; margin-top:5px; height:20px; }
#theloop_text { color:#666666; padding-top:160px; padding-left:14px; display:block;}
#theloop_confirm { color:#EC008C; padding-top:160px; padding-left:14px; display:none;}

#advsystems { background:url(../images/advanced_property_portal_systems_banner01.jpg) 0 0 no-repeat; padding-top: 75px; color:#26A1FF; }
#advsystems strong { padding-left:10px; color:#F29524; font-weight:normal; }
#advsystems ul { margin:10px 0 35px 10px; }
#advsystems a { color:#fff; text-decoration:none; font-weight:bold; display:block; height: 40px; padding-left:15px;} 

#showcase { background:url(../images/sc-bg.gif) 100% 100% no-repeat; }
/*\*/* html #showcase {height: 1px;}/**/
#images { background:url(../images/sc-bg2.jpg) 0 100% no-repeat; clear:both; padding-left:270px; min-height:300px; height:300px; }
#images img { margin: 10px; }
#images .biggerImg { float:left; margin: 0 10px 50px 0; }
#images a img { margin: 10px 0 30px 60px; }

#aboutPics { padding-bottom: 40px; background:url(../images/sc-button.gif) 100% 100% no-repeat; }
#aboutPics img { margin: 5px 12px; }
