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

/* RESET STYLES FOR ALL BROWSERS */
html, body {
	margin:0;
	padding:0;
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	background:#f2f0e9 url(/images/bg_page.jpg) repeat-x;	
	color:#222;
	font-size:100%;
}
div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, ins,
a, cite, code, em, font, strong, sub, sup, tt, var,
b, u, i, center, form,
ol, ul, li,
fieldset, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
a img {
	border:0;
}
blockquote, {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

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

/* Page Container */
#container {
	width:960px;
	margin:0 auto;
	padding:0;
	text-align:left;
	overflow:hidden;
}
/* Page masthead */
#header {
	margin:0;
	padding:0;
	height:115px;
	width:960px;
}
#header img {
	border:none;
	vertical-align:bottom;
}

/* Navigation menu */
#navMenu {
	width:960px;
	height:44px;
	margin:0;
	padding:0;
}
#navMenu img {
	float:right;
	margin:0;
	padding:0;
}
#navMenu span {
	display:none;
}
#navMenu ul {
	list-style-type:none;
	margin:0;
	padding:0;
	width:780px;
	float:left;
}
#navMenu ul li,#navMenu ul li a {
	display:block;
	height:44px;
}
#navMenu ul li {
	float:left;
	display:inline;
	margin:0;
	padding:0;
	position:relative;
}
#design {
	background:url(/images/nav_menu.jpg) no-repeat 0 0;
	width:83px;
}
#design a {
	background:url(/images/nav_menu.jpg) no-repeat 0 0;
	width:83px;
}
#design a:hover {
	background:url(/images/nav_menu.jpg) no-repeat 0 -44px;
}
#development {
	background:url(/images/nav_menu.jpg) no-repeat -83px 0;
	width:133px;
}
#development a {
	background:url(/images/nav_menu.jpg) no-repeat -83px 0px;
	width:133px;
}
#development a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -83px -44px;
}
#hosting {
	background:url(/images/nav_menu.jpg) no-repeat -215px 0px;
	width:76px;
}
#hosting a {
	background:url(/images/nav_menu.jpg) no-repeat -215px 0px;
	width:76px;
}
#hosting a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -215px -44px;
}
#portfolio {
	background:url(/images/nav_menu.jpg) no-repeat -292px 0px;
	width:90px;
}
#portfolio a {
	background:url(/images/nav_menu.jpg) no-repeat -292px 0px;
	width:90px;
}
#portfolio a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -292px -44px;
}
#testimonials {
	background:url(/images/nav_menu.jpg) no-repeat -381px 0px;
	width:103px;
}
#testimonials a {
	background:url(/images/nav_menu.jpg) no-repeat -381px 0px;
	width:103px;
}
#testimonials a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -381px -44px;
}
#blog {
	background:url(/images/nav_menu.jpg) no-repeat -485px 0px;
	width:57px;
}
#blog a {
	background:url(/images/nav_menu.jpg) no-repeat -485px 0px;
	width:57px;
}
#blog a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -485px -44px;
}
#estimate {
	background:url(/images/nav_menu.jpg) no-repeat -541px 0px;
	width:106px;
}
#estimate a {
	background:url(/images/nav_menu.jpg) no-repeat -541px 0px;
	width:106px;
}
#estimate a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -541px -44px;
}
#contact {
	background:url(/images/nav_menu.jpg) no-repeat -648px 0px;
	width:97px;
}
#contact a {
	background:url(/images/nav_menu.jpg) no-repeat -648px 0px;
	width:97px;
}
#contact a:hover {
	background:url(/images/nav_menu.jpg) no-repeat -648px -44px;
}

/* Page top */
#pageTitle {
	text-align:left;
	margin:0;
	width:960px;
	height:139px;
	padding:0;
	vertical-align:bottom;
	position:relative;
}
#pageTitle p {
	font-size:0.8em;
	line-height:1.3em;
	color:#ffffff;
	margin:0;
	padding:0 0 8px 0;
}

/* Breadcrumb menu */
p.breadCrumb {
	font-size:0.7em;
	margin:16px 0 0;
	padding:0 0 6px;
	border-bottom:1px solid #dedcd0;
}
p.breadCrumb a:link,
p.breadCrumb a:visited {
	color:#073c5f;
	font-weight:bold;
	text-decoration:underline;
}
p.breadCrumb a:hover {
	text-decoration:none;
}

