@charset "utf-8";
/* CSS Document */
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#5A5A5A;
	background:url(../imgs/main-bg.jpg) repeat-x;
}

img.float-left,object.float-left{ float: left; margin: 0px 10px 0px 0; border: 1px solid #767676;} 
img.float-right,object.float-right{ float: right; margin: 0px 0 0px 10px; border: 1px solid #767676;}
/*form validation*/            
div#form label.error, label.error { color:red; display:block; font-size:10px; }
div#result{ position: relative; }

#cloud-bg{
	background:url(../imgs/header-clouds-bg.jpg) no-repeat top center;
	width:100%;
	height:100%;
	margin-left:auto;
	margin-right:auto;
}

#container{
	width:1030px;
	height:auto;
	margin-left:auto;
	margin-right:auto;
}

#logo{
	float:left;
	background:url(../imgs/central-illinois-properties-logo.png) no-repeat;
	width:652px;
	height:101px;
	text-indent:-99999px;
	text-transform:uppercase;
	margin-top:15px;
	margin-left:25px;
}
#call-to-action{
	float:right;
	margin-top:10px;
	margin-right:50px;
}
#search-and-flash{
	float:left;
	width:1030px;
	height:auto;
	margin-top:21px;
	margin-left:-5px;
}

#search-property{
	float:left;
	background:url(../imgs/find-your-property.jpg) no-repeat;
	width:361px;
	height:359px;
}
#search-property2{
	float:left;
	background:url(../imgs/find-your-property2.jpg) no-repeat;
	width:361px;
	height:359px;
	margin-bottom:50px;
}
#flash-teaser{
	float:left;
	background:url(../imgs/flash-fader-placeholder.jpg) no-repeat;
	width:669px;
	height:409px;
}
#search-property form{
	padding-left:60px;
}
#search-property2 form{
	padding-left:50px;
}
#search-property form fieldset select, #search-property2 form fieldset select{
	color:#062832;
	background-color:#DEE5EE;
	border:none;
	outline:none;
}
#search-property form fieldset select.long{
	width:275px;
}
#search-property2 form fieldset select.long{
	width:265px;
}
#search-property form fieldset select.short{
	width:130px;
}
#search-property2 form fieldset select.short{
	width:125px;
}
#search-property form fieldset select option, #search-property2 form fieldset select option{
	background-color:#DEE5EE;
}
#search-property form p, #search-property2 form p{
	margin-left:10px;
	color:#FFFFFF;
	font-size:11px;
	margin-top:55px;
}
#forms{
	float:left;
	width:346px;
	height:auto;
	margin-top:-100px;
}
#left-col{
	float:left;
	width:361px;
	height:auto;
}
#contact-form{
	float:left;
	background:url(../imgs/contact-placeholder.jpg) no-repeat;
	width:316px;
	height:223px;
}
#contact-form, #login-form{
	padding-top:65px;
	padding-left:50px;
}
#forms fieldset legend, #search-property form fieldset legend, #search-property2 form fieldset legend{
	display:none;
	height:0;
	text-indent:-99999px;
}
#forms form{
	width:300px;
}
#forms p, #forms a{
	color:#FFFFFF;
	font-size:11px;
	text-decoration:none;
}
#forms a:hover{
	color:#CCCCCC;
	text-decoration:underline;
}
#forms #contact-form input.long{
	margin-top:14px;
	width:265px;
	/*margin-bottom:13px;*/
}
#forms #login-form input.short{
	width:127px;
	margin-top:12px;
	margin-right:17px;
	margin-bottom:-3px;
}
#forms input{
	color:#062832;
	height:26px;
	outline:none;
	border:none;
	background:none;
}
#forms textarea{
	margin-top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#062832;
	width:265px;
	height:65px;
	outline:none;
	border:none;
	background:none;
}
#login-form{
	float:left;
	width:316px;
	background:url(../imgs/login-placeholder.jpg) no-repeat;
	height:104px;
}
#content{
	background:url(../imgs/content-bg.jpg) no-repeat;
	float:left;
	width:602px;
	height:auto;
	padding-left:50px;
}
#content2{
	width:612px;
	float:left;
	height:auto;
	padding-left:10px;
	padding-bottom:20px;
}
#content2 #breadcrumbs, #content2 #breadcrumbs a, #content2 a{
	color:#548eab;
	margin-top:3px;
	margin-bottom:25px;
	text-decoration:none;
}
#content2 #breadcrumbs, #content2 #breadcrumbs a{
	font-size:11px;
}
#content2 a{
	font-size:12px;
}
#content2 #breadcrumbs a:hover, #content2 a:hover{
	text-decoration:underline;
}
#content2 h3#title{
	color:#072074;
	font-size:30px;
	font-weight:normal;
	background:url(../imgs/h3-bg.jpg) no-repeat 0 40px;
	height:70px;
	margin-bottom:-13px;
	clear:both;
}
#content2 h4{
	color:#5997e7;
	font-size:18px;
	font-weight:normal;
	padding-bottom:10px;
	border-bottom:1px solid #e8e8e8;
	margin-top:15px;
}
#content2 h5{
    font-weight:normal;
    font-size:16px;
    margin-bottom:5px;
}
#content2 h6{
    font-size:14px;
    margin-bottom:15px;
}
#listing-profile{
    padding:20px 0 20px 0;
    border-top:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
}
#listing-profile div.features{
    float:left;
    width:200px;
    height:auto;

}
#listing-profile div.gallery{
    float:right;
    width:382px;
    height:auto;
}
#listing-profile div.features ul li{
    list-style-position:inside;
    list-style-image:url(../images/raquo.jpg);
    margin-bottom:10px;
}
#listing-profile div.gallery ul.thumbs{
    margin-top:5px;
}
#listing-profile div.gallery ul.thumbs li{
    margin-right:5px;
    /*border:1px solid #54534F;
    width:78px;*/
    height:auto;
    display:inline;
    float:left;
}
#social-network{
	margin-top:-100px;
	float:right;
	width:130px;
	height:auto;
}
#social-network img{
	margin:0 5px 0 5px;
}

