@charset "utf-8";

/* --------------------------
CSS STYLE SHEET 
"ELITE AWARDS"
BY EMBERSONIC DESIGN
---------------------------*/



/* GENERAL AND GLOBAL -----------------------------------------------------  */

* {padding: 0; margin: 0;}

html {height: 100%;}

body {
	height: 100%;
    font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image: url('../assets/images/900back-sidebar.jpg');
	background-repeat:repeat-y;
	background-position:center;
	background-attachment: fixed;}

p {	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 18px;
    line-height: 18px;
	color:#333;}

h1 {font-family:Arial, Helvetica, sans-serif;
    font-size: 24px; 
	font-weight:bold;
	line-height: 36px;
    margin-bottom: 18px;
	color:#333;}
	
h2 { font-family:Arial, Helvetica, sans-serif;
    font-size: 24px; 
	font-weight:normal;
    line-height: 40px; 
    margin-bottom: 12px;
	padding-top:20px;
	padding-bottom:2px;
	color:#888;
	background:#fff url('../assets/images/gradbar.jpg') no-repeat;
	background-position: bottom left;}
	
h3 {font-family:Arial, Helvetica, sans-serif;
    font-size: 14px; 
    line-height: 36px;
	margin-bottom: 18px;
	color:#333;}

h4 {font-family:Arial, Helvetica, sans-serif;
    font-size: 14px;
	margin-top:24px ;
    line-height: 24px;
	color:#333;}


blockquote {
    margin: 36px 60px 36px 40px;
    color: #888;
    border-left: 2px solid #999;
    padding:6px 20px 12px 20px;
	text-align:justify; }




/* LINKS -----------------------------------------------------  */

a:link {
	text-decoration:underline; 
	color:#333;
	font-weight:bold;}
a:visited {
	text-decoration:underline; 
	color:#333;
	font-weight:bold;}
a:hover {
	text-decoration:underline;
	color:#333;}
a:active {
	text-decoration:underline;
	color:#333;}




/* LAYOUT DIVS -----------------------------------------------------  */

#page {width:100%;}

#wrapper {
	margin:0px auto;
	width:900px;
	position:relative;}



/* HEADER  -----------------------------------------------------  */
	
#header {
	margin:0px auto;
	width:900px;
	height:124px;
	background:#fff url('../assets/images/elite-header.jpg');
	background-position:top left;
	background-repeat:no-repeat;}


	
/* NAVIGATION  -----------------------------------------------------  */

#topnav {
	margin:0px auto;
	width:900px;
	height:39px;
	background:#000 url('../assets/images/tanbar.jpg') 0 0 repeat-x;}
		
#topnav ul {
	list-style-type:none;
	font-weight:bold;
	margin:0;
	padding:0px 0px 0px 0px;
	overflow:hidden;}

#topnav li {
	float:left;
	padding:12px 20px 12px 20px;
	border-right:solid #CAC0A6 1px;
	display:block;}
	
#topnav li:hover {
	color:#fff;
	padding:12px 20px 12px 20px;
	border-right:solid #333 1px;
	display:block;
	background:#333 url('../assets/images/darkbar.jpg') 0 0 repeat-x;}
	
#topnav li.current {
	color:#fff;
	border-right:solid #333 1px;
	background:#333 url('../assets/images/darkbar.jpg') 0 0 repeat-x;}
	
#topnav li.current a:link, #topnav li.current a:visited {color:#fff;}

#topnav li a:link {text-decoration:none;}
#topnav li a:visited {text-decoration:none;}
	
#topnav li:hover a:link {color:#fff; text-decoration:none;}
#topnav li:hover a:visited {color:#fff; text-decoration:none;}


#topnav li a:link {color:#000;}
#topnav li a:visited {color:#000;}
#topnav li a:hover {color:#fff; text-decoration:none;}
#topnav li a:active {color:#fff; text-decoration:none;}
	

/* FULL WIDTH IMAGE HEADER  -----------------------------------------------------  */

#imageheader {
	margin:0px auto;
	width:900px;
	background-color:#444;
	height:250px;
	padding:0px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #000;
	overflow:hidden;}

#showcase {
	width:900px;
	height:320px;
	background-color:#fff;
	border-top: 1px solid #333;
	border-bottom: 1px solid #000;
	border:0;
	overflow:hidden;}
	
ul#focusgallery {border-top: 1px solid #333;
	border-bottom: 1px solid #000;
	height:252px;
	overflow:hidden;
	background-color:#444;}
	
ul#focusgallery li {list-style-type:none;}

ul#focusgallery li img{
	width:900px;
	border:0;
	padding: 0;
	overflow:hidden;}



/* MAIN PAGE CONTENT  -----------------------------------------------------  */

#pagecontent {
	margin:0px auto;
	width:900px;
	height:auto;
	padding:0;
	background-color:transparent;}


#article {
	width:530px;
	background-color:#fff;
	margin:0;
	line-height: 18px; 
	padding:30px 30px 30px 30px;
	float:left;
	display:block;}
	

