@charset "utf-8";
/* CSS Document */

body{
 font-family:Arial, Helvetica, sans-serif;
 color:#444444;
 font-size:12px;
 margin:0;
 padding:0;
 font-weight:normal;
 background:#ffffff;
 }
 
.wrap{
 width:960px;
 margin:0 auto;
 padding:0;
 } 
 
#main{
 padding:0;
 margin:0;
 background: url(../images/headerbg.jpg) repeat-x;
 }
 
img{ 
 margin:0;
 border:none;
 }

.img_left {
 margin:5px 10px 5px 0px;
 padding:3px;
 float:left;
} 
 
p{
 margin:0;
 padding:0;
 line-height:1.6em;
 } 

h1,h2,h3 {
 color:#000000;
 font-weight:normal;
 font-family:Georgia, "Times New Roman", Times, serif;
 line-height:1.7em;
 margin:0;
 padding:0;
 } 
 
h1{
 font-size:24px; 
 } 
 
 
h2{
 font-size:20px; 
 } 
 
h3{
 font-size:16px; 
 }
 

/*Links*/

a:link,a:active,a:visited{
 font-weight:bold;
 color:#d36c07;
 outline: none; 
 text-decoration:none;
 }
a:hover{
 font-weight:bold;
 text-decoration:none;
 color:#55ffff;
 }
 
 
/*Top*/ 
#top {
 margin:0 0 6px 0;
 padding:0;
 }

/*Header*/  


#header {
margin:0;
height:30px;
padding:0px;
}

#header h1{
 margin:0;
 padding:0; 
 background: url(../images/wdlogo.gif) no-repeat;
 height:100px;
 text-indent:-9999px;
 }

h4#logo {
    background-image:url(../images/99special.gif);
	cursor: pointer;
	display: block;
	height: 171px;
	position: absolute;
	left: 400px;
	text-indent: -9999px;
	top: 25px;
	width: 153px;
	z-index: 100;
}

h4#logo a {
	display: block;
	height: 171px;
	margin: 0px auto;
	text-indent: -9999px;
	width: 153px;
}
 
 
/*	Nav       		*/

#nav{
 height:35px;
 margin:0;
 padding:0;  
 list-style: none; 
 }

#nav ul {
 margin: 0 10px 0 0;
 padding: 6px 0 5px 0;
 list-style: none; 
 float:right;
 background:#357188;
}
 
#nav li {
 float: left;
 margin: 0;
 padding: 0;
 }

#nav ul li a:link,#nav ul li a:active,#nav ul li a:visited {
 display: block;
 margin: 0;
 padding:5px 13px;
 border-left:1px solid #295D72;
 border-right:1px solid #295D72; 
 text-decoration: none;
 font-size:12px;
 font-weight:bold;
 color:#2bb2c2;
 text-transform:uppercase;
 }
	
#nav ul li a:hover {
 display: block;
 color:#ffffff;
 text-decoration: underline;
 }
 
.current a:link, .current a:visited, .current a:active  {
 color: #ffffff !important;
 }

#nav li ul {
 position: absolute;
 width: 10em;
 left: -999em;
 }
 
#nav li:hover ul {
 left: auto;
 display: block;
}
	
#nav li:hover ul, #nav li.sfhover ul {
 left: auto;
}  

#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}

/*Featured*/ 

#featured {
 background: url(../images/featuredbg.jpg) repeat-x;
 height:365px;
 padding:10px 0 0 10px;
 }
 
#featured h1 {
 font-size:42px;
 line-height:1.2em;
 text-align:center;
 padding-top:60px;
 margin-bottom:30px; 
 }
 
#featured p{
 color:#706e64;
 font-size:16px;
 text-align:center;
 }  
 
.fea {
 background: url(../images/screen.png) no-repeat;
 padding:10px;
 width:483px;
 height:376px;
 float:left;
 margin-right:20px;
 } 

