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

body {
	margin:20px 0 0 40px;
	padding:0;
	font-family:verdana,arial;
	font-size:76%;
}

#wrapper {
	width:980px;

}
h1, h2  { behavior: url(/css/iepngfix.htc) 
}
h1 {
	position:relative;
	display:block;
	background-image:url(../images/my-place-riviera_2.png);
	background-repeat: no-repeat;
	clear:both;
	float:right; 
	margin:0 -28px 0 0;
	_margin:0 -18px 0 0; 
	padding:0;
	height:72px;
	width:199px;
	font-size:1px;
	line-height:1px;
	color:white;
}

h1 img,
h2 img {
	display:none;
}
	
h1 span, h2 span {
	position:relative;
	color:white;
	display:block;
	text-indent:-9999px;
}
#homepage h1 { 
	float:none; 
	background:url(../images/my-place-riviera.gif) bottom no-repeat;
	margin:0; 
	height:72px;
	width:199px;  
}

h2 {
	position:relative;
	display:block;
	clear:both;
	top:75px;	
	line-height:1px;
	font-size:1px;
	text-indent:-999px;
}	
 
#classic h2 {
	background:url(../images/classic.png) no-repeat;
	width:118px;
	height:24px;
}

#eclectic h2 {
	background:url(../images/eclectic.png) no-repeat;
	width:127px;
	height:47px;
}

#contemporary h2 {
	background:url(../images/contemporary.png) no-repeat;
	width:186px;
	height:18px;
}
 

ul {
	position:relative;
	display:block;
	margin:0;
	padding:0;
}	 
ul li {
	position:relative;
	display:block;
	float:left;
	margin:0 24px 0 0;
	padding:0; 
	font-size:1px;
	line-height:1px;
}
 
ul li ul li {
	position:relative;
	display:block;
	float:none;
	margin:6px 0 0 0;
	padding:0;
	font-size:1px;
	height:9px;
	line-height:1px;
}

ul li ul li#contemporary {
	margin-right:-38px;
}

ul li a:link,
ul li a:active,
ul li a:visited  {
	position:relative;
	display:block;
	height:9px;
	font-size:1px;
	color:white;
	line-height:1px;
	text-indent:-9999px; 
	background-repeat:no-repeat;
}
  
 
a:link,
a:active,
a:visited  {
	text-decoration:none;
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

li#home,
li#home a:link,
li#home a:active,
li#home a:visited {
	background:url(../images/home.gif) no-repeat;
	width:32px;
}
li#home a:hover,
li#home.activePage a:link,
li#home.activePage a:active,
li#home.activePage a:visited  {
	background:url(../images/home_on.gif) no-repeat;
}


li#service,
li#service a:link,
li#service a:active,
li#service a:visited {
	background:url(../images/service.gif) no-repeat;
	width:41px;
}
li#service a:hover,
li#service.activePage a:link,
li#service.activePage a:active,
li#service.activePage a:visited  {
	background:url(../images/service_on.gif) no-repeat;
}


li#interiors,
li#interiors a:link,
li#interiors a:active,
li#interiors a:visited {
	background:url(../images/interiors.gif) no-repeat;
	width:52px;
}
li#interiors a:hover,
li#interiors.activePage a:link,
li#interiors.activePage a:active,
li#interiors.activePage a:visited  {
	background:url(../images/interiors_on.gif) no-repeat;
}


li#cost,
li#cost a:link,
li#cost a:active,
li#cost a:visited {
	background:url(../images/cost.gif) no-repeat;
	width:29px;
}
li#cost a:hover,
li#cost.activePage a:link,
li#cost.activePage a:active,
li#cost.activePage a:visited  {
	background:url(../images/cost_on.gif) no-repeat;
}

li#extra,
li#extra a:link,
li#extra a:active,
li#extra a:visited {
	background:url(../images/extra.gif) no-repeat;
	width:32px;
}
li#extra a:hover,
li#extra.activePage a:link,
li#extra.activePage a:active,
li#extra.activePage a:visited  {
	background:url(../images/extra_on.gif) no-repeat;
}

li#clients,
li#clients a:link,
li#clients a:active,
li#clients a:visited {
	background:url(../images/clients.gif) no-repeat;
	width:42px;
}
li#clients a:hover,
li#clients.activePage a:link,
li#clients.activePage a:active,
li#clients.activePage a:visited  {
	background:url(../images/clients_on.gif) no-repeat;
}

