/* -------------------------------------------------------------------------- **
** Generic
** -------------------------------------------------------------------------- */
html, body { height: 100%; }
body {
	background-color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
	}
.right { float: right; padding-bottom: 5px; }
p { line-height: 1.5em; margin: 20px 0 30px; text-align:justify}

h2 { 
	margin: 0; 
	border-top: 1px solid #222;
	padding: 20px 0 0;
	font-weight: normal;
	font-size: 2em;
	}	

h3 { 
	margin: 0; 
	border-top: 1px solid #222;
	padding: 20px 0 0;
	font-weight: normal;
	font-size: 1em;
	}	
a { text-decoration: none; color: #E5E3E4; }
a:hover { color: #807E7F;}	
ul {
	margin: 20px 0;
	padding: 0 20px;
	}
	
/* -------------------------------------------------------------------------- **
** Container
** -------------------------------------------------------------------------- */	
#container {
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
	min-width: 750px;
	}
	
/* -------------------------------------------------------------------------- **
** Header
** -------------------------------------------------------------------------- */	

#header { padding-top: 1em; height: 1%; }

/* Grey background bar */
#header div { background-color: #000; }

/* Navigation */
#header ul {
   padding: 0;
   margin: 0;
   width: 770px;
   list-style-type: none;
   position: absolute;
   top: 400;
   left: 50%;
   margin-left: -376px;
   height: 1%;
   }    

#header ul li {
	float: left;
	margin: 0 0 0 1px;
	}	

#header ul li a {
	text-decoration: none;
	text-transform: uppercase;	
	color: #fff;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	background: #983B1C url(../images/nav_l.gif) no-repeat 0 100%;
	}	


#header ul li a span {
	background: url(../images/nav_r.gif) no-repeat 100% 100%;
	padding: 10px 27px;
	display: block;
	}	

#header ul li a:hover,
#header ul li a.on {background-color: #222; background-image: url(../images/navh_l.gif); }
#header ul li a:hover span,
#header ul li a.on span {background-image: url(../images/navh_r.gif); }
	
/* -------------------------------------------------------------------------- **
** Body
** -------------------------------------------------------------------------- */
#body {
	background: url(../images/divider.gif) repeat-y 250px 0;
	text-align: left;
	width: 750px;
	margin: 20px auto 60px auto;
	padding-bottom: 10px;
	}

#body:after {	
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}

#body #sidebar {
	float: left;	
	width: 230px;
	margin-right: 40px;
	}	


#body #content {
	float: right;
	width: 470px;
	}		

#body #allscreen {
	float: left;
	width: 770px;
	}	
	
.right img { margin: 0 20px 20px; float: right; padding-bottom: 5px; }

/* -------------------------------------------------------------------------- **
** Footer
** -------------------------------------------------------------------------- */	
#footer {	
	/* footer stick */
	margin-top: -35px;
	width: 100% !important;
	z-index: 500 !important;
	position: relative;	
	/* format */
	background-color: #222;
	padding: 25px 0;
	min-width: 750px;
	}

#footer p { 
	width: 750px; 
	position: absolute; 
	z-index: 999; 
	top: 20px; 
	left: 50%; 
	margin: 0 0 0 -376px; 
	text-align: left; 
	font-size: 0.9em; 
	}	

#footer p span {
	position: absolute;
	right: 0;
	top: 0;
	}		

/* -------------------------------------------------------------------------- **
** Homepage
** -------------------------------------------------------------------------- */	

#header1 h1 {
	width: 750px;
	margin: 0 auto;
	text-align: left;
	}


#header1	h1 a {
	display: block;
	width: 251px;
	height: 333px;
	text-indent: -9999px;
	outline: none;
	}

.right img { margin: 0 20px 20px; float: right; padding-bottom: 5px; }

/* forms */
form {  }
form fieldset { border: 0; padding: 0px; margin: 0; }
form fieldset legend { display: none; }
form em { font-weight: bold; font-style: normal; color: #f00; }

.form {
color: #ffffff;
}
.form input {
border: 1px #333333 solid;
background-color: #222222;
color: #ffffff; 
}

.form textarea {
border: 1px #333333 solid;
background-color: #222222;
color: #ffffff; 
	}

form p:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
form p label {  
	padding: 5px; 
	font-size: inherit; 
	color: #ffffff; 
	float: left; 
	display: block; 
	width: 150px;; 
	margin-right: 20px; 
	}
form p input,
form p select,
form p textarea { 
	padding: 5px; 
	}

form input.btn { 
	width: auto; 
	border: 0; 
	padding: 5px; 
	cursor: pointer; 
	}

ul.listings {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}

ul.listings li { 
	height: 1%; 
	border-bottom: 1px solid #222222; 
	margin: 10px 0; 
	padding: 10px 0; 
	clear: both; 
	position: relative;
	}

ul.listings li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;	
	}

ul.listings li img { float: left; margin-right: 20px; }
ul.listings li h3 { margin: 0 0 5px; }
ul.listings li p.options { margin: 0; position: absolute; bottom: 15px; right: 0; text-align: right; }