@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; }

@font-face {
    font-family: 'MyriadProRegular';
    src: url('MyriadPro-Regular.eot');
    src: url('MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
         url('MyriadPro-Regular.woff') format('woff'),
         url('MyriadPro-Regular.ttf') format('truetype'),
         url('MyriadPro-Regular.svg#MyriadProRegular') format('svg');
    font-weight: normal;
    font-style: normal;

} 

p.custom_font{font-family: MyriadProRegular;}

body{margin:0;padding:0;background-color: #F4F4F4;background-image:url(images/bg.jpg);background-position:top;background-repeat:repeat-x;  font-family: 'MyriadProRegular';}

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

h1{color:#cfcfcf; font-family: MyriadProRegular; font-size:34px; letter-spacing:0px; margin:0; padding:0px 0px 22px 0px; line-height:31px}

h2{color:#000; font-family: MyriadProRegular; font-size:14px; letter-spacing:3px; margin:0; padding:0px 0px 22px 0px; line-height:18px}

h3{color:#484848; font-family: MyriadProRegular; font-size:14px; letter-spacing:3px; margin:0; padding:30px 0px 13px 0px; line-height:18px;}

a{text-decoration:none; color:#000}

a:hover{ text-decoration:none; color:#737272}

.clear{clear:both}

/*************/

.wrapper{width:0 auto; margin-bottom:7px}

.mainContent{margin:0 auto; width:1004px;  background-color:#FFF; overflow:hidden; padding-bottom:40px}

.backToTop{margin:0 auto; width:1004px; overflow:hidden; text-align:center}

.content{overflow:hidden}

.homeMenuContent{float:left; background-color:#353535; height:584px; width:214px; margin:2px; }

.homeImage{height:537px; width:784px; float:left;}

.homeContactTop{color:#ffffff; text-shadow: -2px 0px #656565, 0px 0px; font-size:17px; letter-spacing:8px; text-align:left; height:34px; width:786px; background-image: url(images/bg.jpg);background-position:top;background-repeat:repeat-x; padding-top:15px; padding-left:472px; overflow:hidden}

.salesText{color:#ffffff; text-shadow: -2px 0px #656565, 0px 0px; font-size:13px; letter-spacing:8px; text-align:right; padding:3px 16px 0px 0px; margin:0; float:left}

.menuHome{width:214px;text-decoration:none; height:242px}

.menuHome a{text-decoration:none}

.menuHome ul{width:214px; height:45px; color:#FFF; text-shadow: -2px 0px #000, 0px 0px; font-size:14px; letter-spacing:7px;}

.menuHome ul li{ list-style: none; height:33px;padding:13px 0px 0px 20px ; width:194px; border-bottom:1px solid #fff; color:#FFF; text-decoration:none}

.menuHome ul li a{ text-decoration:none; color:#FFF}

.menuHome ul li:hover{background-color:#535353; background-image:url(images/home_nav_bar_RO.jpg); background-repeat:no-repeat}

.bookAppointmentHomeBtn{ height:139px;}


.ourStoreHome{float:left; width:192px; margin:40px 0px 0px 26px;}

.homeCopy{width:228px; float:left; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; margin:40px 40px 0px 0px;}

.homeCopy  li {list-style-image: url("images/arrow.jpg"); list-style-position: outside; margin:0px 0px 15px 15px}


/****************OLD FOOTER***************/

/*.footer{margin:0  auto; width:975px;  overflow:hidden; padding:21px 0px 20px 30px;color:#bcbcbc; letter-spacing:1px; line-height:19px; font-size:12px; background-color:#353535}

.footerMenu{ text-decoration:none; width:760px; float:left; line-height:25px;}
.footerMenu ul li{color:#bcbcbc;list-style: none;display: inline;}
.footerMenu a{text-decoration:none; color:#bcbcbc}
.footerMenu a:hover{color:#fff; text-decoration:none}
.footerMEnuDivider{padding:0px 6px }

.footerSocial{ text-decoration:none;float:left; text-align:left; margin-top:}
.footerSocialIcon{margin-left:15px; float:left; heigh:23px; width:24px}*/


/************************************/

.footer{margin:0  auto; width:975px;  overflow:hidden; padding:21px 0px 20px 30px; letter-spacing:1px; line-height:19px; font-size:12px; background-color:#161616; 
background-image: url(images/footer_bg.jpg); background-position:top; background-repeat:repeat-x}
.footerLogo{width:168px; float:left; margin:0px 4px 0px -6px}
.footerMenu{ text-decoration:none; float:left; line-height:25px; border-left: 1px solid #323232; padding:0px 39px; }
.footerMenu ul li{color:#bcbcbc;list-style: none;}
.footerMenu a{text-decoration:none; color:#878787;  text-shadow: -2px 0px #000000, 0px 0px;}
.footerMenu a:hover{color:#fff; text-decoration:none;  text-shadow: -2px 0px #000000, 0px 0px;}

.footerSubscribe{ text-decoration:none; float:left; line-height:25px; border-left: 1px solid #323232; padding:0px 39px; text-align:center; color:#878787;  text-shadow: -2px 0px #000000, 0px 0px;}


.footerSocial{ text-decoration:none;float:left; border-left: 1px solid #323232; padding:25px 0px 0px 39px;  text-shadow: -2px 0px #000000, 0px 0px;}
.footerSocialIcon{margin-left:15px; float:left; heigh:23px; width:24px}


/**************** NAV BAR Except home *******************/

.navBar{margin:0 auto; width:1004px;  background-color:#FFF; overflow:hidden; padding-bottom:40px}

.navBarLogo{float:left; height:94px; width:214px; margin:2px; background-color:#000}

.navBarMenuBox{width:784px; height:95px; float:left}

.navBarMenuCall{width:784px; height:47px; border-bottom:2px solid #fff}

.navBarMenu {width:782px; height: 47px; margin: 0; padding:0px 0px 0px 2px; background-color:#353535; text-decoration:none; text-shadow: -2px 0px #000, 0px 0px; letter-spacing:6px; font-size:13px}
.navBarMenul ul { margin: 0;padding: 0;}
.navBarMenu ul li{  height:29px; float: left;margin: 3px 0px 2px 0px; padding:13px 0px 0px 0px; color:#FFF; text-decoration:none; list-style:none;}
.navBarMenu #currentPage{background-color:#636363}
.navBarMenu ul li.bookAnAppointment{ width:313px; height:29px; float: left;margin: 3px 0px 2px 0px; padding:13px 0px 0px 20px; color:#FFF; text-decoration:none; list-style:none; text-align:left; background-image:url(images/nav_bar_BYA.jpg); background-repeat: repeat-x}
.navBarMenu ul li.bookAnAppointment:hover{ background-image:url(images/nav_bar_BYA_RO.jpg); background-repeat: repeat-x}
.navBarMenu ul li a { font-size:14px; letter-spacing:7px; float:left; color:#FFF; text-decoration: none;}
.navBarMenu ul li:hover{background-color:#636363}

/**************************************************************/

.layoutOneCopy{float:left; width:350px; padding:40px 25px 0px 27px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden}

.layoutOneimage{float:left; width:600px; height:566px; padding:40px 0px 0px 0px}

/***************************************************************/

.layoutTwoimage{float:left; width:350px; height:566px; padding:40px 40px 0px 2px; }

.layoutTwoCopy{float:left; width:500px; padding:40px 0px 0px 0px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden}

.layoutTwoCopy  li {list-style-image: url("images/arrow.jpg"); list-style-position: outside; margin:0px 0px 15px 15px}

.layoutTwoCopyQuotes{ text-indent:30px; padding:20px 0px 21px 0px !important; background-image:url(images/quoteDivider.jpg); background-repeat:no-repeat; background-position: bottom center;}

.layoutTwoCopyQuoteName{ text-align:right; padding-top:30px; font-style:italic; color:#5f5f5f}

.layoutWholePage{float:left; width:750px; margin:0px 0px 0px 128px; padding:40px 0px 0px 0px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden}

.layoutWholePage ul{padding-top:13px}

.layoutWholePage li {list-style-image: url("images/arrow.jpg"); list-style-position: outside; margin:0px 0px 15px 15px}



.layoutGalleryImage{float:left; width:663px; padding:40px 0px 0px 2px; overflow:hi den; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px;  }

.layoutGalleryImageIcons{width:201px; float:left; margin:0px 20px 25px 0px; } 

h4{color:#000; font-family: MyriadProRegular; font-size:14px; letter-spacing:3px; margin:0; padding:15px 0px 10px 0px; line-height:18px}

.layoutGalleryCopy{float:left; width:287px; padding:40px 25px 0px 27px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden}


.contactBox{float:left; width:350px; margin:40px 25px 0px 27px;color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden; }
.formBox{width:310px;  padding:20px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden; background-color:#f5f5f5; margin-bottom:69px}
/*.contactBox{float:left; width:310px; margin:40px 25px 0px 27px; padding:20px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden; background-color:#f5f5f5}*/
.realEstateFormBox{width:310px;  padding:20px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden; background-color:#fff; height:83px; border-top:1px solid #e0e0e0}
.realEstateFormBoxText{width:217px; height:113px; margin-right:10px; float:left}
.realEstateFormBoxImage{width:83px; height:113px; float:left}



.realEstateForm{float:left; width:707px; margin:0px 0px 0px 158px; padding:40px 0px 0px 0px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden}
.realEstateFormContent{width:668px; margin:30px 0px 0px 0px ;  padding:20px; color:#030303; letter-spacing:2px; line-height:30px; font-size:12px; overflow:hidden; background-color:#f5f5f5;}


.mediaGallery{float:left; width:600px; padding:40px 0px 0px 2px; overflow:hidden; color:#030303; letter-spacing:2px; font-size:12px;  }
.mediaGalleryIcons{width:200px; height:199px; float:left; margin:0; padding:0 } 
.mediaGalleryCopy{float:left; width:313px; padding:40px 60px 0px 27px; color:#030303; letter-spacing:2px; line-height:19px; font-size:12px; overflow:hidden}

/***************************************************************/

#twitter{  display: block; width: 24px;  height: 23px; background: url(images/social_icons/social_twitter.jpg) no-repeat 0 0;}
#twitter:hover{ background-position: 0 -23px;}
#twitter span{ display: none;}

#youTube{  display: block; width: 24px;  height: 23px; background: url(images/social_icons/social_youtube.jpg) no-repeat 0 0; }
#youTube:hover{ background-position: 0 -23px;} 
#youTube span{ display: none;}

#facebook{  display: block; width: 24px;  height: 23px; background: url(images/social_icons/social_facebook.jpg) no-repeat 0 0; }
#facebook:hover{ background-position: 0 -23px;}
#facebook span{ display: none;}

#wordPress{  display: block; width: 24px;  height: 23px; background: url(images/social_icons/social_wordpress.jpg) no-repeat 0 0; }
#wordPress:hover{ background-position: 0 -23px;}
#wordPress span{ display: none;}

#in{  display: block; width: 24px;  height: 23px; background: url(images/social_icons/social_in.jpg) no-repeat 0 0;}
#in:hover{ background-position: 0 -23px;}
#in span{ display: none;}



#newBuild{  display: block; width: 201px;  height: 201px; background: url(images/gallery/newBuild.jpg) no-repeat 0 0;}
#newBuild:hover{ background-position: 0 -201px;}
#newBuild span{ display: none;}

#mixMatch{  display: block; width: 201px;  height: 201px; background: url(images/gallery/mixMatch.jpg) no-repeat 0 0;}
#mixMatch:hover{ background-position: 0 -201px;}
#mixMatch span{ display: none;}

#beforeAfter{  display: block; width: 201px;  height: 201px; background: url(images/gallery/beforeAfter.jpg) no-repeat 0 0;}
#beforeAfter:hover{ background-position: 0 -201px;}
#beforeAfter span{ display: none;}

#apartments{  display: block; width: 201px;  height: 201px; background: url(images/gallery/apartments.jpg) no-repeat 0 0;}
#apartments:hover{ background-position: 0 -201px;}
#apartments span{ display: none;}

#characterHomes{  display: block; width: 201px;  height: 201px; background: url(images/gallery/characterHomes.jpg) no-repeat 0 0;}
#characterHomes:hover{ background-position: 0 -201px;}
#characterHomes span{ display: none;}

#exRentals{  display: block; width: 201px;  height: 201px; background: url(images/gallery/exRentals.jpg) no-repeat 0 0;}
#exRentals:hover{ background-position: 0 -201px;}
#exRentals span{ display: none;}

#homeBookAppointmentBtn{  display: block; width: 214px;  height: 139px; background: url(images/book_appointment_home.jpg) no-repeat 0 0;}
#homeBookAppointmentBtn:hover{ background-position: 0 -139px;}
#homeBookAppointmentBtn span{ display: none;}


#real_estate_form_btn{  display: block; width: 84px;  height: 113px; background: url(images/real_estate_form_btn.jpg) no-repeat 0 0;}
#real_estate_form_btn:hover{ background-position: 0 -113px;}
#real_estate_form_btn span{ display: none;}

/***************************************************************/

#box {width: 412px;height: 550px;margin:0;z-index:101;overflow: hidden; }
.formBookAppointment{background-image:url(images/form_book_appointment_bg.jpg); background-repeat:no-repeat; padding:25px; background-color:#1f1f1f; width:362px; margin:0px; font-sized:12px; letter-spacing:2px; font-family: MyriadProRegular;src: url('MyriadProRegular.otf');}

 
 /********  MEDIA BTNS *****/
ul.home_btn {
	width: 600px; /*--Adjust width according to your scenario--*/
	list-style: none;
	margin: 0; padding: 0;
	float:left;
}
ul.home_btn li {
	float: left; 
	margin: 0px 0px 0px 0px;
	padding: 0;
	text-align: center;
	/*border: 1px solid #ccc;*/
	/*-moz-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	/*-khtml-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	/*-webkit-border-radius: 3px; /*--CSS3 Rounded Corners--*/
	display: inline; /*--Gimp Fix aka IE6 Fix - Fixes double margin bug--*/
}
ul.home_btn li a.thumb {
	width: 200px; /*--Width of image--*/
	height: 199px; /*--Height of image--*/
	padding: 0px;
	margin:0px ;
	cursor: pointer;
	display:block;
	text-decoration:none
}
ul.home_btn li span { /*--Used to crop image--*/
	width: 200px;
	height: 199px;
	overflow: hidden;
	display: block;
	margin:0;
	padding:0;
	border:0;
}
ul.home_btn li a.thumb:hover {
	
	 /*background: #333; /*--Hover effect for browser with js turned off--*/
}
ul.home_btn li h2 {
	font-size: 11px;
	font-weight: normal;
	text-transform: uppercase;
	margin:-20px 0px 0px 0px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#09347a;
	width:200px;
	height:28px;
	
}
ul.home_btn li a {text-decoration: none; color: #444; display: block; margin:5px 0px 0px px; border:0; display:block; }
/******* END MEDIA BTNS ****/

#mainImage {
    position:relative;
}

#mainImage IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#mainImage IMG.active {
    z-index:10;
    opacity:1.0;
}

#mainImage IMG.last-active {
    z-index:9;
}


/* home vieo update */

.sidebar-home{
	float: left;
}

.maincopy-home{
	float: left;
}