/* 
TABLE OF CONTENTS

  HTML Elements
  Page Structure
  Navigation
  Headings
  Content Area
  ToolTips
  Forms
  Clear
  Footer



/* ---------- @ HTML Elements -----------*/

body,html {	
	color:#bcbbbb;
	background: #333 url(/images/bg.jpg) repeat-x fixed;
	min-height:101%
}


body, select, textarea, input {	
	font: 100% "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial
}


* { 
	margin: 0;
	padding: 0;
	border: none
} 

p {	
	margin: 15px 0;
}
		
a:link, a:visited {	
	text-decoration:none;
	color: #d2bb8b; 
}

a:hover, a:active {	
	color:#eee1c4;
	text-decoration: underline
}


a.nohover:hover {	
	border:none;
	text-decoration: none;
}

*:focus { 
	outline: none 
}

dfn {
	border-bottom:1px dotted #f2f1f1;
	font-style:normal
	}

dfn a, dfn a:visited {
	color:#f2f1f1;
	}
		
dfn a:hover, dfn a:active {
	text-decoration:none;
	color:#cacaca;
	}

ul {
	list-style:none
	}

ol li {
	padding: 8px 0;
	margin-left:25px;
}

ol li img {
	margin: 10px 0;
}	
		


/* ---------- @ Page Structure -----------*/


#wrapper {
	background: url(/images/bg_wrapper.gif);
	margin: 0 auto;
	font-size: 0.75em;
	width: 858px;
   }


#inner {
	background: url(/images/bg_inner.jpg) repeat-x;
	width:822px;
	margin: 0 auto;
	padding: 0 13px 0 13px;
}
		   
#home #masthead {
	background: url(/images/bg_masthead.jpg) bottom no-repeat;
	height: 320px;
	padding-top: 25px;
}

#home #masthead img {
	margin: 132px 0 0 26px;
	}

#interior #masthead	{
	height:91px;
	padding:46px 0 0 12px;
	background:url(/images/bg_masthead02.jpg)
	}

.left {	
	float:left;
}

.right {	
	float:right
}


	

/* ---------- @ Navigation -----------*/


/*Home*/

#home #nav, #interior #nav {
	float: right;
	margin-bottom:22px;
	}

#home #nav li, #interior #nav li {
	display: inline;
	}
	
#home #nav a, #interior #nav a {
	float:left;
	height:29px;
	text-indent:-9000px;
	margin-left:12px;
	}

#home a#solutions {
	background:url(/images/nav_solutions.png);
	width:143px;
}

#home a#solutions:hover {
	background:url(/images/nav_solutions_on.png);
}

#home a#portfolio {
	background:url(/images/nav_portfolio.png);
	width:142px;
}

#home a#portfolio:hover {
	background:url(/images/nav_portfolio_on.png);
}

#home a#hosting {
	background:url(/images/nav_hosting.png);
	width:182px;
}

#home a#hosting:hover {
	background:url(/images/nav_hosting_on.png);
}


/*Interior*/

#interior #nav {
	margin-bottom: 18px;
	}

#interior #nav a {
	height: 41px;
	border-left: 1px solid #3b3b3b;
	margin:0;
	}
	
#interior a#solutions {
	background:url(/images/nav_solutions2.png);
	width:102px;
}

#interior a#solutions:hover {
	background:url(/images/nav_solutions2_on.png);
}
	
#interior a#portfolio {
	background:url(/images/nav_portfolio2.png);
	width:103px;
}

#interior a#portfolio:hover {
	background:url(/images/nav_portfolio2_on.png);
}
	
#interior a#hosting {
	background:url(/images/nav_hosting2.png);
	width:133px;
}

#interior a#hosting:hover {
	background:url(/images/nav_hosting2_on.png);
}
	
#interior a#blog {
	background:url(/images/nav_blog2.png);
	width:59px;
}

#interior a#blog:hover {
	background:url(/images/nav_blog2_on.png);
}

