/*base stylesheet*/

html {
	margin:0;
	padding:0;
	background:url(../../images/html_bg.gif) repeat-y top center #0069aa;
	}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding:0;
	color:#000000;	
	background:url(../../images/body_bg.gif) repeat-y top center #0069aa;
	}

h1 {font-size:18px;}
h2 {font-size:16px;}
h3 {font-size:14px; color:#0069aa;}
h4 {font-size:12px;}
h5 {font-size:10px;}
h6 {font-size:10px;}

h1,h2,h3,h4,h5,h6 {
	margin:10px 0;
	padding:0;
	text-decoration:none;
	overflow:visible;
	}

h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}

#content h2, #contentfull h2 {
	border-bottom:1px solid #cccccc; 
	padding-bottom:5px; 
	padding-top:5px; 
	padding-left:15px;
	background:url(/images/h2_bg.gif) left no-repeat;
	}

#content h3, #contentfull h3 {margin-bottom:0; border-bottom:1px solid #e4e4e4;}

#content h2.pageSpecific { background:url(/images/pageSpecificImage_bg.gif) no-repeat; }
#content h2.marketing { background:url(/images/marketing_bg.gif) no-repeat; }
#content h2.ecommerce { background:url(/images/ecommerce_bg.gif) no-repeat; }
#content h2.hosting { background:url(/images/hosting_bg.gif) no-repeat; }

.pageSpecific { background:url(/images/pageSpecific_big_bg.gif) top right no-repeat;}
.design { background:url(/images/design_big_bg.gif) top right no-repeat;}
.marketing { background:url(/images/marketing_big_bg.gif) top right no-repeat;}
.ecommerce { background:url(/images/ecommerce_big_bg.gif) top right no-repeat;}
.hosting { background:url(/images/hosting_big_bg.gif) top right no-repeat;}

p {
	margin:0;
	padding:10px 0;
	text-align:left;
	}

#main ul {
	list-style-position:inside; 
	padding-left:10px;
	margin:0 0 0 10px;
	}

ul.inline { margin:0; padding:0; list-style-type:none;}
ul.inline li { list-style-type:none; display:inline; margin:0; padding:0;}
ul.inline li:after { content:" : ";}

ol { list-style-position:inside; padding-left:10px;margin:0 5px;}
ol.spaced li { margin:0; border-bottom:1px solid #CCCCCC; padding:20px 0;}
ol.spaced li ul li { border:none; padding:0; margin:0;}

img {border:none; margin:0; padding:0;}
img.marginRight8 { margin:0 6px 0 0; padding:0;}

blockquote { font-size:11px; line-height:150%;}
blockquote:before {content:open-quote;}
blockquote:after {content:close-quote;}

.byline { text-align:right; font-size:11px; margin-top:-15px;}
.byline:before { content:"- ";}
.articlebyline { text-align:right; font-size:11px; margin:0; padding:0; font-style:italic; border-bottom:1px solid #CCCCCC;border-top:1px solid #CCCCCC;}
.articlebyline:before { content:"- ";}

a {color:#000000;}
a:hover {text-decoration:underline;}
a:visited {color:#000000;}
a:active {color:#000000;}
	
#container {
	width:700px;
	margin:0 auto;
	padding:0;
	}

/* Utility Nav */	
#utility_nav { 
	margin:0;
	text-align:right;
	font-size:10px;
	padding:5px 0;
	height:20px;
	vertical-align:middle;
	}
	
#utility_nav ul {
	list-style:none; 
	margin:0;
	padding:0;
	}
	
#utility_nav ul li {
	display:inline;
	}
	
#utility_nav ul li a {
	margin:0;
	padding:0 10px 0 0;
	color:#000000;
	text-decoration:none;
	}

#utility_nav ul li a:hover {text-decoration:underline;}
	
#banner, #banner a {
	display:block;
	height:105px;
	width:100%;	
	margin:0px 0 0 0;
	padding:0;
	background:url(/images/banner.jpg) no-repeat 50% 50% #333;
	overflow:hidden;
	text-indent:-9999px;
	}
	
#menu {
	height:28px;
	width:100%;
/*	background:url(menu_bgx.jpg) top left no-repeat #006666;*/
	background-color:#FF0000;
	}
	
#breadcrumbs {
	clear:left;
	font-size:10px;
	padding:5px 0 5px 20px;
	}

#main {
	position:relative;
	margin:0;
	padding:10px 0 0 0;
	}

