/*this governs the overall font family & font size used throughout the site and the background gradient*/ 
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size:75%;
	margin:0;
	background-image:url(../images/back.jpg);
	background-repeat:repeat-x;
	background-color:#cdc348;
	margin-bottom:10px;
	}
	
	.clearfix{
	clear:both;
	}
	
/*allows blind users to skip navigation and jump to main content, normal users will not see the link*/	
.skiplink {display:none}
	
	
/*the container is the white box that the content is all contained inside, this defines its width and how is is positioned in the browser window*/	
#container{
	width:768px;
	position:absolute;
	left:50%;
	margin:10px 0 0 -384px;
	background-color:#fff;
	padding:5px;
	}
	
/*these define the top drop down menu*/	
#topmenu{
	background-color:#b9ca26;
	float:left;
	padding:3px 0 3px 0;
	width:768px;
	margin-bottom:4px;
	}
	#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	}
	#nav a {
	display: block;
	color:#060;
	padding:3px 8px 3px 8px;
	text-decoration:none;
	font-size:11px;
	border-right:1px solid #605922;
	background-color:#b9ca26;
	font-weight:bold;
	}
	#nav a.end{
	border:none;
	}
	#nav a:hover{
	background-color:#605922;
	color:#fff;
	}
	#nav li {
	float: left;
	}
	#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	}
	#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

	#nav li ul li a{
	width:10em;
	border:none;
	padding:5px;
	background-color:#605922;
	color:#fff;
	}
	#nav li ul li a:hover{
	background-color:#b9ca26;
	color:#333;
	}
	#nav li ul ul {
	margin: -1.8em 0 0 10em;
	}
	#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
	}
	#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
	}
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
	}


.thumbs{
	float:left;
	margin:15px 0 10px 0;
	}


	
/*this defines the random rotating image area*/
#randomimage{
	float:left;
	height:194px;
	width:392px;
	margin: 0 5px 5px 0;
	}
	
/*these define the main c2a adjacent to big image*/	
#maincalltoaction{
	float:left;
	width:371px;
	background-image:url(../images/maincall_bg.jpg);
	background-repeat:repeat-x;
	margin-bottom:5px;
	}
	#maincalltoaction img{
	float:left;
	margin-right:10px;
	}
	#maincalltoaction h2{
	color:#dfee31;
	padding:10px  10px 0 10px;
	margin:0;
	font-size:100%;
	}
	#maincalltoaction p{
	color:#fff;
	padding:0 10px 3px 10px;
	margin:0;
	font-size:90%;
	}
	#maincalltoaction a{
	color:#dfee31;
	text-decoration:none;
	font-weight:bold;
	}
	#maincalltoaction a:hover{
	text-decoration:underline;
	}
	

/*these define the look and feel of the text area on the home page.*/
#homemain{
	width:352px;
	background-image:url(../images/main_back.jpg);
	background-repeat:repeat-x;
	float:left;
	padding:20px;
	border-right:5px solid #fff;
	}
	#homemain h1{
	color:#c9411b;
	margin:0 0 -10px 0;
	font-size:150%;
	}
	#homemain h2{
	color:#333300;
	font-size:120%;
	}
	#homemain p{
	color:#4a4525;
	font-size:100%;
	line-height:16px;
	}
	#homemain p.big{
	font-size:150%;
	}
	.red{
	color:#d03f12;
	}
	#homemain a{
	color:#d03f12;
	text-decoration:none;
	font-weight:bold;
	}
	#homemain a:hover{
	color:#000;
	text-decoration:underline;
	}
	#homemain ul{
	list-style:outsideS;
	margin:0 0 0 15px;
	padding:0;
	color:#4a4525;
	font-size:100%;
	}
	
/*these defne the locations column*/	
#locations{
	width:157px;
	float:left;
	padding:17px;
	}
	#locations ul{
	margin:0;
	padding:0;
	list-style:none;
	}
	#locations ul li{
	padding:5px 0 5px 0;
	}
	#locations ul li a{
	color:#c9411b;
	text-decoration:none;
	font-size:90%;
	}
	#locations ul li a.more{
	color:#333;
	font-weight:bold;
	}
	#locations ul li a:hover{
	text-decoration:underline;
	}
	#locations h2{
	font-size:100%;
	margin:0 0 5px 0;
	}
	
	