#interior a#about {
	background:url(/images/nav_about2.png);
	width:94px;
}

#interior a#about:hover {
	background:url(/images/nav_about2_on.png);
}

#interior a#contact {
	background:url(/images/nav_contact2.png);
	width:106px;
}

#interior a#contact:hover {
	background:url(/images/nav_contact2_on.png);
}


		
/* ---------- @ Headings -----------*/
	
h1 {
	background:url(/images/logo.gif) no-repeat;
	width:289px;
	height:35px;
	text-indent:-9000px;
	font-size: 1.9em
	}

h2 {	
	font-size: 1.6em;
	text-indent:-9000px;
	}

#masthead h2 {
	height:42px;
	width:350px;
	}
	
.about h2 {
	background:url(/images/title_about.gif) no-repeat
	}
	
.portfolio h2 {
	background:url(/images/title_portfolio.gif) no-repeat
	}

.solutions h2 {
	background:url(/images/title_solutions.gif) no-repeat
	}
		
.hosting h2 {
	background:url(/images/title_hosting.gif) no-repeat;
	}
	
.blog h2 {
	background:url(/images/title_blog.gif) no-repeat
	}
	
.contact h2 {
	background:url(/images/title_contact.gif) no-repeat
	}

.subscribe h2 {
	background:url(/images/title_subscribe.gif) no-repeat
	}

.newsletter h2 {
	background:url(/images/title_newsletter.gif) no-repeat
	}

.wp h2 {
	background:url(/images/title_wp.gif) no-repeat
}

h3 {	
	font-size: 1.4em;
	text-indent:-9000px;
	height:27px;
	margin:15px 0 8px 0;
	}

h3#strategy {
	background:url(/images/hdr_strategy.gif) no-repeat;
	margin:0 0 -2px 0;
	}

h3#news {
	background:url(/images/hdr_news.gif) no-repeat;
	margin: 30px 0 -6px 0;
	}

h3#newsletter {
	background:url(/images/hdr_newsletter.gif) no-repeat;
	margin: 30px 0 -6px 0;
	}

h3#newsletter-thanks {
	background:url(/images/sub_newsletter-thanks.gif) no-repeat;
	margin-top:0;
	}

h3#leadership {
	background:url(/images/sub_leadership.gif) no-repeat;
	margin-top:25px;
}

h3#overview {
	background:url(/images/sub_overview.gif) no-repeat;
	margin-top:0
}

h3#opps {
	background:url(/images/sub_opps.gif) no-repeat;
	margin-top:32px;
}

h3#web {
	background:url(/images/sub_web.gif) no-repeat;
	margin-top:0
}	

h3#custom {
	background:url(/images/sub_custom.gif) no-repeat;
}

h3#flash {
	background:url(/images/sub_flash.gif) no-repeat;
	margin-top:0;
}

h3#ecommerce {
	background:url(/images/sub_ecommerce.gif) no-repeat;
	margin-top:0
}

h3#cms {
	background:url(/images/sub_cms.gif) no-repeat;
	margin-top:0
}

h3#consulting {
	background:url(/images/sub_consulting.gif) no-repeat;
}	

h3#third {
	background:url(/images/sub_third.gif) no-repeat;
	margin-top:0
}				

h3#access {
	background:url(/images/sub_access.gif) no-repeat;
	margin-top:0;
}	

h3#domain {
	background:url(/images/sub_domain.gif) no-repeat;
	margin-top:0;
}

h3#hosting {
	background:url(/images/sub_hosting.gif) no-repeat;
	margin-top:25px;
}

h3#alacarte {
	background:url(/images/sub_alacarte.gif) no-repeat;
}

h3#additional {
	background:url(/images/sub_additional.gif) no-repeat;
}

h3#maintenance {
	background:url(/images/sub_maintenance.gif) no-repeat;
	margin-top:0
}

