/* Design & Code (c) ABOVO Media */
html, body {
	height			: 100%;
	padding			: 0;
	margin			: 0;
}

body {
	font			: normal 11px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	background-color: #fff;
	color			: #555;
}

#wrapper {
	margin			: 0 auto;
	width			: 985px;
	min-height		: 100%;
}

	* html #wrapper {
		height			: 100%;
	}

#top {
	position		: relative;
	float			: left;
	width			: 985px;
	height			: 370px;
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
}

	#top #overlay {
		position		: absolute;
		top				: 0;
		left			: 0;
		width			: 985px;
		height			: 370px;
		background		: transparent url('../_images/top_overlay.png') no-repeat top left;
	}

	#top #menu {
		float			: left;
		width			: 905px;
		height			: 43px;
		margin			: 0 0 0 40px;
		display			: inline;
		background		: transparent url('../_images/menu_background.png') no-repeat top left;
	}

	#top #logo {
		position		: absolute;
		width			: 295px;
		height			: 103px;
		top				: 60px;
		left			: 345px;
		background		: transparent url('../_images/logo.png') no-repeat top left;
	}

		#top #logo img {
			border			: 0;
			width			: 295px;
			height			: 103px;
		}

#left {
	float			: left;
	width			: 566px;
	height			: auto;
	margin			: 0 30px 0 66px;
	padding			: 10px 0 215px 0;
	display			: inline;
}

	#home #left {
		width				: 620px;
		margin			: 0 0 0 42px;
		padding-top		: 180px;
	}

	#welcome {
		display		: inline;
		float			: left;
		position		: relative;
		width			: 480px;
		height			: 160px;
		background		: transparent url('../_images/welcome_background.png') no-repeat top left;
		margin			: 207px 0 0 42px;
		padding			: 140px 115px 0 25px;
	}

	#left #brands {
		float			: left;
		width			: 600px;
		height			: 440px;
		position		: relative;
		overflow		: hidden;
		margin			: 0 0 5px 0;
	}

		#left #brands .brand {
			float			: left;
			width			: 277px;
			height			: 220px;
		}

			#left #brands .brand .name {
				width			: 227px;
				height			: 24px;
				background		: transparent url('../_images/brand_background.gif') no-repeat top left;
				margin			: 0 0 15px 0;
				padding			: 17px 25px;
			}

			#left #brands .brand .logo {
				text-align		: center;
				height			: 65px;
				margin			: 0 0 10px 0;
			}

				#left #brands .brand .logo img {
					vertical-align		: middle;
				}

	#left #controls {
		float			: left;
		width			: 591px;
		background		: transparent url('../_images/controls_background.gif') no-repeat top left;
		padding			: 20px 10px 0 10px;
		margin			: 0 5px 0 4px;
		display			: inline;
	}

		#left #controls #previous {
			float			: left;
		}

		#left #controls #next {
			float			: right;
		}

#right {
	float			: left;
	width			: 283px;
	height			: auto;
	margin			: 0 40px 0 0;
	padding			: 201px 0 215px 0;
	display			: inline;
}

	#news {
		display			: inline;
		float				: right;
		width				: 243px;
		height			: 268px;
		background		: transparent url('../_images/news_background.png') no-repeat top left;
		margin			: 205px 40px 15px 0;
		position			: relative;
		padding			: 20px;
	}

		#home #news {
			float				: left;
			margin-right	: 0;
			background-image: url('../_images/home_news_background.png');
		}

	#right #links {
		float			: left;
		width			: 230px;
		height			: 195px;
		margin			: 0 0 15px 0;
		padding			: 15px 25px 0 25px;
		background		: transparent url('../_images/links_background.gif') no-repeat top left;
	}

	#right .block {
		float			: left;
		width			: 287px;
		height			: 135px;
		position		: relative;
		margin			: 0 0 0 -4px;
		cursor			: pointer;
		display			: inline;
	}

		#right .block .overlay {
			position		: absolute;
			width			: 267px;
			height			: 32px;
			top				: 0;
			left			: 0;
			background		: transparent url('../_images/block_overlay.png') no-repeat top left;
			padding			: 103px 0 0 20px;
		}

#footer {
	position		: relative;
	margin			: -215px 0 0 0 !important;
	width			: 100%;
	min-width		: 985px;
	background		: transparent url('../_images/background.jpg') no-repeat bottom;
	height			: 215px;
}

.clear {
	clear			: both;
}

