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

* {
  margin: 0;
  padding: 0;
}

html {
	margin: 0 auto;
	padding: 0;
	height: 100%;
	background: url(../images/bg.gif);
}

body {
	background: url(../images/bg_top.gif) no-repeat center top;
	height: 100%;
}

a img {
	border: 0px solid #FFFFCC;
	text-decoration: none;
}

a:hover img{
	border: 0px solid #663300;
}

h1 {
	font-weight: normal;	
}

h2 {
	font-weight: normal;	
}

h3 {
	font-weight: normal;	
}

.wrapper {
	display: block;
	margin: 0 auto;
	padding: 0;
	width: 900px;
}

.div {
	display: block;
	margin: 0 auto;
	height: 5px;
	width: 1119px;
	background: url(../images/hline.gif)
}

#topstrip {
	display: block;
	width: 100%;
	height: 6px;
	background: #000;
}

#wrap {
	min-height: 100%;
}

#main {
	overflow:auto;
	padding-bottom: 150px;
}

.bold {
	font-weight: bold;
}

/***********************************
*** HEADER ATTRIBUTES
***********************************/

#header {
	display: table;
	height: 150px;
}

#logo {
	display: block;
	float: left;
	width: 305px;
}

#logo img {
	margin-top: 18px;
}

#nav {
	display: block;
	float: right;
	margin-bottom: 18px;
	width: 595px;
	height: 68px;
}

#nav ul {
	margin-right: -15px;
	display: block;
	float: right;
	height: 68px;
	list-style: none;
}

#nav ul li {
	display: inline-block;
	margin-right: 1px;
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size: 20px;
	text-align: center;	
}

#nav ul li:hover, #nav ul li#selected {
	background: #0CC;
}

#nav ul li a {
	display: block;
	padding: 44px 16px 8px 16px;	
	text-decoration: none;
	color: #464444;
}

#nav li a:hover, #nav li#selected a{
	color: #fff;
	background: #0CC;
}

#conDetails {
	display: block;
	float: right;
	width: 280px;
	background: url(../images/linebreak.gif) no-repeat top right;
	color: #333;
}

#conDetails a {
	text-decoration: none;
	color: #333;
}

#conDetails a:hover {
	text-decoration: none;
	color: #666;
}

#conDetails p {
	margin: 12px 16px 0 0;
	font-family: arial, Arial, Helvetica, sans-serif;
	font-size: 16px;
	float: left;
	text-align: right;
}

#conDetails p .blue{
	color: #009999;
}

#conDetails img {
	display: inline-block;
	margin: 18px 8px 0 0;
	float: right;
}

#fbbtn {
	margin: 10px 5px 0 0;
	display: block;
	width: 44px;
	height: 40px;
	background: url(../images/social.png) 0 -40px;
	float: right;
}

#fbbtn:hover {
	background-position: 0 0;
}

#twitbtn {
	margin: 10px 5px 0 0;
	display: block;
	width: 44px;
	height: 40px;
	background: url(../images/social.png) no-repeat -44px -40px;
	float: right;
}

#twitbtn:hover {
	background-position: -44px 0;
}

#fbbtn, span .text {
	text-indent: -9999px;
}

#twitbtn, span .text {
	text-indent: -9999px;
}

/***********************************
*** INTRODUCTION ATTRIBUTES
***********************************/

#intro {
	display: block;
	margin-top: 20px;
	margin-bottom: -10px;
}

#intro h1 {
	width: 900px;
	height: 138px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 60px;
	line-height: 54px;
	color: #333232;
	text-shadow: #fff -2px 2px 0;
	text-align: center;
}

#intro .yellow {
	color: #d4be09;
}

#intro .pink {
	color: #cf0d6e;
}

#intro .blue {
	color: #11aaac;
}

#intro .grey {
	color: #6d6c6c;
}

/***********************************
*** JQUERY CAROUSEL ATTRIBUTES
***********************************/

.slides_container {
   display:block;
   width:900px;
   height:239px;
   background: url(../images/sliderbg.gif);
}
.slides_container div {
   margin: 15px 25px 15px 25px;
   width:800px;
   height:209px;
   display:block;
}

