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

/*Set Basic Styles*/

* {margin: 0px; padding:0px}
p {margin: 0px 0px 1.5em 0px}

a, a:link, a:visited, a:hover, a:active {
	color:#333333; 
	font-size:12px; 
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-weight:normal;
	text-decoration:underline;
	}
	
img {border: 0px;}

h1 {color:#333; font-size:20px; margin:0px; padding:0px 0px 12px 0px; line-height:22px;}

h2 {color:#333; font-size:18px; margin:0px; padding:0px 0px 25px 0px; line-height:22px; font-weight:normal;font-style:italic}

h3 {color:#333; font-size:16px; padding: 0px 0px 10px 0px; font-weight:normal; margin:0px; line-height:18px;}

h4 {
	color:#333;
	font-size:14px;
	margin:0px;
	padding:5px 0px 10px 0px;
	}

h5 {color:#333; font-size:14px; padding: 0px; margin:0px; line-height:18px;}

html {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	font-weight: normal;
	color:#333333;
	}
	
body {
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	overflow-y:auto;
	overflow-x:hidden;
	}


/*Floats, Displays*/

.right, .floatright  {float:right}
.left, .floatleft  {float:left}
.clear {clear:both}

.center {
	display:block;
	margin:0 auto;
    }

	
/*Wrapper*/

#wrapper {
	position: relative;
	margin:0px auto;
	text-align:left;
	width:auto;
	background-color:#ffffff;
	}
	
		
/*HEADER, FOOTER*/

#header, #footer {
	background:#333;
	width:100%;
	height:auto;
	position:relative;
	}
	
.container {
	width:980px;
	margin:0px auto;
	position:relative;
	}

#clientcenter {
	background: url(images/bkg-clientcenter.jpg) no-repeat;
	position:relative;
	width:230px;
	height:49px;
	display:block;
	}
	
#clientcenter a {
	position:relative;
	margin:34px 0px 0px 98px;
	display:block;
	color:#999;
	text-decoration:none;
	}
	
#phone {margin-top:60px}

#footer {color:#999; text-align:right; padding:0px 0px 5px 0px;}

.footertext, ul.footertext {margin:10px 0px 5px 0px; padding:0px;}

.footerlogo {margin:8px 0px 5px 0px;}

#footer li {display:inline}
#footer li a {padding:0px 20px 0px 0px;}
#footer li a, a:link a:visited, a:active {color:#999999; text-decoration:none;font-weight:normal;}
#footer li a:hover {color:#cccccc;}

	
/*NAVIGATION*/

#navtop {
	position:relative;
	background-color:#e7e7e7;
	width:980px;
	height:25px;
	margin:5px 0px 0px 0px;
	}
	
#navtop ul {
	position:relative;
	list-style:none;
	float:right;
	margin:5px 10px 0px 0px;
	}
	
#navtop li {display:inline}
#navtop li a {padding:0px 17px;}
#navtop li a, 
#navtop li a:link, 
#navtop li a:visited, 
#navtop li a:active,
#navtop li a:hover {
    color:#333; 
    text-decoration:none;
    font-weight:normal;
    padding:0px 17px;
	}

#navtop li a:hover {
    color:#fff; 
    background:#999 center center;
    }

	
/*HOME*/

#maincontent {
	padding:0px 0px 40px 0px;
	position:relative;
	}
	
#flash {
	width:980px;
	position:relative;
	margin-top:3px;
	}
	
#home-col1 {
	width:480px;
	margin:5px 0px 0px 0px;
	}
	
#home-col2 {
	width:230px;
	margin:5px 20px 0px 0px
	}

#home-col3 {
	width:230px;
	margin:5px 0px 0px 0px
	}
	
#home360-col2 {
	width:230px;
	margin:5px 20px 0px 0px
	}

#home360-col3 {
	width:230px;
	margin:5px 0px 0px 0px
	}
	
#home-col4 {
	width:480px;
	}
	
#home-col-web {	
	background:url(images/bkg-web-application-development.jpg) no-repeat;
	width:480px;
	margin:0px 0px 15px 0px;
	}
	
#home-col-creative {
	background:url(images/bkg-creative-design.jpg) no-repeat;
	width:230px;
	margin:0px 0px 15px 0px;
	}
	
#home-col-seo {
	background:url(images/bkg-seo-sem.jpg) no-repeat;
	width:230px;
	margin:0px 0px 15px 0px;
	}
	
