body{
	background:#d5e6f2;
	color:#666;
	margin:0 auto;
	text-align:center;
}


/* FRAME
-------------------------------------------------------------- */
.shadow {
	background:#b6d1db;
	margin:0 auto;
	padding:15px;
	text-align:left;
	width:940px;
}

.main {
	background:#fff;
	margin:0 auto;
	padding:0px;
	text-align:left;
}

/* HOME PAGE
-------------------------------------------------------------- */

.header {
	height:70px;
	}
	
.navigation {
	height:180px;
	}
	
.bottom {
	margin-top:20px;
	margin-left:30px;
	padding-bottom:40px;
	}
	
/* HEADER
-------------------------------------------------------------- */

.logo {
	float:left;
	height:70px;
	width:670px;
	background-image:url('../images/datanets_logo.png');
	background-repeat:no-repeat;
	}


/* NAVIGATION
-------------------------------------------------------------- */

.menu {
	float:left;
	height:180px;
	width:170px;
	}
	
.tour {
	float:left;
	height:180px;
	width:500px;
	background-image:url('../images/takethetour.png');
	background-repeat:no-repeat;
	}
	
ul#nav {
	height:180px;
	width:170px;
	margin-left:-40px;
	margin-top:0;
	text-align:left;
	}
	
/* Show only to IE7 */
*:ul#nav {
	margin-left:40px;
}

ul#nav li{display:block;float:left;background:transparent url(http://www.datanets.co.uk/images/menu.gif) no-repeat 0 0;padding:0;
	margin:0;
	}
	
ul#nav li a{
	display:block;
	width:170px;
	height:30px;
	background:transparent url(http://www.datanets.co.uk/images/menu.gif) no-repeat 0 0;
	text-indent:-9009px;
	margin:0;
}

ul#nav li a:hover {background-position:-170px 0;width:170px;}

ul#nav li#nav1 a:hover {background-position:-170px 0;}

ul#nav li#nav2 a {background-position:0 -30px;width:170px;}
ul#nav li#nav2 a:hover {background-position:-170px -30px;}

ul#nav li#nav3 a {background-position:0 -60px;width:170px;}
ul#nav li#nav3 a:hover {background-position:-170px -60px;}

ul#nav li#nav4 a {background-position:0 -90px;width:170px;}
ul#nav li#nav4 a:hover {background-position:-170px -90px;}

ul#nav li#nav5 a {background-position:0 -120px;width:170px;}
ul#nav li#nav5 a:hover {background-position:-170px -120px;}

ul#nav li#nav6 a {background-position:0 -150px;width:170px;}
ul#nav li#nav6 a:hover {background-position:-170px -150px;}

ul li a:hover,

body#home ul#nav li#nav1 a {
	background-position:-170px 0px;
	}
body#benefits ul#nav li#nav2 a {
	background-position:-170px -30px;
	}
body#studies ul#nav li#nav3 a {
	background-position:-170px -60px;
	}
body#questions ul#nav li#nav4 a {
	background-position:-170px -90px;
	}
body#pricing ul#nav li#nav5 a {
	background-position:-170px -120px;
	}
body#contact ul#nav li#nav6 a {
	background-position:-170px -150px;
	}

/* BOTTOM
-------------------------------------------------------------- */

.copy {
	float:left;
	width:670px;
	}
	
.buttons {
	float:right;
	width:270px;
	}
	
.buttons img {
	padding-bottom:10px;
	}
	
.maintitle {
	height:32px;
	width:275px;
	margin-left:-60px;
	padding-left:60px;
	padding-right:10px;
	padding-top:7px;
	margin-bottom:13px;
	background: #2B313F;
	color:#fff;
	font-family:georgia, times, verdana, arial;
	font-size:1.2em;
	}

.titleshadow {
	position:relative;
	left:-60px;
	top:32px;
	background-image:url('../images/shadow.png');
	background-repeat:no-repeat;
	}

/* TEXT
-------------------------------------------------------------- */

h2 {
	color:#2B313F;
	font-family:Georgia, Times;
	font-size:1.2em;
	font-weight:normal;
	margin-top:-15px;
	}

.text {
	width:600px;
	font-family:verdana, arial;
	font-size:0.8em;
	letter-spacing:0px;
	}

.text li {margin-bottom:8px;}
	
.disclaimer {
	font-family:verdana, arial;
	font-size:0.6em;
	color:##B6D1DB;
	}

	
/* FOOTER
-------------------------------------------------------------- */

.footer {
	font-family:Georgia, Times, Verdana, Arial;
	font-size:0.7em;
	}

.footer a {
	color:#666;
	text-decoration:none;
	}

.footer a:hover {
	text-decoration:underline;
	}
	
.pipe
	{
	font-size: 1.1em; color:#000; 
	font-weight;bold;
	margin-left:7px;
	margin-right:7px;
	}

/* FORMS
-------------------------------------------------------------- */
	
.webformtop {
	float:left;
	height:70px;
	width:270px;
	background-image:url('../images/formtop.gif');
	background-repeat:no-repeat;
	}

.webform {
	float:left;
	height:180px;
	width:270px;
	background-image:url('../images/formbg.png');
	background-repeat:no-repeat;
	}
	
.webformpos {
	padding-top:35px;
	color:#2B313F;
	font-family:verdana, times;
	font-size:0.8em;
	letter-spacing:1px;
	line-height:25px;
	}

	
/* TABLES
-------------------------------------------------------------- */

#mytable {
	width:95%;
	padding: 0;
	margin: 20px 0 30px 0;
	border-left: 1px solid #C1DAD7;
}

#mytable th {
	font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	border-left: 1px solid #fff;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 10px 6px 10px 12px;
	background: #CAE8EA url(images/bg_header.jpg) repeat-x;
}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 1px solid #C1DAD7;
	background: none;
}

#mytable td {
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	background: #fff;
	padding: 10px 6px 10px 12px;
	color: #4f6b72;
}


#mytable td.alt {
	background: #F5FAFA;
	
	color: #797268;
}

#mytable th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(images/bullet1.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

#mytable th.specalt {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(images/bullet2.gif) no-repeat;
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #797268;
}