@import url("screen.css");
/*
{$website->COLOR_PRIMARY};
{$website->COLOR_SECONDARY};
{$website->COLOR_TEXT};
{$website->COLOR_MENU};
{$website->COLOR_SPECIAL};
{$website->COLOR_FOOTER_TEXT};
{$website->COLOR_REALTOR_NAME};
{$website->COLOR_LINK};
*/

/**  Face Font **/
@font-face {
	font-family: 'ErasBoldITCRegular';
	src: url('http://assets.rmcloud.com/fonts/erasbd-webfont.eot');
	src: local('☺'), url('http://assets.rmcloud.com/fonts/erasbd-webfont.woff') format('woff'), url('http://assets.rmcloud.com/fonts/erasbd-webfont.ttf') format('truetype'), url('http://assets.rmcloud.com/fonts/erasbd-webfont.svg#webfontVGQMH9n0') format('svg');
	font-weight: normal;
	font-style: normal;
}

body{
	font-family:verdana, sans-serif;
}
.ErasITC-Bold {font-weight: normal; font-style: normal; line-height:normal; font-family: 'ErasBoldITCRegular', sans-serif;}

/* Layout Styles */
.wrapper {width:100%; display:block;}
.container{ /* default width 950px set in screen.css */ width:990px;}

#topWrapper{
	background-image:url("/templates/theme_caramelplus/images/bg-topwrapper.png");
	background-position:top center;
	background-repeat:repeat;
	padding-top:1em;
}

* html #topWrapper{border-bottom:1px #fff solid;}

#topContainer{
}

#mainWrapper{
	background-image:url("/templates/theme_caramelplus/images/bg.png");
	background-position:top center;
	background-repeat:repeat-x;
	padding:1em 0px;
}
* html #mainWrapper{ background:none;}

#bannerWrap{
	background-image:url("/templates/theme_caramelplus/images/bg-banner.png");
	background-position:center top;
	background-repeat:no-repeat;
}
*html #bannerWrap{
	background-image:none;
}

#banner{text-align:center; position:relative; height: 200px;}
img.bannercurve{position:absolute; z-index:10;}
*html #iecurve{
	display:inline;
	line-height:0;
	height:0px;
}
#fade { height: 200px; width: 988px; border:1px solid #fff; border-bottom-width:0; margin: auto; position:absolute; top:0; left:0; z-index:1; overflow:hidden; }
#fade img {border:none;}
#scroll {
	width: 990px;
	height:200px;
	position:absolute; top:0; left:0;
	background:url("/templates/theme_caramelplus/images/bg-gradientW.png") bottom center repeat-x;
	z-index:5;}
* html #scroll {background:none;}

/* root element for the scrollable. when scrolling occurs this element stays still. */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	width: 990px;
	/*height:205px;*/
	height:100%;
}
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float:left;
	width:990px;
}

/* single scrollable item */
.scrollable h1 {
	/*float:left;*/
	background:rgba(255,255,255,0.5);
	font-weight: normal; font-style: normal; line-height:normal; font-family: 'ErasBoldITCRegular', sans-serif;
	text-align:right;
	font-size:24px;
	margin:0;
	padding:20px;
	margin-right:50px;
	margin-top:40px;
	display:block;
	text-shadow: 1px 1px 1px #000;
}
* html .scrollable h1{
	background:none;
}
.shadow {
	*font-size:1.2em;
	*height:1.2em;
	*FILTER:DropShadow(Color=#000000, OffX=2, OffY=2)
}
.scrollable span{
	float:none;
	display:block;
	font-size:16px;
	width:auto;
	color:#000;
	text-shadow: 1px 1px 1px #fff;
}

/* active item */
.scrollable .active {
	/*border:2px solid #000;
	position:relative;
	cursor:default;*/
}

#featureContainer{
	background-image:url("/templates/theme_caramelplus/images/bg-main.png");
	background-position:top center;
	background-repeat:repeat-x;
	
}
#featureContainer{
	margin-bottom:0.5em;
	padding-bottom:1em;
	-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;	
}
#contentContainer{
	margin-bottom:1em;
	padding-bottom:1em;
	-moz-border-radius-topleft:10px; -webkit-border-top-left-radius:10px;
	-moz-border-radius-topright:10px; -webkit-border-top-right-radius:10px;
	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
	
}
#interiorContainer{
	margin-bottom:1em;
	-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
	-moz-border-radius-bottomleft:10px; -webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
}

/* Nav Style */
/*
#myslidemenu{display:inline-block; width:auto;}
*html #myslidemenu{display:inline; width:656px;}*/

/* jquerymenu */
#nav{
	font-family:verdana, sans-serif;
	font-size:14px;
	width: auto;
	z-index:99;
	position:relative;
	margin-right:50px;
	float:left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow-y: visible;
}

/*Top level list items*/
#nav li{
position: relative;
display: inline;
float: left;
margin: 0;
padding: 0;
}

/*Top level menu link items style*/
#nav li a{
display: block;
float:left;
padding-left:2px;
background:url("/templates/theme_caramelplus/images/bg-menu.png") top left no-repeat;
text-decoration: none;
font-weight: normal; font-style: normal; line-height:normal; font-family: 'ErasBoldITCRegular', sans-serif;
line-height:39px;
cursor:pointer;
}
#nav li a span{
	display:block;
	width:76px;
	padding:0px 5px 0px 3px;
	text-align:center;
	line-height:39px;
	background:url("/templates/theme_caramelplus/images/bg-menu-r.png") top right no-repeat;
}

.jqueryslidemenu ul li a:link, .jqueryslidemenu ul li a:visited{}

#nav li a:hover{text-decoration: underline; }
	
