body{
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
padding:0px;
margin:0px;
font-family:Arial, Helvetica, sans-serif;

}


div#container {
			width: 949px;
			margin: 0px;
			margin-left: auto;
			margin-right: auto;
			padding: 0px;
		}

		div#banner {
			padding: 0px;
			margin-bottom: 5px;
			
			
		}
		div#header{
		background-image:url(../images/banner-hurdle.jpg);
		margin:0px 5px 5px 5px;
		height:235px;
		padding:0PX;

		
		}
		div#pagebody{
		width:630px;
		float:left;
		}

		div#content {
			padding: 5px 5px 0px 5px;
			margin-left: 210px;
			margin-right:0;
		}

		div#leftnav {
			float: left;
			width: 200px;
			margin: 0;
			margin-right: 5px;
			padding: 5px;
		}

		div#rightcol {
			float: right;
			width: 305px;
			margin-left: 5px;
			padding: 5px 0px 0px 5px;
			
		}
		div.box{
		background-image:url(../images/boxes/bg.jpg);
		background-repeat:repeat-y;
		padding:0px;
		margin:0px 0px 0px 0px;
		width:288px;
		}
		div.box h1{
		color:#FFFFFF;
		padding:0px;
		margin:0px 0px 3px 10px;
		font-weight:normal;
		font-size:1.8em;
		}
		div.box h2{
		color:#FFFFFF;
		padding:0px 0px 6px 0px;
		margin:0px 85px 0px 10px;
		font-weight:normal;
		font-size:0.9em;
		font-style:italic;
		}
		div.box a{
		color:#96C800;
		text-decoration:none;
		font-style:normal;
		}
		div.box a:hover{
		color:#ACE600;
		text-decoration:underline;
		font-style:normal;
		}
		
		div.top{
width:288px;
		background-repeat:no-repeat;
		padding:0px;
		margin:0px;
		
		}
		div.bottom{
		padding:0px;
		margin:0px 0px 7px 0px;
		width:288px;
		}
		div.fast{
		background-image:url(../images/boxes/fast.jpg);
		background-repeat:no-repeat;
		margin:0px;
		}
		div.code{
		background-image:url(../images/boxes/code.jpg);
		background-repeat:no-repeat;
		margin:0px;
		}
		div.features{
		background-image:url(../images/boxes/features.jpg);
		background-repeat:no-repeat;
		margin:0px;
		}
		div.hosting{
		background-image:url(../images/boxes/hosting.jpg);
		background-repeat:no-repeat;
		margin:0px;
		}
		div#footer {
			clear: both;
			padding:1px 0px 1px 0px;
			margin-top: 20px;
			border-top:1px solid #EEEEEE;
			border-bottom:1px solid #D4D4D4;
		}
		div#footerInner{
		background-color:#E9E9E9;padding:5px;
		margin:0px;
		}
		div#footer p{
		font-size:0.8em;
		color:#333333;
		padding:0px;
		margin:0px;
		}
		span.footer{
		font-size:0.9em;
		color:#333333;
		}
		
		/*ELEMENTS*/
		div#header h1{
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		text-transform:uppercase;
		font-weight:normal;
		FONT-SIZE:1.3EM;
		padding-top:82px;
		margin-left:27px;
		margin-bottom:0px;
		margin-top:0px;
		}
		div#header h2{
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		FONT-SIZE:1.3EM;
		margin-left:27px;
		margin-top:0px;
		margin-bottom:0px;font-weight:normal;
		
		
		}
		div#header h3{
		font-family:Arial, Helvetica, sans-serif;
		color:#FFFFFF;
		FONT-SIZE:0.9EM;
		margin-left:27px;
		margin-top:0px;
		margin-bottom:0px;font-weight:normal;
		
		}
		div#title h1{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.4em;
		font-weight:normal;
		margin-top:10px;
		color:#555555;
		letter-spacing:-1px;
		margin-bottom:7px;
		margin-left:10px;
		font-style:italic;
		}
		div#title h1 strong{
		color:#99CC00;
		font-style:normal;
		}
		div#content a{
		color:#8BB900;
		text-decoration:underline;
		}
		div#content a:hover{
		color: #99CC66;
		text-decoration:none;
		}
		div#content h2{
		font-size:1em;
		color:#333333;
		margin-bottom:8px;
		margin-top:3px;
		}
		
		div#content h3{
		font-size:0.9em;
		font-weight:normal;background-image:url(../images/h2.jpg);
		background-color:#444444;
		border-bottom:2px solid #cccccc;
		padding:5px;
		text-transform:uppercase;
		color:#ffffff;
		margin-left:3px;
		line-height:0.9em;
		
		background-repeat:no-repeat;
		}
		div#content p{
		font-size:0.8em;
		color:#222222;
		margin-top:4px;
		}
		div#list ul{
		font-size:0.8em;
		margin:20px 20px 20px 30px;

		
		}
		div#list ul li{
		margin-bottom:0px;
				
		}
		
		div#leftnav h1{
		font-size:0.7em;
		margin:29px 5px 2px 10px;
		color:#333333;
		}
		div#mainnav ul{
		padding:0px 5px 0px 9px;
		margin:0px;
		font-size:0.9em;
		}
		div#mainnav ul li{
		padding:4px 4px 4px 26px;
		margin:0px;
		list-style:none;
		border-bottom:1px solid #DCEEA8;
		background-image:url(../images/bullet.jpg);
		background-repeat:no-repeat;
		}
		div#mainnav ul li.first{
		padding:4px 4px 4px 26px;
		margin:0px;
		list-style:none;
		}
		div#mainnav ul li.last{
		padding:4px 4px 4px 26px;
		margin:0px;
		list-style:none;
		border-bottom:none;
		}
		
		
		div#mainnav ul li a{
		color:#666666;
		text-decoration:none;
		}
		
		div#mainnav ul li a:hover{
		color:#87B500;
		text-decoration:none;
		}
		div#lowernav ul{
		padding:0px 5px 0px 9px;
		margin:0px;
		font-size:0.9em;
		}
		div#lowernav ul li{
		padding:4px 4px 4px 26px;
		margin:0px;
		list-style:none;
		border-bottom:1px solid #EBEBEB;
		background-image:url(../images/bullet.jpg);
		background-repeat:no-repeat;
		}
		div#lowernav ul li.first{
		padding:4px 4px 4px 26px;
		margin:0px;
		list-style:none;
		}
		div#lowernav ul li.last{
		padding:4px 4px 4px 26px;
		margin:0px;
		list-style:none;
		border-bottom:none;
		}
		div#lowernav ul li a{
		color:#87B500;
		text-decoration:none;
		}
		div#lowernav ul li a:hover{
		color:#000000;
		text-decoration:none;
		}
		div#content label{
		font-size:0.8em;
		}
		/*thumnail expander*/
		
		.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: white;
padding: 8px;
left: -1000px;
border: 1px solid gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}