.hr {
	clear			: left;
	width			: 566px;
	height			: 15px;
	background		: transparent url('../_images/hr.gif') no-repeat top left;
	margin			: 10px 0;
}

/* Headings H1-H6 */
h1 {
	font-weight		: normal;
	font-size		: 16px;
	color			: #000;
}

	#welcome h1 {
		color			: #fff;
	}

h2 {
	font-weight		: normal;
	font-size		: 16px;
	color			: #000;
}

	#news h2 {
		color			: #fff;
		margin			: 0 0 11px 0;
	}

	#links h2 {
		margin			: 0 0 10px 0;
	}

h3 {
	font-size		: 16px;
	color			: #000;
}

	.brand h3 {
		float			: left;
	}

h4 { }

h5 { }

h6 { }


/* Paragraph and Link Styles */
p {
	line-height		: 18px;
	margin			: 15px 0;
}

	#welcome p {
		color			: #fff;
		margin			: 10px 0 15px 0;
	}

	.brand p {
		margin			: 0;
		padding			: 0 20px;
	}

a {
	color			: #c22c00;
}

	.head {
		padding-top: 30px;
	}


	#welcome a {
		color			: #fff;
		position			: relative;
	}
	
	#welcome a{
		text-decoration : none;
	}
	
	#welcome a:hover{
		text-decoration : underline;
	}

	#welcome a.arrow {
		position			: relative;
		font-size		: 14px;
		text-decoration	: none;
		padding			: 0 0 0 20px;
		background		: transparent url('../_images/welcome_arrow.gif') no-repeat left;
	}

	#welcome a.arrow:hover {
		text-decoration	: underline;
	}

	#brands .name a {
		color			: #c22c00;
		text-decoration	: underline;
		float			: right;
		padding			: 4px 0 0 0;
	}

	#previous a {
		padding			: 0 0 0 25px;
		background		: transparent url('../_images/prev.gif') no-repeat left;
		font-size		: 14px;
	}

	#next a {
		position			: relative;
		padding			: 0 25px 0 0;
		background		: transparent url('../_images/next.gif') no-repeat right;
		font-size		: 14px;
	}

	a.arrow {
		padding			: 0 25px 0 0;
		background		: transparent url('../_images/next.gif') no-repeat right;
		font-size		: 14px;
	}

	#news a {
		color			: #fff;
		text-decoration	: none;
		line-height		: 40px;
		display			: block;
		position			: relative;
	}

		#news a span {
			font-weight		: bold;
			padding			: 0 0 0 10px;
		}

	#news a:hover {
		text-decoration	: none;
	}

		#news a:hover span {
			text-decoration	: underline;
		}

	#news a.more {
		color					: #c22c00;
		text-decoration	: underline;
		font-weight			: normal;
	}

	#links a {
		color			: #c22c00;
		line-height		: 30px;
		display			: block;
	}

	.block a {
		color			: #c22c00;
		font-size		: 14px;
		text-decoration	: none;
	}

	.block:hover a, .block a:hover {
		text-decoration	: underline;
	}

/* Lists and Navigation */
ul { }

	#menu ul { }

	#menu ul li {
		display			: block;
		float			: left;
		height			: 28px;
		padding			: 10px 26px 0 25px;
		background		: transparent url('../_images/menu_bar.gif') no-repeat right;
	}

	#menu ul li.last {
		background		: none;
		padding-right	: 25px;
	}

	#menu ul li a {
		position			: relative;
		color				: #d4d4d4;
		text-decoration: none;
	}

	#menu ul li a.active {
		font-weight		: bold;
	}

	#menu ul li a:hover {
		text-decoration	: underline;
	}

	#carousel {
		width		: 10000px;
		margin		: 0;
		padding		: 0;
		position	: absolute;
		top			: 0;
		left		: 0;
	}

	ul#carousel li {
		list-style: none;
		float		: left;
		height		: 440px;
		width		: 277px;
		margin		: 0 23px 0 0;
		padding		: 0;
	}

/* Forms */
form {
	margin			: 15px 0 0 0;
}

form td {
	padding			: 5px 0;
}

input, select, textarea {
	width			: 250px;
	height			: 20px;
	border			: 1px solid #dddddd;
	padding			: 5px 5px 0 5px;
	background		: transparent url('../_images/input_background.gif') repeat-x top left;
	font			: normal 11px "Lucida Sans Unicode", "Arial", "Verdana", sans-serif;
	color			: #555;
}

textarea {
	width			: 320px;
	height			: 90px;
}