/*1st sub level menu*/
#nav li ul{
	position: absolute;
	left:-30px; top:39px;
	display:none;
	
}
#nav li.over ul{
	display:block;
	padding:0; margin:0;
}


/*Sub level menu list items (undo style from Top level List Items)*/
#nav li ul li{
	text-align:center;
float: none;
}
* html #nav li ul li{
display:block;
}

/* Sub level menu links style */
#nav li ul li a{
font-size: 12px;
text-align:center;
background-image:url("/templates/theme_caramelplus/images/bg-menudrop.png");
background-repeat:repeat;
float:none;
width: 126px; /*width of sub menus*/
padding:0px 10px;
margin:0;
border-bottom: #000 solid 1px;
font-family:verdana, sans-serif;
cursor:pointer;
}

#nav li ul li a:hover{ /*sub menus hover style*/
	font-weight:bold;
}
* html #nav li a, * html #nav li a span, * html #nav li ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block; background:url('/templates/theme_caramelplus/images/bg-featContent.png'); cursor:pointer;
}
* html #nav li a{padding:0;}

/*** Top Content Styles ***/
#realtorTitle h1, #realtorTitle h2{margin: 10px 0;}
#realtorTitle h1{margin-bottom:0;}
#realtorTitle, #realtorSlogan { margin-bottom:2em;}

#realtorSlogan{ margin-left:100px; margin-top:20px; float:right; text-align:right;}
#realtorSlogan h2{font-size:18px; text-align:center;}
#phone h2{padding:4px 0; font-size:18px; text-align:right;}

/*** Main Content Styles ***/
/* structure  */
#divSysCurrFeatLayerId{}
#divSysCurrFeatLayerId td{text-align:center;}
#divSysCurrFeatLayerId td img{height:auto;}

h4.button{width:174px; margin:0 auto; margin-top:20px;}
h4.button a{display:block; font-weight: normal; font-style: normal; line-height:normal; font-family: 'ErasBoldITCRegular', sans-serif; font-size:12px; padding-top:10px; padding-bottom:65px; width:174px; text-decoration:none;}
.search{background-image:url('images/img-mls.png'); background-position:bottom; background-repeat:no-repeat;}
.eval{background-image:url('images/img-eval.png'); background-position:bottom; background-repeat:no-repeat;}
.featured{background-image:url('images/img-feat.png'); background-position:bottom; background-repeat:no-repeat;}

* html h4.button a{padding-bottom:55px;}
* html .search{background-image:url('images/ie-img-mls.jpg'); background-position:bottom; background-repeat:no-repeat;}
* html .eval{background-image:url('images/ie-img-eval.jpg'); background-position:bottom; background-repeat:no-repeat;}
* html .featured{background-image:url('images/ie-img-feat.jpg'); background-position:bottom; background-repeat:no-repeat;}

.featContent{text-align:center; padding-top:40px;}
.featContent h2, .featContent ul li a{
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'ErasBoldITCRegular', sans-serif;
}
.featContent h2{
	font-size:20px;
	line-height:20px;
	margin:0;
	padding-top:15px;
	padding-bottom:55px;
}
.featContent ul{ margin:0px 20px; padding:0; list-style:none;}
.featContent ul li{
	text-align:left;
	margin:0; 
	padding:0;	
}
.featContent ul li a{
	text-decoration:none;
	display:block;
	font-size:16px;
	line-height:16px;
	padding:13px 0;
}
.featContent ul li a:hover{
	text-decoration:underline;
}
*html .featContent ul li a, *html .featContent h2{
	display:inline-block;
}
#homeContent{
	margin:0px;
	padding:50px;
}
#interiorContent{
	padding:0 20px; margin:0;
	padding-top:60px;
	width:710px;
	background:url('/templates/theme_caramelplus/images/bg-featContent.png');
	min-height:700px;
	-moz-border-radius-bottomright:10px; -webkit-border-bottom-right-radius:10px;
}
* html #interiorContent{height:650px; background:none;}

/* content -note: container width = 990px  */
#realtor{
	width:230px;
	padding-top:60px;
	padding-bottom:18px;
}
#interiorContent #realtor{
}
#imgRealtorPhoto{
	border:2px #fff solid;
	margin-bottom:1em;
}
#realtor h2{
	font-size:1.6em; margin:0px; padding:0px; padding-bottom:8px;
	font-family:verdana, sans-serif;
}
#realtor h3{
	font-size:1.4em; margin:0px 30px; padding-top:8px;
	border-top:1px solid #fff;
}
#realtor p{text-align:justify; margin:1em 0px;}

#homeBuyers,#homeSellers,#featProp{
	width:240px; min-height:270px;
}

#homeBuyers, #homeSellers{
	background:url('/templates/theme_caramelplus/images/bg-featContent.png');
	-moz-border-radius-topleft:0px; -webkit-border-top-left-radius:0px;
	-moz-border-radius-topright:0px; -webkit-border-top-right-radius:0px;
	-moz-border-radius-bottomleft:5px; -webkit-border-bottom-left-radius:5px;
	-moz-border-radius-bottomright:5px; -webkit-border-bottom-right-radius:5px;
}
*html #homeBuyers, *html #homeSellers{
}
#homeBuyers > .featBG,#homeSellers > .featBG{
	background-image:url("/templates/theme_caramelplus/images/bg-main2.png");
	background-repeat:no-repeat;
}
*html #homeBuyers > .featBG, *html #homeSellers > .featBG{
	background:none;
}
#homeBuyers > .featBG{
	background-position:top left;
}
#homeSellers > .featBG{
	background-position:top right;
}
#featProp{text-align:center; position:relative;}
	#featProp .button{position:absolute; top:210px; right:75px; padding:5px; background:#fff;}
#featProp h2{padding-bottom:0.5em;}

/* Misc Styles */
.left{float:left;}
.right{float:right;}