@charset "utf-8";

body, html{
margin:0;
padding:0;
height:100%;
}

#logo{
position:absolute;
width:43px;
height:76px;
right:40px;
top:20px;
z-index:80;
}

#video{
height:441px;
width:784px;
position:relative;
z-index:50;	
}

#video object{

}

#nav{
width:100%;
height:20px;
overflow:hidden;
text-align:center;
position:relative;
z-index:80;
}

#nav ul{
/*margin:0 auto;*/
margin:0 0 0 20px;
width:704px;
}

#nav ul li{
height:20px;
text-align:center;
}

#nav ul li.active{
padding:0 20px;
}

#nav ul li a{
text-align:center;
display:block;
float:left;
padding:0 20px;
height:20px;
}

#strap{
float:right;
margin-right:40px;
width:269px;
height:19px;
margin-top;
}


#coming-soon{
float:right;
width:203px;
height:14px;
position:relative;
top:400px;
left:5px;
z-index:10;
}

.content{
height:570px;
position:absolute;
display:none;
left:50%;
width:800px !important;
}


	

#register-content p{
margin-top:30px;
width:520px;
}

#home-content{
display:block;
width:800px;
}

#contact-content{
	width:800px;
}

#store-locator-content{
	width:800px;
	height:2000px;

}

#contact-content ul{
margin:30px 0 0 0;
padding:0;
}

#contact-content li{
list-style-type:none;
padding:0;
clear:both;
}

#contact-content li span{
	display:block;
	float:left;
	line-height:20px;
}

#contact-content li span.contact-type{
	width:150px;
	margin-right:10px;
}

#contacts{
margin:30px 0 0 0;
}

#contact-content .left-column{
width: 182px;
float:left;
}

#contact-content .right-column{
text-align:left;
float:left;
margin:0 0 0 20px;
}

ul.list-column{
margin:20px 0 0 0;
padding:0;
}

.column{
width:140px;
margin-right:25px !important;
float:left;
}

.thin-column{
width:100px;
margin-right:10px !important;
float:left;
}

#cities ul{
display:none;
text-transform:lowercase;
}

#stores p, #stores ul{
display:none;
margin-top:20px;
}

/* --------------- GENERAL CLASSES ----------------------- */

.horizontal-list{
margin:0;
padding:0;
}

.horizontal-list li{
list-style-type:none;
float:left;
display:inline;
}

.clear{
margin:0;
padding:0;
height:1px;
clear:both;
}


/*------------------ FORMS ------------------------- */

#register-form .input-container{
width:256px;
height:34px;
float:left;
margin-bottom:10px;
overflow:hidden;
}

#register-form .column{
float:left;
width:256px;
}

#register-form input.text{
width:240px;
height:18px;
padding:4px 10px;
position:relative;
top:-2px;
left:-2px;
line-height:14px;
}

#register-form div.margin-right{
margin-right:10px;
}

#register-form input.submit{
float:left;
width:72px;
height:29px;
margin-left:184px;
}

#log-res{
display:none;
}

#form-errors{
display:none;
background-color:#DCDCDC;
}
/* ------------------- ADDITIONAL PAGES ------------------------ */

#philosophy-content{
	width:750px;
        padding-top:15px;
}



#philosophy-content .left{
	float:left;
	width:550px;
}

#philosophy-content .left p{
	margin:15px 0 0 0;
}

#philosophy-content .right{
	float:right;
	width:200px;
	text-align:right;
	margin:30px 0 0 0;
	padding:0;
}

#philosophy-content .right li{
	padding:0;
	margin-bottom:5px;
	list-style-type:none;
}

#collection-content{
	width:550px;
}

#collection-content p{
	margin:30px 0 0 0;
}

/* ----------------------- Store Locator --------------------------- */

#stores p, #stores ul{
position:absolute;
left:250px;
margin-top:0;
}

.address{
width:400px;
}

#countries ul{
	position:absolute;
	left:140px;
	margin-top:0;
	display:none;
	text-transform:lowercase;
}

#cities ul{
	position:absolute;
	left:300px;
	margin-top:0;
	display:none;
	text-transform:lowercase;
}
	
#stores p{
	position:absolute;
	left:470px;
	margin-top:0;
	display:none;
	text-transform:lowercase;
}



/* -------------- IE6 png fix --------------------------- */

* html div#logo img{ behavior: url(js/iepngfix.htc); }

* html #coming-soon{
top:-60px;
behavior: url(js/iepngfix.htc);
}

* html #stores ul li{
width:140px;
overflow:hidden;

}

#n-america{
	width:150px;
}


#nav-philosophy{ display:none }

#collection-container{
    height:441px;
position:absolute;
width:1000px;
z-index:50;
display:none;
left:0px;
top:0px;
overflow:hidden;
}

#collection-container .left-arrow{
position:absolute;
left:0px;
top:0px;
width:20px;
height:441px;
background: url(http://www.rmbythedesignerrolandmouret.com/images/left-arrow.png) left top no-repeat;
cursor:pointer;
}

#collection-container .left-arrow:hover{
background: url(http://www.rmbythedesignerrolandmouret.com/images/left-arrow_on.png) left top no-repeat;
}

#collection-container .right-arrow{
position:absolute;
right:0px;
top:0px;
width:20px;
height:441px;
background: url(http://www.rmbythedesignerrolandmouret.com/images/right-arrow.png) right top no-repeat;
cursor:pointer;
}

#collection-container .right-arrow:hover{
background: url(http://www.rmbythedesignerrolandmouret.com/images/right-arrow_on.png) left top no-repeat;
}

#collection-container .image-container{
position:absolute;
top:0px;
left:20px;
margin:0;
height:441px;
white-space:nowrap;
}

#collection-container .image-container .inner{
margin:0;
height:441px;
white-space:nowrap;
}

#collection-container .image-container .img{
float:left;
height:441px;
width:156px;
text-align:center;
margin-right:100px;
overflow:hidden;
}

#collection-container .image-container .img p{
 font-size:36px;
  margin-top:15px;
}

#video{
overflow:hidden;
}

#video-inner{
position:absolute;
width:100%;
height:441px;
}

#contact-content li span span{
display:inline;
line-height:20px;
float:none;
}