li#history,
li#history a:link,
li#history a:active,
li#history a:visited {
	background:url(../images/history.gif) no-repeat;
	width:44px;
}
li#history a:hover,
li#history.activePage a:link,
li#history.activePage a:active,
li#history.activePage a:visited  {
	background:url(../images/history_on.gif) no-repeat;
}

li#contact,
li#contact a:link,
li#contact a:active,
li#contact a:visited {
	background:url(../images/contact.gif) no-repeat;
	width:52px;
}
li#contact a:hover,
li#contact.activePage a:link,
li#contact.activePage a:active,
li#contact.activePage a:visited  {
	background:url(../images/contact_on.gif) no-repeat;
}

li#classic,
li#classic a:link,
li#classic a:active,
li#classic a:visited {
	background:url(../images/classic.gif) no-repeat                                                                !important;
}
li#classic a:hover,
li#classic.activePage a:link,
li#classic.activePage a:active,
li#classic.activePage a:visited  {
	background:url(../images/classic_on.gif) no-repeat                                                                !important;
}

li#eclectic,
li#eclectic a:link,
li#eclectic a:active,
li#eclectic a:visited {
	background:url(../images/eclectic.gif) no-repeat                                                                !important;
}
li#eclectic a:hover,
li#eclectic.activePage a:link,
li#eclectic.activePage a:active,
li#eclectic.activePage a:visited  {
	background:url(../images/eclectic_on.gif) no-repeat                                                                !important;
}

li#contemporary,
li#contemporary a:link,
li#contemporary a:active,
li#contemporary a:visited {
	background:url(../images/contemporary.gif) no-repeat                                                                !important;
	width:90px;
}

li#contemporary a:hover,
li#contemporary.activePage a:link,
li#contemporary.activePage a:active,
li#contemporary.activePage a:visited  {
	background:url(../images/contemporary_on.gif) no-repeat                                                                !important;
}
a#classic {
	position:relative;
	display:block;
	margin:0 13px 0 0;  
	color:#666666;
	font-size:1px;
	line-height:1px;
	float:left;
	width:306px;
	height:310px;
}

a#eclectic {
	position:relative;
	display:block;
	margin:0 13px 0 0;  
	color:#666666;
	font-size:1px;
	line-height:1px;
	float:left;
	width:306px;
	height:310px;
}

a#contemporary {
	position:relative;
	display:block;  
	color:#666666;
	font-size:1px;
	line-height:1px;
	float:left;
	width:306px;
	height:310px;
}
a#classicTxt {
	position:relative;
	display:block;
	clear:left;
	margin:27px 199px 0 0;
	background:url(../images/classic_txt.gif) no-repeat;
	text-indent:-999px;
	color:#666666;
	font-size:1px;
	line-height:1px;
	float:left;
	width:119px;
	height:24px;
}

a#eclecticTxt {
	position:relative;
	display:block;
	margin:0 179px 0 0;
	background:url(../images/eclectic_txt.gif) no-repeat;
	text-indent:-999px;
	color:#666666;
	font-size:1px;
	line-height:1px;
	float:left;
	width:141px;
	height:51px;
}

a#contemporaryTxt {
	position:relative;
	display:block;
	background:url(../images/contemporary_txt.gif) no-repeat;
	text-indent:-999px;
	margin:34px 0 0 0;
	color:#666666;
	font-size:1px;
	line-height:1px;
	float:left;
	width:183px;
	height:17px;
}

p {
	margin:0 0 1em 0;
	padding:0;
	font-size:1.1em;
}

p.headerText {
	width:534px;
	margin-bottom:23px;
}

img {
	border:0;
}

#wideBg {
	position:relative;
	display:block;
	clear:both;
	height:379px;
	top:20px;
	background:url(../images/service_bg.jpg) no-repeat;
}
#wideBg a {
	color:white;
}

img#leftImage {
	position:relative;
	clear:both;
	float:left;
	margin-top:20px;
	width:554px;
	height:379px;
}

div#leftDiv {
	position:relative;
	clear:both;
	float:left;	
	width:554px;
	height:379px;
	margin-top:20px;
}

div#leftDiv div {
clear:both;
	position:absolute;
	bottom:45px;  
	_bottom:44px;   
	margin-right:15px;
}

div#leftDiv p {
	position:relative; 
	color:black;
	margin-left:235px; 
}
#products #leftDiv {
	background:#333333;
}

#products #leftDiv img.product {
	margin:20px;

}

#products div#leftDiv div {
	position:absolute;
	bottom:4px;  
	margin-left:-217px;
}

div#container {
	position:relative;
	float:left;
	margin-top:20px;
	width:390px;
	height:379px;
	background-color:#333333;
}


