/* CSS Document */
body {background: #CCCCCC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666;}
.right {float: right;}
.left {float: left;}
img {border: none;}
ul, li {margin: 0; padding: 0; list-style: none;}
form {margin: 0; padding: 0;}
a {color:#0088B5; font-weight: bold; }
	a:hover {color: #0078A0; }
	
#indexcontent, .portfoliocontent, .designcontent, .addservicescontent, .hostingcontent {
	margin: 15px;
}

h1 {
	clear: both;
	text-align: center;
	font-size: 3em;
}	

#container {width: 930px; padding: 15px; -moz-border-radius: 13px; background: #fff; margin: 10px auto; overflow: auto;}

#header {width: 930px; height: 90px;}
		.logo {margin: 5px; float: left;}
		ul#toplinks {float: right; color: #666666; margin: 0; padding: 0; list-style: none;}
		ul#toplinks li {float: right; margin: 3px 0 0 10px;}
		ul#toplinks a { color: #666666; font-weight: normal;}
		ul#toplinks a:hover { color: #333333; font-weight: normal;}
		
#navbar {
		margin-top: 20px;
}				
		
#footer {width: 960px; text-align: center; margin: 10px auto; padding-bottom: 15px; clear: both;}
#footer ul {width: 500px; margin: 0 auto;}
#footer li{float: left; margin-right: 20px;}
#footer li a {color: #666666;}
				

ul.indexnav li {
	float: left;
display: block;
width: 288px;
height: 215px;
padding-left: 10px;
padding-bottom: 15px;
}
				
#indexbuttona a
	{
	background:url(images/designboxes.png);
	background-position: 0 0;		/* show top */
	overflow: hidden;
	display: block;
	width: 295px; 	
	height: 226px;
	}
	
#indexbuttona a:hover
	{
	background-position: 0 -226px;		/* show bottom */
	text-decoration: none; 					/* preventing  moz showing underline */
	}			
	
#indexbuttonb a
	{
	background:url(images/hostingboxes.png);
	background-position: 0 0;		/* show top */
	overflow: hidden;
	display: block;
	width: 295px; 	
	height: 226px;
	}
	
#indexbuttonb a:hover
	{
	background-position: 0 -226px;		/* show bottom */
	text-decoration: none; 					/* preventing  moz showing underline */
	}			
	
#indexbuttonc a
	{
	background:url(images/portfolioboxes.png);
	background-position: 0 0;		/* show top */
	overflow: hidden;
	display: block;
	width: 295px; 	
	height: 226px;
	}
	
#indexbuttonc a:hover
	{
	background-position: 0 -226px;		/* show bottom */
	text-decoration: none; 					/* preventing  moz showing underline */
	}	
	
#indexbuttond a
	{
	background:url(images/aboutboxes.png);
	background-position: 0 0;		/* show top */
	overflow: hidden;
	display: block;
	width: 295px; 	
	height: 226px;
	}
	
#indexbuttond a:hover
	{
	background-position: 0 -226px;		/* show bottom */
	text-decoration: none; 					/* preventing  moz showing underline */
	}	
	
#indexbuttone a
	{
	background:url(images/servicesboxes.png);
	background-position: 0 0;		/* show top */
	overflow: hidden;
	display: block;
	width: 295px; 	
	height: 226px;
	}
	
#indexbuttone a:hover
	{
	background-position: 0 -226px;		/* show bottom */
	text-decoration: none; 					/* preventing  moz showing underline */
	}
	
#indexbuttonf a
	{
	background:url(images/faqsboxes.png);
	background-position: 0 0;		/* show top */
	overflow: hidden;
	display: block;
	width: 295px; 	
	height: 226px;
	}
	
#indexbuttonf a:hover
	{
	background-position: 0 -226px;		/* show bottom */
	text-decoration: none; 					/* preventing  moz showing underline */
	}
											
p.portlist {
	clear: left;
	margin-top: 10px;
}	
	
p.portlist img {
  border: solid 1px #999999;
  margin-right: 10px;
  margin-bottom: 20px;
  height:200px;
  width:230px;
  float: left;
}
	
.menu{margin:0 auto; padding:0; height:30px; width:100%; display:block; background:url('topMenuImages.png') repeat-x; clear: both; border-top: solid 1px #CCCCCC;}
.menu li{padding:0; margin:0; list-style:none; display:inline; }
.menu li a{float:left; padding-left:15px; display:block; color:rgb(71,84,71); text-decoration:none; font:12px Verdana, Arial, Helvetica, sans-serif; cursor:pointer; background:url('topMenuImages.png') 0px -30px no-repeat;}
.menu li a span{line-height:30px; float:left; display:block; padding-right:15px; background:url('topMenuImages.png') 100% -30px no-repeat;}
.menu li a:hover{background-position:0px -60px; color:rgb(255,255,255);}
.menu li a:hover span{background-position:100% -60px;}
.menu li a.active, .menu li a.active:hover{line-height:30px; font:12px Verdana, Arial, Helvetica, sans-serif; background:url('topMenuImages.png') 0px -90px no-repeat; color:rgb(255,255,255);}
.menu li a.active span, .menu li a.active:hover span{background:url('topMenuImages.png') 100% -90px no-repeat;}		

.viewsite a {
	
	background:url(images/viewsite.jpg);
	width: 62px; 	
	height: 34px;
	}
	
#viewsite a:hover {
	background:url(images/viewsitehover.jpg);
	width: 62px; 	
	height: 34px;
	}
	
ul#promobox {width: 930px; position: relative; float: left; margin-bottom: 15px;}
		ul#promobox p {margin: 0; padding: 0;}
		ul#promobox li {width: 270px; padding: 20px 10px 20px 20px; float: left; background: #008DBC url(./theme-images/bg_promo1.png) repeat-x bottom; margin: 15px 15px 0 0; -moz-border-radius: 10px; color: #fff; }
			ul#promobox ul {margin: 0 0 10px 0;}
			ul#promobox li ul li {margin: 5px 0 0 0; background: url(./theme-images/bullet.png) no-repeat left center; padding: 0 0 0 10px; width: 250px;}
			ul#promobox li h3 {line-height: 1; color: #fff; letter-spacing: -1px; font-size: 25px; float: left; margin: 0; padding: 0 0 3px 0;}
			ul#promobox li .pricebox {line-height: 1; float: right; text-align: center; padding-right: 10px;}
			ul#promobox li .pricebox .lrg {line-height: 1; letter-spacing: -1px; font-size: 35px; font-weight: bold; margin: 0; padding: 0;}
			
			ul#promobox a {background: #004055; color: #fff; float: left; margin: 15px 10px 0 0; padding: 5px 10px; text-decoration: none; -moz-border-radius: 5px; font-weight: normal;}
			ul#promobox a:hover {background: #005773;}
			
		ul#promobox li.two{background: #00ACE6 url(./theme-images/bg_promo2.png) repeat-x bottom;}
		ul#promobox li.three {margin-right: 0; background: #09C1FF url(./theme-images/bg_promo3.png) repeat-x bottom;}	
		
.indeximg {
	border: #CCCCCC 2px solid;
}

#rightcolumn {
	float: right;
	width: 260px;
	margin: 18px;
	padding-left: 5px;
	border-left-style: dotted;
	border-left-width: thin;
	border-left-color: #CCCCCC;
	text-align:justify;
}

ul.indexlist {
	text-align: center;
}

ul.indexlist li {
	font-weight: bold;
	margin-bottom: 3px;
}

hr {
	width: 80%;
	border: thin dotted #CCCCCC;
}