﻿body
{
	text-align: center;
	font-family: Verdana;
	color: 	#909090;
	background-color:white;

}

div#container
{
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align: left;
}

.clear { clear: both; }


#head{width: 960px; height: 140px; padding-top: 15px; }
#head #main-logo {width: 320px; height: 92px; background-repeat:no-repeat; display: block; text-indent: 0; text-indent: -999px; float:left;}
#head #support-title:hover { background-position: 0 -36px; color:#414141; }
#head #marketing-title:hover { background-position: 0 -36px; color:#414141; }
#head #web-dev-title:hover { background-position: 0 -36px; color:#414141; }
#head .titles { background-repeat:no-repeat; font-size: 14px; font-family: "century gothic"; height: 29px; display:block; float:left; padding-top:8px; text-decoration:none; }
#head #support-title {color:white;}
#head #web-dev-title {color:white;}
#head #marketing-title {color:white;}

#top-contact {padding-left: 35px; width: 555px; height: 85px; padding-top:15px; float:left;}
#top-contact .contact-title { height: 14px; font-family: "arial"; color:#aa2b23; font-size:11px; float:left; padding-top: 10px;}
#top-contact .call {width:185px;}
#top-contact .email {width:250px;}
#top-contact .visit {width:120px;}
#top-contact .contact-details {height: 25px; font-family: "century gothic"; color: #666666; font-size:20px; float:left;}
#top-contact .contact-details a{height: 25px; font-family: "century gothic"; color: #666666; font-size:20px; float:left; text-decoration:none;}
#top-contact .contact-details a:hover{text-decoration:underline;}

#sub-nav { float:left; height: 25px; width:340px; padding-top:5px;}
#sub-nav li {padding-left: 10px; display: inline; }
#sub-nav li a {font-family: "century gothic"; color: #666666; font-size:12px; text-decoration:none; }
#sub-nav li a:hover {text-decoration:underline;}

#marketing-title {background-image: url(../images/seo-title.gif); width:142px; padding-left:15px; float:left; }
#web-dev-title{ background-image: url(../images/web-dev-title.gif); width:242px; padding-left: 15px; margin-left:10px;  float:left;}
#support-title {background-image: url(../images/support-title.gif); width:165px; padding-left:15px; float:left;}



#content {font-size:14px; font-family: Arial; color: #666666; background-color:White; float:left; width:870px; min-height: 300px; line-height: 130%;}
#content .main{ padding-top:15px; line-height:20px;}
#content span {color:#ce9491;  font-size:14px;  }
#content a{color: #666666; font-weight:bold;}
#content a:hover {text-decoration:none;}


#footer {border-top: solid 5px black; padding-top: 15px; padding-bottom:40px; margin-top:25px; width:935px; background-color: #f6f6f6; padding-left:25px;}
#footer .footer-header {color:#3e3091; font-size:16px; font-family: "century gothic"; font-weight:normal;}
#footer .footer-item {width:283px; color: #333333; font-size:12px; font-family:Arial; padding-top:10px; border-bottom: solid 1px #ddd6d3; padding-bottom:20px; text-decoration:none; line-height:140%;}
#footer .footer-item a { color: #333333; padding-left: 5px; text-decoration:none; font-weight:bold;}
#footer .footer-item a:hover {text-decoration:underline;}
#footer .footer-last-item a { color: #333333; padding-left: 5px; text-decoration:none; font-weight:bold;}
#footer .footer-last-item a:hover {text-decoration:underline;}
#footer .footer-last-item {color: #333333; font-size:12px; font-family:Arial; padding-top:10px; border-bottom: solid 1px #ddd6d3; padding-bottom:20px;}
#footer span {color: #999999; font-size:11px; font-family:Arial; display: block; margin-top:5px;}
#footer .footer-links { margin-top:5px; padding-left:20px; background-image: url(../images/plus-sign.gif); background-repeat:no-repeat; font-family:Arial; font-size:12px; color: #333333; text-decoration:none; font-weight:bold;}
#footer .footer-links:hover {text-decoration:underline;}

#twitter {width:283px;  padding-top:5px; float:left; padding-left:10px; }
#twitter h2 {background-image: url(../images/twitter-logo.gif); background-repeat:no-repeat; padding-left:47px; height:28px; padding-top:4px; color:#887fb9; margin-left:-10px;}
#twitter .twitter-link {float:right;}
#twitter-followers { color: #6ec9ff; font-size:11px;  text-decoration:none; font-family: "arial"; font-weight:bold;}
#twitter-followers span { text-decoration: underline; color: #666666;}

#bottom-footer {background-color: black; height: 40px; width: 100%;}
#bottom-footer-content {margin:auto; padding-top:5px; width: 960px; height: 25px; color:White; font-size:11px; font-family:Arial;}
#bottom-footer-content span {color: #999999;}


#blog {width:283px; padding-left:20px; padding-top:5px; float:left; }
#blog h2 { background-image: url(../images/blog-logo.gif); background-repeat:no-repeat; padding-left:35px;  height:28px; padding-top:4px; color:#887fb9;}
#blog .blog-link {float:right;}

#portfolio {width:283px; padding-left:20px; padding-top:5px; float:left; padding-right:0px; margin-right:0px; }
#portfolio .portfolio { text-align:center;}
#portfolio-logo {background-image: url(../images/portfolio-example-logo.gif); background-repeat:no-repeat; width:252px; height:49px; display:block; float:left; margin-left:15.5px; margin-top:20px; text-indent:-9999px;}
#portfolio .portfolio-link {float:right;}
#portfolio h2 {padding-top:4px; color:#887fb9;}