#article-front {
	width:840px;
	background-color:#fff;
	margin:0;
	line-height: 18px; 
	padding:30px 30px 30px 30px;
	float:left;
	display:block;}

#sidebar {
	/*background-color:#DCD3C0;*/
	width:240px;
	height:auto;
	font-size: 12px;
    line-height: 18px;
	padding:30px 30px 30px 20px;
/*	border-left: 1px solid #CAC0A6;*/
	float:right;
	display:block;}
	
#sidebar ul{
	margin:0px 0px 0px 15px;}
		
#sidebarfooter {
	width:291px;
	height:66px;
	float:right;
	display:block;}

.woodsample {padding:4px; border:1px solid #999; background-color:#fff; margin-top: 10px;}

.onethird {float:left; display:block; width:250px; margin-right:38px;}
.nomargin {margin:0;}

.onethird h3 {color:#666; margin-bottom:15px; margin-top:15px; font-size:16px; line-height:1.3;}


/* FOOTER  -----------------------------------------------------  */

#footer {
	margin:0px auto;
	width:840px;
	padding:5px 30px 20px 30px;
	height:210px;
	color:#ccc;
	background:#444;
	border-top: 3px solid #222;}
	
	
.footerproducts, .footersitemap {float:left; line-height:18px; width:200px;}
.footercontact {float:left; line-height:18px; width:440px; text-align:right;}

.footersitemap a:link, 
.footersitemap a:visited, 
.footercontact a:link, 
.footercontact a:visited, 
.footerproducts a:link, 
.footerproducts a:visited,
.footercredit a:link, 
.footercredit a:visited {color:#ccc; text-decoration:none; font-weight:normal;}

.footersitemap a:active, 
.footersitemap a:hover, 
.footercontact a:active, 
.footercontact a:hover, 
.footerproducts a:active, 
.footerproducts a:hover,
.footercredit a:active, 
.footercredit a:hover {color:#fff; text-decoration:underline; font-weight:normal;}

#footer h1 {
	font-size:24px;
	margin-top:10px;
	color:#888;
	font-weight:normal;}
	
.sideline {border-left:2px solid #666; padding-left:15px;}	



/* =========================== Beyond Here Lie Monsters ========================*/

/* SLIDESHOW BITS ------------------------------------------------------*/
#slideshow 	{
	margin:0px auto;
	width:900px;
	height:250px;
	padding:0px;
	border-top: 1px solid #333;
	border-bottom: 1px solid #000;}
	
#gallery {position:relative; height:250px}
#gallery a {float:left; position:absolute;}
#gallery a img {border:none;}	
#gallery a.show {z-index:500}



/* COLOURS  -----------------------------------------------------  */

.black {color:#000;}
.white {color:#FFF;}
.lightgrey {color:#ccc;}
.darkgrey {color:#888888;}
.brown {color:#663300;}
.proofpink {color:#FF0099}



/* TYPOGRAPHY  -----------------------------------------------------  */

.italic {font-style:italic;}
.bold { font-weight:bold;}
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}
.indent {padding-left: 20px;}
.indentmore {padding-left: 40px;}
.toppad {padding-top:12px;}
.heavytoppad {padding-top:36px;}
.bottompad {padding-bottom:12px;}
.bigbold {font-weight:bold; font-size:20px; letter-spacing:0.05em;}
.top10 {margin:10px 0px 0px 0px;}
.pad10px {padding:10px;}


/* TABLES  -----------------------------------------------------  */


#hor-zebra {
	line-height: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	width: 530px;
	text-align: left;
	border-collapse: collapse;}
	
#hor-zebra th {
	font-size: 16px;
	font-weight: bold;
	padding: 15px 10px 10px 10px;
	color:#fff;
	background:#333;}
	
#hor-zebra td {padding:10px; vertical-align:top; color:#000; border-bottom:#999 1px solid;}
#hor-zebra td a:link, #hor-zebra td a:visited {text-decoration:none; font-weight:bold;}
#hor-zebra td a:hover, #hor-zebra td a:active {text-decoration:underline; color:#333333;}

#hor-zebra .odd {background:#DCD3C0;}

.backtotop {font-size:11px; text-align:right; padding:8px 10px 0 0;}
.backtotop a:link, .backtotop a:visited {text-decoration:none; color:#888;}
.backtotop a:hover, .backtotop a:active {text-decoration:underline; color:#000;}


/* CONTACT FORM  -----------------------------------------------------  */


.inputc {padding:5px; font-size:14px; font-weight:bold; color:#444;}
.contactmessage {padding:5px; font-size: 12px; font-family:Arial, Helvetica, sans-serif;}
.formfield {font-size:14px; font-weight:bold; vertical-align:top;}
.successbox {background-color:#fff; border:2px solid #000; padding:20px; width:980px; margin:0 auto;} 
.button {padding:5px; font-size:14px; font-weight:bold;  font-family:Arial, Helvetica, sans-serif;}


/* OTHERS  -----------------------------------------------------  */

#clear {clear:both;}
.clearboth {clear:both;}
.clearright {clear:right;}
.clearleft {clear:left;}