/* body */
body 
{
	font-family: Verdana, Geneva, Arial, Sans-Serif;
	font-size: 12px;
	background: #94C7E0 url(Graphics/gdbg.gif) repeat-x;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	line-height: 20px;
}

/* hyperlinks */
a
{
	color: #00AEEF;
	text-decoration: none;
}

a:hover
{
	color: #9e0b0e;
}

p
{
	margin: 0 0 10px 0;
	padding: 0 0 0 0;
}
	
/* headings */
h1, h2, h3
{
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
	font-weight: normal;
	color: #0060a9;
}

h1 { font-size: 18px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }

/* Banner */
#Banner
{
	width: 900px;
	margin: 0 auto 0 auto;
	background: #0060A9 url(Graphics/logo-on-blue.gif) no-repeat;
	height: 265px;
	font-size: 14px;
}

#BannerText
{
	text-align: right;
	padding: 70px 20px 0 0;
}	

#BannerText a:hover { color: #ffff00; }

/* navigator */
#Navigator
{
	width: 900px;
	margin: 0 auto 0 auto;
	/*background-color: #94C7E0;*/
	height: 30px;
	line-height: 30px;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

#Navigator a
{
	float:left;
	display:block;
	width: 225px;
	text-align: center;
	height: 30px;
	color: #ffff00;
	font-size: 14px;
}

#Navigator a:hover
{
	background-color: #ffff00;
	color: #0060A9;
}
			
	
/* Wrapper */
#Wrapper
{
	clear: both;
	width: 900px;
	margin: 10px auto 0 auto;
}
	
/* Home page */
#HomeTop
{
	height: 430px;
	width: 100%;
}

#Movie
{
	float: right;
	background: transparent url(Graphics/flash-gc.jpg) no-repeat;
	height: 430px;
	width: 500px;
}

#Intro
{
	float:left;
	height: 410px;
	background-color: #ffffff;
	width: 370px;
	padding: 10px 10px 10px 10px;
	line-height: 19px;
}					

/* Footer */
#FooterPane
{
	clear:both;
	padding-top: 10px;
}

#Footer
{
	border-top: solid 1px #ffffff;
	text-align: center;
	padding-top: 10px;
}		

#Footer a
{
	color: #000080;
}

#Footer a:hover
{
	color: #ffffff;
}

#FooterSmall
{
	font-size: 10px;
}	

.BigText
{
	font-size: 14px;
}

.SmallText
{
	font-size: 10px;
}					

/* tips */
.Tip
{
	font-style:italic;
	color: #ff0000;
}

.TipText
{
	background: #0060A9;
	color: #ffffff;
	padding: 10px 10px 10px 10px;
	font-size: 14px;
	text-align: center;
	margin-bottom: 10px;
}

/* Pictures */
.PicRight
{
	float: right;
	padding: 0 0 0 10px;
	border: none;
}

.PicLeft
{
	float: left;
	padding: 0 10px 0 0;
	border: none;
}

	
/* Suppliers */
#Suppliers
{
	background-color: #ffffff;				
	padding: 10px 10px 10px 10px;
}

.Supplier
{
	border-bottom: solid 1px #94C7E0;
	height: 172px;
	padding: 10px 0 10px 0;
}

.SupplierImageHolder
{
	float:left;
	width: 200px;
	padding-right: 10px;
	height: 172px;
}
		
.SupplierTextHolder
{
	float:left;
	height: 172px;
	width: 670px;
}

.SupplierText
{
	height: 142px;
	width: 670px;
}

.SupplierButtons
{
	height: 30px;
	width: 670px;
}	

#Suppliers a
{
	float:right;
	background-color: #0060A9;
	display:block;
	width: 150px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	color: #ffff00;
	font-size: 14px;
	margin-left: 10px;
}
	
#Suppliers a:hover
{
	background-color: #ffff00;
	color: #0060A9;
}

/* products */
#Products
{
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;				
}

.ProductCol1
{
	float:left;
	width: 430px;
	padding-right: 10px;
}

.ProductCol2
{
	float:right;
	width: 430px;
	padding-left: 10px;
}

.Product
{
	height: 108px;
	border-bottom: solid 1px #94C7E0;
	padding: 10px 0 10px 0;
}

.ProductImage
{
	float:left;
	border: none;
	padding-right: 10px;
}

/* contact page */
#Contact
{
	background-color: #ffffff;				
	padding: 10px 10px 10px 10px;
	height: 600px;
}

.ContactTip
{
	height: 45px;
}
	
#ContactForm
{
	height: 500px;
	width: 580px;
	float:left;
}

#ContactDetails
{
	height: 230px;
	width: 300px;
	background: #ffffff url(Graphics/contact-photo.jpg) no-repeat scroll top right;
	text-align: center;
	float:left;	
	padding-top: 270px;
}