h3#email {
	background:url(/images/sub_email.gif) no-repeat;
	margin-top:0;
}

h3#spam {
	background:url(/images/sub_spam.gif) no-repeat;
}

h3#featured {
	background:url(/images/hdr_featured.gif) no-repeat;
	margin:0 0 -13px 0;
}

h3#rss {
	background:url(/images/sub_rss.gif) no-repeat;
	margin-top:32px;
}

h3#staff {
	background:url(/images/sub_staff.gif) no-repeat;
	margin:0;
}	

h3#emails {
	background:url(/images/sub_emails.gif) no-repeat;
	margin:0;
}

h3#digests {
	background:url(/images/sub_digests.gif) no-repeat;
	margin-top:32px;
}

h3#thunderbird {
	background:url(/images/sub_email_thunderbird.gif) no-repeat;
	margin-top:0;
}

h3#outlook {
	background:url(/images/sub_email_outlook.gif) no-repeat;
	margin-top:0;
}

h3#outlook-express {
	background:url(/images/sub_email_express.gif) no-repeat;
	margin-top:0;
}

h3#apple-mail {
	background:url(/images/sub_email_apple.gif) no-repeat;
	margin-top:0;
}

h4 {	
	color:#FFF;
	margin-top: 15px;
	font-size:1em;
	}

.staffpage h4 {
	margin-bottom:-12px; 
	}
	
h5 {
	background:#000;
	font-size: 1.1em;
	padding: 3px 3px 3px 5px;
	margin: 15px 0 3px 0;
	color:#f0f0f0;
	border-right:1px solid #3f3f3f;
	border-bottom:1px solid #3f3f3f;
}

h6 {
	font-size:1.2em;
	line-height:110%;
	}


/* ---------- @ Content Area -----------*/

/*Home*/

#content {
	background: #0f0f0f url(/images/bg_content.jpg) repeat-x;
	padding:18px 0 0 18px;
}

#home #content {
	padding-right: 18px;
	}
	
#intro {
	width:252px;
	background:url(/images/bg_intro.jpg) no-repeat;
	padding:20px 20px 0 20px;
	color:#d5d4d4;
	margin: 0 20px 0 3px;
	font-size:0.95em;
	line-height:140%;
	}

#home #sidebar {	
	width:442px;
	padding: 20px 0 0 24px;
	background:url(/images/bg_thumbs.jpg) no-repeat;
	height:297px;
	}

.sample {
	float:left;
	width:204px;
	padding: 13px 14px 15px 0;
	line-height:135%;
	height:76px;
	font-size:0.9em;
	}

.sample img {
	float: left;
	margin: 3px 11px 10px 0;
	}	

.sample span {
	margin:0;
	font-weight:bold;
	display:block;
	color:#d8d7d7;
	}

.sample a, .sample a:visited {
	color:#a7a6a6;
	}
	
.sample a:hover, .sample a:active, .sample a:hover span {
	text-decoration:none;
	color:#f7f7f7;
	}	

.sample a:hover span {
	text-decoration:underline;
	}

.sample p  {
	margin:0;
	}	
		
.more {
	float:right;
	font-size: 0.95em;
	margin-top:7px;
	}
	
.list li {	
	background: url(/images/bg_arrow2.gif) no-repeat;
	list-style:none;
	padding: 6px 0 8px 8px;
	line-height:120%;
	border-bottom:1px solid #333;
	}

#home img#captcha {
	background: #fff;
	border: 1px solid #404040;
	margin-bottom: 2px;
}

#home input.text-email,
#home input.text-captcha {
	padding: 3px;
	font-size: 1em;
	width: 140px;
}

#home form td {
	padding: 2px 0;
	vertical-align: middle;
}
			

/*Interior*/	

a#logo {
	width:188px;
	height:23px;
	background:url(/images/logo2.gif) no-repeat;
	text-indent:-9000px;
	display:block;
	margin-top: 20px;
	}

