body {background-color: #000000; font-family: Arial; font-size: small; margin: 0; text-align: center;}
#wrap {position: relative; width: 788px; margin: 0 auto; text-align: left;}
#content a {color: #641B00; text-decoration: none;}
#content a:hover {text-decoration: underline;}

/* Home page ------------------------------------------------------- */
#home {background-image: url(../images/home_mainimage.jpg); background-repeat: no-repeat; height: 525px; width:788px; background-position: 0px 30px; }
#home #contentarea {width: 245px; left: 125px; top: 345px; position: relative; border: none; background: transparent;}

/* Header ---------------------------------------------------------- */
#header {display: block; height: 130px; background-image: url(../images/lepontbridge_logo.gif); background-repeat: no-repeat; background-position: 41px 55px;}
#header #logo {
	width: 105px;
	height: 57px;
	position: absolute;
	top: 56px;
	left: 42px;
}
#header #logo img {
	margin: 0px;
	padding: 0px;
}


#header img {float: left; padding-top:13px; }
#header p {padding-top: 10px; text-align: right;}
#header a {text-decoration: none; color: #888888; padding-left:15px;}
#header a:hover {text-decoration: underline;}

/* Main Navigation ----------------------------------------------------- */
#main-navigation {display: block; clear: both; text-align: right;width: 788px; margin: 0 auto;} 

/* Sub-Navigation ----------------------------------------------------- */
#sub-navigation {display: block; padding: 110px 0px 10px 15px; background-color: transparent;}
#sub-navigation a {text-decoration: none; color: #000000; padding: 0px 5px 0px 5px;}
#sub-navigation a:hover {text-decoration: underline; color: #000000;}
#sub-navigation .bold {font-weight: bold; padding: 0px 5px 0px 5px;}
#sub-navigation form {padding: 0px 0px 0px 5px;}

/* Main Body styles ------------------------------------------------------*/
#main-body {background-image: url(../images/leftside_new.jpg); background-repeat: no-repeat; margin: 0px; padding: 0px; position: relative;width: 788px; margin: 0 auto; }
#aligning {padding-right:2px; }
#padding {padding: 0px 10px 0px 20px; }
#rightside {width: 537px; display: block; background-image: url(../images/contentside_new.jpg); background-repeat: no-repeat; float: right; background-color: #DCDADA;}
#content {width: 537px; height: 415px; min-height:415px; background-image: url(../images/background_bottom.jpg); background-repeat: no-repeat; background-position: left bottom; padding: 0px 0px 60px 0px;}
html>body #content { /* IE ignores this block as it doesn't understand the selector */
	height: auto; /* Reset the height for browsers other than IE */
}
#content #video {width: 190px; float: left; padding: 0px 5px 5px 20px; margin:0px 5px 10px 0px;}
#content p {padding: 0px 50px 0px 20px; }
#contentbottom {padding:0px}
#content a.linkopacity img {border:none; filter:alpha(opacity=75); -moz-opacity: 0.5; opacity: 0.5; margin-right:10px;}
#content a.linkopacity:hover img {border:none; filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}


/* Footer ---------------------------------------------------------- */
#footer {
	clear: both;
	padding: 5px 0px 5px 0px;
	border-top: 1px dotted #333333;
	text-align: right;
}
#footer .left {
	display: block;
	float: left;
	clear: none;
	width: 350px;
	text-align: left;
}
#footer a {color: #888888; text-decoration: none;}
#footer a:hover {text-decoration: none;}

/* Type styles ------------------------------------------------------*/
#content, #contentarea, #sub-navigation, #header, #footer {font-family: Arial; font-size:11px;}
#content {color:#3F3F3F;}
#sub-navigation {color: #1F1F1F;}
#header, #footer, #contentarea  {color: #888888;}
#title {padding-left: 20px; font-size: 13px; color: #1F1F1F; font-weight: bold; line-height: 16px;  }
.subtitle {font-size: 12px; font-weight: bold;}
.title {font-size: 13px; font-weight: bold; color: #1F1F1F;}
.bold {font-weight: bold;}
.italic {font-style:italic;}

h2 {font-size: 13px; color: #1F1F1F; padding: 0px 50px 0px 20px; }
h3 {font-size: 13px; color: #1F1F1F; padding: 0px 50px 0px 20px; margin: 0px;}

/* Drop down menu -------------------------------------------------*/
#spectaclesmenu select {background-color: #DCDADA; text-transform: uppercase; font-size: 13px; color: #1F1F1F; border: 1px solid #333333;}

/* Spectacles page  -------------------------------------------------*/
#infoDiv {z-index:100; border: none; margin: 10px 20px 10px 20px;}		

.flo-l {float: left; }
.smallwidth {width: 45%;}
.largewidth {width: 50%}
#content .largewidth p {padding-left: 0px;}
#content .flo-l p {padding-right: 5px;}

#header p.vendre {padding: 0px; margin: 0px;}
#header a.bt-vendre {display: block; padding: 5px 0px; border: 1px solid #A6A5A5; width: 111px; text-align: center; float: right;}
#header a.bt-vendre:hover {border: 1px solid #DADADA; text-decoration: none;}