/* Tekpoint Webdesign and Hosting layout - tekpoint.co.uk */

/* You may adapt elements of this CSS in your own projects, but the unique 
combination of images, colors, sizes, typography, and positioning ("the 
design") is copyright 2005 Tekpoint Webdesign and Hosting and may not be 
reproduced. */

/*  General rules */
img
{
	border: 0;
	margin: 5px;
}

body
{
	width: 714px;
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	background-color: #CCCCCC;
	background-image: url(images/bgx.gif);
}

p
{
	margin-bottom: 1em;
	letter-spacing: 0;
	line-height: 1.5em;
}

h1
{
	margin: 0;
	margin-left: 80px;
	padding: 0;
	font-size: 1.8em;
	line-height: 2.2em;
	font-weight: bold;
	letter-spacing: 0.001em;
	text-transform: uppercase;
	color: #fff;
}

h2
{
	color: #336699;
	font-size: 1.5em;
}

h3
{
	font-size: 11px;
	font-weight: bold;
	padding: 3px 0 3px 4px;
	color: #336699;
}

a
{
	color: #0000FF;
	text-decoration: none;
}

a:link { color: #0000FF; }
a:visited { color: #0000FF; }

a:hover
{
	border-bottom: #0000FF;
	border-width: 0 0 1px 0;
	border-style: none none dashed none;
}

#contact
{
	width: 400px;
	margin-left: auto;
	margin-right: auto;
}

#contact label { font-weight: bold; }
#contact input { width: 400px; }

#contact textarea
{
	width: 400px;
	height: 150px;
}

#header
{
	margin: 0;
	padding: 0;
	border-width: 0px;
	line-height: 11px;
	min-height: 60px;
	background: #339933;
}

#content
{
	min-height: 450px;
	margin: 0;
	padding: 30px 30px 0px 30px;
	background: white;
}

/*  Horizontal nav */
#menu
{
	margin: 0;
	padding: 0;
}

#menu ul
{
	border: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	clear: left;
}

#menu ul li
{
	display: block;
	float: left;
	text-align: center;
	padding: 0;
	margin: 0;
}

#menu ul li a
{
	background: #fff;
	width: 118px;
	height: 2em;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: none;
	padding: 0;
	margin: 0 0 0px 0;
	color: #336699;
	text-decoration: none;
	display: block;
	text-align: center;
	font-weight: normal;
	letter-spacing: 1px;
	line-height: 2em;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: x-small;
}

#menu ul li a:hover
{
	color: #000;
	background: #ccc;
}

#menu #active
{
	background: #336699;
	color: #fff;
}

div.siteinfo
{
	padding: 10px;
	height: 155px;
	display: block;
	border-bottom: 1px dotted #2A4066;
}

div.siteinfo a
{
	text-decoration: none;
	border: 0;
	color: #2A4066;
}

div.siteinfo img
{
	margin: 20px;
	border: 1px black solid;
}

div.siteinfo h3 img
{
	vertical-align: middle;
	border: 0px;
	margin: 0 5px 0 0;
	background: #336699;
}

#hostfeatures
{
	font-size: 13px;
	border: 1px solid #CCCCCC;
}

#hostfeatures tr td
{
	border-left: 1px solid #CCCCCC;
	height: 24px;
	padding-left: 10px;
}

#hostfeatures tbody tr.titles td
{
	font-size: 13px;
	font-weight: bold;
	color: white;
	height: 25px;
	border: 0;
}

tr.ordernow a
{
	font-size: 13px;
	font-weight: bold;
}

tr.ordernow a:hover
{
	border: 0px;
	color: #990000;
}

.alt { display: none; }

#footer
{
	position: relative;
	margin: 0 auto;
	height: 110px;
	color: #CCC;
	text-align: center;
}

#ad a:hover
{
	border: 0;
	border-style: none;
}

#footer p
{
	padding-bottom: 5px;
	font-size: 10px;
}

#footer p, #footer a:link, #footer a:visited, #footer a:hover
{
	color: #CCC;
	background: transparent;
	font-size: 10px;
}

#footer p:hover
{
	color: #666;
	background: transparent;
}

#footer p:hover a:link, #footer p:hover a:visited
{
	color: blue;
	background: transparent;
}

#hostfeatures tbody tr.even td { background-color: #eee; }
#hostfeatures tbody tr.odd  td { background-color: #fff; }
#hostfeatures tbody tr.titles td { background: #336699; }
#content li { list-style-image: url(images/li.gif); }