#content p, #content2 p{
	line-height:20px;
	/*margin-bottom:20px;*/
}
#content2 p.name, #content2 p.sub, #content2 p.address, #content2 p.price, #content2 p.availability{
	color:#383c3d;
	margin-bottom:0;
}
#content2 p.price{
	font-size:12px;
	margin-top:10px;
	margin-bottom:5px;
}
#content2 p.name{
	font-size:12px;
	font-weight:bold;
}
h2#title{
	color:#383c3d;
	font-size:28px;
	margin-bottom:30px;
}
#featured{
	width:100%;
	color:#b6daf8;
	border-top:6px solid #DCDCDC;
	background:url(../imgs/featured-bg.jpg) #3953B1 repeat-y top center;
	height:auto;
	padding-bottom:20px;
	border-bottom:1px solid #548BD3;
}
#featured-content, #footer-content{
	width:960px;
	height:auto;
	margin-right:auto;
	margin-left:auto;
}
#featured-content p{
	line-height:18px;
	margin-bottom:20px;
}
#featured-content h3{
	font-size:24px;
	color:#FFFFFF;
	font-weight:normal;
	border-bottom:1px dotted #b6daf8;
	padding-bottom:10px;
	margin-bottom:5px;
}
#footer{
	padding-top:20px;
	padding-bottom:20px;
	background-color:#04283A;
}
#footer p{
	font-size:11px;
	color:#A4C3EE;
}
#contact-details{
	float:left;
	width:329px;
	float:left;
	padding-left:32px;
	height:auto;
	margin-bottom:20px;
}
#contact-details #get-in-touch{

	background:url(../imgs/get-in-touch.jpg) no-repeat;
	height:56px;
	width:300px;
	text-indent:-99999px;
	margin-bottom:-15px;
}
#contact-details p{
	font-size:11px;
	color:#5a5a5a;
	margin-bottom:10px;
}
#contact-details p.place{
	font-weight:bold;
	font-size:12px;
}

/*---------------- NAVIGATION -----------------------*/
#navi-bg{
	margin-left:26px;
	margin-top:8px;
	float:left;
	width:970px;
	height:46px;
}
ul#navigation{
	background:url(../imgs/navigation.jpg) no-repeat;
	width:970px;
	height:46px;
}
#navigation span{
	display:none;
	text-indent:-99999px;
}
#navigation li, #navigation a{
	height:46px;
	display:block;
}
#navigation li {
	float:left;
	list-style:none;
	display:inline;
}

#link1{
	width:89px;
}
#link2{
	width:128px;
}
#link3{
	width:150px;
}
#link4{
	width:108px;
}
#link5{
	width:118px;
}
#link6{
	width:85px;
}
#link7{
	width:152px;
}
#link8{
	width:140px;
}

#link1 > a:hover{background:url(../imgs/navigation.jpg) 0px -46px no-repeat;}
#link2 > a:hover{background:url(../imgs/navigation.jpg) -89px -46px no-repeat;}
#link3 > a:hover{background:url(../imgs/navigation.jpg) -217px -46px no-repeat;}
#link4 > a:hover{background:url(../imgs/navigation.jpg) -367px -46px no-repeat;}
#link5 > a:hover{background:url(../imgs/navigation.jpg) -475px -46px no-repeat;}
#link6 > a:hover{background:url(../imgs/navigation.jpg) -593px -46px no-repeat;}
#link7 > a:hover{background:url(../imgs/navigation.jpg) -678px -46px no-repeat;}
#link8 > a:hover{background:url(../imgs/navigation.jpg) -830px -46px no-repeat;}