#home-col-tech {
	background:url(images/bkg-colocation-technology.jpg) no-repeat;
	width:210px;
	margin:15px 0px 15px 0px
	}
	
#home-col-web, #home-col-creative, #home-col-seo, #home-col-tech {text-align:center; height:20px;}

h2.header a, h2.header a:link, h2.header a:visited, h2.header a:active {font-weight:bold; color:#fff; text-decoration:none}
h2.header a:hover {text-decoration:underline}
h2.header {padding:5px 0px 0px 0px;}

.home-col-list {
	position:relative;
	width:210px;
	padding: 0px 0px 0px 17px;
	}
	
ul.comentum360 {
	width:210px;
	position:relative;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 17px;
	}

#landmark {
	position:relative;
	background:url(images/landmarks/harbor-drive.jpg) no-repeat;
	color:#fff;
	font-weight:bold;
	margin:10px 0px 0px 0px;
	padding:258px 0px 0px 0px;
	width:244px;
	height:368px;
	height:110px;
	}
	
#landmark-text {
	padding-left:13px;
	font-size:10px;
	line-height:14px;
	}

#landmark-title {
	background:#333;
	position:absolute;
	width:224px;
	height:26px;
	margin:23px 0px 0px 7px;
	padding:10px 0px 0px 6px;
	}
	
.landmark1 {font-size:14px; vertical-align:middle}
.landmark2 {font-size:16px}
.landmark3 {font-size:12px; font-weight:normal; vertical-align:middle}

/*
#web-sample {
	width:230px;
	position:relative;
	height:352px;
	}
	
#landmark-txt {
	position:absolute; 
	text-align:center; 
	margin:12px 0px 0px 0px;
	width:230px;
	}
	
#landmark-block {
	font-size:10px; 
	padding:3px; 
	margin: 8px 0px 10px 0px; 
	display:block; 
	width:224px; 
	background:#000
	}
*/
	
/*TEXT STYLES*/

.orange, a.orange, a.orange:link, a.orange:visited, a.orange:hover, a.orange:active {color:#FF6600;}

.red, a.red, a.red:link, a.red:visited, a.red:hover, a.red:active {color:#CC0000;}

.blue, a.blue, a.blue:link, a.blue:visited, a.blue:hover, a.blue:active {color:#3366CC;}

.green, a.green, a.green:link, a.green:visited, a.green:hover, a.green:active {color:#999900;}

.white, a.white, a.white:link, a.white:visited, a.white:hover, a.white:active {color:#FFFFFF;}

.gray, a.gray, a.gray:link, a.gray:visited, a.gray:hover, a.gray:active {color:#666666;}

.font14, a.font14, a.font14:link, a.font14:visited, a.font14:hover, a.font14:active {font-size:14px; line-height:18px;}

.font18, a.font18, a.font18:link, a.font18:visited, a.font18:hover, a.font18:active {font-size:18px;}

a.bold, a.bold:link, a.bold:visited, a.bold:hover, a.bold:active {font-weight:bold}

.text-center {text-align:center}

.copyright {font-size:11px;}

.font10 {font-size:10px;}


/*SUB PAGES*/
ol, ul {
	line-height:18px;
	list-style-position:outside;
	padding:0px 0px 0px 30px;
	}
	
#sub-col1 {
	position:relative;
	width:230px;
	margin:30px 0px 0px 0px;
	padding:0px 20px 0px 0px;
	}
	
#sub-col2 {
	position:relative;
	width:460px;
	margin:30px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	}
	
#sub-col3 {position:relative;width: 250px;}
.right-flash {margin:18px 0px 0px 0px}		/*Flash Movies*/
.right-asset {width:252px; margin:30px -15px 0px 0px;}	/*Still Assets*/

.right-company {margin:30px 0px 0px 0px}   /*Directions, Contact Us, Company, Secure Payment, Client-Center*/

#sub-col4 {		
	width:600px;
	margin:30px 0px 0px 0px
	}
	
#sub-col4-2 {		
	width:680px;
	margin:30px 0px 0px 0px
	}

#sub-col5 {			
	width:700px;
	position:relative;
	margin:15px 0px 0px 250px;
	}
	
#sub-col6 {			
	width:980px;
	position:relative;
	margin:0 auto;
	}

#portfolio-col {
	width:710px;
	margin:30px 0px 0px 0px
	}
	
.sitemap {
	position:relative;
	width:350px;
	}

