div, p, table, ul, h1, h2, h3, h4, h5, h6, body, blockquote, a, img{margin:0;padding:0;text-align:left;}

body{margin:0;padding:0;line-height: 1.5em;background-color:#ae6219;font-family:'trebuchet ms';font-size:.8em;}
#container{width:80%;margin:0 auto;position:relative;top:30px;overflow:hidden;}
#main{float:left;width:100%;background-color:#fff;height:560px;}
#nav{width:190px;top:0px;position:absolute;background: #C8FC98;height:560px;background:url('../images/samcropped.jpg') bottom left no-repeat #000;}
#footer{clear: left;width: 100%;background: black;color: #FFF;height:60px;}
#area{margin-left: 190px; /*Set left margin to LeftColumnWidth*/margin-top:10px;}
#overlay{background-color:#000;height:100%;width:100%;position:absolute;top:0px;left:0px;opacity:0.8;filter:alpha(opacity=80);display:none;z-index:2;}
#video{margin:0 auto;position:relative;width:300px;top:-400px; z-index:100;}
#closepopup{color:#fff;font-size:40px;outline:none;text-decoration:none;position:absolute;top:0px;right:-30px;}
#video #closepopup {right:-85px;}
#note{background-color:#000;color:#fff;position:absolute;
left:250px;top:180px;font-size:22px;font-weight:bold;display:block;padding:15px 8px 15px 8px;
z-index:10;opacity:0;filter:alpha(opacity=0)}
/*****
GOLD    #ae6219
ORANGE  #e2b30c
TEAL    #4999a1
PURPLE  #967ba7
GREEN   #8aa35f
BLUE		#5189b5
*****/
h1#logo{background:url('../images/elements.png') 0px 0px no-repeat;display:block;width:189px;height:71px;
text-indent:-200em;margin:0;}
h1#logo.home {background-color:#e2b30c;}
h1#logo.properties {background-color:#4999a1;}
h1#logo.about {background-color:#967ba7;}
h1#logo.resources {background-color:#8aa35f;}
h1#logo.contact {background-color:#5189b5;}

#area h1{background-image:url('../images/elements.png');display:block;width:300px;height:80px;background-color:red;width:570px;
background-position:-375px 0px;position:absolute;top:60px;left:220px;text-indent:-2000em;}
#area h1.home{background-position:-380px 0px;background-color:#e2b30c;}
#area h1.properties{background-position:-380px -176px;background-color:#4999a1;}
#area h1.about{background-position:-380px -88px;background-color:#967ba7;}
#area h1.resources{background-position:-380px -260px;background-color:#8aa35f;}
#area h1.contact{background-position:-380px -345px;background-color:#5189b5;}

h2.section{font-size:37px;position:absolute;right:220px;top:110px;line-height:45px;}
h2.sectionreasons{font-size:37px;position:absolute;right:220px;top:80px;line-height:35px; text-align:right;}
h2{font-size:20px;clear:both;}
h3.multiplepercol{margin-top:15px;}
a:hover {text-decoration:underline;}
a img{border:0px;}

ul.links.buttons li a{
border-left:1px solid #eee;
border-top:1px solid #eee;
border-right:1px solid #888;
border-bottom:1px solid #888;
-moz-border-radius: 5px;-webkit-border-radius: 5px;
}
ul.links.buttons li a.active{
border-left:1px solid #888;
border-top:1px solid #888;
border-right:1px solid #eee;
border-bottom:1px solid #eee;
}

/*********************** SCROLL ***************************/
#scrollarea{overflow:auto;height:340px;margin-top:170px;padding-left:40px;}
#scrollcontent{margin-right: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
		margin-top: 0;width:2620px;height:200px;list-style:none;text-indent:0;padding:0px 0px 0px 0px;}
#scrollcontent li{width:295px;float:left;}
#scrollcontent ul li{width:auto;float:none;}
#scrollcontent p{position:relative;width:95%;text-indent:0em;line-height:1.7em;}
#scrollleft, #scrollright{display:block;width:50px;height:90px;background-image:url('../images/elements.png');
text-indent:-200em;outline:none;position:absolute;top:75px;}
#scrollleft.inactive, #scrollright.inactive{cursor:default;opacity:0.3;filter:alpha(opacity=30);outline:none;}
#scrollleft{background-position: -10px -340px;right:110px;}
#scrollright{background-position: -80px -340px;right:20px;}


/*********************** NAV ***************************/

#nav ul{overflow:hidden;list-style:none;margin:0;padding:0px 0px 0px 29px;margin-top:10px;}
#nav li a{background-image:url('../images/elements.png');width:161px;display:block;height:32px;text-indent:-200em;outline:none;
background-color:#fff;}
li#nav_home a{background-position:0px -120px;}
li#nav_properties a{background-position:0px -153px;}
li#nav_about a{background-position:0px -187px;}
li#nav_resources a{background-position:0px -219px;}
li#nav_contact a{background-position:0px -251px;}

