/* 
	CityStyle Realty
	Main CSS File
	www.QuinnCom.net	
*/

/* 
/////////////// PAGE STYLES /////////////////////////
*/ 
.clear { clear:both; }

body {
    margin:0px 0px; padding:0px;
	background-color: #BECDDA;
	color: #000000;
	font-family: Gill Sans MT, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: left;
}

img {
	margin: 0; padding: 0;
	border: 0;
}

a.one:link {
	color: #005990;
	text-decoration: none;
	background: transparent;
}

a.one:visited {
	color: #005990;
	text-decoration: none;
	background: transparent;
}

a.one:hover {
	color: #002e4a;
	text-decoration: none;
	background: transparent;
}

a.one:active {
	color: #002e4a;
	text-decoration: none;
	background: transparent;
}


a.two:link {
	color: #F4F4F4;
	font-size: 12px;
	text-decoration: none;
	background: transparent;
}

a.two:visited {
	color: #F4F4F4;
	font-size: 12px;
	text-decoration: none;
	background: transparent;
}

a.two:hover {
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: underline;
	background: transparent;
}

a.three:link {
	color: #375b67;
	font-family: Gill Sans MT, MS Sans Serif4, Geneva, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	background: transparent;
}

a.three:visited {
	color: #375b67;
	font-family: Gill Sans MT, MS Sans Serif4, Geneva, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	background: transparent;
}

a.three:hover {
	color: #567b87;
	font-family: Gill Sans MT, MS Sans Serif4, Geneva, sans-serif;
	font-size: 12px;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	background: transparent;
}


h1 {
	color: #548097;
	font-family: Gill Sans MT, Century Gothic, AppleGothic, sans-serif;
	font-size: 17px;
}

p {
	margin: 0 0 10px 0; padding: 0;
	font-family: Gill Sans MT, Century Gothic, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #626365;
	text-align: left;
}

h2 { 
padding:0; 
margin:0; 
}

h2 a { 
text-decoration:none; 
display:block; 
width:281px; 
height:142px; 
}

h2 a span {  
visibility:hidden; 
height:0; 
}

h1#Logo { padding:0; margin:0; }

h1#Logo a { display:block; height:142px; width:281px; }

h1#Logo a span {  
visibility:hidden; 
height:0; 
}

#accordion h3 { margin-top:5px; margin-bottom:5px; }

/* 
/////////////// PAGE LAYOUT /////////////////////////
*/

#maincontainer{
width: 974px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
}

#topsection{
margin:0px 0px; padding:0px;
background-image:url('../images/headerbg.jpg');
background-repeat:repeat-x;
height: 179px; /*Height of top section*/
width: 100%;
text-align: center;
}

#innertube{
margin: 0px auto;
width: 974px; 
background: #FFFFFF;
}

#contentwrapper{
width: 100%;
}

#leftcolumn{
margin:0px 0px; padding:0px;
float: left;
background: transparent;
width: 281px; 
}

#contentcolumn{
float:right;
width: 693px; 
background: #FFFFFF;
min-height:500px;
}

#footer{
clear:both;
margin: 0 auto;
height: 92px;
width: 100%;
background: #BECDDA;
color: #FFFFFF;
}

/* 
/////////////// HEADER /////////////////////////
*/


#Table_01 {
	margin: 0 auto;
	width: 974px;
	height: 179px;
	text-align: center;
}

#header-01_ {
	float:left;
	background-image:url('../images/header_01.jpg');
	background-repeat:no-repeat;
	width:281px;
	height:142px;
}

#header-02_ {
	background-image:url('../images/header_02.jpg');
	background-repeat:no-repeat;
	float:right;
	width:693px;
	height:142px;
}

#header-03_ {
	background-image:url('../images/header_03.jpg');
	float:left;
	width:281px;
	height:37px;
}

#header-04_ {
	float:left;
	width:123px;
	height:37px;
}

#header-05_ {
	float:left;
	width:205px;
	height:37px;
}

#header-06_ {
	float:left;
	width:123px;
	height:37px;
}

#header-07_ {
	float:left;
	width:120px;
	height:37px;
}

#header-08_ {
	float:right;
	width:122px;
	height:37px;
}


/* 
/////////////// FOOTER /////////////////////////
*/

#Table_02 {
	width:974px;
	height:92px;
}

#footer-01_ {
	float:left;
	width:56px;
	height:46px;
}

#footer-02_ {
	float:left;
	width:74px;
	height:46px;
}

