/***************************/
/*  www.purewebsite.co.uk  */
/*  Alan Dunn  19/08/2006  */
/***************************/

html, body  {
			color: #000; 
			font-size: 14px; 
			background-color: #e4e0d1;
			background-image: none; 
			text-align: center; 
			margin: 0; 
			padding: 0; 
			position: absolute; 
			top: 0; 
			left: 0; 
			}



/*------------------ HEADER ------------------------*/		
td img {display: block;}


/*------------------ NAVIGATION ------------------------*/	
#nav { background-color: #959595; text-align: center; margin: 0; padding: 0; width: 100%; height: 35px; border-top: 2px solid white; border-right: 0; border-bottom: 0; border-left: 0 }
		
#nav ul { list-style-type: none; margin: 0; padding: 0; border: 0 }

#nav ul li { list-style: none; display: inline; margin: 0; padding: 0; }

#nav ul li a { color: #fff; font-size: 14px; font-family: Verdana, sans-serif; font-style: normal; font-weight: bold; text-decoration: none; text-align: center; margin: 0; padding: 3px 0.5em; border: 0; }
			
#nav ul li a:link { color: #fff; }

#nav ul li a:visited {	color: #fff; }
		
#nav ul li a:link:hover, #nav ul li a:visited:hover { color: #f9b706; background-color: #959595; font-weight: bold; }

#nav ul li a#current { color: #f9b706; background-color: #959595; margin: 0; padding: 3px 0.5em; border: 0; }



/*------------------ MAIN ------------------------*/
#columnMain  { color: #000; font-size: 14px; font-family: Verdana, Arial, sans-serif; background-color: #fff; text-align: left; padding: 10px 15% 20px; vertical-align: top }

h1 { color: #f9b706; font-size: 24px; font-family:Arial Rounded MT Bold, Arial, sans-serif; font-weight: bold; background-color: white }

/*---- Inconspicuous Header for SEO ----*/
h1.start {
		font-family: Verdana, Arial, sans-serif; 
		color: #000; 
		font-size: 14px;
		font-weight:normal; 
}

h1.start a:link, h1.start a:visited, h1.start a:hover {
		font-family: Verdana, Arial, sans-serif; 
		color: #000; 
		font-size: 14px;
		font-weight: normal;
		font-style: normal;
		text-decoration: none; 
}



/*-----------Learn More Boxes --------------*/
.LearnMoreBox {
	width:200px;
	float:right;
	padding:0 0 20px 30px;
}

.LearnMoreBox TD.content {
	background-image:url(images/inset_bg_ltorange.gif);
	background-repeat:repeat-y;
	margin:0;
	padding:0 10px 0 10px;
}

.LearnMoreBox UL {
	margin-left:10px;
	padding-left:6px;
	list-style-position:outside;
	list-style-image:url(images/bullet_orange.gif);
}

.LearnMoreBox LI {
	margin:0 0 5px 0;
}

.LearnMoreBox A:link { font-size:12px; color:#000; }
.LearnMoreBox A:visited { font-size:12px; color:#000; }
.LearnMoreBox A:active { font-size:12px; color:#000; }
.LearnMoreBox A:hover { font-size:12px; color:#999; }

.LearnMoreBox H2 A { font-size:14px; color:#f9b706; text-decoration:none; margin:0; padding:0; }
.LearnMoreBox H2 A:link { font-size:14px; color:#f9b706; text-decoration:none; margin:0; padding:0; }
.LearnMoreBox H2 A:visited { font-size:14px; color:#f9b706; text-decoration:none; margin:0; padding:0; }
.LearnMoreBox H2 A:active { font-size:14px; color:#f9b706; text-decoration:none; margin:0; padding:0; }
.LearnMoreBox H2 A:hover { font-size:14px; color:#f9b706; text-decoration:none; margin:0; padding:0; }



/*------------------ BLOCKS ------------------------*/
.blockL  { text-align: left; padding: 10px 20px 30px 40px; width: 25%; height: 40px; vertical-align: top }

.blockR   { text-align: left; padding: 10px 40px 30px 20px; width: 25%; height: 40px; vertical-align: top }
		
.blockHead {
		color: #636363;
		font-size: 16px; 
		font-family: Arial, sans-serif; 
		font-weight: bold;
		}

.blockText {
		font-size: 12px; 
		font-family: Arial, sans-serif; 
		font-weight: normal;
		border-top: 3px solid #f9b706;		
		text-align: left;
}

.blockText p {
		margin: 0 0 0.4em 0;
		padding: 0;
		}
				
.phone {
		font-family: "Courier New", serif;
		font-size: 16px; 
		font-weight: bold;		
}


/*------------------ FOOTER ------------------------*/
#footer   { color: #000; font-size: 14px; font-family: Verdana, sans-serif; font-weight: normal;  text-align: center; padding-top: 1em; border-top: 2px #959595 solid; border-bottom: 4px #959595 solid; }

.footertextsmall  { font-size: 11px }

.footertextsmall a { color: #000; text-decoration: none; }

.footertextsmall a:link, .footertextsmall a:visited { color: #000; text-decoration: none; }

.footertextsmall a:link:hover, .footertextsmall a:visited:hover  { color: #f9b706; text-decoration: none }


/*---------------- PORTFOLIO ----------------------*/
.button {
   		color: #000;
   		background-color: #fff;
   		text-decoration: underline;
   		}

.desc {
		text-align: left;
		width:230px;
		}
		
.desc h1 {
		color: #f9b706;
		font-size: 14px;
		font-family: Verdana, Arial, sans-serif;
		padding: 5px 0 0 0;
		margin: 0; 
		}
		
.desc p {
		color: #000;
		font-size: 12px;
		font-family: Verdana, Arial, sans-serif;
		padding: 0;
		margin: 0; 
		}

.desc img {
		border:1px solid black;
		padding:0;
		margin:0;
		}
		
.viewport {
		width: 420px;
		height: 400px;
		}
						  		
.viewport img {
			border: 8px inset #ccc;
			}


/*---------------- FAQ ----------------------*/
.faq ol {
		list-style-image: url(images/question.gif);
		}
		
.faq ol li ul {
		margin: 10px 0 10px 0;
		}
		
.faq ol ul, .faq ol li ol {
		list-style-image: none;
		}

.faq h2 {
		color: #959595;
		font-weight: bold;
		font-size: 16px;
		padding: 2px;
		margin: 0px;
		}


/*----------------CONTACT PAGE ----------------------*/
textarea, input {
		background-color: #fff;
		border: 1px solid #000;
		}

/* focus pseudo class does not work with IE */
input:focus {
		background-color: #ddd;
		}		
textarea:focus {
		background-color: #ddd;
		border: 1px solid #000;
		}

.buttonSubmit, .buttonClear {
			color: #000;
			background-color: #ccc;
			font-size: 11px;
			width: 80px;
			padding: 2px;
}

.checkBoxinput {
			color: #000;
			background-color: #fff;
			border: 0;
			}