#nav li.active.home a, .home{background-color:#e2b30c;}
#nav li.active.properties a, .properties{background-color:#4999a1;}
#nav li.active.about a, .about{background-color:#967ba7;}
#nav li.active.resources a, .resources{background-color:#8aa35f;}
#nav li.active.contact a, .contact{background-color:#5189b5;}

span.cta a,.cta{text-transform:uppercase;display:block;text-decoration:none;}
.home .cta, .home .cta a{color:#e2b30c;}

.properties .cta{color:#4999a1;}
.about .cta{color:#967ba7;}
.resources .cta{color:#8aa35f;}
.contact .cta{color:#5189b5;}


/*********************** FOOTER ***************************/
#footer ul{list-style:none;margin:0;padding:0;text-indent:0;}
#footer div{float:right;margin:10px 20px 0px 0px;}

#remax{background:url('../images/elements.png') 0px -75px no-repeat;display:block;width:75px;height:40px;text-indent:-200em;outline:none;float:left;margin:10px 0px 0px 10px;}
#samcorea{background:url('../images/elements.png') -75px -75px no-repeat;display:block;width:230px;height:40px;text-indent:-200em;outline:none;float:left;margin:10px 0px 0px 0px;}

#contactinfo{height:20px;width:400px;}
#contactinfo li{float:right;margin-left:10px;}
#footer p, #footer strong{color:#ae6219;}
#footer p{text-align:right;clear:both;margin:0;}

#socialmedia{width:160px;float:right;position:relative;top:14px;}
#socialmedia li{width:12%;float:left;}
#socialmedia a{width:30px;height:30px;display:block;background:url('../images/elements.png');text-indent:-200em;float:left;outline:none;
opacity:0.6;filter:alpha(opacity=60);}
#socialmedia a:hover{opacity:1;filter:alpha(opacity=100)}
#twitter a{background-position:0px -296px;}
#twitter_teaser a{}
#facebook a{background-position:-30px -296px;}

/*********************** TWITTER POPUP ***************************/

#twitter_container{display:block; position:absolute; bottom:8px; right:-20px; width:110px;  background:url(../images/trans85.png); color:#FFF; padding:0 10px 10px; line-height:1.2em;}
#twitter_container a{color:#FFF; text-decoration:none; font-size:12px;}
#twitter_container a:hover{text-decoration:underline;}
#twitter_header {float:none !important;}
#twitter_header a.twitter_popup {display:inline-block;  line-height:12px; text-align:center;font-size:10px; font-weight:bold;opacity:.6;}
#twitter_header a.twitter_popup:hover {opacity:1; text-decoration:none;}
#twitter_header a.active {opacity:1;}
#twitter_header img {vertical-align: middle;}
#mtaTwitter2 a img{width:48px;height:48px}

#twitter_body{display:none; height:563px; margin:0px !important;}
a#media_manager {background: #FFF url(../images/elements.png) no-repeat -192px -122px; display:block; height:20px; width:186px;text-indent:-3000px;}
a.maximize {background-position: -192px -149px !important;}
a.twitter_name {text-decoration:none; font-size:17px !important;}
#twitter_sam {width: 184px; float:none !important; position:relative; border-top: 4px solid #ae6119; padding:10px 8px 30px; margin:0px !important; height: 200px;}
#twitter_jacqeline {width: 184px;float:none !important; position:relative; border-top: 4px solid #e6507e; padding:10px 8px 30px; margin:0px !important;}
a.follow {height:20px;display:block; width:auto; padding:1px 1px 0; top:47px; left:50px; background: #FFF; border:3px solid #000; position:absolute; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#sam_followers, #jacq_followers {display:block; top:42px; left:85px; position:absolute;}
.when {display:block; margin-bottom:10px;}

#mtaTwitter,
#mtaTwitter2 		{margin:0px !important; min-height:150px; float:none !important;}
#mtaTwitter img,
#mtaTwitter2 img	{border:1px solid #FFF; margin:10px 0 6px;}
#mtaTwitter ul, 
#mtaTwitter2 ul 	{height:100px; overflow:hidden;}
#mtaTwitter ul li, 
#mtaTwitter2 ul li 	{height:100px; list-style-type:none; font-size:12px;}
#mtaTwitter a, 
#mtaTwitter2 a		{color:#CCC; text-decoration:none;}
#mtaTwitter a:hover, 
#mtaTwitter2 a:hover{text-decoration:underline;}


/*********************** HOMEPAGE ***************************/
.home #scrollcontent p{width:90%;}
.home li p a{color:#000;}
.home #scrollcontent li a img{width:245px;height:185px;}



.home #scrollarea{height:390px;}

#scrollcontent #justlisted{position:relative;overflow:hidden;height:360px;}
#scrollcontent #justlisted h3{background:url('../images/elements.png') -75px -299px no-repeat;text-indent:-200em;position:relative;width:100px;height:25px;z-index:1;}
#scrollcontent #justlisted ul{border-right:1px solid #000;width:95%;height:1800px;width:95%;height:1800px;margin-top:-25px;}
#scrollcontent #justlisted li{list-style:none;overflow:hidden;position:relative;float:left;clear:both;width:278px;height:332px;overflow:hidden;padding-top:20px;}
#scrollcontent #justlisted li p{top:175px;width:95%;position:relative;}
#scrollcontent #justlisted li img{position:absolute;height:165px;}
#scrollcontent #justlisted li a{text-transform:uppercase;}
#justlisted span.order{font-size:30px;position:absolute;right:40px;margin-top:10px;color:#fff;text-shadow: -0.03em 0.03em 0.1em #000;font-weight:bold;z-index:1;}
#justlisted a span.justsold{float:left;z-index:2;position:absolute;color:#fff;padding:70px 0px 0px 50px;font-weight:bold;font-size:30px;text-shadow: -0.03em 0.03em 0.1em #000;text-decoration:none;}
a.nextlisting{position:absolute;top:334px;left:100px;background:url('../images/elements.png') -178px -295px no-repeat;width:25px;height:25px;text-indent:-200em;outline:none;z-index:111;}

.sold ul{list-style:none;width:260px;}
.sold ul li{overflow:auto;clear:both;padding:5px 0px;}
.sold ul li a{display:block;color:#e2b30c;text-decoration:none;width:99%;}
.sold span{font-size:11px;line-height:12.5px;color:#999;}
.sold span.status{width:200px;display:block;float:left;}
.sold span.date{float:right;padding-right:5px;}
.sold h3{width:200px;height:30px;background:url('../images/elements.png') -225px -295px no-repeat;
margin-top:-5px;text-indent:-100em;}

/*********************** PROPERTIES ***************************/
.properties #scrollleft,.properties #scrollright{top:50px;}
.properties #scrollarea{height:205px;top:0px;margin-top:145px;margin-bottom:20px;}
.properties #scrollcontent li{width:210px;position:relative;
border-top:3px solid #fff;border-bottom:3px solid #fff;height:193px;overflow:hidden;margin-right:1px}
.properties #scrollcontent li:hover{border-color:#4999a1;}
.properties #scrollcontent h4{font-size:30px;color:#fff;left:350px;height:50px;text-align:right;width:60px;display:block;margin:0;padding:10px 10px 0px 0px;float:right;margin-bottom:-60px;}

.properties #scrollcontent li p{position:absolute;left:0px;bottom:0px;height:40px;margin:0px;padding:10px 0px 0px 0px;background-color:#4999a1;width:100%;}

.properties #scrollcontent li p a{color:#fff;text-decoration:none;font-size:12px;position:relative;outline:none;}
.properties #scrollcontent li span.community{display:block;}
.properties #scrollcontent li span{text-transform:uppercase;line-height:10px;padding-left:5px;}

.properties #scrollcontent li p.viewdetails {display:block;width:100px;height:20px;float:left;position:absolute;left:205px;bottom:10px;}
.properties #scrollcontent li p.viewdetails a{display:block;background:url('../images/elements.png') left -462px no-repeat;
width:90px;height:20px;text-indent:-30000em;outline:none;}
.properties #scrollcontent .nextpage{margin-left:1px;padding:0px 0px 0px 20px;width:90px;background-color:#000;}
.properties #scrollcontent .nextpage a{color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;position:relative;top:85px;}

.properties #scrollcontent li>a{width:250px;height:215px;position:relative;float:left;overflow:hidden;}
.properties #scrollcontent a img{
width:221px;
margin-left:-10px;
border:0px;}


#newsletter form{padding-left:0px; margin:10px 0px;}

#scrollcontent #newsletter form p {background-color:transparent; margin:0; top:0;}

.properties form{position:relative;width:600px;top:0px;padding:0px;margin:0px 0px 0px 40px;}
.properties fieldset{height:25px;display:block;padding:0px;margin:0px;overflow:hidden;border:0;margin-bottom:10px;width:100%;
 border-bottom:1px solid #4999a1;}
.properties legend{font-weight:bold;color:#4999a1;margin:0;padding:0px;text-transform:default;}
.properties fieldset input, fieldset label{position:relative;left:120px;top:-17px;}
.properties label{margin-right:20px;}
.properties .bathrooms{width:65%;}
.properties .bedrooms .radio label, .properties .bathrooms .radio label{width:29px;display:block;float:left;margin:0;}
.properties label.javascript{background:url('../images/elements.png') 0px -485px no-repeat;padding-left:20px;cursor:pointer;}
.properties .checkbox label.active{background-position: -187px -485px;}
.properties .radio label{background-position:-490px -485px;}
.properties .radio label.active{background-position: -744px -485px;}
.properties #search input[type="submit"]{background:url('../images/elements.png') -175px -410px no-repeat;width:85px;height:75px;border:0px;
cursor:pointer;outline:none;position:absolute;left:420px;top:110px;text-align:left;padding:0px 0px 0px 25px;
}

.properties .results{width:300px;position:absolute;right:25px;}
.properties .results p{margin-bottom:0px;text-align:right;}
.properties .results a{background-color:#4999a1;padding:5px 8px;text-decoration:none;color:#fff;position:relative;top:10px;}
.properties .results span{border:1px solid #4999a1;padding:4px 7px;position:relative;top:10px;}

 #back{
 color:#fff;text-decoration:none;
 position:absolute;
 top:10px;
 left:200px;
 background-color:#000;padding:7px;
  }


.pdf a, a.pdf{background:url('../images/elements.png') -139px -333px no-repeat;padding-left:15px;color:#000;text-decoration:none;text-indent:0;height:auto; display:inline;}

.pdf a:hover, a.pdf:hover{text-decoration:underline;}

/*********************** PROPERTY DETAILS ***************************/
#area h1.details{top:60px;background:none;font-size:25px;text-indent:0;text-transform:uppercase;text-indent:0;line-height:90px;}
#area h1.details span.number{color:#4999a1;display:block;float:left;font-size:98px;
margin-right:-20px;letter-spacing:-.1em; filter:alpha(opacity=50);opacity:.5;
z-index:0;position:relative;
}

.details #scrollleft,.details #scrollright{top:50px;}
.details #scrollarea{height:230px;top:0px;margin-top:145px;}

.details #scrollarea {height:215px;top:0px;height:400px;}
.details #scrollcontent li{float:left;width:320px;height:400px;padding:0;margin:0;display:block;position:relative;}
.details #scrollcontent li img{width:320px;}
.details #scrollcontent a.photo{width:320px;height:215px;overflow:hidden;display:block;text-align:center;text-decoration:none;}
.details #scrollcontent .floorplan img{}
.details #scrollcontent a.photo img{border:0px;height:215px;}
.details #scrollcontent p{margin:10px 0px 0px 0px;}
.details #scrollcontent p.price{font-size:30px;text-indent:0px;text-decoration:none;}
.details #scrollcontent a span.soldstatus{font-size:35px;position:relative;line-height:35px;float:left;margin-top:-155px;margin-left:0px;font-weight:bold;color:#fff;text-align:center;}

.details #scrollcontent ul.links{padding:0;margin:0;list-style:none;height:200px;position:absolute; z-index:1; top:275px; left:0;}
.details #scrollcontent ul.links li{position:relative;top:0px;display:block;float:none;width:80%;height:auto;padding:0px;margin:0px;padding:1px 0px;}

.details #scrollcontent ul.links li a{display:block;float:none;width:235px;height:25px;
background:url(../images/elements.png) top left no-repeat #4999a1;text-indent:-300em;
outline:none;}
.details #scrollcontent ul.links li a.features{background-position:-962px -115px;}
.details #scrollcontent ul.links li a.floorplan{background-position:-962px -142px;}
.details #scrollcontent ul.links li a.report{background-position:-962px -167px;}
.details #scrollcontent ul.links li a.googlemap{background-position:-962px -193px;}

.details #scrollcontent a#share {float:right; position:relative; top:-30px; right:85px; z-index:2;}
.details #scrollcontent ul.share_links {display:none; width:30px;position:absolute; left:248px; top:247px; z-index:2;}
.details #scrollcontent ul.share_links a.share_fb{margin-top:-5px; padding:0px;}
.details #scrollcontent ul.share_links li{height:auto; margin-bottom:4px;line-height:1; width:60px;}
.details #scrollcontent ul.share_links img{height:auto; width:auto; display:block;}

.details #scrollcontent div#email_popup {position:absolute; top:220px; left:319px; width:300px; height:154px; padding:10px; background-color:#FFF; border: 1px solid #CCCCCC; z-index:10; display:none; }
.details #scrollcontent #email_popup a.closepopup {float:right;}
.details #scrollcontent #email_popup p {margin:2px 0px;}
.details #scrollcontent #email_popup h2 {margin:0px; padding:0px; font-size:12px;}
.details #scrollcontent #email_popup label {width:65px; vertical-align:top; display:inline-block;font-size:10px;}
.details #scrollcontent #email_popup input{width:180px;}
.details #scrollcontent #email_popup textarea{width: 214px; height:56px;}
.details #scrollcontent #email_popup input[type="submit"]{width:67px;float:right; font-size:11px;}
.details #scrollcontent a{color:#4999a1;}
.details #scrollcontent .nextpage{margin-left:1px;padding:0px 0px 0px 20px;width:90px;background-color:#000;}
.details #scrollcontent .nextpage a{color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;position:relative;top:85px;}
.details #results{float:right;margin:20px 20px;}

.details #stats{float:right;position:absolute;top:63px;right:95px;padding:0px;}
.details dl{width:150px;position:relative;float:left;padding:0px;margin:0px;}
.details dd{margin:0px 0px 10px 0px;font-size:12px;}
.details dt{text-transform:uppercase;font-size:10px;line-height:10px;}
.details dt.room{float:left;}
.details dd.otherrooms{padding-top:2px;line-height:14px;}

/*********************** Portfolio Details ***************************/
#area h1.portfolio_details{top:60px;background:none;font-size:25px;text-indent:0;text-transform:uppercase;text-indent:0;line-height:90px;}
#area h1.portfolio_details span.number{color:#967ba7;display:block;float:left;font-size:98px;margin-right:-20px;letter-spacing:-.1em; filter:alpha(opacity=50);opacity:.5; z-index:0;position:relative;
}

.portfolio_details #scrollleft,.portfolio_details #scrollright{top:50px;}
.portfolio_details #scrollarea{height:230px;top:0px;margin-top:145px;}

.portfolio_details #scrollarea {height:215px;top:0px;height:400px;}
.portfolio_details #scrollcontent {padding-left:23px;}
.portfolio_details #scrollcontent li{float:left;width:320px;height:400px;padding:0;margin:0;display:block;position:relative;}
.portfolio_details #scrollcontent li img{width:320px;}
.portfolio_details #scrollcontent a.photo{width:320px;height:215px;overflow:hidden;display:block;text-decoration:none;}
.portfolio_details #scrollcontent a.photo img{border:0px}
.portfolio_details #scrollcontent p{margin:10px 0px 0px 0px;}
.portfolio_details #scrollcontent p.price{font-size:30px;text-indent:0px;text-decoration:line-through;}
.portfolio_details #scrollcontent a span.soldstatus{font-size:35px;position:relative;line-height:35px;float:left;margin-top:-135px;margin-left:120px;font-weight:bold;color:#fff;text-align:center;}

.portfolio_details #scrollcontent ul.links{padding:0;margin:0;list-style:none;height:200px;}
.portfolio_details #scrollcontent ul.links li{position:relative;top:10px;display:block;float:none;width:80%;height:auto;padding:0px;margin:0px;padding:1px 0px;}

.portfolio_details #scrollcontent ul.links li a{display:block;float:none;width:235px;height:25px;
background:url(../images/elements.png) top left no-repeat #967ba7;text-indent:-300em;
outline:none;}

.portfolio_details #scrollcontent ul.links li a.features{background-position:-962px -115px;}
.portfolio_details #scrollcontent ul.links li a.floorplan{background-position:-962px -142px;}
.portfolio_details #scrollcontent ul.links li a.report{background-position:-962px -167px;}
.portfolio_details #scrollcontent ul.links li a.googlemap{background-position:-962px -193px;}

.portfolio_details #scrollcontent a#share {float:right; position:relative; top:-30px; right:85px; z-index:2;}
.portfolio_details #scrollcontent ul.share_links {display:none; float:right; width:30px;position:relative; right:-17px; top:-30px;}
.portfolio_details #scrollcontent ul.share_links a.share_fb{margin-top:-5px; padding:0px;}
.portfolio_details #scrollcontent ul.share_links li{height:auto; margin-bottom:4px;line-height:1;}
.portfolio_details #scrollcontent ul.share_links img{height:auto; width:auto; display:block;}

.portfolio_details #scrollcontent a{color:#967ba7;}
.portfolio_details #scrollcontent .nextpage{height:215px;margin-left:1px;padding:0px 0px 0px 20px;width:90px;background-color:#000;}
.portfolio_details #scrollcontent .nextpage a{color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;position:relative;top:85px;}
.portfolio_details #results{float:right;margin:20px 20px;}

.portfolio_details #stats{float:right;position:absolute;top:63px;right:95px;padding:0px;}
.portfolio_details dl{width:150px;position:relative;float:left;padding:0px;margin:0px;}
.portfolio_details dd{margin:0px 0px 10px 0px;font-size:12px;}
.portfolio_details dt{text-transform:uppercase;font-size:10px;line-height:10px;}
.portfolio_details dt.room{float:left;}



/*********************** ABOUT SAM ***************************/
.about #scrollarea{height:390px;}
.about #scrollcontent li{height:390px;position:relative;width:500px;}
.about #scrollcontent ul.links{list-style:none;text-indent:0;padding:0;margin:0px 0px 20px 0px; width:48%;float:left;overflow:hidden;}
.about #scrollcontent ul li{height:auto;}
.about #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}
.about ul.links a.cta{background:url('../images/elements.png') -970px -5px no-repeat;display:block;width:200px;height:27px;background-color:#967ba7;
text-indent:-300em;}
.about ul.links a.portfolio{background-position:-962px -58px;}
.about ul.links a.marketing{background-position:-962px -82px;}
.about ul.links a.facebook{background-position:-962px -6px;}
.about ul.links a.twitter{background-position:-962px -29px;}
.about ul.links a.magazine{background-position:-962px -222px;}

.about .ranking{padding:0;margin:10px 0px;text-align:center;}
.about .ranking a{color:#000;text-decoration:none;padding:10px;position:relative;margin:0px;z-index:1;}
.about .ranking td{width:50px;line-height:15px;vertical-align:top;margin:0px;border-right:1px solid white;cursor:default;
z-index:1;position:relative;}
.about .ranking td.western{}
.about .ranking tr.rank td{font-size:25px;background-color:#eee;line-height:50px;vertical-align:middle;}
.about .ranking tr.year td{background-color:#ddd;padding:5px 0px;}
.about .ranking tr td.active{background-color:#000;}
.about .ranking tr td.active a{color:#fff;}
.about .ranking em{position:relative;font-style:normal;font-size:12px;top:-3px;left:-2px;}
.about .ranking span.western{
position:absolute;
left:-32px;top:31px;
display:block;
height:21px;
padding:3px 10px 0px 10px;
width:100px;
background-color:#000;color:#fff; 
display:none;
}
.about .ranking span.article{
text-align:center;
top:42px;
left:-85px;
}
.about ul.links a:hover{text-decoration:underline;}
.about a {color:#967ba7;}

/*********************** ABOUT - MAGAZINE ***************************/
.about ul#sam_issues { margin-top:30px; background:url(../about/magazine/images/line_shadow.gif) repeat-x bottom left;height:263px;}
.about ul#sam_issues:after {content:'.'; clear:both; height:0; visibility:hidden; display:block;}
.about ul#sam_issues li {list-style-type:none; float: left; padding-right:40px; text-align:center; width:auto !important;}
.about ul#sam_issues li a {text-decoration:none; color:#000; }
.about ul#sam_issues li img{display:block;margin:5px 0 0px;}
.about ul#sam_issues li p {text-indent: 0; position:absolute;padding:20px 10px 10px 10px; margin-top:-20px; margin-left:-20px;font-size: 11px; line-height: 1.3em; color:#FFF; width:159px; height:65px; background:url(../images/popup_bg.png) no-repeat top left;}
#mag_container {width:100%; height:550px; display:block; position:relative; overflow:hidden;}
#mag_container:after {content:'.'; clear:both; height:0; visibility:hidden; display:block; }

#issues_dropdown {position:absolute; bottom:30px; right:0; width:20%; height:490px;background: #FFF; z-index:10; }
#issues_dropdown img.active {border:6px solid #967ba7;}
#magazine {height:100%; width:100%;}
a.more_issues {position:absolute; top:0px; right:20px;}
#mag_container ul#sam_issues { margin:5px 0px 0 0px; background:none;}
#mag_container ul#sam_issues:after {content:'.'; clear:both; height:0; visibility:hidden; display:block; }
#mag_container ul#sam_issues li {list-style-type:none; float:none; text-align:center; margin:0 auto;padding-right:0px;}
#mag_container ul#sam_issues li img{display:block;margin:5px auto 25px;}
#mag_container  ul#sam_issues li a {text-decoration:none; color:#000;}
#mag_container a {color:#000; text-decoration:none;}
#mag_container #scrollarea {margin:0; height:550px; padding:0px;}
#mag_container ul#scrollcontent li{height:550px;}
#issues_dropdown a {color:#000; text-decoration:none;}

/*********************** RESOURCES ***************************/
.resources #scrollcontent li{width:280px;}
.resources #scrollcontent ul{list-style:none;}
.resources #scrollcontent ul li{width:auto;display:block;float:none;border:1px solid #fff;padding-right:50px;margin-top:5px;}
.resources #scrollcontent ul.links li a{background:url(../images/elements.png) -385px -430px no-repeat #8aa35f;padding:0px 0px 0px 14px;display:block;
}
.resources a{color:#8aa35f;}

/*********************** RESOURCES FINDING A HOME***************************/
.resources_findingahome #scrollarea{height:385px;}
.resources_findingahome #scrollcontent li{width:490px;}
.resources_findingahome #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px;}
.resources_findingahome #scrollcontent ul li{width:auto;}
.resources_findingahome #scrollcontent div{width:95%;}
.resources_findingahome #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}

/*********************** RESOURCES MAKING AN OFFER***************************/
.resources_makinganoffer #scrollarea{height:385px;}
.resources_makinganoffer #scrollcontent li{width:470px;}
.resources_makinganoffer #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px;}
.resources_makinganoffer #scrollcontent ul li{width:auto;}
.resources_makinganoffer #scrollcontent div{width:95%;}
.resources_makinganoffer #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}



/*********************** RESOURCES MAKING AN OFFER***************************/
.resources_thehomeinspection #scrollarea{height:385px;}
.resources_thehomeinspection #scrollcontent li{width:520px;}
.resources_thehomeinspection #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px;}
.resources_thehomeinspection #scrollcontent ul li{width:auto;}
.resources_thehomeinspection #scrollcontent div{width:95%;}
.resources_thehomeinspection #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}

/*********************** RESOURCES SELLING YOUR HOME***************************/
.resources_sellingyourhome #scrollarea{height:385px;}
.resources_sellingyourhome #scrollcontent li{width:520px;}
.resources_sellingyourhome #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px;line-height:1.7em;}
.resources_sellingyourhome #scrollcontent ul li{width:auto;}
.resources_sellingyourhome #scrollcontent ol{width:auto; height:60px;line-height:1.7em;}
.resources_sellingyourhome #scrollcontent div{width:95%;}
.resources_sellingyourhome #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}

/*********************** RESOURCES SELLING TIPS***************************/
.resources_sellingtips #scrollarea{height:385px;}
.resources_sellingtips #scrollcontent li{width:520px;}
.resources_sellingtips #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px;line-height:1.7em;}
.resources_sellingtips #scrollcontent ul li{width:auto;}
.resources_sellingtips #scrollcontent div{width:95%;}
.resources_sellingtips #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}

/*********************** RESOURCES GOOD REASONS***************************/
.resources_goodreasons #scrollarea{height:385px;}
.resources_goodreasons #scrollcontent li{width:400px;}
#bottomline{width:400px; margin-left:90px;}
.resources_goodreasons #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px;line-height:1.7em;}
.resources_goodreasons #scrollcontent ul li{width:auto;}
.resources_sellingyourhome #scrollcontent ol{width:auto; line-height:1.7em;}
.resources_goodreasons #scrollcontent div{width:300px;}
.resources_goodreasons #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}

/*********************** RESOURCES MOVING CHECKLIST***************************/
.resources_movingchecklist #scrollarea{height:385px;}
.resources_movingchecklist #scrollcontent li{width:520px;}
.resources_movingchecklist #scrollcontent ul{float:none;width:auto;list-style-type:disc;text-indent:0px;padding-left:20px; padding-right:15px; line-height:1.7em;}
.resources_movingchecklist #scrollcontent ul li{width:auto;}
.resources_movingchecklist #scrollcontent div{width:95%;}
.resources_movingchecklist #scrollcontent p{position:relative;width:95%;text-indent:1.7em;line-height:1.7em;}








/*********************** CONTACT ***************************/
.contact #scrollarea{height:390px;position:relative;top:-45px;padding-top:45px; width:100%;}
.contact a{color:#5189b5}
.contact #scrollcontent {}
.contact dl.contactinfo{text-indent:0;margin:0;padding:0;}

.contact dl.contactinfo dt{color:#5189b5;float:left;display:block;width:80px;font-weight:bold;}
.contact address{font-style:normal;margin-bottom:20px;}

.contact form ul{list-style:none;}
.contact form ul label{width:200px;display:block;}
.contact form ul li{margin-bottom:10px;}

#contact_message{width:100%;height:100px;}


.contact ul.reps{background:url(../images/team.jpg) 0 0 no-repeat transparent;width:382px;list-style:none;position:absolute; top:0;right:70px;}
.contact ul.reps li a{float:left;display:inline-block;padding-top:380px;text-align:center; width:120px;}





/*********************** ABOUT MARKETING ***************************/
.about_marketing #scrollarea{height:380px;}

.about_marketing h3 a{width:100%;display:block;height:45px;outline:none;}
.about_marketing h3{background:url('../images/logos.gif') top left no-repeat;display:block;width:165px;height:45px;text-indent:-2000em;
margin-bottom:5px;
border-left:2px solid #eee;
border-top:2px solid #eee;
border-right:2px solid #bbb;
border-bottom:2px solid #bbb;
}
.about_marketing h3.active{
border-left:2px solid #888;
border-top:2px solid #888;
border-right:2px solid #eee;
border-bottom:2px solid #eee;
position:relative;
left:10px;
top:0px;
opacity:1;filter:alpha(opacity=100);}

.about_marketing h3{-moz-border-radius: 5px;-webkit-border-radius: 5px;}

.about_marketing h3#calgaryherald{}
.about_marketing h3#dreamhomesofcanada{background-position:0px -92px;}
.about_marketing h3#businessincalgary{background-position:0px -45px;}
.about_marketing h3#realestateguide{background-position:0px -139px;height:50px;}
.about_marketing h3#businessedge{background-position:0px -195px;height:70px;}
.about_marketing h3#directmail{background-position:0px -278px;}
.about_marketing h3#businessedge a{height:70px;}
.about_marketing #scrollcontent li ul{list-style:none;margin:0;padding:0;text-indent:0;}



/*********************** ABOUT PORTFOLIO ***************************/
.about_portfolio h2{top:95px;}
.about_portfolio #scrollleft,.about_portfolio #scrollright{top:50px;}
.about_portfolio #scrollarea{height:230px;top:0px;margin-top:145px;}

.about_portfolio form{margin-left:27px;position:relative;margin-top:20px;width:580px;}
.about_portfolio fieldset{height:25px;display:block;padding:0;overflow:hidden;border:0;margin-bottom:10px;
width:550px;}
.about_portfolio legend{width:200px;font-weight:bold;}
.about_portfolio fieldset input, fieldset label{position:relative;left:120px;top:-17px;}
.about_portfolio label{margin-right:20px;}
.about_portfolio .bedrooms .radio label, .about_portfolio .bathrooms .radio label{width:29px;display:block;float:left;margin:0;}
.about_portfolio label.javascript{background:url('../images/elements.png') 0px -485px no-repeat;padding-left:20px;cursor:pointer;}
.about_portfolio .checkbox label.active{background-position: -187px -485px;}

.about_portfolio .radio label{background-position:-490px -485px;}
.about_portfolio .radio label.active{background-position: -744px -485px;}

.about_portfolio input[type="submit"]{background:url('../images/elements.png') -175px -410px no-repeat;width:85px;height:75px;border:0px;text-indent:-200em;cursor:pointer;outline:none;position:absolute;left:410px;top:28px;}

.about_portfolio #scrollarea {height:215px;}

.about_portfolio #scrollcontent li{width:408px;background-color:#967ba7;position:relative;}
.about_portfolio #scrollcontent h4{font-size:30px;color:#fff;left:350px;height:50px;text-align:right;width:60px;display:block;margin:0;padding:10px 10px 0px 0px;float:right;margin-bottom:-60px;
}
.about_portfolio #scrollcontent li dl{
margin:0;background:url('../images/elements.png') -1179px -480px no-repeat transparent;padding-top:0px;
float:left;width:162px;position:relative;margin-left:-19px;top:0px;color:#fff;
}

.about_portfolio #scrollcontent li dt{text-transform:uppercase;font-size:.8em;margin:0px 0px 0px 25px;}
.about_portfolio #scrollcontent li dd{padding:0;margin:0px 0px 15px 25px;line-height:.6em;}


.about_portfolio .results{width:500px;float:right;margin-right:25px;}
.about_portfolio .results p{margin-bottom:0px;text-align:right;}
.about_portfolio .results a{background-color:#967ba7;padding:5px 8px;text-decoration:none;color:#000;position:relative;top:10px;margin-top:20px;}
.about_portfolio .results span{border:1px solid #967ba7;padding:4px 7px;position:relative;top:10px;}


.about_portfolio #scrollleft,.about_portfolio #scrollright{top:50px;}
.about_portfolio #scrollarea{height:240px;top:0px;margin-top:145px;margin-bottom:20px;}
.about_portfolio #scrollcontent li{width:210px;position:relative;
border-top:3px solid #fff;border-bottom:3px solid #fff;height:193px;overflow:hidden;margin-right:1px}
.about_portfolio #scrollcontent li:hover{border-color:#967ba7;}
.about_portfolio #scrollcontent h4{font-size:30px;color:#fff;left:350px;height:50px;text-align:right;width:60px;display:block;margin:0;padding:10px 10px 0px 0px;float:right;margin-bottom:-60px;}

.about_portfolio #scrollcontent li p{position:absolute;left:0px;bottom:0px;height:40px;margin:0px;padding:10px 0px 0px 0px;background-color:#967ba7;width:100%;}

.about_portfolio #scrollcontent li p a{color:#fff;text-decoration:none;font-size:12px;position:relative;outline:none;}
.about_portfolio #scrollcontent li span.community{display:block;}
.about_portfolio #scrollcontent li span{text-transform:uppercase;line-height:10px;padding-left:5px;}

.about_portfolio #scrollcontent li p.viewdetails {display:block;width:100px;height:20px;float:left;position:absolute;left:205px;bottom:10px;}
.about_portfolio #scrollcontent li p.viewdetails a{display:block;background:url('../images/elements.png') left -462px no-repeat;
width:90px;height:20px;text-indent:-30000em;outline:none;}
.about_portfolio #scrollcontent .nextpage{height:193px;margin-left:1px;padding:0px 0px 0px 20px;width:90px;background-color:#000;}
.about_portfolio #scrollcontent .nextpage a{color:#fff;font-weight:bold;text-transform:uppercase;text-decoration:none;position:relative;top:85px;}


.about_portfolio #scrollcontent li>a{width:250px;height:215px;position:relative;float:left;overflow:hidden;}
.about_portfolio #scrollcontent a img{width:221px;border:0px;margin-left:-10px;}


.about_portfolio #homessoldin{width:40%;overflow:auto;position:absolute;top:-30px;}
.about_portfolio #homessoldin{position:relative;left:40px;clear:both;}
.about_portfolio #homessoldin ul{list-style:none;}
.about_portfolio #homessoldin ul li{float:left;width:100px;}

.about_portfolio #homessoldin li a{-moz-border-radius: 5px;-webkit-border-radius: 5px;color:#000;}
.about_portfolio #homessoldin li a{display:block;width:85px;height:30px;text-align:center;padding-top:8px;text-decoration:none;
margin-bottom:5px;
border-left:2px solid #eee;
border-top:2px solid #eee;
border-right:2px solid #bbb;
border-bottom:2px solid #bbb;
}
.about_portfolio #homessoldin li a.active{
background-color:#eee;
border-left:2px solid #888;
border-top:2px solid #888;
border-right:2px solid #eee;
border-bottom:2px solid #eee;
position:relative;
top:0px;
}
#area h1 span.street{z-index:1;position:relative; left:-10px;}
#area h1 span.number.twodigits{width:110px; margin-right:-45px;}
#area h1 span.number.threedigits{width: 150px; margin-right:-67px;}
#area h1 span.number.fourdigits{width:225px; margin-right:-165px;}

#showmap{left:0;top:0;position:absolute;z-index:250;display:block;}
#minimap{position:absolute; top:0; left:0;width:300px; height:215px;z-index:0;}
#map{width:70%;height:520px;position:absolute;left:280px;top:20px;z-index:10;border:8px solid #fff; visibility:hidden;}