#breadcrumb {font-family: Arial; font-size: 11px; color:#999999; height:30px; padding-top:20px; width:830px; padding-right:20px;}
#breadcrumb a { color:#666666;}
#breadcrumb a:hover{text-decoration: none;}
#breadcrumb li {border-right: solid 1px #999999; display:inline; padding-right:5px; padding-left:5px; }
#breadcrumb .last-item {border-right:none; color:#999999;}


#left-column {width:170px; margin-right:20px; float:left; margin-top:30px;  }
#left-column a {text-decoration:none;}
#left-column a:hover{text-decoration:underline;}
#left-column ul {Margin:5px;}
#left-column li{ padding:3px; margin-left:10px; font-size: 12px; font-family:Arial; font-weight:bold; }
#left-column .sub-page-link {font-size:11px; font-weight:normal; width:118px; background-color:White;}

#right-column {padding-left:20px; padding-right:20px; margin-left:170px; border-left: 1px dotted #333333; margin-top:30px; }
h1{font-family: Century Gothic; font-size:24px; padding-bottom:15px;}
h2 {font-family: Century Gothic; font-size:20px; padding-bottom:10px;}
.content {font-family:Arial; font-size:12px; color:#414141; padding-bottom:20px; line-height:18px;}
.content li {background-image: url(../images/bullet--point.gif); padding-left:15px; background-repeat:no-repeat; line-height:16px; margin-left:10px;}

#contact-mid {height:100px; width:640px; margin-bottom:20px; background-color:#F0F0F0; padding:5px 20px 15px 5px;}
#contact-mid .contact-content {padding-left:20px; font-family: Arial; font-size:11px; color:#666666; float:left; width:300px; height:40px; }
#contact-mid h1 {  font-family: Century Gothic; font-weight:bold; font-size:18px; color:#333333; float:left; padding-top:10px; padding-bottom:5px; width:300px;}
#contact-mid .call-us {width:200px; height:100px; float:left; margin-left:19px; border-left: dotted 1px black;}
#contact-mid h2 {  font-family: Century Gothic; font-weight:bold; font-size:18px; color:#333333; float:left; padding-left:142px; padding-top:10px; padding-bottom:0px;}
#contact-mid h3 {  font-family: Arial; font-weight:bold; font-size:18px; color:#333333; float:left; padding-left:80px; padding-bottom:10px; padding-top:0px;}
#contact-mid a {font-size:11px; color:#333333; padding-left:130px;}

#contact-form {font-size:11px;}
#contact-form .required {margin-left:160px; padding-bottom:10px; font-weight:bold; }
#contact-form input { margin-bottom:10px; width:200px; height:18px; border: solid 1px #414141;}
#contact-form textarea { margin-bottom:10px; width:350px; height:150px; border: solid 1px #414141;}
#contact-form label{width: 150px; float: left;text-align: right; margin-right: 10px; display: block;}
#contact-form span {margin-right:0px; margin-left:10px;  color: #eb272e; font-size:10px; }
#contact-form .Submit {height:28px; width:74px; float:right; margin-right:165px;}

.msg-sent { font-size: 18px; text-align:center; }

#left-column .select {display: block; padding: 5px;}

#blog-articles { margin-top: 10px; }
.blog-content {margin-bottom: 5px;}
.blog-content a {font-size: 12px;}

#contact-page {width:845px; margin-left:25px;}
#contact-details {width:200px; float:left; margin-left:70px; margin-top:10px;}
.value {margin-bottom: 20px;}
.label {font-weight:bold; line-height:18px; margin-bottom:3px;}
#left-contact {width:545px; float:left; margin-top:0px;}

#MissionPage {padding-left:35px; padding-right:35px;}

.TestimonialItem {padding-top:20px; padding-top: 10px; margin-top: -1px; border-top: 1px dotted #414141;}
.introduction {margin-bottom:25px;}

#content .SEO-Link {color: #92a16d; text-decoration:Underline; font-weight:normal; text-decoration:none; font-size:13px;}
#content .SEO-Link:hover {text-decoration:underline;}
#content .IT-Link {color: #cba487; text-decoration:Underline; font-weight:normal; text-decoration:none; font-size:13px;}
#content .IT-Link:hover {text-decoration:underline;}
#content .Dev-Link {color: #af7dc6; text-decoration:Underline; font-weight:normal; text-decoration:none; font-size:13px;}
#content .Dev-Link:hover {text-decoration:underline;}

.client-logo { margin-left:auto;
margin-right:auto; width: 250px; display: block; }

h2 span { font-weight: bold; }

#TestimonialsPage {padding: 10px 35px 0 35px;}
.strong { font-weight: bold; }

#content .TestimonialItem .content span {font-weight: bold; font-size: 20px; }


.banner {padding-left:50px; width:820px; height:300px; float:left;  }
.banner .header {width:400px; float:left; padding-right:0px; height:20px; padding-top:10px; font-size:20px; font-weight:bold;}
.banner .content {width:400px; height:170px; float:left; padding-right:20px;}
.banner .image {float:right;}
.banner .image-holder {width:400px; height:300px; padding:0px; float:right; background-color:White;}
.banner .button {padding-left:0px;}
.static {padding-top:20px;}