#content {
	float:left;
	width:470px;
	min-height:600px;
	margin:0 0 20px 0;
	padding:0 20px;
	}

#contentfull {
	margin:0;
	padding:0 20px;
	}
	
#content a.floatR {
	margin-top:-10px;
	padding:0;
	font-size:10px;
	}


/* Sidebar */
#sidebar {
	float:right;
	width:140px;
	border-left:1px solid #CCCCCC;
	margin:0 0 20px 0;
	padding:0 20px;
	font-size:10px;
	}

#sidebar h2 {
	font-size:14px;
	margin:10px 0 0 0;
	padding:10px 0 0 0;
	border-bottom:1px solid #cccccc;
	color:#0069aa;
	}
	
#sidebar h2 a {color:#0069aa;}

#sidebar h2.top {margin-top:0;}
#sidebar h2:first-child { margin-top:0;}
	
#sidebar h3 {
	margin:10px 0 -10px 0;
	padding:0;
	}	

#sidebar ul {
	list-style-position:inside;
	margin:0;
	padding:0;
	}
	
#sidebar a.floatR {margin:-10px 0 0 0; padding:0; text-decoration:none;}
#sidebar a.floatL {margin:-10px 0 0 0; padding:0; text-decoration:none;}
#sidebar a.floatR:hover, a.floatL:hover {text-decoration:underline;}
#sidebar a, #sidebar a:visited, #sidebar a:active {color:#0069aa; text-decoration:none;}
#sidebar a:hover {color:#FF9900; text-decoration:underline;}
	
#footer {
	width:100%;
	clear:both;
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
	vertical-align:bottom;
	font-size:10px;
	background:url(/images/footer_bkg.jpg) #0069aa;
	color:#000;
	}

#footer a {color:#000;}

#rss, #rss a, #rss a:visited {
	font-size:9px;
	color:#000000;
	}

.floatL {
	float:left;
	}

.floatR {
	float:right;
	}
	
#content a.floatR { margin-right:10px; margin-top:0px;}	

img.floatR {margin:10px 0 10px 0;}
img.floatL {margin:0 0 10px 0;}

.footnote {
	margin:10px 20px;
	padding:0 0 0 10px;
	font-size:10px;
	line-height:120%;
	border-left:5px solid #CCCCCC;
	}

.footnote:before {
	content:"*** ";
	}

.important {
	font-weight:bold;
	color:#990000;}

/* Hosting Tables */
table.hosting {
background:none;
	font-size:10px;
	width:100%;
	}

table.hosting td {
	padding:4px;
	margin:0;
	border-right:1px solid #d2d2d2;
	}

.greybg {
	background-color:#E4E4E4;
	}
	
.bluebg {
	color:#FFFFFF;
	background-color:#00395a;	
	}
	
/* Client Testimonial Tables */
table.testimonial {
	font-size:10px;
	width:100%;
	margin:0 0 40px 0;
	}

table.testimonial td {
	text-align:center;
	padding:4px;
	margin:0;
	border-right:1px solid #d2d2d2;
	}

table.testimonial tr td:first-child { text-align:left;}
table.testimonial tr th { text-align:center; padding:4px; font-weight:bold;}
table.testimonial tr th:first-child { text-align:left;}

/* Contact Page */
textarea, input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#FFFFFF;
	border:1px solid #cccccc;
	}

.slayer {
	visibility:hidden;
	display:none;
	}

.dissap {
	display:none;
	}
	
.required {
	color:#990000;
	}
	
.contact {
	margin:0;
	padding:0;
	}

table.contact td {
	width:180px;
	margin:0;
	padding:0;
	}
	
fieldset {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:none;
	}

/* Portfolio */
#featuredsite {
	margin:0;
	padding:0;
	}

#featuredsite img {
	margin:0 0 0 10px;
	padding:0;
	float:right;
	clear:left;
	border:1px solid #cccccc;
	}

#featuredbottom {
	margin:20px 0 0 0;
	padding:0;
	clear:both;
	}

#featuredsite h3 { margin:5px 0; padding:0;}
#featuredsite p { margin-top:0; padding:0;}

/* RSS */
#rss h5.date { font-weight:bold; margin:0; padding:0; border-bottom:1px solid #CCCCCC;}
#rss p.article { margin:0 0 5px 0; padding:0 0 10px 0; line-height:120%;}
#rss a.article:hover { color:#FF9900;}

/* Client Exec Frame */

#ceFrame {
margin:0 auto;
padding:0;
	text-align:center;
	vertical-align:top;
	z-index:5;
	}