﻿@charset "UTF-8";
 
/*********************************************** 
----> GRID
***********************************************/
 
* {
	padding: 0;
	margin: 0;
}
body {
    background-image: url('/Media/Images/Bg_gradient.gif');
    background-repeat:repeat-x;
    background-color: #282828;
    color: #333;
    font-family: Verdana, Arial;
    font-size: 10pt;
}
#grid {
	width: 790px;
	margin: 0 auto;
	padding: 20px 0 20px;
}
#frame {
	border: solid 5px #fff;
	width: 780px;
	float: left;
}
 
/*********************************************** 
----> ADS
***********************************************/
 
#advA {
	height: 150px;
	width: 790px;
	margin: 0 0 8px 0;
	float: left;
}
 
#advB {
	height: 350px;
	width: 180px;
	background-color: #960;
	margin: 0 0 8px 0;
	float: right;
}
 
/*********************************************** 
----> ROWS
***********************************************/
#rowA {
	height: 100px;
	background-color: #ffdd00;
	background-image: url('/Media/Images/Top.jpg');
	width: 780px;
	float: left;
}
#rowB {
	height: 25px;
	background-color: #000;
	width: 780px;
	float: left;
}
 
/*********************************************** 
----> COLUMNS
***********************************************/
 
#colWrapper {
	background-color: #dddddd;
	float: left;
}
#colA {
	float: left;
	width: 600px;
	background-color: #fff;
}
#colB {
	width: 180px;
	float: left;
}
#footer {
	width: 780px;
	background-color: #ffdd00;
	float: left;
	text-align: right;
}
 
/*********************************************** 
----> CONTENTHOLDER
***********************************************/
 
#colB .contentHolder {
	padding: 25px 10px 10px 10px;
}
#colA .contentHolder {
	height: 400px;
	min-height: 400px;
	height: auto !important; 
}
#rowA .contentHolder, #rowB .contentHolder {
	height: inherit;
	min-height: inherit;
}
#footer .contentHolder, #footer .contentHolder a {
	height: inherit;
	min-height: inherit;
	padding: 4px;
	font-size: 7pt;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
}
#footer .contentHolder a:hover
{
    color: #666;
} 
/*********************************************** 
----> NAVIGATION
***********************************************/
 
.nav {
	list-style-type: none;
	font-size: 10pt;
}
#rowB ul.nav li {
	display: inline;
	padding: 5px 10px 0 10px;
	height: 25px;
	float: left;
	color: #fff;
	cursor: pointer;
	text-transform: uppercase;
}
#rowB ul.nav li:hover, #rowB ul.nav .selected 
{
    background-color: #ffdd00; 
    color: #000; 
}
#rowB ul.nav .spacer:hover  
{
    background-color: #000; 
}
#colA ul.nav {
	padding: 20px 0 0 10px;
}
 
/*********************************************** 
----> TYPOGRAPHY
***********************************************/
 
h1 {
	padding: 25px 15px 0 15px;
	font-size: 20px;
}
h3 {
	padding:25px 15px 0 15px;
}
p {
	padding:25px 15px 0 15px;
}

 
/*********************************************** 
----> TEMPLATE INFO
***********************************************/
 
ul.browser {
	list-style-type: none;
	padding: 0 0 10px 40px; 
}


/*********************************************** 
----> CONTACTFORM, REGISTERFORM
***********************************************/

.contactForm, .registerForm {
    padding: 14px 0 14px 15px;
    width: 552px;
    height: 290px;
}
.contactForm {
    background-image: url('/Media/Images/Contact.jpg');
}
.contactForm_FormArea {
    width: 320px;
    float:left;
}
.contactForm_ValidatorArea {
    float: left;    
    padding-right: 20px;
    width:180px;
}
.contactForm_FormArea label {
	width: 125px;
	display: block; 
	float: left;
    padding-top:4px;
}
.contactForm_FormArea label {
    width: 100px;
}
.contactForm_FormArea input, .contactForm_FormArea textarea {
    margin: 2px 0 2px 0;
}
.contactForm_FormArea .textBox 
{
    width: 180px;    
}
.contactForm_FormArea .textArea 
{
    width: 180px;
    height: 80px;
}

/*********************************************** 
----> IMAGEGALLERY
***********************************************/

.galleryImages ul 
{
	padding: 0;
	margin: 0;
}
.galleryImages li 
{
	list-style: none;
	float: left;
	display: inline;
	padding: 0 0 15px 15px;
}

