/* Customize Default Theme (NOT Main Colors!) */
/* Default Theme Colors*/

BODY {
	margin: 0px 0px 0px 0px;
	background-color:#959595;
	background-repeat:repeat;
}

#siteWrapper {
	background-image:url(kenmacaulay_com_images/BG_gradient.jpg);
	background-repeat:repeat-x;
	margin: 0px 0px 0px 0px;
	line-height:1.0em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#959595;
}



img {vertical-align:bottom; border: none;} 
object {vertical-align:bottom; padding-bottom:0px;}
embed {vertical-align:bottom; padding-bottom:0px;}
	
P { font-family: Verdana; font-size: 12px; color: #000000; line-height: 2.0em;}
.text {  font-family: Verdana; font-size: 12px;  line-height: 2.0em; color: #424B38}
H1 { font-family:Verdana; font-size: 16px; color: #000000;}
H2 { font-family:Verdana; font-size: 14px; color: #000000;}
H3 { font-family:Verdana; font-size: 14px; color: #000000;}
LI { font-family:Verdana; font-size: 12px; color: #000000;}
A:link { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:visited { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:active { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
A:hover { font-family:Verdana; font-size: 12px; text-decoration: underline; color: #111111;}
UL { font-family: Verdana; font-size: 12px}
OL { font-family: Verdana; font-size: 12px}

.title {  font-family: Verdana; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}
.title2 {  font-family: Verdana; font-size: 14px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}
.title3 {  font-family: Verdana; font-size: 16px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; color: #424B38}

TEXTAREA { background-color: #FFFFFF; border: #ffffff 1px border; color: #333333; font-family: Verdana, Verdana, ms sans serif; font-weight: bold; font-size: 12px; line-height: 2.0em;}

A.clientToolbar:link { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}
A.clientToolbar:visited { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color:#000000;}
A.clientToolbar:hover { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #ffffff;}
A.clientToolbar:active { font-family: Verdana, Verdana, Verdana, sans-serif; font-size: 12px; font-weight: bold; text-decoration: underline; color: #000000;}





#siteWrapper #mainNav {

}


#siteWrapper #nav { position: relative; text-align:left; list-style: none; margin: 0px; padding: 0px; overflow-y: visible; height:35px; z-index: 11;}
#siteWrapper #nav li { display:inline; list-style:none; margin: 0px; padding: 0px; float:left; position: relative;}
#siteWrapper #nav li img {cursor: pointer; margin:0px; padding:0px;}

#siteWrapper #nav li ul li a { color:#fff; font-size: 10px; display: block; background-color:#000000; padding: 7px 6px 7px 13px; background: url(http://assets.rmcloud.com/templates/philfilipchuk_com/philfilipchuk_com_images/menu_item_bg.png); background-repeat: no-repeat;}
#siteWrapper #nav li ul li a:hover { color:#FFFFFF; background-color:#21409a;}
#siteWrapper #nav li ul li { display: block; float:left; background-color: #000000; top: 0px; height: auto; line-height:1.0em;}
#siteWrapper *#nav li ul li { float: none; }
#siteWrapper #nav li.over ul {display: block;}

#siteWrapper #nav li ul {display:none; position: absolute; z-index: 11; margin: 0; padding: 0; width: 150px; border-bottom: #FFF solid 1px; background-color: #FFF;}


#pageHolder {
	background-image:url(kenmacaulay_com_images/condo_search_bg.jpg);
	background-repeat:repeat-y;
	background-position:left;
	width:968px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
	background-color:#FFF;
	color:#FFFFFF;
}

#interiorPageHolder {
	width:968px;
	padding:0px;
	margin-left:auto;
	margin-right:auto;
}

#topLeftHeader {
	float:left;
}

#topRightHeader {
	float:left;
position: relative;
}

#mainBodyLeft {
	width:245px;
	float:left;
}

#interiorContent {
	padding: 20px 40px 20px 40px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.2em;
	background-image:url(kenmacaulay_com_images/interior_body_bg.png);
	background-repeat:repeat-y;
	width:888px;
	color:#000000;
}

#interiorContent p {
	color:#000000;
}
#interiorContent li {
	color:#000000;
}
#interiorContent td {
	color:#000000;
}

.interiorTopBar {
	margin:0px;
	padding:0px;
	font-size:0px;
	line-height:0em;
}

#compareArea .ac_results li {
	color: #000000;
}




#mainBodyRight {
	width:723px;
	float:left;
	
}

#compareArea {
	background-image:url(kenmacaulay_com_images/compare_bg2.jpg);
	background-color:#2e73b0;
	background-repeat:no-repeat;
	color:#000000;
	
}

#compareArea select {
	margin: 10px 0px 0px 30px;
	-margin: 8px 0px 0px 30px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#636363;
	background-color: #FFFFFF;
	border: solid 1px #DBDACC;
	width: 190px;
}
#compareArea img {
	margin:10px 0px 0px 0px;
	*margin:0px 0px 0px 0px;
}