#link1.selected, #link1.selected > a:hover{background:url(../imgs/navigation.jpg) 0px -92px no-repeat;}
#link2.selected, #link2.selected > a:hover{background:url(../imgs/navigation.jpg) -89px -92px no-repeat;}
#link3.selected, #link3.selected > a:hover{background:url(../imgs/navigation.jpg) -217px -92px no-repeat;}
#link4.selected, #link4.selected > a:hover{background:url(../imgs/navigation.jpg) -367px -92px no-repeat;}
#link5.selected, #link5.selected > a:hover{background:url(../imgs/navigation.jpg) -475px -92px no-repeat;}
#link6.selected, #link6.selected > a:hover{background:url(../imgs/navigation.jpg) -593px -92px no-repeat;}
#link7.selected, #link7.selected > a:hover{background:url(../imgs/navigation.jpg) -678px -92px no-repeat;}
#link8.selected, #link8.selected > a:hover{background:url(../imgs/navigation.jpg) -830px -92px no-repeat;}

/*---------------- END OF NAVIGATION -----------------*/

/*--------------------------------------------------------------------------------------------------------------------------*/
.listing{
	font-size:11px;
	float:left;
	width:611px;
	height:auto;
	border-bottom:1px solid #e8e8e8;
	margin-top:15px;
    padding-bottom:15px;
}
.listing-item{
	float:left;
	width:230px;
	height:auto;
}
.pic{
	float:left;
	width:222px;
	height:auto;
}
.link{
	padding-left:48px;
	float:left;
	width:110px;
	height:auto;
}
#content2 div.link ul{
	margin-bottom:15px;
}

#content2 div.link ul li{
	list-style-position:outside;
	list-style-image:url(../imgs/arrow.jpg);
	margin-bottom:5px;
}
#content2 div.link ul li a{
	color:#383c3d;
	font-size:11px;
}
#content2 div.link ul li a:hover{
    text-decoration: none;   
}
.btn{
	float:right;
	margin-right:23px;
	margin-top:15px;
}
.box, .box2{
	width:300px;
	height:auto;
}
.testi{
	font-style:italic;
}
.box{
	margin:20px 30px 20px 0px;
	float:left;
}
.box2{
	margin:20px 0px 20px 0px;
	float:right;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/*-------------------------tabs---------------------------------*/
#listing-tab{
    margin-top:30px;
}
#listing-tab li{
    float:left;
}
#listing-tab ul{
    height:28px;
    float:left;
}
#listing-tab li a{
    color:#53534e;
    margin-right:2px;
    font-weight:bold;
    text-transform:uppercase;
    font-size:14px;
    border:1px solid #e8e8e8;
    background-color:#f8f8f8;
    padding:5px 0 5px 0;
    text-decoration: none;
    display: block;
    width:149px;
    text-align: center;
}
#listing-tab li a:hover{
    color:#5997e7;
    text-decoration:none;
}

#listing-tab ul li.selected{
    margin-top:-5px;
}

#listing-tab ul li.selected a{
    background:url(../imgs/tab-bg.jpg) #FFFFFF repeat-x;
    border:1px solid #bdd3dd;
    padding:10px 0 5px 0;
    position:relative;
    border-bottom:0;
    top:1px;
}
#tab-content{
    padding:6px 6px 0 6px;
    width:596px;
    float:left;
    border:1px solid #bdd3dd;
    border-bottom:0;
}
#tab-main-content{
    padding:20px 20px 5px 20px;
    height:auto;
    background:url(../imgs/tab-upper-bg.jpg) #F6F6F6 no-repeat;
    
    
}
#tab-round-corner{
    float:left;
    width:610px;
    height:19px;
    background:url(../imgs/tab-lower-bg.jpg) no-repeat;
}
/*---------------------------inquiry form--------------------------------*/

#inquiry{
    float:left;
    width:300px;
    font-size:12px;
}
#inquiry p{
    margin-bottom:5px;
}
#inquiry input.in{
    padding-top:7px;
    padding-left:8px;
    width:273px;
    height:36px;
    border:0;
    outline:0;
    background:url(../imgs/inquiry-input.jpg) no-repeat;
}
#inquiry .txtarea{
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    padding-left:8px;
    padding-top:7px;
    background:url(../imgs/inquiry-textarea.jpg) no-repeat;
    height:109px;
    width:267px;
    border:0;
    outline:0;
    margin-bottom:10px;
}
#avail-forms{
    float:right;
}
.under{
    color:#383c3d;
    margin-top:15px;
    border-bottom:1px dotted #333333;
    padding-bottom:15px;
    width:250px;
}
#avail-forms p a{
    font-size:14px;
    color:#383c3d;
}
#avail-forms p a:hover{
    color:#5997e7;
    text-decoration:none;
}
.pdf{
    padding-bottom:20px;
    background:url(../imgs/pdf-icon.jpg) no-repeat right;
}

#cont1, #cont2, #cont3, #cont4{
    width:100%;
}
#cont2, #cont3, #cont4{
    display:none;
}