#interior #content	{
	padding:20px 25px 0 25px;
	}


#interior #sidebar {
	width: 242px;
	float:right;
	background:#333;
	margin:8px 0 15px 25px;
	background:#333 url(/images/bg_sidebar.jpg) repeat-x;
	padding: 0 20px 20px 20px;
	border-top:1px solid #3f3f3f;
	border-left:1px solid #3f3f3f;
	}

#sidebar li {
	padding-bottom: 5px;
	}

#googlemap {
	height:300px;
	border:0
	}
	
.thumb {
	width:66px;
	height:63px;
	}
	
.thumb.left {
	margin: 4px 8px 5px 0;
	}	

.clients td {
	vertical-align:top
	}
	
.clients .data {
	height:159px;
	}
	
.data {
	border-collapse:collapse
}

.data td {
	color:#a8b9ce;
	font-weight:bold;
	width:78px;
	border-left: 4px solid #4c4c4c;
	background:#363636;
	}
	
.data th {
	text-align:left;
	font-weight:normal;
	color:#f2f1f1;
	background: #424242;
	}
	
.data td, .data th {
	padding: 4px 0 4px 6px;
	vertical-align:top
}

.data tr {
	border-top: 1px solid #282828;
	}

.data span {
	background:url(/images/bg_arrow.gif) no-repeat;
	padding-left: 8px;
	}	
	
.divider {
	height:50px;
	background:url(/images/bg_hr.gif) no-repeat center;
	}

#clientlist {
	background:#333 url(/images/bg_sidebar.jpg) repeat-x;
	margin-top: 12px;
	padding:20px;
	font-size:0.85em;
	display:none;
	border-top:1px solid #3f3f3f;
	border-left:1px solid #3f3f3f;
}

.bullets {
	padding:15px 25px;
	}

.bullets li {	
	background: #2c2c2c url(/images/bullet.gif) no-repeat;
	list-style:none;
	padding: 3px 0 3px 18px;
	margin: 0 0 1px 0;
	font-size:0.9em;
	border-left:4px solid #4c4c4c;
	color:#9b9b9b;
	}

.hilite {
	color:#ff6600;
	}	

#leftcol {
	width: 459px;
	float:left
}

.name {
	color:#e09c6f;
	font-weight:bold;
	font-style:normal;
	text-transform:uppercase
	
	}

#meet {
	background:url(/images/meet_team.png);
	display:block;
	float:left;
	width:66px;
	height:63px;
	text-indent:-9000px;
	margin: 3px 11px 3px 0;
	}
	
#meet:hover {
	background:url(/images/meet_team_on.png);
}
	

/* Tooltips */

#toolTip { 
	position:absolute;
	z-index:1000;
	width:220px;
	background:#506f8a;
	border:1px solid #6e879e;
	padding:5px;
	text-align:left
	}

#toolTip p { 
	margin:0;
	color:#cfe5f8;
	font-size:0.8em;
	line-height:122%;
	}

				

/* ---------- @ Forms -----------*/

.field {
	background:#FFF;
	padding:3px;
	font-size:1em;
	}

.field:focus {
	background:#EFEFEF;
}
	
.button {	
	width:79px;
	height:24px;	
	color:#a8b9ce;
	font-weight:bold;
	background:url(/images/bg_button.png);
}

.button:focus {	
	background: url(/images/bg_button_on.png);
}
		
.button:hover {	
	background: url(/images/bg_button_on.png);
}

#captcha {
	background:#FFF;
	}
	
/*Clear*/

.clearfloat:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfloat {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfloat {
height:1%;
}
*+html .clearfloat {
height:1%;
}
.clearfloat {
display:block;
}
/* End hide from IE-mac */




/* ---------- @ Footer -----------*/

#footer {
	color:#7f7f7f;
	height:69px;
	background-image:url(/images/bg_footer.jpg);
	text-align:right;
	padding: 105px 50px 0 0;
	font-size:0.9em;
}