#wideBg div#container { 
	margin-top:0 !important;
	background:none; 
}

#contemporary div#container { 
	background-color:#b90904;
	
}

#eclectic div#container {
	background-color:#ad5c07;
}

#classic div#container {
	background:#642764;
}

div#innerText {
	position:relative;
	color:black;
	width:336px;
	height:334px;
	margin: 20px 20px 25px 32px; 
}

div#innerText div {
	position:absolute;
	bottom:0;
}

#preloader img,
#preloader img {
	display:none
	visibility:hidden;
	height:1px;
	width:1px;
}

#gallery {
	margin-left:554px;
	width:400px;
	z-index:100;
}

.gallery {
	position:relative;
	float:left;
	display:block;
	height:30px;
	width:30px;
	margin:10px 10px 0 0; 
	
}
.gallery a {
	position:relative;
	display:block;
	height:30px;
	width:30px;   
	z-index:10000;
	text-decoration:none;
	background:black
} 

 .gallery a:link,
 .gallery a:active,
 .gallery a:visited {
	filter:alpha(opacity=50);-moz-opacity:.5;opacity:.5 !important; 
	text-decoration:none;
}
 .gallery a:hover {
	filter:alpha(opacity=100);-moz-opacity:100;opacity:1 !important;
	text-decoration:none;
	
} 
 #gallery2 a {
	background:url(../images/contemporary/images/images_small1.png) no-repeat;
}
 #gallery3 a {
	background:url(../images/contemporary/images/images_small2.png) no-repeat;
}
 #gallery4 a {
	background:url(../images/contemporary/images/images_small3.png) no-repeat;
}
 #gallery5 a {
	background:url(../images/contemporary/images/images_small4.png) no-repeat;
}
 #gallery6 a {
	background:url(../images/contemporary/images/images_small5.png) no-repeat;
}
 #gallery7 a {
	background:url(../images/contemporary/images/images_small6.png) no-repeat;
}
 #gallery8 a {
	background:url(../images/contemporary/images/images_small7.png) no-repeat;
}
 #gallery9 a {
	background:url(../images/contemporary/images/images_small8.png) no-repeat;
}
 #gallerya1 a {
	background:url(../images/contemporary/images/images_small9.png) no-repeat;
}
 #gallerya2 a {
	background:url(../images/contemporary/images/images_small10.png) no-repeat;
} 
 
 #gallerya3 a {
	background:url(../images/contemporary/images/images_small11.png) no-repeat;
} 
 #gallerya4 a {
	background:url(../images/contemporary/images/images_small12.png) no-repeat;
} 
 #gallerya5 a {
	background:url(../images/contemporary/images/images_small13.png) no-repeat;
} 
 #gallerya6 a {
	background:url(../images/contemporary/images/images_small14.png) no-repeat;
} 
 #gallerya7 a {
	background:url(../images/contemporary/images/images_small15.png) no-repeat;
} 
 #gallerya8 a {
	background:url(../images/contemporary/images/images_small16.png) no-repeat;
} 
 #gallerya9 a {
	background:url(../images/contemporary/images/images_small17.png) no-repeat;
} 
 #galleryb1 a {
	background:url(../images/contemporary/images/images_small18.png) no-repeat;
} 
 #galleryb2 a {
	background:url(../images/contemporary/images/images_small19.png) no-repeat;
} 
 #galleryb3 a {
	background:url(../images/contemporary/images/images_small20.png) no-repeat;
} 
 #galleryb4 a {
	background:url(../images/contemporary/images/images_small21.png) no-repeat;
} 
 #galleryb5 a {
	background:url(../images/contemporary/images/images_small22.png) no-repeat;
} 
 #galleryb6 a {
	background:url(../images/contemporary/images/images_small23.png) no-repeat;
} 
 #galleryb7 a {
	background:url(../images/contemporary/images/images_small24.png) no-repeat;
} 
 #galleryb8 a {
	background:url(../images/contemporary/images/images_small25.png) no-repeat;
} 
 #galleryb9 a {
	background:url(../images/contemporary/images/images_small26.png) no-repeat;
} 
 #galleryc1 a {
	background:url(../images/contemporary/images/images_small27.png) no-repeat;
}
 #galleryc2 a {
	background:url(../images/contemporary/images/images_small28.png) no-repeat;
} 
 #galleryc3 a {
	background:url(../images/contemporary/images/images_small29.png) no-repeat;
}  

#copyright {
	position:absolute;
	top:480px;
	font-size:0.85em;
		left:39px;
}

#homepage #copyright {
	top:573px !important;
}