@charset "UTF-8"; /* http://www.w3.org/International/questions/qa-css-charset */

/*	-------------------------------------------------------------
	STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@media screen, projection {

/*	-------------------------------------------------------------
	RESET
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent; }
	
body {
	line-height: 1; }
		
ul,
ol {
	list-style-type:none;
	margin:13px 0 13px 15px;
	padding:0; }

ul li,
ol li {
	line-height:1.7;
	margin:0 0 2px 0;
	padding:0; }
	
:focus {
	outline: 0; }

ins {
	text-decoration: none; }
	
del {
	text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0; }

/*	-------------------------------------------------------------
	HACKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.clearfix { 
	display:inline-block; }

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden; }
	
/* Hide from IE Mac \*/
	.clearfix { display:block; }
/* End hide from IE Mac */

.clear {clear:both;} 

/*	-------------------------------------------------------------
	BODY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

html {
	font-size: 100%; }

body {
	font: 12px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	color: #666;
	min-width:1009px;
	line-height: 1.7em;
	background: #d6d6d6 url("../../images/bg_body.png") no-repeat top center; } 

 
/*	-------------------------------------------------------------
	LINKS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

a {
	color:#47add9;
	margin: 0;
	outline: 0; }
 
a, a:visited, a:active {
	text-decoration: none; }
 
a:hover {
	color: #484747;
	text-decoration: none; }
  
/*	-------------------------------------------------------------
	TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

p {
	font-size:0.9em;
	margin:0 0 17px 0;
	line-height: 1.6em;}

h1, h2, h3, h4, h5, h6 { 
	font-family: "TitilliumText14L 400 wt", sans-serif;
	color: #333;
	line-height: 100%;
	letter-spacing:-0.5px; }
 
h1 {
	font-size:2.5em;
	color:#5381ac;
	font-weight: normal;
	margin: 0 0 10px 0; }
 
h2 {
	font-size:1.6em;
	color:#343434;
	font-weight: normal;
	margin: 20px 0 0 0;
	line-height: 1.5em; }
 
h3 {
	font-size:1.3em;
	color:#5381ac;
	font-weight: normal;
	margin: 20px 0 0 0; }

h4 {
	font-size:1.1em;
	color:#484747;
	font-weight: normal;
	margin: 25px 0 10px 0; }

ul.nolist,
ol.nolist {
	margin:0 0 30px 0;
	padding:0; }
 
ul.nolist li,
ol.nolist li {
	list-style:none;
	background: none !important; }
 
/*	-------------------------------------------------------------
	GRID
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
	
.wrapper {
	position: relative;
	width:977px;
	margin: 0 auto; }

.wrapper-home {
	width:1009px;
	margin: 0 auto; }
 
.header {
	position:relative;
	height: 97px;
	width: 977px;
	margin: 10px auto 0 auto; }

.content-top {
	width:977px;
	height:19px;
	margin:25px auto 0 auto;
	background: url("../../images/bg_content_top.png") no-repeat left bottom; }

.content {
	width:977px;
	padding:0;
	margin:0 auto;
	background: url("../../images/bg_content.png") repeat-y left bottom; }

.content-btm {
	width:977px;
	height:19px;
	margin:0 auto;
	padding:0;
	background: url("../../images/bg_content_btm.png") no-repeat left bottom; }

.content-header {
	position:relative;
	width: 977px;
	margin:25px auto 20px auto;
	text-align: center; }

.main-content {
	position: relative;
	width:913px;
	margin:0 auto;
	padding:20px 0 0 0; }

.left, .right {
	float:left;
	width: 425px; }

.right {
	margin:0 0 0 50px; }

.sidebar {
	float:left;
	width: 200px;
	margin:0 35px 0 0; }

.col-left {
	float:left;
	width: 275px; }

.col-right {
	float:left;
	width: 675px; }
	
/*	-------------------------------------------------------------
	INTERFACE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

/* QUICKNAV */
.quicknav {
	width: 100%;
	height: 0px;
	background: #fff;
	border-bottom: 1px solid #c8c8c8; }

.quicknav .clientlogin {
	position: absolute;
	top:0px;
	right:13px;
	width: 105px;
	height: 24px;
	padding:1px 0 0 0;
	text-align: center;
	font-size:10px;
	font-weight: bold;
	text-transform: uppercase;
	z-index: 1; 
	background: transparent url("../../images/bg_client_login.gif") no-repeat top left;	 }

.quicknav a { color:#9a9a9a; }
.quicknav a:hover {	color:#343434; }

.login-box {
	display:none;
	padding:10px;
	background:#000;
	text-align:center;
}

.login-box input[type=text],.login-box input[type=password] {
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	border:1px solid #ccc;
	font-size:10px;
	padding:5px;
}
.login-box input:focus {
	background:#edf873;
}

/* HEADER */
.header h1 a {
	font-family: "TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#333;
	text-shadow: 1px 1px 0 #fff;
	position:absolute;
	top:43px;
	left:10px;
	margin:0;
	padding:0;
	height:41px; }

.header .logo {
	border:none;
}

.header .nav {
	position:absolute;
	top:31px;
	right:25px;
	margin:0;
	padding:0; }

.header .nav li {
	position: relative;
	float:left;
	width:auto;
	padding:0 5px !important;
	background:transparent; }

.header .nav li a {
	font-family: "TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	position: relative;
	display:block;
	color:#7a7a7b;
	font-size:1.4em;
	padding:15px 10px 10px 10px;
	text-shadow: 0 1px 0 #fff;
	background:transparent; }

.header .nav li a:hover {
	color:#5381ac; }

.header .nav li a.selected {
	color:#5381ac; }

.header .nav ul{
	margin:0px; 
	padding:0px; 
	list-style-type:none; 
	position:relative;
	clear:both;
	display:none;
	position:absolute;
	top:40px;
	width:200px;
	z-index:100;	
	background-color:#fafafa;
	border:2px solid #d3d3d3;
	padding-top:5px;
}
.header .nav li ul a{
	height:auto;
	width:190px;
	float:left;
	padding:0px;
	font-size:14px;
	color:#a7a6a6;
	z-index:100;
	text-decoration:none;
	padding-left:5px;
	display:block;
}

/* PROMOS */
.promo {
	position: relative;
	width:1009px;
	height:550px;
	background: url("../../images/bg_promo.png") no-repeat left bottom; }

.promo1 {
	width: 1009px;
	height: 508px;
	background:transparent url("../../images/slide_hosting.png") no-repeat top right; }

.promo2 {
	width: 1009px;
	height: 500px;
	background:transparent url("../../images/slide_webdesign.png") no-repeat center right; }

.promo3 {
	width: 1009px;
	height: 500px;
	background:transparent url("../../images/slide_graphic.png") no-repeat center right; }

.promo4 {
	width: 1009px;
	height: 500px;
	background:transparent url("../../images/slide_sms.png") no-repeat top right; }

.promo h1 {
	font-family: "TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#343434;
	font-size:45px;
	font-weight: bold;
	text-transform: none;
	letter-spacing: -2px;
	padding:120px 0 0 68px;
	margin:0 0 10px 0; }

.promo p {
	font-family:"TitilliumText14L 400 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#6c6c6c;
	font-size:15px;
	padding:0 0 0 70px;
 	margin:0;
 	width: 375px; }

.promo ul {
	padding:10px 0 0 85px;
 	margin:0;
 	width: 375px; }

.promo ul li {
	font-family:"TitilliumText14L 400 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	color:#6c6c6c;
	font-size:15px;
	padding:0 0 0 15px;
	background: transparent url("../../images/list_bullet.gif") no-repeat 0 8px; }

.promo .buttons {
	padding:35px 0 0 70px;}

.promo #slider a {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#5381ac;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }

.promo #slider a:hover {
	color:#fff;
	text-shadow: 0 1px 0 #000;
	background:#343434; }

/* NEWSTICKER */
.homedomain {
	position: absolute;
	bottom: 15px;
	left:15px;
	padding:0;
	margin:0;
	width:944px;
	height:37px;
	overflow:hidden;
	background: transparent url("../../images/bg_newsticker.png") no-repeat top left; }

.homedomain .title {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	float:left;
	width: 129px;
	line-height:39px;
	padding:0;
	margin:0;
	margin-right:30px;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
	text-shadow: 0 1px 0 #686868;
	color:#fff; }

.homedomain .search {
	padding:6px;
}

.homedomain .result {
	padding:6px;
	display:none;
}

.homedomain .result p {
	font-size:14px;
	font-weight:bold;
	width:100%;
}

/* MAIN CONTENT */
.main-content ul li {
	font-size:0.9em;
	padding:0 0 0 15px;
	background: transparent url("../../images/list_bullet.gif") no-repeat 0 8px; }

.main-content .title  { 
	height: 128px;
	margin:0 0 20px 0; }

.main-content .title h1  {
	font-family:"TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:3em;
	color:#343434;
	letter-spacing: -2px;
	margin:0;
	padding:20px 0 0 0; }

.main-content .title h2  {
	font-family:"TitilliumText14L 250 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:16px;
	color:#5381ac;
	font-weight: lighter;
	letter-spacing: -1px;
	margin:0;
	padding:0; }

.webhosting  {
	background: transparent url("../../images/bg_title_webhosting.png") no-repeat top left; }

.dedicatedhosting  {
	background: transparent url("../../images/bg_title_dedicatedhosting.png") no-repeat top left; }

.managedservices  {
	background: transparent url("../../images/bg_title_managedservices.png") no-repeat top left; }

/* OVERVIEW */
.overview  {
	margin:20px 0 0 0; }

.overview p {
	padding:0 0 0 45px;
	margin:0 0 25px 0; }
	
.overview p span {
	color:#333;
	display:block;
	font-weight: bold; }

.overview p.tools {
	background:transparent url("../../images/icons/tools.gif") no-repeat top left; }

.overview p.globe {
	background:transparent url("../../images/icons/globe.gif") no-repeat top left; }

.overview p.database {
	background:transparent url("../../images/icons/database.gif") no-repeat top left; }

.overview p.mailprotection {
	background:transparent url("../../images/icons/mail.gif") no-repeat top left; }

.overview p.pie {
	background:transparent url("../../images/icons/pie.gif") no-repeat top left; }

.overview p.question {
	background:transparent url("../../images/icons/question.gif") no-repeat top left; }

/*	-------------------------------------------------------------
	SHOWCASE
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
		

/* FEATURES BOX */
.feature {
	width: 100%;
	padding:20px;
	margin:20px 0;
	background:#f2f2f2;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }

.feature img {
	float:left;
	margin:0 20px 0 0; }

.feature h1, .feature p {
	margin:0;
	padding:0;
	line-height: 1.7em; }


/* SIDEBAR */
ul.subnav {
	padding:0;
	margin:0 0 20px 0; }

ul.subnav li  {
	display:block;
	padding: 0;
	background: none; }

ul.subnav li a {
	display:block;
	font-size: 1.1em;
	padding:5px 10px;
	text-align: left;
	border-top:1px solid #efefef;
	color: #919394 }

ul.subnav li a:hover, ul.subnav li a.selected {
	color: #484747 }


ul.subnav li:first-child a  {
	border-top:none }
ul.subnav .current a {
	background: url(../../images/bg-menu-active.gif) no-repeat left;
	color:#fff;
}

/*	-------------------------------------------------------------
	TABLES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

#table-a {
	width: 100%;
	height: auto;
	margin:0 0 20px 0;
	float:right;
	border-collapse: separate;
	border-bottom:1px solid #cecece }

#table-a caption {
	font-family:"TitilliumText14L 800 wt", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	font-size:20px;
	color: #333;
	margin:10px 0 20px 0;
	padding:0;
	text-align: left; }	
	
#table-a thead {
	height:55px;
	line-height: 55px;
	background: url("../../images/bg_table_thead.gif") no-repeat top right; }	

#table-a thead th {
	color:#fff;
	text-shadow: 0 1px 0 #383838;
	text-align: left;
	font-size: 14px;
	padding:0 0 0 10px; }	

#table-a tbody {
	font-size:0.9em;
	background:#fcfcfc; }	

#table-a tr.alt {
	background:#e9e9e9; }	

#table-a tr.alt td {
	border-left:1px solid #fff;
	border-bottom:1px solid #e4e4e4;
	border-top:1px solid #e4e4e4; }	

#table-a tr.alt td.left {
	border-left:1px solid #cecece; }	

#table-a td {
	padding:10px;
	color:#666;
	font-weight: normal;
	border:none;
	border-left:1px solid #cecece;
	vertical-align: middle;}	

#table-a td.left {
	width:150px;
	color:#333;
	font-weight: bold;
	padding:10px 10px 10px 15px;
	border-left:1px solid #cecece; }	

#table-a td.last {
	border-right:1px solid #cecece; }	

#table-a td.price {
	color:#5381ac;
	font-size:14px; }	

#table-a td.order {
	background:#fff;
	padding:20px 0 0 10px;
	border: none !important; }

#table-a td.order a {
	color:#fff;
	padding:10px 13px;
	font-size:12px;
	font-weight: bold;
	margin:0 10px 0 0;
	background:#5381ac;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }

/*	-------------------------------------------------------------
	FOOTER
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

.footer {
	margin:20px 0 20px 0;
	width: 973px;
	height: 91px;
	display: block;
	background: transparent url("../../images/bg_footer.png") no-repeat top left; }

.footer p {
	padding:0 0 0 30px;
	line-height: 91px; }

.footer a {
	color:#fff; }

.footer ul.social-networks {
	list-style-type:none;
	padding-top:20px;
	float:left;
	width:500px;
}

.footer ul.social-networks li {
	display:inline;
}

.footer .footer-right {
	float:left;
	margin-left:190px;
	padding-top:20px;
	text-align:right;
	color:#999;
}
/*----------------------------------------------------------
	MAC-like menu
-----------------------------------------------------------*/

/*	-------------------------------------------------------------
	CLOSING STYLES FOR SCREEN / PROJECTION
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.error {
	border:1px solid red;
	margin-bottom:20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	padding:5px;
	background:pink;
}

.message {
	border:1px solid green;
	margin-bottom:20px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	padding:5px;
	background:#afe7b7;
}

.portfolio {
	border:3px solid #006699;
	width:200px;
	height:180px;
	cursor:pointer;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	overflow:hidden;
}
.portfolio:hover {
	border:3px solid #ffcc00;
	background:#ffCC00;
}

.portfolio img {
	width:100%;
}
.portfolio p {
	padding:5px;
}

a.ordernow {
	color:#fff;
	padding:10px;
	font-size:12px;
	font-weight: bold;
	margin:0;
	background:#5381ac;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px; }
a:hover.ordernow {
	background:#006699;
}

img.sms-overview {
	float:right;
}