#compareArea input {
	margin: 71px 0px 20px 30px;
	font-family:Verdana;
	font-size:12px;
	font-weight:bold;
	color:#636363;
	background-color: #FFFFFF;
	border: solid 1px #DBDACC;
	width: 190px;
}

#condoSearch {

}

#homeContent {
	background-image:url(kenmacaulay_com_images/content_area_bg.jpg);
	background-repeat:repeat-y;
	width:683px;
	height:auto;
	float:left;
	padding: 20px 20px 20px 20px;
	color:#000000;
	font-size:14px;
}

#homeContent p {
	color:#000000;
	font-size:14px;
}

#footerArea {
	background-image:url(kenmacaulay_com_images/footer_bg.jpg);
	background-color:#000000;
	background-repeat:no-repeat;
	height:317px;
}

#footerLeft {
	color:#FFFFFF;
	font-size:12px;
	padding: 25px 0px 0px 30px;
	line-height:1.5em;
	float:left;

}
#footerLeft a{
	color:#FFFFFF;
}

#footerCenter {
	float:left;
	font-size:11px;
	padding: 40px 0px 0px 85px;
	line-height:1.5em;
	color:#FFFFFF;

}
#footerCenter a {
	color:#FFFFFF;
	text-decoration:none;
}

#homeArea {
	float:left;
}
#accessArea {
	float:left;
	padding:0px 0px 0px 40px; 
}
#buyingArea {
	float:left;
	padding:0px 0px 0px 40px; 
}

#footerRight {
	color:#FFFFFF;
	font-size:12px;
	padding: 35px 0px 0px 40px;
	line-height:1.2em;
	float:left;
}

#footerRight a {
	color:#FFFFFF;
}

#testimonialsArea {
	width:250px;
	font-size:10px;
	background-color: #333;
	position: relative;
}

#testimonialsArea p {
	padding: 15px;
	font-size: 11px;

}

#testimonialsArea em {
	text-align: justify;
}

#testimonialsArea p a {
	font-size: 11px;	
}

#featuredListArea {
	background-image:url(kenmacaulay_com_images/content_area_bg.jpg);
	background-repeat:repeat-y;
}

#homeFeatured {
	width:718px;
	height:235px;

}


