/* 

coffee cafe - CSS File

*/


/*** GLOBAL  ***/
html,body{height:100%;}
body {
	font-family:Tahoma, Arial;
	font-size:12px;
	margin:0 auto;
	padding:0;
	color:#5d472d;
	background-color:#e6e6dc;
	line-height:18px;
}
* {
	margin:0;
	padding:0;
}
*:focus {
	outline:none;
}
.clr{clear:both}
form{margin:0; padding:0;}
hr {
	border: 0;
	color: #6b6b6b;
	background-color: #6b6b6b;
	height: 1px;
	margin:0px 0px 10px 0px;
	padding:0px;
}

/*** END OF GLOBAL  ***/

/*** DEFAULT ELEMENT STYLES ***/
/* heading */
h1, h2, h3, h4, h5{margin-bottom:15px;	font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
h1 {font-size:24px; line-height:16px;}
h2 {font-size:20px; line-height:22px;}
h3 {font-size:18px; line-height:20px;}
h4 {font-size:15px; line-height:17px; font-weight:bold}
h5 {font-size:13px; line-height:15px;}

/* links */
a {color:#b18e45; text-decoration:none;}
a:hover{color:#cba14a; text-decoration:underline;}
a img{border:none}
.imgborder{ border:1px solid #c7a784; padding:1px;}
.imgleft{
	float:left;
	margin-right:25px;
}
.imgright{
	float:right;
	margin-left:25px;
}
.imgmiddle{vertical-align:middle; padding-right:6px}
.imgcenter{display:block; margin:0 auto;}
/* lists, blockquotes and paragraphs */
p, ul, ol, blockquote {
	margin-bottom:15px;
}
ul, ol {
	margin:10px 0 35px 30px;
}
li ol,
li ul
{
	list-style:square;
	margin-bottom:0;
	margin-top:0;
}
li ol {list-style:decimal;}
blockquote {
	font-style:italic;
	margin:25px 0 25px 0px;
	padding:10px 20px 10px 25px;
	border-left:4px solid #6b6b6b;}

/* code */
code {
	font-family:Verdana, Arial;
	letter-spacing:1px;
	margin:25px 0 25px 0px;
	display:block;
	font-size:0.9em;
	border-left:4px solid #6b6b6b;
	padding:15px 10px;
}


/*** END OF DEFAULT ELEMENT STYLES ***/


/*** CONTAINER ***/
#container{ background-image:url(../images/bg_container.jpg); background-repeat:repeat-x;background-position:top}
#container_top{background-image:url(../images/bg_top.jpg); background-repeat:repeat-x;}
#container_footer{background-image:url(../images/bg_footer.gif); background-repeat:repeat-x; background-color:#81a594; width:100%; clear:both}
/*** END OF CONTAINER ***/

/*** CENTERCOLUMN ***/
.centercolumn{width:1014px; margin:0px auto 0px auto;}
/*** END OF CENTERCOLUMN ***/

/*** HEADER ***/
#header{
	background-image:url(../images/header.jpg);
	background-repeat:no-repeat;
	height:339px;
	background-position:bottom
}
#topmenu{padding:15px 0px 0px 35px; height:50px;}
#nav{margin:0px; padding:0px; list-style-type:none;  float:left;  z-index:15; position:relative;}
#nav ul{margin:0px; padding:0px; list-style-type:none; z-index:16; position:relative;}
#nav li{list-style-type:none; padding:0px; margin:0px; float:left; background-image:url(../images/menu_separator.gif); background-repeat:no-repeat;position:relative; background-position:left}
#nav li.noborder{background-image:none;}
#nav li a{color:#6b543a; font-size:16px; float:left; padding:0px 20px 0px 20px; line-height:37px; }
#nav li.noborder a{padding-left:0px;}
* html #nav li a{margin-right:1px;} /* ie6 only */
#nav li a:hover{color:#b18e45; text-decoration:none}
#nav li a.active{color:#b18e45;}
#nav li li{
	margin-top:0;
	background-image:none;
	padding:0px;
	background-image:none;
	position:relative;
	z-index:10;
	border-bottom:solid 1px #f0f0f0;
	display:block;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
}
#nav ul {
	display:none;
	left:0px;
	position:absolute;
	top:37px;
	width:185px;
	z-index:10;
	border:solid 1px #e6e7df;
	background-color:#fff;
	border-width:0px 1px 1px 1px;
	padding:0px 10px;
}
#nav li ul a{
	width:185px;
	height:auto;
	float:left;
	text-align:left;
	padding:0px 0px 0px 0px;
	text-transform:capitalize;
	font-size:14px;
	font-weight:normal;
	line-height:33px;
	z-index:10;
	color:#5d472d;
}
#nav ul ul{top:auto;border-top:none; border:solid 1px #e6e7df; border-width:1px 1px 1px 1px;}	
#nav li ul ul {left:123px; top:0px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{display:none;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{display:block;}
#nav li ul a{border-top:none;}
#topheader{padding:20px 0px 0px 0px; height:254px;}
#logo{width:520px; float:left;}
#logo img{padding-left:60px;}
#header_right{width:494px;float:left;}
#header_text{padding:30px 100px 0px 50px;}
/*** END HEADER ***/


/*** CONTENT ***/
#content{background-image:url(../images/bg_content.png); background-repeat:no-repeat; width:1014px; float:left; padding:10px 0px 40px 0px; min-height:561px}
* html #content{height:561px;}
#content_left{
	width:760px;
	float:left;
	padding-right: 20px;
}
#content_leftinner{
	width:690px;
	float:middle;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}

