@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;
 } 
 
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/swlogo.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;
}  


/*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;