/*these define the testimonials*/
#testimonials{
	background-color:#cdc348;
	padding:10px;
	margin-top:40px;
	float:left;
	}
	#testimonials p{
	color:#2a3c00;
	margin:0;
	padding:0;
	}
	#testimonials a{
	color:#2a3c00;
	font-weight:bold;
	text-decoration:none;
	}
	#testimonials a:hover{
	text-decoration:underline;
	}
	
	
	
/*thesed define the look and feel of the copy on the inner pages*/	
#pages{
	width:537px;
	background-image:url(../images/main_back.jpg);
	background-repeat:repeat-x;
	float:left;
	padding:20px;
	border-right:6px solid #fff;
	}
	#pages h1{
	color:#c9411b;
	margin:0 0 20px 0;
	font-size:150%;
	}
	#pages h2{
	color:#333300;
	font-size:130%;
	margin:30px 0 -10px 0;
	}
	#pages h3{
	color:#c9411b;
	margin:15px 0 -10px 0;
	font-size:95%;
	}
	#pages p{
	color:#4a4525;
	font-size:95%;
	line-height:1.5em;
	}
	#pages a{
	color:#d03f12;
	text-decoration:none;
	font-weight:bold;
	}
	#pages a:hover{
	color:#000;
	text-decoration:underline;
	}
	#pages img{
	padding:1px;
	border:1px solid #e9e9e9;
	}
	#pages img.right{
	float:right;
	margin:0 0 10px 10px;
	}
	#pages img.left{
	float:left;
	margin:0 10px 10px 0;
	}
	#pages img.big{
	float:left;
	margin:10px 0 10px 0;
	}
	#pages ul{
	color:#333;
	font-size:95%;
	}
	
	
#callshome{
	width:366px;
	float:left;
	background-image:url(../images/calls_back.jpg);
	background-repeat:repeat-x;
	padding:4px 4px 4px 0;
	}
	#callshome h2 {
	font-size:120%;
	margin:0 0 5px 0;
	padding:0;
	}
	#callshome h2 a{
	color:#c9411b;
	text-decoration:none;
	margin:0;
	padding:0;
	}
	#callshome h2 a:hover{
	background-color:none;
	text-decoration:underline;
	}
	#callshome a{
	font-size:90%;
	color:#333;
	text-decoration:none;
	display:block;
	margin:0 0 20px 0;
	}
	#callshome a:hover{
	text-decoration:underline;
	}	
	#callshome img{
	margin-bottom:5px;

	}
	.c2ahome{
	width:168px;
	float:left;
	margin:0px;
	
	}
	.c2ahomeleft{
	width:168px;
	float:left;
	margin:0 15px 0 5px;
	}
	
	
	
	
	
	
	
/*these define the c2a's running down the right column*/	
#calls{
	width:168px;
	float:left;
	background-image:url(../images/calls_back.jpg);
	background-repeat:repeat-x;
	padding:8px;
	}
	#calls h2{
	color:#c9411b;
	margin:5px 0 0 0;
	font-size:100%;
	}
	#calls a{
	font-size:90%;
	color:#333;
	text-decoration:none;
	display:block;
	margin:0 0 20px 0;
	}
	#calls a:hover{
	text-decoration:underline;
	background-color:#dfee31;
	}
	
	
/*these define the look and feel of the footer*/	
#footer{
	float:left;
	clear:both;
	width:748px;
	padding:0 10px 5px 10px;
	background-color:#b9ca26;
	margin-top:5px;
	font-size:90%;
	color:#333;
	}
	#footer a{
	text-decoration:none;
	color:#333;
	margin:0;
	padding:0;
	}
	#footer ul{
	float:left;
	list-style:none;
	margin:0 15px 15px 0;
	padding:0 0 0 0;
	border-top:5px solid #b9ca26;
	}
	#footer ul li{
	margin:0  0  5px 0;
	padding:0 0 0 0;
	}
	#footer ul li a:hover{
	text-decoration:underline;
	}
	
	
	
	
/*voucher form*/
#voucher-form{
	}
	
#voucher-form input, #voucher-form textarea{
	width:350px;
	}
	
#voucher-form input.cb{
	width:1em;
	height:1em;
	margin:0 5px 0 0;
	}

#voucher-form input.number{
	width:30px;
	margin:0 10px 0 0;
	}
	
#voucher-form p.submit{
	margin-top:30px;
	}
	
#voucher-form p.submit input{
	width:150px;
	text-align:center;
	color: #333;
	background: #B9CA26;
	border: 1px outset #d7b9c9
	}