#sub-news-col {
	width:550px;
	margin:30px 0px 0px 0px
	}


/*CLIENT CENTER*/

#middle-client {
	width:490px;
	margin:30px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	position:relative;
	}

#free-hosting {
	background:url(images/free-hosting.jpg) no-repeat; 
	padding:15px 0px 0px 0px; 
	color:#333; 
	text-align:center; 
	margin:0px auto; 
	width:382px; 
	height:139px; 
	display:block
	}
	
.free-hosting {
	font-size:24px;
	line-height:26px;
	font-weight:bold;
	}
	
#free-hosting p {margin:5px 0px 0px 0px}
	

/*COMENTUM 360*/

#right-360 {position:relative;width:230px; margin:30px 0px 0px 0px}

.logo360 {margin:0px 0px 10px 0px}

.comentum360 {margin:10px 0px 0px 0px}

.navleft {
	padding:10px 0px 0px 0px;
	}
	
.navleft a {
    border-top:1px dotted #CCCCCC;
    display:block;
    padding: 4px 0px 4px 15px;
	}
	
.navleft a, .navleft a:link, .navleft a:visited, .navleft a:active {
    color:#666666;
    text-decoration:none
    }
    
.navleft a:hover {
    background-color:#E9E9E9;
    background-position:7px center;
    color:#333333;
	}
	
#blockdescrip {
	background:#E7E7E7;
	padding:15px 10px 2px 10px;
	}

#blockdescrip2 {
	display:block;
	border:1px dotted #cccccc;
	padding:10px;
	margin:10px 0px 0px 0px;
	}
	

/*LIST STYLES*/

ul.pad1 li {padding-bottom:10px;}

ul.pad1 {padding-bottom:10px;}

ol.numbers {
	list-style-type:decimal;
	}

ol.setupdialup {
	list-style-type:lower-alpha;
	padding: 6px 0px 6px 20px;
	}
	
ul.company {color:#3366CC}
	
ul.company-sub {margin:10px 0px 0px 10px;}

ul.emailissues  {
	list-style-type:none;
	padding: 0px 0px 0px 15px;
	}

.gallery{
	list-style: none;
	margin:0;
	padding:0;
}

.gallery li{
	display: block;
	margin:0 30px 30px 0;
	float: left;
	padding:5px;
	font-size:14px;
	
}
.gallery li img{
	display: block;
	border:1px solid #ccc;
	margin-bottom:10px;
}

.num{
	background: #ff6600;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	padding:0px 5px;
	-moz-border-radius: 10px; /* FF1-3.6 */
	-webkit-border-radius: 10px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
	border-radius: 10px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */	
}
/*TABLE STYLES*/

.general TH {background-color:#333333; color:#ffffff; padding:5px 10px; text-align:center}
.general TD {
	padding: 7px 5px; 
	font-size: 12px;
	color:#333333; 
	background-color:#e7e7e7;
	font-weight:normal;
	}
	
.profiles TH {background-color:#333333; color:#ffffff; padding:5px 10px; text-align:center}
.profiles TD {
	padding: 7px 7px; 
	font-size: 12px;
	color:#333333; 
	background-color:#e7e7e7;
	font-weight:normal;
	}
	
.general TH a, .general TH a:link, .general TH a:visited, .general TH a:hover, .general TH a:active {color:#ffffff;font-weight:bold}
	
.list TH, .detail TH {background-color:#333333; color:#ffffff;padding:5px 10px;text-align:center;}
.detail TD {padding:10px 0px 0px 0px;} 
.list TD {padding:6px 5px;}

/*** comparison ***/
.comparison{
	margin:20px 0;
	border-collapse: collapse;
}
.comparison td{
	border: 1px solid #333;
	border-collapse: collapse;
	}

#access TD {padding:5px;}

TD.padleft {padding:10px 0px 0px 20px;font-weight:bold;}  
.tablepadleft {padding-left:10px;}
.tablepadleft TD, .tablepadleftbottom TD {padding:3px 5px}
.tablepadleftbottom {padding:0px 0px 10px 10px}

.productname {
	color:#333333;
	font-size:14px;
	font-weight: bold;
	}

table.userfriendly {
borders: collapse; 
text-align: left; 
margin-bottom: 25px;  
}
.userfriendly td {
border-bottom: 1px solid rgb(150,150,150); 
}
.userfriendly th {
font-weight: bold; 
border-bottom: 1px solid rgb(150,150,150); 
}