.slides_container div h2{
   margin: 22px 40px 0 0;
   font-family: Arial, Helvetica, sans-serif;
   color: #f1f2f1;
   font-size: 35px;
   float: right;
}

.slides_container div p {
   margin: 0 40px 0 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 25px;
   color: #c20061;
   float: right;
   text-align: right;
   display: block;
   clear: right;
}

.slides_container div p.small {
   font-size: 13px;
   color: #fff;
}

.slides_container div.hosting a.more {
   margin: 38px -472px 0 0;
   width: 129px;
   height: 38px;
   background: url(../images/slidermore.gif) 0 38px;
   text-indent: -9999px;
   display: block;
   float: right;
   border: none;
}

.slides_container div.package a.more {
   margin: 38px -396px 0 0;
   width: 129px;
   height: 38px;
   background: url(../images/slidermore.gif) 0 38px;
   text-indent: -9999px;
   display: block;
   float: right;
   border: none;
}

.slides_container div a.more:hover {
   background: url(../images/slidermore.gif) 0 0;
}

.slides_container div img.mac {
   margin-top: -35px;
}

.slides_container div img.servers {
   margin-top: -35px;
   margin-right: -10px;
}

#prevbtn {
   display: block;
   width: 53px;
   height: 53px;
   border: none;
   position: relative;
   z-index: 250;
   top: -150px;
   left: -18px;
   float: left;
}

#nextbtn {
   position: relative;
   z-index: 300;
   top: -150px;
   left: 18px;
   float: right;
   width: 53px;
   height: 53px;
   border: none 0px;
}

/***********************************
*** PRODUCTS & SERVICES ATTRIBUTES
***********************************/

#content {
	display: block;
	margin-top: 36px;
	width: 900px;
	height: 281px;
	background: url(../images/prodsbg.gif) no-repeat;
}

#content h2 {
	font-size: 1px;
	text-indent: -9999px;
}

#prods {
	display: table;
	margin: 34px 0 35px 21px;
	width: 861px;
}

#prods h3 {
	display: block;
	position: relative;
	top: 10px;
	right: 13px;
	margin-bottom: 1px;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: 200;
	font-size: 23px;
	text-align: right;
	color: #fff;
}

#prods .cyan {background: url(../images/bluebg.gif); width: 279px; height: 81px; float: left}
#prods .magenta {background: url(../images/magentabg.gif); width: 279px ;height: 81px; margin-bottom:1px; float: left;}
#prods .yellow {background: url(../images/yellowbg.gif); width: 279px; height: 81px; margin-bottom:1px; float: left;}

#prods .proddesc {
	display: block;
	margin: 0 0 1px 1px;
	width: 581px;
	height: 81px;
	float: right;
	background: url(../images/supportbg.gif);
}

#prods p {
	display: block;
	margin: 15px 0 0 25px;
	width: 581px;
	height: 81px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	text-align: left;
	line-height: 24px;
	color: #333333;
}

#prods p span {
	font-style: italic;
	color: #666666;
}

#info {
	display: table;
	margin-top: 35px;
	background: url(../images/boxbg.gif);
	width: 900px;
}

#info .col {
	display: block;
	margin: 15px;
	width: 270px;
	float: left;
}

#info .col h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #2a2929;
}

#info .col p {
	margin: 10px 0 0 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #8a8989;
}

/***********************************
*** PORTFOLIO ATTRIBUTES
***********************************/

#port {
	display: table;
	margin-top: 36px;
	width: 900px;
	height: 281px;
	background: url(../images/portbg.gif) no-repeat;
}

#port h2 {
	font-size: 1px;
	text-indent: -9999px;
}

#port ul {
	display: block;
	list-style: none;
	margin: 35px 0 0 22px;;
}

#port ul li {
	display: inline-block;
	padding: 0;
	float: left;
	margin:5px 10px 0 0;
}

#port ul li img {
	border: 1px solid #ccc;
}
 
.con {
	height:187px;
	width:548px;
}
 
.thumb {
	border: none;
	float:left;
}

/***********************************
*** TESTIMONIALS ATTRIBUTES
***********************************/