/* Main Content */
#mainContent {
	padding:0;
	margin:16px 20px 15px 0;
	width:630px;
	text-align:left;
	float:left;
	display:inline;
	overflow:hidden;
}
#mainContent h1 {
	margin:0 0 4px;
	padding:0;
	font-size:1.5em;
	color:#073c5f;
}
#mainContent h1 span {
	text-indent:-99999px;
}
#mainContent h2.webDesign {
	background:transparent url(/images/h1_design.jpg) no-repeat;
	height:50px;
}
#mainContent h2.webDevelopment {
	background:transparent url(/images/h1_development.jpg) no-repeat;
	height:50px;
}
#mainContent h2.webHosting {
	background:transparent url(/images/h1_hosting.jpg) no-repeat;
	height:50px;
}
#mainContent h2 {
	margin:0 0 4px;
	padding:0;
	font-size:1.1em;
	color:#073c5f;
}
#mainContent h2 span.hostFee {
	float:right;
	color:#cc0000;
}
dl {
	margin-bottom:20px;
	padding:0;
	width:610px;
}
dt {
	font-size:0.9em;
	line-height:1.2em;
	color:#073c5f;
	font-weight:bold;
	float:right;
	width:530px;
	padding:0 10px;
	margin:0;
}
dd {
	font-size:0.8em;
	line-height:1.4em;
	float:right;
	width:530px;
	padding:0 10px;
	margin:0 0 20px;
}
dd.iconImg {
	float:left;
	width:60px;
	margin:0;
	padding:0;
}
.webDesign a {
	display:block;
	height:50px;
	width:190px;
}
.webDevelopment a {
	display:block;
	height:50px;
	width:250px;
}
.webHosting a {
	display:block;
	height:50px;
	width:280px;
}
#mainContent p {
	font-size:0.8em;
	line-height:1.4em;
	margin:0;
	padding:0 0 12px;
}
#mainContent ul {
	margin:10px 0 10px 20px;
	padding-left:10px;
}
#mainContent li {
	font-size:0.8em;
	line-height:1.4em;
}
#mainContent ul.pinList {
	margin:2px 0 10px 0;
	padding-left:10px;
	list-style-type:none;
}
#mainContent ul.pinList li {
	font-size:0.8em;
	line-height:1.4em;
	background:url(/images/bullet_pin.jpg) no-repeat 0 0;
	padding:0 0 6px 24px;
	margin:0;
	float:left;
	width:270px;
}
#mainContent a:link,
#mainContent a:visited,
#sidebar .clientContent a:link,
#sidebar .clientContent a:visited {
	color:#073c5f;
	font-weight:bold;
	text-decoration:underline;
}
#mainContent a:hover,
#sidebar .clientContent a:hover {
	color:#073c5f;
	text-decoration:none;
}
#mainContent td {
	padding:3px;
	font-size:12px;
}
#mainContent td.label {
	font-weight:bold;
	color:#4c1b27;
}
#mainContent p.breadCrumb {
	font-size:10px;
	padding:4px;
	background-color:#eee;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}
.hostPlan {
	margin-bottom:16px;
	padding-bottom:10px;
	border-bottom:1px solid #9a9687;
	overflow:hidden;
}

/* Testimonials */
blockquote {
	width:610px;
	margin:20px 0 6px;
	padding:6px 0 20px;
	background:transparent url(/images/quote_open.jpg) no-repeat top left;
	border-bottom:1px solid #9a9687;
}
blockquote div {
	padding:0 40px;
	margin:0;
	background:transparent url(/images/quote_close.jpg) no-repeat bottom right;
	font-size:1.2em;
	line-height:1.4em;
	font-style:italic;
}
#mainContent blockquote p.quoteSource {
	color:#073c5f;
	font-size:0.8em;
	padding:0 0 0 40px;
}

/* Form table */
#mainContent table.formTable {
	margin:5px auto;
	font-size:inherit;
}
#mainContent table.formTable th {
	text-align:left;
	padding:5px 0;
	color:#9a9687;
	font-size:0.9em;
}
#mainContent table.formTable td {
	padding:3px 0;
}
#mainContent table.formTable td.label {
	color:#073c5f;
}
.formButton {
	color:#ffffff;
	background:#073c5f;
	padding:4px 8px;
	font-size:0.9em;
	font-weight:bold;
	cursor:pointer;
	border:1px solid #9a6987;
}
.formButton:hover {
	color:#073c5f;
	background:#9a9687;
	padding:4px 8px;
	border:1px solid #073c5f;
}