#footer-03_ {
	float:left;
	width:61px;
	height:46px;
}

#footer-04_ {
	float:left;
	width:74px;
	height:46px;
}

#footer-05_ {
	float:left;
	width:76px;
	height:46px;
}

#footer-06_ {
	float:left;
	width:77px;
	height:46px;
}

#footer-07_ {
	 margin:0px 0px; padding:0px;
	background-image:url('../images/footer_07.jpg');
	float:right;
	text-align:right;
	width:556px;
	height:46px;
}

#footer-08_ {
	background-image:url('../images/footer_08.jpg');
	float:left;
	width:696px;
	height:46px;
}

#footer-09_ {
	background-image:url('../images/footer_09.jpg');
	float:right;
	width:278px;
	height:46px;
}


/* 
/////////////// CONTENT /////////////////////////
*/

#columnwrapper {
background-color:#FFFFFF;
position:relative;
}

#Table_03 {
	background-color: #FFFFFF;
	width:693px;
	height:100%;
	padding:0px;
}

#content-01_ {
	width:693px;
	height:329px;
}

#content-02_ {
	background-color: #FFFFFF;
	clear:both;
	width:681px;
	height:100%;
	padding: 6px;
}


#content-03_ {
	float:right;
	clear:both;
	width:255px;
	height:363px;
}


#content-05_ {
	background-image:url('../images/content-05.jpg');
	clear:both;
	width:690px;
	height:9px;
}


/* 
/////////////// LEFT COLUMN /////////////////////////
*/

#Table_04 {
	background-color: #FFFFFF;
	width:281px;
	height:100%;
}

#leftcolumn-04_ {
	background-image:url('../images/leftcolumnbg.jpg');
	background-position:top left;
	background-repeat:no-repeat;
	background-color: #eef6eb;
	padding:5px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:5px;
	width:262px;
	height:342px;
	text-align:center;
	line-height:1.5em;
	position:relative;
	bottom:0;
}


/* 
/////////////// Social Media /////////////////////////
*/

#socialmedia{
margin:0px 0px; padding:0px;
width: 524px; 
height: 58px;
background: #FFFFFF;
}

#follow{
float:left;
width: 147px; 
height: 58px;
}

#facebook{
float:left;
width: 41px; 
height: 58px;
}

#twitter{
float:left;
width: 42px; 
height: 58px;
}

/* 
/////////////// Accordion Style /////////////////////////
*/

.toggler {
width: 281px;
height: 41px;
cursor:pointer;
margin:0px 0px; padding:0px;
background-color: #FFFFFF;
}

.element {
width: 281px;
margin:0px 0px; padding:0px;
background-color: #FFFFFF;
}

.categoryitems ul {
width:281px;
margin:0px 0px; padding:0px;
background-color: #FFFFFF;
background-image:url('../images/accordion/liend.jpg');
background-repeat:no-repeat;
background-position:bottom;
list-style-type:none;
padding-bottom:19px;
}

.categoryitems li {
background-color: #FFFFFF;
background-image:url('../images/accordion/li.jpg');
width:281px;
height:24px;
text-indent:50px;
padding-top:4px;
}

.SideMenu { cursor:pointer; }

div#SideMenuTitle1 a { display:block; text-decoration:none; height:41px; width:281px; }
div#SideMenuTitle1 h3 { display:block; background-image:url(../images/accordion/downtownguide.jpg); background-repeat:no-repeat; height:41px; width:281px; }
div#SideMenuTitle1 h3 span { visibility:hidden; }

div#SideMenuTitle2 a { display:block; text-decoration:none; height:41px; width:281px; }
div#SideMenuTitle2 h3 { display:block; background-image:url(../images/accordion/search.jpg); background-repeat:no-repeat; height:41px; width:281px; }
div#SideMenuTitle2 h3 span { visibility:hidden; }

div#SideMenuTitle3 a { display:block; text-decoration:none; height:41px; width:281px; }
div#SideMenuTitle3 h3 { display:block; background-image:url(../images/accordion/calendar.jpg); background-repeat:no-repeat; height:41px; width:281px; }
div#SideMenuTitle3 h3 span { visibility:hidden; }

.FeaturedListingsTable a.FeaturedListingsLink{ color:#000000; text-decoration:none; }

.FeaturedListingsTable { padding-left:2px; }

.FeaturedListingsTable .FeaturedListingsInner { padding-left: 10px; padding-right: 10px; }


.categoryitems.element .menuheader {  }

/* 
/////////////// FLOAT FIX /////////////////////////
*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}