@charset "utf-8";

body
{
	/*background gradient*/
	background-image:url(../Images/background.jpg);
	background-repeat:repeat-x;
	background-color:#cfecff;
	/*reset browser defaults*/
	padding:0px;
	margin:0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:15px;
}

div
{
/*reset browser defaults*/
	padding:0px;
	margin:0px;
}

img
{
/*reset browser defaults*/
	padding:0px;
	margin:0px;
}

/* Header Styling */
h1
{
	background-image:url(../Images/h1Back.jpg);
	color:#d6e7fe;
	font-size:24px;
	width: 421px;
	height:40px;
	text-align:center;
	font-weight:normal;
	margin-bottom:-10px;
}

h2
{
	background-image:url(../Images/h2Back.jpg);
	color:#d6e7fe;
	font-size:20px;
	width: 277px;
	height:37px;
	text-align:center;
	font-weight:normal;
	margin-bottom:-10px;
}

h3
{
	color:#000000;
	font-weight:normal;
	margin-bottom:0px;
}

h4
{
	font-weight:bold;
	color:#b3c9e7;
	font-size:15px;
}

/*link styling*/
a
{
	color:#40AFFE;
}


#wrapper
{	 
	width:850px;
	margin:auto;
}

#shadowWrapper
{
	/*page shadow*/
	background-image:url(../Images/shadowBG.png);
	background-repeat:repeat-y;
	float:left;
	width:850px;
	
}

#contentWrapper
{
	/*center the page*/
	width:800px;
	float:left;
	margin-left:25px;
}


#headMain
{
	/*Background of the header*/
	background-image:url(../Images/headBG.jpg);
	background-repeat:no-repeat;
	width:800px;
	height:150px;
}

/*Menu link formatting*/
#menu a
{
	color:#FFFFFF;
	font-size:15px;
	text-decoration:none;
	padding-top:-5px;
}

#menu a:hover
{
	color:#66CCFF;
}

#menu
{
	width:570px;
	float:right;
	text-align:right;
	padding-right:25px;
	padding-top:50px;
}

#menu li
{
	display:inline;
}

#menu ul
{	
	/*reset browser defaults*/
	margin:0px;
	padding:0px;
}

#logo
{
	
	width:280px;
	height:57px;
	/*background 'tab' of the logo*/
	background-image:url(../Images/logoBG.jpg);
	background-repeat:no-repeat;
	float:left;
	
	
}

#logo h1
{
	color:#FFFFFF;
	font-size:24px;	
	font-weight:normal;
	margin-top:8px;
	
	/*set previously declared formatting back to default*/
	background-image:none;
	width:auto;
	height:20px;
	text-align:left;
	font-weight:normal;
}

#logo li
{
	display:inline;
	float:left;
	margin-left:2px;
	
}

#logo ul
{	
	/*reset browser defaults*/
	margin:0px;
	padding:0px;
	text-decoration:none;
	margin-left:5px;
}

#headGreyBar
{	
	/*the grey bar under the header*/
	background-image:url(../Images/headGreyBar.jpg);
	background-repeat:repeat-x;
	width:520px;
	height:57px;
	float:right;
	/*text formatting*/
	color:#d6e7fe;
	font-style:italic;
	font-size:14px;
	text-align:center;
	padding-top:3px;
}

/*content area styling*/
#left
{
	clear:both;
	float:left;
	width:250px;
	margin-left:15px;
}


#left ul
{
	list-style-type:square;
}


.comment
{
	color:#AAAAAA;
	font-style:italic;
	margin-left:20px;
}

#leftBG
{
	width:270px;
	background-image:url(../Images/leftBackShade.jpg);
	background-repeat:no-repeat;
	background-position:bottom;

}

#right
{
	float:right;
	width:421px;
	margin-bottom:40px;
}



/*Increases the size of the 'left' div so that the text under the image
	on the home page doesnt wrap to the next line*/
	
#specialImage /* This div is stored in the database as part of the text of the special offer of the home page */
{
	width:300px;
}

/* This makes it so that the content area on the home page is smaller
	due to the large image there isnt as much space, but on the other 
	pages there is alot of content so the content area needs to be bigger
	to avoid the page being so long */
	
#widthSmall /*This div is stored in the database as part of the text of the home page*/
{
	width:400px;
}

#SectionBG /*This div is stored in the database as part of the text of the home page*/
{
	background-image:url(../Images/sectionBG.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

#Section p 
{
	margin-left:10px; /*Indents the text to align it more nicely*/
}

#Section ul
{
	list-style:square;
}


.bold
{
	color:#000000;
}



/*footer styling*/
#footer
{
	width:800px;
	margin:auto;
}

#footFloat
{
	float:left;
	width:100%;
	background-image:url(../Images/footerBG.jpg);
	background-repeat:no-repeat;
	background-position: center top;
}

/*position the address info in the footer*/
#address
{
	width:400px;
	float:right;
	color:#CCCCCC;
	font-size:10px;
}

#adrsFLeft
{
	float:left;
	margin-left:20px;
	margin-bottom:20px;
}

#adrsFRight
{
	float:right;
	margin-right:20px;
	margin-bottom:20px;
	text-align:right;
}


/* Newsletter Styling */
#newsletter
{
	color:#333333;
	font-style:italic;
	font-size:14px;
	width:275px;
	height:200px;
	background-image:url(../Images/leftBackShade.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	float:left;
	margin-left:40px;
}

#newsletter h2
{
	color:#d6e7fe;
	font-style:normal;
	margin-bottom:0px;
}

input.btn
{
	background-image:url(../Images/button.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#FFFFFF;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	width:162px;
	height:38px;
	border:none;
	margin-left:-10px;
}

.inputs1
{
	background-image:url(../Images/inputBGLong.jpg);
	width:245px;
	height:22px;
	border:0;
	padding-top:5px;
	padding-left:5px;
}

.inputs2
{
	background-image:url(../Images/inputBGLarge.jpg);
	width:275px;
	height:115px;
	border:0;
	padding-top:5px;
	padding-left:5px;
}

#Section label
{
	margin-right:50px;
	color:#333333;
	font-style:italic;
	font-size:14px;
}

#contactButton
{
	padding-left:5px;
	text-align:center;
	width:180px;
}

#formLeft
{
	float:left;
	text-align:right;
	line-height:15px;
	margin-left:12px;
	width:60px;
}

#formRight
{
	float:right;
	margin-right:20px;
	width:160px;
}

#formRight input
{
	background-image:url(../Images/inputBG.jpg);
	width:160px;
	height:22px;
	border:0;
	padding-top:5px;
	padding-left:5px;
}

/*page filler*/
#filler
{
	height:600px;
	float:right;
}

/*rss and enquiry formatting*/
#rssAndenquiry
{
	width:400px;
	height:180px;
	float:right;
	padding-right: 20px;
}

#botIMG
{
	float:right;
	width:50px;
	margin-top:-10px;
}

#botText
{
	width:250px;
	float:right;
	line-height:35px;
	padding-right:20px;
	text-align:right;
}

#rAlign
{
	text-align:right;
	margin-right:10px;
	margin-top:9px;
}

#copyright
{
	margin-top:30px;
	float:left;
	text-align:center;
	color:#555555;
	font-size:12px;
	width:800px;
}

#copyright a
{
	color:b3c9e7;
}

.smaller
{
	font-size:10px;
}

#indent
{
	margin-left:20px;
}