/* 
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   File: index.css
   Author: Mathew Lewis
   For: Lesside
   Copyright (2008)
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@ 
*/

/*************************************
	  GENERAL COMPONENTS
 ************************************/

body {
	margin-top: 10px;
	background: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFF; 
	font-size: 11px;
}
#wrapper {
	margin: 0 auto;
	width: 1024px;
	background: url(../images/main-background.jpg) top left no-repeat;
	height: auto;
	min-height: 687px;
}
#content {
	float:left;
	width: 550px;
	height: 430px;
	margin: 10px 10px 0 0;
}
img { 
	border:none;
}
#content-col-left {
	float: left;
	width: 40%;
	height: 680px;
	min-height: 650px;
	margin-top: 20px;
}
#content-col-left img {
	float: left;
	clear:left;
	height:174px;
	width: 331px;
	margin: 22px 0 0 33px;
}
#content-col-left #img-padding img {
	margin-top: 390px;
	margin-bottom: 50px;
	width: 323px;
	height: 31px;
}
#content-col-right {
	float:right;
	width: 56%;
	background: url(../images/content-bg.jpg) top left no-repeat;
	height: 640px;
	margin: 20px 20px 0 0;
}
#content-col-right ul {
	float:left;
	clear: both;
}
#content-col-right img {
	float:left;
	clear:left;
	margin: 5px 0 5px 20px; 
}


#iframe {
padding-right: 90px;
}


/*Menu Rules */
#top-menu {
	display: inline;
	color: #FFF;
	font-size: 11px;
	width:100%;
}
#bottom-menu  {
	display: inline;
	color: #FFF;
	font-size: 11px;
	width: 100%;
	margin: 10px 30px;
}
#top-menu ul, #bottom-menu ul {
	margin: 10px 0 15px 25px;
	padding:0;
	width:800px;
}
#bottom-menu ul {
	margin-left: 10px;
	padding:0;
}
#top-menu li, #bottom-menu li{
	display: inline;
	color: #FFF;
	margin: 0 2px;
}
#top-menu li a, #bottom-menu li a{
	text-decoration: none;
	color:#FFF;
}
#top-menu li a:hover, #bottom-menu li a:hover{
	text-decoration: underline;
	color:#CCC;
}
ul{
margin-left: 0;
}
/*Menu Rules */
ul#top-menu {
	display: inline;
	color: #FFF;
	font-size: 11px;
	width: 100%;
	margin-left: -18px;
}
ul#bottom-menu  {
	display: inline;
	color: #FFF;
	font-size: 11px;
	width: 100%;
	margin: 10px -18px;
}

#top-menu li, #bottom-menu li{
	display: inline;
	color: #FFF;
	margin: 0 2px;
}
#top-menu li a, #bottom-menu li a{
	text-decoration: none;
	color:#FFF;
}
#top-menu li a:hover, #bottom-menu li a:hover{
	text-decoration: underline;
	color:#CCC;
}




/* Bottom Selection - Services */ 
#services {
	background:#000;
	width: 520px;
	height: 170px;
	margin: 0 0 25px 30px;
	clear:both;
}
#services img {
	margin:0;
}
#services table { 
	margin: 20px 0 0 20px;
}


.spacing {
margin: 5px 0 20px 40px;
}

/* Padding Rules */ 
#content #sale-front{
	position: absolute;
	top: 322px;
	margin-left: 30px;
	left: 291px;
}


.style1 {font-size: 8.5px}

/* Font Ruling */

h2 {
clear:both;
margin: 10px 25px;
}



/*LINKS Rules */
a:link {
	text-decoration: none;
	color: white;
}
a:visited {
	text-decoration: none;
	color: white;
}
a:hover {
	text-decoration: underline;
	color: white;
}
a:active {
	text-decoration: none;
	color: white;
}
p {
	font-size: 11px;
	clear:both;
	margin-left: 27px; 
}



/*FOOTER Rules */
#footer {
	float: left;
	clear: both;
	width: 984px;
	height: 30px;	
	margin: 0;
}
#footer img {
	float: left;
	height:auto;
	width: auto;
	margin: 10px 0 0 20px;
}
#footer p {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
  	font-style: normal;
  	color: #FFF;
  	font-size: 10px;
	line-height: 16px;
}

#footer-left {
	float:left;
	width: 24%;
	height:30px;
	margin-left: 20px;
}
#footer-mid {
	float:left;
	width: 24%;
	height:30px;
}
#footer-right {
	float: right;
	width: 24%;
	height:30px;
}