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

body,td,th{
 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;
 }
 
 
/*	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;
} 

#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;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;} 

#welcome_box{background-color:#00162C;float:right;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;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.green{color:#006F0F;}
.header{color:#1a4d80;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}

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