@import url("gallery.css");
/* CSS for page layout */

body {margin: 0; padding: 0;}
#body {width: 936px; margin: 0 auto;}

.hidden {display: none;}
.clear {clear: both;}

#header {height: 225px; background: url(images/header-bg-4.jpg) top left no-repeat; position: relative;}
/*#header #username {position: absolute; right: 5px; top: 192px; z-index:100;}*/
#headerLogo {position: absolute; top: 0; left: 0; width: 185px; height: 185px; border: 0;}
#strapline {position: absolute; top: 148px; left: 190px; font-size: 1.25em; font-weight: bold; color: #ffffff;}

#crossfade {position: relative; /*top: 0; left: 200;*/ list-style-type: none; margin: 0; padding: 0; /*width: 536px; height: 160px;*/}
#crossfade li {position: absolute; margin: 0; padding: 0; width: auto; font-weight: bold; color: #ffffff; font-size: 18px; text-transform: lowercase; background: url(images/statement-icon.png) left center no-repeat; padding-left: 20px;}
#cf1 {top: 40px !important; left: 240px;}
#cf2 {top: 100px !important; left: 350px;}
#cf3 {top: 60px !important; left: 400px;}
#cf4 {top: 120px !important; left: 500px;}
#cf5 {top: 30px !important; left: 450px;}
#cf6 {top: 90px !important; left: 350px;}

#menu {display: block; background: transparent url(images/menu-bg.png) 0 0 repeat-x; margin: 0; padding: 0; position: absolute; top: 182px; left: 0; width: 100%; height: 39px; z-index: 50; font-size: 0.9em;}
#menu li {width: auto; height: 39px; padding: 0; margin: 0 1px 0 0; list-style-type: none; background-color: transparent; border-left: 1px solid #151515; border-right: 2px solid #151515; display: inline-block; float: left;}
#menu li a {width: auto; height: 39px; line-height: 34px; padding: 0 20px; text-transform: uppercase; color: #ffffff; background-color: transparent; display: inline-block;}
#menu li:hover, #menu li.active {background: url(images/menu-hover.png) 0 0 repeat-x;}
#menu li ul {border: 0; background: #202020; width: 160px; opacity: 0.95;}
#menu li ul li, #menu li.active ul li.active {width: 160px; background-image: none; height: auto; padding: 0; margin: 0; border: 0; line-height: 1.4em;}
#menu li ul li a {width: 140px; height: auto; padding: 8px 10px; margin: 0; line-height: 1.3em; text-transform: none;}
#menu li ul li:hover {background-image: none;}
#menu li ul li a:hover {background-color: #404040;}

#page {padding: 20px 0;}

.column {width: 270px; margin-right: 18px; background: #1c1a1b; padding: 0 15px; float: left;}
.column h2 {margin: 0 -15px 10px -15px;}
.column#rightColumn {margin-right: 0 !important;}
.column.wide {width: 618px; padding: 0 0 6px 0;}
.column.wide#middleColumn h2 {margin-left: 0; width: 588px;}
.column.wide#rightColumn {width: 588px; padding: 0 15px 6px 15px;}
.column.black {background: #000000;}
.greyPanel {background: #343233; padding: 0 15px 6px 15px;}

#username {background: #000000; margin: 0 -15px; padding: 0 15px;}

.ratingPanel {padding: 10px 0;}
.ratingPanel .rating {float: right;}

#signupTable td {vertical-align: top;}
#signupTable td input {width: 100%;}

#frontLoginBox {border: 8px solid #666666; padding: 10px; margin: 0 -15px;}

.wlpeForm label {width: 200px; display: inline-block; vertical-align: top;}
.wlpeForm fieldset {border: 0; margin: 0 0 10px 0; padding: 10px;}

#contactForm td input, #contactForm td textarea {width: 100%; font-family: sans-serif; font-size: 1em;}

.opportunity {padding-top: 12px; margin-top: 8px; border-top: 1px dotted #606060;}

#footer {clear: both; background: #343233; padding: 15px; font-size: 0.9em; text-align: right; margin-bottom: -20px; border-top: 18px solid #000000;}
#footer a {margin-right: 20px; color: #c0c0c0; text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footerLeft {float: left; font-weight: bold; color: #ffffff;}