#content_mls{
	width:600px;
	float:middle;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

#padding50px{
	width:750px;
	padding-left: 50px;
}
#maincontent{
	padding-top: 10px;
	padding-right: 35px;
	padding-bottom: 20px;
	padding-left: 50px;
}
#maincontent_inner{padding:20px 0px 0px 50px;}
#content_full #maincontent_inner{padding:20px 50px 0px 50px;} 
#sideright{
	width:222px;
	float:left;
	padding-left: 12px;
}
.sidebox{
	margin:0px 0px 5px 0px;
}
.sidebox h2{
	background-image:url(../images/bg_title.png);
	background-repeat:no-repeat;
	background-position:right;
	height:71px;
	padding:30px 0px 0px 15px !important;
	font-size:18px;
	line-height:17px;
	color:#fff;
	font-style:italic;
	margin:0px;
}
.padbox{
	padding:0px 35px 0px 5px;
}
.sidebox blockquote{margin:0px !important; padding:0px  !important; font-style:italic; background-image:url(../images/quote_left.gif); background-repeat:no-repeat; border:0px; font-style:normal}
.sidebox blockquote div{
	background-image:url(../images/quote_right.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}
.bolditalic{font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; font-size:14px;}
.inputbox{padding:5px; width:250px; background-color:#91b8a6; border:solid 1px #576e64; border-width:1px 0px 0px 1px; color:#779b8a}
/*** END CONTENT ***/



/*** FOOTER ***/
#footer{}
#footer_left{width:677px; float:left;  padding:20px 0px 0px 0px}
#twitter_background{
	background-repeat:no-repeat;
	height:106px;
	margin:0px 0px 0px 40px;
}
#twitter{
	width:470px;
	padding:17px 0px 0px 205px;
	overflow:hidden;
	height:40px;
}
#footer_right{width:337px; float:left; padding:25px 0px 0px 0px}
#footer_right h2{margin-bottom:4px;}
#footer_bottom{text-align:center; color:#b9d4c8; padding:10px 0px}
/*** END OF FOOTER ***/

#my-listings{
	background-color: ECEFE7;
	padding: 5px;
	height: 400px;
	width: 280px;
}