.fea img {
 padding:29px 0 0 0;
 }
 
/* Featured Slider */

.stepcarousel{
 position: relative; 
 overflow: scroll;
 width: 459px; 
 height: 376px; 
 margin:0 ;
 }

.stepcarousel .belt{
 position: absolute; 
 left: 0;
 top: 0;
 }

.stepcarousel .panel{
 float: left;
 overflow: hidden; 
 width: 459px; 
 margin:0;
 } 
  
  
.login {
 text-align:center;
 width:214px;
 display:block;
 margin-top:15px;
 margin-left:105px;
 float:left;
 margin-right:15px;
 }
 
 
/*	Container      		*/  

#container {
 padding:0px;
 margin:10px 0 0 0;
 }
 
.clear{
 clear:both;
 } 
 
/*Right Container*/  


#rightcontainer{
 width:465px;
 float:right;
 margin-left:10px;
 padding-left:10px;
 } 
 
#rightcontainer h2 {
 font-size:30px;
 line-height:1.1em;
 margin-bottom:15px;
 }

.recentprojects{
 padding:5px;
}
 
.projects{
 padding:5px;
 width:465px;
 margin-top:25px;
 } 
 
.projects img {
 padding:5px;
 width:140px;
 height:105px;
 } 
 
 
/*Left Container*/  


#leftcontainer{
 width:465px;
 float:left;
 margin-left:10px;
 padding-leftt:10px;
 }
 
#leftcontainer h2{ 
 font-size:30px;
 line-height:1.1em;
 margin-bottom:15px;
 }
 
.hosting {
 margin-bottom:20px;
 font-size:13px;
 }

.hosting ul li {
 list-style:disc;
 margin:5px 0;
 padding:3px 0;
 }

.design {
 margin-bottom:20px;
 font-size:13px;
 } 
 
/*Contact Form*/ 

 
.contactform form {
 padding:0;
 margin:20px 0 0 0; 
}

.contactform form p{
 margin:0 0 10px 0;
 padding:0;
 } 

.contactform fieldset { 
 border:1px solid #357188;
 margin:0 0 0 0;
 padding:7px 0 0 15px ;
 }
 
.contactform input, .contactform textarea, a { 
 outline: none; 
 }
 
.contactform input {
 width: 200px;
 margin: 2px 0 6px 0;
 border: 1px solid #357188;
 background:#fff;
 height:18px;
 font-size: 12px;
 padding:3px 0 3px 5px;
 color:#000; 
 }
 

.contactform select {
 width: 208px;
 line-height:1.7em; 
 margin-bottom:10px;
}
  
.contactform label {
 display: block;
 font-size: small;
 float:left;
 margin:0 10px 0 0;
 padding:7px 0 0 0;
 width:90px;
}

.contactform textarea {
 width: 300px;
 height: 150px;
 display: block;
 border: 1px solid #357188;
 background: #fff;
 margin:6px 0 0 0;
 padding:5px 0 0 5px;
 font-size: small;
 color:#000;
 }
 
.contactform input.submit {
 color:#000;
 height:30px;
 margin:10px 0 0 100px;
 width:90px; 
 border: 1px solid #357188; 
}

/*Hosting*/
  
#hostingleftcontainer{
 width:250px;
 float:left;
 padding-right:5px;
 }

#hostingleftcontainer .contactdetails h3{
 margin-bottom:20px;
 }

#hostingrightcontainer{
 width:670px;
 float:right;
 margin-right:10px;
 padding-right:10px;
 }
   
/*Footer*/  


#footer {
 background:#357188;
 height:50px;
 margin-top:40px;
 color:#FFFFFF;
 text-align:center;  
 font-family:Georgia, "Times New Roman", Times, serif;
 font: 12px/1.2;
 text-align: right;
 } 
 
#footer p{
 padding-top:10px;
 } 

#footer p.left {
 float:left;
 text-align: left;
 color:#FFFFFF;
 }