/* Right column */
#sidebar {
	float:left;
	display:inline;
	width:310px;
	margin:16px 0;
	padding:0;
	text-align:left;
}
#sidebar .sideBarContent {
	padding:2px 10px 10px;
	margin:0 0 10px 0;
	width:288px;
	background:#eeece4 url(/images/bg_sidebar.jpg) repeat-x 0 0;
	border:1px solid #9a9687;
	text-align:center;
}
#sidebar .sideBarContent .projBottom {
	background:url(/images/bg_portfolio.jpg) no-repeat bottom center;
	height:24px;
}
#sidebar .sideBarContent h2 {
	padding:0;
	margin:0 0 6px;
	height:45px
}
#sidebar .sideBarContent h2 span {
	display:none;
	visibility:hidden;
}
#sidebar .sideBarContent h2.project {
	background:transparent url(/images/h2_sidebar_project.gif) no-repeat;
}
#sidebar .sideBarContent h2.blog {
	background:transparent url(/images/h2_sidebar_blog.gif) no-repeat;
}
#sidebar .sideBarContent p,
#mainContent .clientPreview p {
	font-size:0.7em;
	line-height:1.0em;
	margin:0;
	padding:0 0 4px;
	text-align:left;
}
#sidebar .sideBarContent a:link,
#sidebar .sideBarContent a:visited,
#mainContent .clientPreview a:link,
#mainContent .clientPreview a:visited {
	color:#073c5f;
	text-decoration:none;
	font-weight:bold;
}
#sidebar .sideBarContent a:hover,
#sidebar .sideBarContent a:active,
#mainContent .clientPreview a:hover {
	text-decoration:underline;
}
img.thumbNail {
	border:1px solid #d9d6c9;
	background:#ffffff;
	padding:3px;
	margin-bottom:4px;
}

/* Portfolio preview */
.clientPreview {
	float:left;
	margin:0 10px 20px;
	padding:0 10px 34px;
	width:280px;
	height:210px;
	display:inline;
	background:url(/images/bg_portfolio.jpg) no-repeat bottom center;
}
.clientPreview img.thumbNail {
	border:1px solid #d9d6c9;
	background:#ffffff;
	padding:3;
	margin-bottom:4px;
}
#mainContent .clientPreview p {
	padding-left:4px;
	padding-right:4px;
}

/* Client Information Page */
img.clientSite {
	border:1px solid #d9d6c9;
	background:#ffffff;
	padding:5px;
	margin:0 auto 20px;
}
#sidebar .clientContent {
	text-align:left;
	padding:2px 10px 10px;
	margin:0 0 10px 0;
	width:290px;
}
#sidebar .clientContent h2 {
	font-size:1.0em;
	line-height:1.4em;
	margin-bottom:2px;
	color:#073c5f;
}
#sidebar .clientContent p {
	font-size:0.8em;
	padding:0 6px 6px;
}
#sidebar .clientContent ul {
	list-style-type:none;
	margin:4px 0 0 20px;
	padding:0;
}
#sidebar .clientContent li {
	background:url(/images/bullet.jpg) no-repeat left 2px;
	padding:0 0 4px 18px;
	margin:0;
	font-size:0.8em;
	line-height:1.1em;
}
#sidebar .clientContent img.header {
	border-bottom:1px solid #dedcd0;
	padding-bottom:2px;
}

/* Page footer */
#footer {
	clear:both;
	margin:0 auto;
	padding:16px 0;
	color:#ffffff;
	font-size:0.7em;
	background:url(/images/bg_footer.jpg) repeat-x top;
	text-align:center;
}
#footerContainer {
	width:960px;
	padding:0 10px;
	margin:0 auto;
}
#footer .fSection {
	width:300px;
	float:left;
	display:inline;
	margin:0;
	padding:0 10px;
	text-align:left;
}
#footer .fSection ul {
	margin:0 0 10px;
	padding:0;
	list-style-type:none;
}
#footer .fSection ul li {
	margin:0;
	padding:0 0 4px;
}
#footer .fSection ul li.fHeader {
	font-weight:bold;
}
#footer .fSection ul li.link {
	background:url(/images/bullet_footer.jpg) no-repeat left 4px;
	padding-left:12px;
}
#footer p {
	margin:0;
	padding:0 0 8px;
	line-height:1.6em;
}
#footer a:link,#footer a:visited {
	color:#ffffff;
	text-decoration:none;
}
#footer a:hover {
	color:#ffffff;
	text-decoration:underline;
}
.redText {
	color:#c00;
}
.floatRight {
	float:right;
	margin:0 0 10px 10px;
}
.floatLeft {
	float:left;
	margin:0 10px 10px 0;
}
.clearfloat {
	clear:both;
	height:1px;
	margin:0;
	padding:0;
}