@charset "utf-8";

body { margin: 0; padding: 0; background: #000; }
p { font-size: 13px; color:#555; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif;}

a { color: #0b5d7f; text-decoration: none; }
a:hover, a:focus, a:active { color: #0b5d7f; text-decoration: underline; outline: none; }
li { font-size: 13px; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif;}

h1, h2, h3, h4, h5, h6 { color: #000; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif; }
h1 {font-size: 2.2em; margin: 0;}
h2 {font-size: 18px; font-weight:normal; margin: 0;}
h3 {font-size: 16px; font-weight:bold; padding:5px; color:#FFFFFF; text-align:center; margin: 0;}
h4 {font-size: 14px; font-weight:bold; margin-bottom:-10px; margin-top:20px; padding:0px;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.0em;}

.wrapper { width: 940px; margin: 0 auto; position: relative; } 

/*top------------------------------------------------------------------------------------*/
#top { height: 90px; background: url(images/bg-top.jpg) 0 0 repeat-x;}
#logo {
	position: absolute;
	left: 6px;
	top: 23px;
	background:url(images/sitedesign-logo.png) no-repeat;
	width:296px;
	height:45px;
}

/*menu------------------------------------------------------------------------------------*/
.menu {
float:right;
height:90px;
margin:0;
padding:0;
width:600px;
}
.menu ul {
border:0 none;
float:right;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
.menu ul li {
border:0 none;
float:left;
margin:0;
padding:0 2px;
}
.menu ul li a {
color:#FFFFFF;
float:left;
font-family:"Trebuchet MS",Tahoma,Arial,Helvetica,sans-serif;
font-size:14px; font-style:normal; font-variant:normal; font-weight:normal;
line-height:12px;
margin:0; padding:39px 0;
text-decoration:none;
}

.menu ul li a span {background:transparent none repeat scroll 0 0; padding:39px 16px;}
.menu ul li a:hover {background:transparent url(images/l_menu.gif) no-repeat scroll left center;}
.menu ul li a:hover span {background:transparent url(images/r_menu.png) no-repeat scroll right center;}
.menu ul li a.active {background:transparent url(images/l_menu.gif) no-repeat scroll left center;}
.menu ul li a.active span {background:transparent url(images/r_menu.png) no-repeat scroll right center;}

/*intro------------------------------------------------------------------------------------*/
#intro { margin: 0; height: 260px; padding: 24px 0 0 0; overflow: hidden; background: url(images/bg-intro.jpg) 0 0 repeat-x; }

* html #intro { height: 134px; }
.home #intro { height: 265px; } 
.home #intro div.item { display: none; width: 100%; height: 265px; } 
.home #intro div.item.first { display: block; } 
#intro h1, #intro h2 { margin: 0 0 15px; font-size: 24px; font-weight:bold; line-height: 1; text-transform: lowercase; }
#intro h2 { text-transform: none; }
#intro p { color: #fff; font-size: 17px; line-height: 1.25; font-family:Tahoma,Geneva,Kalimati,sans-serif; font-weight:normal; }
#intro .more a { color: #000; background: none; }
#intro .img { position: relative; float: left; overflow: hidden; width: 382px; height: 260px; margin: 0; background: url(images/slide/notebook.png) 0 0 no-repeat; }
#intro .img img { position: absolute; top: 17px; left: 61px;  }
#intro .cont { float: right; width: 494px; padding: 5px 0 0; } 
   
#nav-items { position: absolute; width: auto; top: 190px; left: 445px; padding: 0; margin: 0; list-style: none; }
#nav-items li { float: left; width: auto; padding: 0; margin: 0; font-size: 14px; line-height: 26px; font-family: Helvetica, Verdana, Geneva, Arial, sans-serif; font-weight: bold; }
#nav-items li a { float: left; width: 28px; height: 28px; overflow: hidden; padding: 0; padding-right: 1px; color: #777; background: url(images/intro-nav-bg.png) -30px 0 no-repeat; text-align: center; cursor: pointer; }
#nav-items li.first a { width: 29px; padding-left: 1px; padding-right: 0; background-position: 0 0; }
#nav-items li.last a { width: 25px; padding-left: 0; padding-right: 3px; background-position: -60px 0; }
#nav-items li a:hover, #nav-items li a:focus, #nav-items li a:active, #nav-items li a.active { background-position: -30px -38px; text-decoration: none; color: #fff; }
#nav-items li.first a:hover, #nav-items li.first a:focus, #nav-items li.first a:active, #nav-items li.first a.active { background-position: 0 -38px; }
#nav-items li.last a:hover, #nav-items li.last a:focus, #nav-items li.last a:active, #nav-items li.last a.active { background-position: -60px -38px; }
  

/*intro-sub------------------------------------------------------------------------------------*/
#intro-sub { margin: 0; height: 100px; padding: 24px 0 0 0; overflow: hidden; background: url(images/bg-intro.jpg) 0 0 repeat-x; }

/*content------------------------------------------------------------------------------------*/
#content { background: #fff; padding: 0; height: 100%; overflow: hidden; }
.cont-wrapper { overflow: hidden; background: url(images/bg-content.gif) 0 0 repeat-x; margin: 0px; padding: 30px 0 0; border-bottom: 1px solid #eee; }
#main { width: 650px; float: left; padding-bottom: 50px; }

/*sideboxes------------------------------------------------------------------------------------*/
#side { float: right; width: 270px; }
#side .box { padding: 20px 0 10px; border-top: 3px solid #edece8; }
#side .box.first { padding-top: 0; border: 0; }

#nav-sub { display: block; overflow: hidden; padding: 0; margin: 0; list-style: none; }
   #nav-sub li { padding: 0; margin: 0; line-height: 2em; }
   #nav-sub li a { display: block; padding: 3px 10px 3px 25px; height: 1%; margin: 0; border-top: 1px solid #edece8; background: url(images/arrow-blue.gif) 8px 13px no-repeat; text-decoration: none; }
   #nav-sub li a:hover, #nav-sub li a:focus, #nav-sub li a:active, #nav-sub li.active a { border-top: 1px solid #000; background-color: #0B5D7F; color: #fff;} 

/*social-list------------------------------------------------------------------------------------*/
.social-list { padding: 0; margin: 0; list-style: none; overflow: hidden; }  
.social-list li {  float: left; width: auto; min-width: 134px; padding: 12px 0; margin: 0; font-family: Arial,"Helvetica Neue",Helvetica,sans-serif; font-size: 11px; }
* html .social-list li { width: 134px; }

 .home .social-list li { border-top: 1px solid #eee; }
 .home .social-list li.first { border-top: 0; }
 .home .social-list li.second { border-top: 0; } 

.social-list a { padding: 8px 0; padding-left: 37px; }
  .social-list .soc-linked-in { background: url(images/ico-linked-in.jpg) 0 50% no-repeat; }
  .social-list .soc-twitter { background: url(images/ico-twitter.jpg) 0 50% no-repeat; }
  .social-list .soc-google { background: url(images/ico-google.jpg) 0 50% no-repeat; }
  .social-list .soc-delicious { background: url(images/ico-delicious.jpg) 0 50% no-repeat; }
  .social-list .soc-picasa { background: url(images/ico-picasa.jpg) 0 50% no-repeat; }
  .social-list .soc-facebook { background: url(images/ico-facebook.jpg) 0 50% no-repeat; }
  .social-list .soc-facebook { background: url(images/ico-facebook.jpg) 0 50% no-repeat; }
  .social-list .soc-rss { background: url(images/ico-rss.jpg) 0 50% no-repeat; }


/*Portfolio------------------------------------------------------------------------------------*/
.portfolio_wrap {width:655px;}
.portfolio_item {float:left;margin-bottom:15px;padding-right:30px;width:290px;}
a img.portfolio { border: 1px solid #cccccc; padding: 5px; margin-bottom: 5px;}		
a:hover img.portfolio {background-color: #0b5d7f;}
.portfolio_title { margin:0px; padding:0px;}

.portfolio_item2 {float:left; margin-bottom:15px; margin-right:10px; width:202px;}
a img.portfolio2 { border: 1px solid #cccccc; padding: 3px; margin-bottom: 5px;}
a:hover img.portfolio2 {background-color: #0b5d7f;}	

/*footer------------------------------------------------------------------------------------*/
#footer { padding-top: 25px; padding-bottom:50px; }
#copyright { display: inline; color: #fff; margin-right: 5px; }
#nav-foot { display: inline; list-style: none; padding: 0; margin: 0; }
   #nav-foot li { display: inline; padding: 0; margin: 0; border-left: 1px solid #666; }
   #nav-foot li a { color: #11aaea; padding: 0 10px; }


/*form------------------------------------------------------------------------------------*/
label {display:block; padding-bottom:5px; margin-top:20px;	font-size: 13px; 
color:#555; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif;}

#contactform {width:600px; overflow:hidden; border:none; margin:0; padding:0;}
#contactform li {list-style:none; padding-bottom:20px;}
#contactform li .fieldbox {background:transparent url(images/subfield.jpg) no-repeat top left; 
float:left; height:27px; padding-left:5px;}
#contactform li .fieldbox input {background:transparent url(images/subfield.jpg) no-repeat top right; 
height:27px; padding:5px 0 0 2px; width:400px; border:none; margin:0; }
#contactform li .fieldbox #contact {width:200px;}
#contactform li .msgbox {background:transparent url(images/msgfield.jpg) no-repeat top left; 
float:left; height:130px; padding-left:5px;}
#contactform li .msgbox textarea {background:transparent url(images/msgfield.jpg) no-repeat top right; 
height:130px;padding:5px 0 0 2px;width:550px; border:none; margin:0; }

#sendbutton {background:#0a5b7c; color:#fff; cursor:pointer;	
padding:5px 10px; -moz-border-radius:4px;-webkit-border-radius:4px}

/*Index_boxes------------------------------------------------------------------------------------*/
.home_box {width:205px; height:140px; margin:15px 9px 20px 0px; background-image: url(images/home-product-blocks.gif);float:left;}
.home_box:hover {width:205px; height:140px; background-image: url(images/home-product-blocks-a.gif);float:left;}
.hbox_text{ padding:10px 5px 0 0; color:#FFFFFF; font-weight:normal; float:right; width:110px; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

#hbox_domain {background-image: url(images/hbox-domain.png); width:60px; height:60px; margin:10px 0 0 7px;}
#hbox_design {background-image: url(images/hbox-design.png); width:70px; height:53px; margin:10px 0 0 7px;}
#hbox_hosting {background-image: url(images/hbox-hosting.png); width:61px; height:70px; margin:10px 0 0 7px;}

/*Misc------------------------------------------------------------------------------------*/
.latest-project { border: none;}


/*Domain_Registration------------------------------------------------------------------------------------*/
.domain_reg {font-size: 13px; color:#555; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif; margin:20px 0px 10px 0px; height:100%;}
.domain_name {float:left; width:200px; background-color:#F6FAFD; border-top:#d7d7d7 solid 1px; padding:5px 10px; }
.domain_price {float:left; width:400px; background-color:#fff; border-top:#d7d7d7 solid 1px; padding:5px 10px;}
#domain_btm {border-bottom:#d7d7d7 solid 1px;}
#domain_btm2 {border-bottom:#d7d7d7 solid 1px;}

/*Packages_list------------------------------------------------------------------------------------*/
.links-lists-wrapper {font-size: 13px; color:#555; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif;}
.links-lists-wrapper ul {
float:left;
font-weight:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:13px 10px 0 0;
}
.links-lists-wrapper li {
background:transparent url(images/bg-links-list-wrapper.gif) no-repeat scroll 1px 4px;
padding:0 0 4px 24px;
}
/*---Terms------------------------------------------------------*/
.terms {font-size: 11px; color:#555; font-family: "Trebuchet MS",Tahoma,Geneva,Kalimati,sans-serif; margin-bottom:10px; padding:5px 0px;}

/*--- Hosting boxes ------------------------------------------------------*/
div.box div.head {
height:1%;
overflow:hidden;
}
div.box-dark strong.head, div.box-dark div.head {
background-color:#E5EBF3;
border-top:1px solid #D7DAE2;
border-bottom:1px solid #D7DAE2;
border-left:1px solid #D7DAE2;
border-right:1px solid #D7DAE2;
color:#013366;
padding-bottom:12px;
}
div.box strong.head, div.box em.head, div.box div.head {
display:block;
font-style:normal;
font-weight:bold;
padding:8px 17px 5px 19px;
}
div.box div.head a {
color:#4b8927;
float:right;
font-family:Tohoma, Verdana, Arial, Helvetica;
font-size:11px;
}

.order a {
color:#990101;
font-weight:bold;
text-decoration:none;
}
.order a:hover {
text-decoration:underline;
}


/*----------------------------------------*/

div.box div.head strong.price span {
display:block;
font-size:40px;
line-height:40px;
}
div.box div.head strong.price2 span {
display:block;
font-size:20px;
line-height:20px;
}
div.box-dark strong.head2, div.box-dark div.head2 {
background-color:#f3f2f2;
border-top:1px solid #D7DAE2;
border-bottom:1px solid #D7DAE2;
border-left:1px solid #D7DAE2;
border-right:1px solid #D7DAE2;
color:#013366;
padding-bottom:12px;
}
div.box strong.head, div.box em.head, div.box div.head2 {
display:block;
font-style:normal;
font-weight:bold;
padding:5px 17px 2px 19px;
}
/*----------------------------------------*/
div.box-dark div.inner {
padding-top:8px;
}
div.box div.inner {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/gradient.gif) repeat-x scroll left bottom;
margin:0 auto;
padding:0 15px 0 10px;
width:260px;
font-family:Tohoma, Verdana, Arial, Helvetica;
color:#000;
font-size:13px;
border-bottom:1px solid #D7DAE2;
border-left:1px solid #D7DAE2;
border-right:1px solid #D7DAE2;
}

/* features list section */

ul.features {
	padding-bottom: 8px;
}
ul.features li {
	border-top: 1px dotted #D5D7E0;
	padding: 4px 0 5px 8px;
	background-position: 0 8px;
	height: 1%;
	overflow: hidden;
	font-family:Tohoma, Verdana, Arial, Helvetica;
 	color:#000;
 	font-size:11px;
	margin-left:-25px;
}

ul.features li.first {
	border: none;
}
ul.features li {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/arrow-text.gif) no-repeat scroll 0 6px;
padding:0 0 6px 5px;
}

ul.features em {
	float: right;
	color: #013366;
	font-weight: bold;
	font-style: normal;
}

ul.features span {
	float: left;
}