body { margin:0; padding:0; background:#d9dbdf url(/images/coteriviera/background.jpg) repeat-x fixed; }
body, td, div, p, ul, ol, li, input, select, textarea { color:#abaaab; font-size:14px; font-family:Helvetica, Arial, Tahoma, sans-serif; }
h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#44464b; font-weight:200; margin:0; padding:0; }
h1 { font-size:18px; }
h2, h3 { font-size:18px; }
p { font-size:13px; margin:0; }
a { color:#003b73; text-decoration:none; }
img { border:0; }

#content { width:990px; margin:0 auto; }

#title { position:absolute; margin:95px 0 0 580px; width:25px; height:640px; text-transform:uppercase; text-indent:-1000px; overflow:hidden; color:#e1e1e1; font-size:24px; font-weight:lighter; }
#title a { color:#e1e1e1; }

#header { height:80px; padding:20px 0; }
#header h2 { float:left; width:535px; padding-top:6px; text-align:right; }
#header .content { float:left; width:564px; height:80px; padding-left:88px; }
#header .content .culture { position:absolute; z-index:2; margin:0 0 0 480px; top:30px; }
.logo { float:left; }

#menu { width:990px; height:45px; padding:0; margin:0 0 10px 0; list-style:none; }
#menu li { width:132px; text-align:center; text-transform:uppercase; float:left; margin:0 10px 0 0 ; }
#menu li a { color:#FFF; padding:15px; display:block; }
#menu li.last { margin-right:0; }

#main { width:990px; height:auto; }

#mainFrame { margin-bottom:10px; }
#mainFrame ul { width:990px; height:400px; padding:0; margin:0; }
#mainFrame ul li { position:relative; float:left; width:240px; height:400px; margin-right:10px; padding:0; list-style:none; }
#mainFrame ul li h2 { position:absolute; z-index:100; padding:15px; width:150px; margin:176px 0 0 0; text-align:right; text-transform:uppercase; }
#mainFrame ul li h2 a { color:#FFF; }
#mainFrame ul li img { position:absolute; z-index:1; }
#mainFrame ul li.last { margin-right:0; }

#home h2, li#home { background:#5a4436; }
#sale h2, li#sale { background:#bc601f; }
#rental h2, li#rental { background:#bca81f; }
#news h2, li#news { background:#879431; }
li#services { background:#43897d; }
li#partners { background:#467091; width:138px; }
li#contact { background:#595d93; }

#subFrame ul { width:990px; height:240px; padding:0; margin:0; }
#subFrame ul li { position:relative; float:left; width:220px; height:185px; margin-right:10px; padding:55px 10px 0 10px; list-style:none; background:#FFF; }
#subFrame ul li h2 { position:absolute; z-index:100; padding:15px; width:150px; margin:0; top:0; left:0; font-size:14px; text-align:right; text-transform:uppercase; background:#d9dbdf; }
#subFrame ul li h3 { font-size:12px; font-weight:normal; }
#subFrame ul li p { margin-bottom:20px; }
#subFrame ul li.last { margin-right:0; }
#subFrame ul li h2.wide { padding-left:0; width:165px; }
.social img { float:right; margin-left:6px; }

#estate { float:left; width:706px; }

.frame { width:706px; height:200px; background:#FFF; border-bottom:1px solid #c3c9d7; }
.frame .title { background:#ecedef; height:30px; }
.frame h2 { float:left; width:580px; color:#bc601f; padding:10px; }
.frame h3 { float:right; width:80px; color:#bc601f; padding:10px; }
.frame h2.rental, .frame h3.rental { color:#bca81f; }
.frame p { padding:10px; line-height:16px; margin-bottom:10px; }
.mainImage { float:left; margin:0 10px; }
.endFrame { width:706px; height:23px; margin-top:2px; background:url(/images/coteriviera/frame_reflection.png) repeat-x; }
.fb-like { float:left; }
.twitter { margin:10px 0 0 10px; }

#selection h2 { background:#44464b; color:#FFF; padding:2px 15px; margin-bottom:15px; }
#selection h2.title2 { background:none; color:#44464b; margin-bottom:0; }
#selection div { float:left; width:168px; height:190px; margin:0 15px 15px 0; text-align:center; cursor:pointer; }
#selection div.last { margin-right:0; }
#selection img { width:168px; height:126px; }
#selection div strong { color:#888; font-weight:normal; }

.pager { width:990px; height:20px; margin-top:10px; font-size:11px; text-align:center; float:left; }
.pager .current { padding:2px 6px; background:#44464b; color:#FFF; }
.pager a { padding:2px 6px; color:#888; }
.pager a:hover { background:#44464b; color:#FFF; }
.pager .delim { display:none; }

.map p { margin-bottom:20px; }
	
#search { float:left; width:274px; min-height:722px; margin-right:10px; background:#FFF; }
#search form { position:absolute; z-index:2; width:206px; margin-left:60px; margin-top:10px; }
#search img { position:absolute; z-index:1; }
#search form div { margin-bottom:10px; }
#search form h2 { margin-bottom:10px; width:200px; height:20px; font-size:14px; color:#666; border:0; padding-left:15px; }
#search form ul { margin:0; padding:0; }
#search form ul li { list-style:none; }
#search form ul.radio_list li { float:left; width:50%; }
#search form label { height:15px; color:#44464b; margin:0 5px 5px 0; }
#search form input[type='text'] { height:15px; margin-bottom:5px; color:#666; border:1px solid #44464b; color:#44464b; }
#search form select { width:190px; color:#44464b; }

.submit { width:190px; height:25px; text-align:center; color:#FFF; background:#44464b; border:none; margin-top:15px; }

#search form .price label { display:block; float:left; width:65px; }
#search form .rooms label { display:block; float:left; width:145px; }
#estate_price_min,#estate_price_max { width:120px; }
#estate_rooms { width:40px; }

#information { float:left; border-left:20px solid #44464b; padding-left:20px; }
#information img { margin:0 0 20px 0; }
#information h2 { position:absolute; z-index:100; margin:-50px 0 0 100px; }
#information h3 { text-transform:uppercase; }
#information p { font-size:13px; margin:0 0 20px 0; }

#footer { float:left; width:990px; height:100px; margin-top:10px; padding-top:15px; background:url(/images/coteriviera/footer_background.jpg) no-repeat; }
#footer p { text-align:center; margin-bottom:10px; }

.info { background:#FFF; height:50px; }
.info h1 { float:left; width:580px; padding:10px; }
.info h2 { float:right; width:80px; padding:10px;  }

#details { background:#FFF; padding:10px; }
/*#details div { margin-bottom:30px; }*/
#details em { color:#44464b; font-style:normal; }
#details hr { clear:both; visibility:hidden; }
#details p { margin:20px 0; }

.picture { width:475px; float:left; }
.big { width:475px; height:300px; overflow:hidden; }
#pictureBig { height:356px; }
.slide { width:475px; margin-top:5px; text-align:justify; }

.text { float:left; width:475px; margin-left:20px; }

#customer_form { width:450px; }
#customer_form label { float:left; width:100px; font-size:12px; }
#customer_form input { float:left; width:200px; font-size:12px; margin:0 100px 15px 0; }
#customer_form textarea { float:left; width:300px; font-size:12px; margin-bottom:15px; height:150px; }
#customer_form .submit { margin-left:100px; }

div#contact { width:970px; height:400px; background:#FFF; padding:10px; }
.contactCms h1 { display:none; }
.contactInfo { width:406px; float:left; }
.contactus-send { width:190px; height:25px; text-align:center; color:#FFF; background:#44464b; border:none; margin-top:15px; }

.contactForm { float:left; margin-left:10px; }
.contactForm .submit { margin-left:100px; }

.contact-us-content { width:400px; margin-top:10px; }
.contact-us-content label { float:left; width:120px; margin-bottom:10px; }
.contact-us-content input { float:left; width:200px; margin-bottom:10px; clear:right; }
.contact-us-content textarea { float:left; width:250px; }


#cms h1 { margin-bottom:20px; }
#cms ul { margin:0; padding:0 0 0 20px; }
#cms li,#cms h2 { font-size:13px; margin-bottom:20px; }

#cms img { float:left; }
#cms .content { float:left; background:#FFF; height:396px; width:544px; margin-left:10px; padding:10px; line-height:16px; }

#highlight div { position:absolute; z-index:8; height:180px; width:220px; overflow:hidden; opacity:0.0; background-color:#FFF; cursor:pointer; }
#highlight div.active { z-index:10; opacity:1.0; }
#highlight div.last-active { z-index:9; }
#highlight img { height:150px; margin-bottom:10px; }


/*animations*/
.animation {
	left:-100px;
	transform: translateX(100px);
	-moz-transform: translateX(100px);
	-o-transform: translateX(100px);
	-webkit-transform: translateX(100px);
	transition: transform 1.6s ease-in-out;
	-moz-transition: -moz-transform 1.6s ease-in-out;
	-o-transition: -o-transform 1.6s ease-in-out;
	-webkit-transition: -webkit-transform 1.6s ease-in-out;
	}
.animation1 {
	left:-340px;
	transform: translateX(340px);
	-moz-transform: translateX(340px);
	-o-transform: translateX(340px);
	-webkit-transform: translateX(340px);
	transition: transform 1.4s ease-in-out;
	-moz-transition: -moz-transform 1.4s ease-in-out;
	-o-transition: -o-transform 1.4s ease-in-out;
	-webkit-transition: -webkit-transform 1.4s ease-in-out;
	}
.animation2 {
	left:-590px;
	transform: translateX(590px);
	-moz-transform: translateX(590px);
	-o-transform: translateX(590px);
	-webkit-transform: translateX(590px);
	transition: transform 1.2s ease-in-out;
	-moz-transition: -moz-transform 1.2s ease-in-out;
	-o-transition: -o-transform 1.2s ease-in-out;
	-webkit-transition: -webkit-transform 1.2s ease-in-out;
	}
.animation3 {
	left:-850px;
	transform: translateX(850px);
	-moz-transform: translateX(850px);
	-o-transform: translateX(850px);
	-webkit-transform: translateX(850px);
	transition: transform 1s ease-in-out;
	-moz-transition: -moz-transform 1s ease-in-out;
	-o-transition: -o-transform 1s ease-in-out;
	-webkit-transition: -webkit-transform 1s ease-in-out;
	}