#testimonials {
	display: table;
	margin-top: 0;
	width: 900px;
	height: 281px;
	background: url(../images/testimonialsbg.gif) no-repeat;
}

#testimonials h2 {
	font-size: 1px;
	text-indent: -9999px;
}

#testimonials .col {
	display: block;
	margin: 35px 15px 15px 15px;
	width: 270px;
	float: left;
}

#testimonials .col h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #2a2929;
}

#testimonials .col p {
	margin: 10px 0 0 0;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #8a8989;
}

/***********************************
*** SUPPORT DESK ATTRIBUTES
***********************************/

#support {
	display: table;
	margin: 0 0 38px 0;
	background: url(../images/supportbg.gif);
	width: 900px;
}

#support h2 {
	display: block;
	margin: 12px 0 0 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 35px;
	color: #3d3d3d;
}

#support form {
	display: block;
	margin: 26px 23px 26px 23px;
}

#support form fieldset {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
}

#support form input {
	margin: 0 24px 12px 0;
	border: 0;
	width: 251px;
	height: 38px;
	background: url(../images/forminput.gif);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666666;
	padding-left: 15px;
}

.error, .success {
	display: block;
	margin: 10px 0 0 22px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;	
	color: #cf0d6e;
}

#support form input.end {
	margin: 0 -4px 12px 0;
}

#support form input.submit {
	margin-right: 7px;
	width: 251px;
	height: 34px;
	background-image: url(../images/formsubmit.gif);
	background-position:  0 -34px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	font-size: 0;
	line-height: 0;
	float: right;
}

#support form input.submit:hover {
	background-image: url(../images/formsubmit.gif);
	background-position: 0 0;
	cursor: pointer;
}

#support form select {
	width: 279px;
	height: 38px;
	border: 0px;
	float: left;
	display: inline-block;
}

/*FireFox 2 */
#support form select, x:-moz-any-link {
	width: 261px;
}

#selectdiv {
	display: inline-block;
	float: right;
}

#support form textarea {
	width: 530px;
	height: 108px;
	float: left;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	color: #666666;
	padding: 14px;
	background-image: url(../images/formtextboxbg.gif);
	background-repeat: no-repeat;
	background-color: #fff;
	background-position: -6px 0;
	border: 1px solid #c0c0c0;
}

/***********************************
*** FOOTER DESK ATTRIBUTES
***********************************/

#footer {
	display: block;
	margin-top: 22px;
	height: 190px;
	width: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 10px;
	color: #666666;
	line-height: 20px;
}

#footer .left {
	display: block;
	float: left;
	width: 450px;
}

#footer .right {
	display: block;
	float: right;
	width: 400px;
	text-align: right;
}

#footer .dark {
	color: #010101;
}

#footer a {
	text-decoration: none;
	color: #109496;
}

#footer a:hover {
	text-decoration: none;
	color: #000000;
}

/***********************************
*** BOTTOM BANNER ATTRIBUTES
***********************************/

#bottomban {
	display: block;
	height: 107px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	background-image: url(../images/botbanbg.gif);
	color: #f1f2f1;
	float: left;
}

#bottomban .left {
	margin-top: 25px;
	display: block;
	float: left;
	width: 550px;
}

#bottomban h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
}

#bottomban p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
}

#bottomban .right {
	margin-top: 35px;
	display: block;
	float: right;
	width: 150px;
}

#bottomban img {
	display: block;
	border: 0;
	float: right;
	clear: both;
}

#bottomban .pink {
	color: #cf0d6e;
}

#bannerbtn {
	display: block;
	border: 0;
	float: right;
	width: 273px;
	height: 36px;
	background-image: url(../images/contact.png);
	background-position:  0 36px;
	text-indent: -9999px;
}

#bannerbtn:hover {
	background-image: url(../images/contact.png);
	background-position: 0 0;
}

#topBtn a {
	display:block;
	width:66px;
	height:31px;
	background-image: url(../images/top.png);
	float:right;
	position:relative;
	margin-top:-31px;
	text-indent: -9999px;
}

#topBtn a:hover {
	background-image: url(../images/top.png);
	background-position: 0 31px;
}