/* FEATURED LISTINGS */
#homeFeatured div.scrollable-widget {
  background-position: top center;
  background-image: url('kenmacaulay_com_images/featured_listings/feat_listings_bg.png');
  background-repeat: no-repeat;
  height: 175px;
  *height: 235px;
  -height: 175px;
  padding: 60px 0px 0px 55px;
  *padding: 60px 0px 0px 60px;
  -padding: 60px 0px 0px 40px;
  position: relative;
}
*html #homeFeatured div.scrollable-widget {
  background-image: url('kenmacaulay_com_images/featured_listings/feat_listings_bg.jpg');
  padding: 0px px 0px 0px;
}
#homeFeatured div.scrollable-widget button.prevPage,
#homeFeatured div.scrollable-widget button.nextPage {
  height: 49px;
  width: 42px;
  position: absolute;
  top: 92px;
  background: none;
  border: none;
  cursor: pointer;
}
#homeFeatured div.scrollable-widget button.prevPage span,
#homeFeatured div.scrollable-widget button.nextPage span {
  display: none;
}
#homeFeatured div.scrollable-widget button.prevPage {
  background-image: url('kenmacaulay_com_images/featured_listings/left_btn.png');
  background-position: top left;
  left: 16px;
}
*html homeFeatured div.scrollable-widget button.prevPage {
  background-image: url('kenmacaulay_com_images/featured_listings/left_btn.gif');
}
#homeFeatured div.scrollable-widget button.nextPage {
  background-image: url('kenmacaulay_com_images/featured_listings/right_btn.png');
  background-position: top right;
  right: 16px;
}
*html #homeFeatured div.scrollable-widget button.nextPage {
  background-image: url('kenmacaulay_com_images/featured_listings/right_btn.gif');
}
#homeFeatured div.scrollable-widget button.nextPage:hover {
  background-image: url('kenmacaulay_com_images/featured_listings/right_btn_over.png');
}
*html #homeFeatured div.scrollable-widget button.nextPage:hover {
  background-image: url('kenmacaulay_com_images/featured_listings/right_btn_over.gif');
}
#homeFeatured div.scrollable-widget button.prevPage:hover {
  background-image: url('kenmacaulay_com_images/featured_listings/left_btn_over.png');
}
*html #homeFeatured div.scrollable-widget button.prevPage:hover {
  background-image: url('kenmacaulay_com_images/featured_listings/left_btn_over.gif');
}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
#homeFeatured div.scrollable-widget div.scrollable { 

    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 595px; 
    height:160px; 
} 

/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
#homeFeatured div.scrollable-widget div.scrollable div.items { 
    /* this cannot be too large */ 
    width:20000em; 
    position:absolute; 
} 

/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide { 
    float:left; 
    width: 165px;
    margin: 0px 18px;
    text-align: center;
} 
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide h1,
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide h1 a,
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide h2  { 
    padding: 0px;
    margin: 0px;
    font-size: 11px;
    color: #FFF;
    line-height: 1.3em;
    text-decoration: none;
    
    text-shadow: 1px 1px 5px rgb(0,0,0);
}
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide h2 {
    font-weight: normal;
}
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide .img-holder { 
    height: 127px;
    background-color: #fff;
    border: 1px solid rgb(255,255,255);
    padding: 1px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.9);
    display: table-cell; vertical-align: middle
}
#homeFeatured div.scrollable-widget div.scrollable div.items div.slide img { 
    width: 161px;
}

/* you may want to setup some decorations to active the item */ 
#homeFeatured div.scrollable-widget div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}









ul#socialMedia {
	list-style: none;
	margin: 0;
	padding: 0;
	position:absolute;
	top: 10px;
	right: 10px;
}

ul#socialMedia li {
	float: left;	
}

ul#socialMedia li a {
	display: block;
	width: 16px;
	height:16px;
	margin:0 5px 0 0;
}


#SocialMediaCMS {
	width:150px;
	float:left;
}
#leftSideCMS {
	width:500px; 
	height:150px; 
	float:left; 
	padding:0 10px 10px 10px;
}



ul#socialMedia li a#twitterLink { background: url(kenmacaulay_com_images/twitter.gif); }
ul#socialMedia li a#facebookLink { background: url(kenmacaulay_com_images/facebook.gif); }
ul#socialMedia li a#youtubeLink { background: url(kenmacaulay_com_images/youtube.gif);}
ul#socialMedia li a#linkedinLink { background: url(kenmacaulay_com_images/linkedin.gif);}
ul#socialMedia li a#blogLink { background: url(kenmacaulay_com_images/blog.gif);}