/* Begin Typography & Colors */

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;

/*	font-family: Helvetica, Arial, sans-serif;*/

	background-color: #fff;

	background: #fff;

	color: #eee;

	text-align: center;

	padding:0;

	margin:0;

	}

.centre { margin: 0px auto; text-align:center;}

#page {	

	background: #111;

	color: #000;

	margin: 0px auto;

	padding: 0;

	width: 760px;
	width: 800px;

	text-align: left;

	}

	



#header {

	padding: 0;

	margin: 5px auto;

	height: 100px;

	width: 100%;	

	background-color: #111;

	color: #eee;

	}



#headerimg {

	margin: 0;

	height: 100px;

	width: 100%;

	}	



#content {

	font-size: 1.2em;

/*	font-size: 1.4em;*/

	}



	

.narrowcolumn {

	margin: 0 10px 0 0 ;
/*
	float: right;

	width: 565px;*/

	padding: 0 15px 0px 15px;	

	}

		

.widecolumn {

	margin: 0 10px 0 0 ;
	margin: 0px auto;

/*	float: right;*/

/*	width: 695px;
	width: 100%;*/

	padding: 0 15px 0px 15px;	

	

	}

	

.entry{

	line-height: 1.2em;
	margin: 100px auto;

/*	line-height: 1.4em;*/

	}

	

.entry table {width: 100%;}

.entry table td { text-align:center;}

.entry table td p { text-align:center; width: 200px;margin: 20px auto;}




#footer {

	background-color: #000;

	padding: 0 0 0 0px;

	margin: 0 auto;

	width: 100%;

	clear: both;

	}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;

	}







blockquote {

	color: #ccc;

	}



a {

	color: #FF6600;

	text-decoration: none;

	}



a:hover {

	color: #FFC6A0;

	}



.red

{

	font-weight: bold;

	color: #ff6666;

}



.green

{

	font-weight: bold;

	color: #66ff66;

}



.smallText

{

	font-size: smaller;

}

/* End Typography & Colors */



/* Begin Structure */

	

.post {

	margin: 0 0 40px;

	text-align: center;


	}



/* End Structure */





/*	Begin Headers */



h1 {

	font-size: 4em;

	font-weight: bold;

	text-align: center;

	text-decoration: none;

	color: #000;

	padding-top: 70px;

	margin: 0;

	}



h2 {

	font-size: 1.6em;

	font-weight: bold;

	margin: 30px 0 0;

	color: #000;

	}



h2.pagetitle {

	font-size: 1.6em;

	}



h3 {

	font-size: 1.3em;

	font-weight: bold;

	padding: 0;

	margin: 30px 0 0;

	color: #aaa;

	}



/* End Headers */



/* Begin Images */

p img {

	padding: 0;

	max-width: 100%;

	}
	
img {border: 0px;}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */

	

img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	}

	

img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	}



/* End Images */



.entry p a:hover {

	color: #CC3300;

	}



/* Begin Lists



	Special stylized non-IE bullets

	Do not work in Internet Explorer, which merely default to normal bullets. */

		

html>body .entry ul {

	margin-left: 0px;

	padding: 0 0 0 30px;

	} 



html>body .entry li {

	margin: 7px 0 8px 10px;

	}



#sidebar h2 {

	font-size: 1.4em;

	margin: 5px 0 0;

	padding: 0;

	}

	

#sidebar ul {

	margin: 0;

	padding: 0;

	}



#sidebar ul li {

	list-style-type: none;

	list-style-image: none;

	margin: 15px 0 15px 0;

	}





#sidebar ul li.flashbang {

	

	font-size:1.3em;

	background:transparent url(/images/flashbang.gif) no-repeat scroll 0 50%;

	margin: 3px 0 0;

	padding: 0 0 0 15px;

	}



#sidebar ul ul {

	margin: 5px 0 0 11px;

	}



#sidebar ul ul li {



	font-size:1.3em;/*

	font-weight:bold;*/

	background:transparent url(/images/flashbang.gif) no-repeat scroll 0 50%;

	margin: 3px 0 0;

	padding: 0 0 0 15px;

	}

	

/*.entry ul li:before, */

/*#sidebar ul ul li:before {

	content: "\00BB \0020";

	}*/

/* End Entry Lists */



/* Begin Various Tags & Classes */



blockquote {

	background:transparent url(/images/topQuote.png) no-repeat scroll 0 0;

	margin: 15px 30px 0 10px;

	padding-left: 30px;

	}

blockquote p#quote {

	padding-top: 12px;

	padding-right: 30px;

	background:transparent url(/images/bottomQuote.png) no-repeat scroll 100% 100%;

}



hr {

	display: none;

	}

	

ul.categories {

	display: inline;

	clear: both;

	} 



ul.categories li {

  	background:transparent url(/images/black60.png) repeat scroll 0 0;

	width: 160px;

	text-align:center;

	white-space:nowrap;

	margin: 5px 11px;

	padding: 2px;

	border: 1px solid #fff;

	list-style: none;

	float: left;

	}

	

div#nifty	{ margin: 10px 0px; }

div#nifty div { background:transparent url(/images/white20.png) repeat scroll 0 0; margin: 0px; padding: 5px;}

div#nifty div.products { height: 150px;padding: 0px;}



b.rtop, b.rbottom{display:block;background:none}

b.rtop b, b.rbottom b{display:block;height: 1px; overflow: hidden;  background:transparent url(/images/white20.png) repeat scroll 0 0;}

b.r1{margin: 0 5px}

b.r2{margin: 0 3px}

b.r3{margin: 0 2px}

b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px} 



table.contact {border: 1px solid white;width: 50%; margin-top: -10px; margin-bottom: 10px;}

table.contact td {vertical-align: top; padding : 5px;}

table.contact td.lhs {width: 20%}

table.opening {border: 1px solid white;width: 50%; margin-top: 10px;}

table.opening td { padding : 5px;}





table.testimonials {border: 1px solid white;width: 100%; margin-top: 10px; margin-bottom: 10px;}





div.submit { margin: 10px 0; padding: 5px; width: 150px; text-align:center; border: 1px solid #FF6600;}



input.submit {

background:#FF6600 none repeat scroll 0 0;

border:1px solid #FFFFFF;

color: #000;

padding: 1px ;

margin:1px 3px 3px 1px;

}



dl {

    margin: 0;

    padding: 0;

}

dt {

    margin: 0;

    padding: 0;

    font-weight: bold;

display:inline;

}

 dd {

    margin: 0;

    padding: 0;

}