@import 'layouts.css';
@import 'overview.css';

html {
	background-color: #000;
	/*
	overflow-x: hidden;
	overflow-y: hidden;
	*/
}

body {
	font-family: Arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	margin: 0;	
	text-align: center;	
}

#flashcontent,#watch-flash,#box-flash,#box-flash2,#flashvariations,#det-pic-1,#det-pic-2,#flashoverview {outline: none;}

a {color: #a5a0a2; outline: none !important;}
a:hover {color: #fff;}
a img {border: none;}

#container,#outerContainer {
	width: 980px;			
	margin: auto;
	text-align: left;			
}

#container-outer {
	width: 980px;			
	margin: auto;
	text-align: left;		
}

#meta {
	height: 68px;
	background-color: #000;	
}

#meta #logo {
	float: left; padding: 10px 0 0 30px;
}

#meta #logo a {
	outline: none;
}

#meta #metaNavi {
	float: right; padding: 10px 5px 0 0; width: 600px; color: #a5a0a2;
}

#meta #metaNavi a {
	font-size: 11px;
	text-decoration: none;
}

#meta #metaNavi a.active {color: #fff;}

#meta #lgSelect {
	float: right; 
	clear: both;
	margin-top: 10px;	
	color: #ccc;
}

#footer {	
	background-color: #000;
	background-image: url(./../images/official-website-fr.gif);
	background-repeat: no-repeat;
	background-position: 845px 21px;
	clear: both;
}

#footer p {
	padding-top: 20px;	
	margin: 0;
	color: #ccc;
	font-size: 11px;	
}

#contentShell {
	height: 627px;
	/*background-color: #ccc;*/
	padding-top: 20px;	
	background-image: url(./../images/backgrounds/standard.jpg);/*watch-template-bg-ladies, textpage-template-bg-1,watch-template-bg*/
}

#contentShell-scroll {		
	float: left;
	padding-top: 20px;	
	background-repeat: no-repeat;
	/*background-image: url(./../images/watch-template-bg.jpg);/*watch-template-bg-ladies, textpage-template-bg-1,watch-template-bg*/
	min-height: 627px;
	height: auto !important;
	height: 627px;
}

#content {
	padding: 30px 30px 0 35px;
	/*background-color: #f00;*/
	/*background-image: url(./../images/bg-3.jpg);*/
}

#contentLeft,#contentLeft-2 {
	float: left;
	width: 360px;
}

#contentLeft-2 {/*background-color: #ff0;*/}

#contentRight {
	float: right;
	width: 550px;
	/*background-color: #0f0;*/
}

#contentRight,#contentLeft {
	/*height: 95%; WHY?*/
}

#navi {	
	height: 130px;	
	margin-top: 0px;
	/*background-color: #0f0;*/
	
}

#watch {
	width: 390px; height: 517px; 
}

#box-bg {
	position: absolute;		
	top: 0px;		
	left: 0px;
	width: 100%;
	height: 100%;		
	background-color: #000;	
	filter:alpha(opacity=90);   /* Internet Explorer       */
   	-moz-opacity:.9;           /* Mozilla 1.6 and below   */
   	opacity: .9;               /* newer Mozilla and CSS-3 */	
}

#box,#box2 {
		width: 100%;
		height: 100%;		
		position: absolute;		
		top: 0px;
		left: 0px;
		filter:alpha(opacity=100);   /* Internet Explorer       */
   		-moz-opacity:1;           /* Mozilla 1.6 and below   */
   		opacity: 1;               /* newer Mozilla and CSS-3 */
}	

#sendLink {
		width: 100%;
		height: 100%;		
		position: absolute;		
		top: 0px;
		left: 0px;		
		background-color: #ff000;
}	

/*
background-image: url(./../images/layout/main-bg.gif); 
	background-repeat: repeat-y;
		background-image: url(./images/right.jpg); 
	background-repeat: no-repeat;
	background-position: top right;		
	*/

#logoContainer {
		width: 100%;
		height: 100%;		
		position: absolute;		
		top: 0px;
		left: 0px;		
		z-index: 0;
}	

html[xmlns] #logoContainer {
	position: relative;		
}

#newsContainer {
	float: right; 			
	margin-top: 280px;
	/*background-color: #f00;*/
	
}

#newsContainer p {
	font-size: 11px;
	width: 160px;
	margin: 0;
	padding-top: 10px;
}

/*
html[xmlns] #newsContainer {
	margin-top: 200px;
}
*/

#newsContainer .newsEntry {
	width: 195px;
	height: 220px;
	float: left;
	margin-right: 0px;
	/*background-color: #f00;*/
}

#newsContainer .newsEntry a {
	display: block;
}

#homeContainer {	
	height: 647px;	
	/*background-color: #f0f;*/
}

/*CONTACT-TEMPLATES*/
.contact-row {
	float: left; 	
	clear: both;
	margin-bottom: 15px;	
	width: 570px;
}

.contact-box {
	float: left;
	width: 190px;	
}

.activeCity {color: #fff; text-decoration: none; font-weight: bold;}

#bymoxi {
   float: right;
   padding: 650px 1px 0 0;
 
} 

#bymoxi a {outline: none;}
	
/*HACKS IE6*/
/** html #contentLeft {width: 340px;}*/
* html #contentShell{height: 647px;}