body {
  text-align: center;
  margin: 0px;
  padding: 0px;
  background: #f6faee;

  background-image:url(/images/bg.jpg);
  background-color:#000;
  background-repeat:repeat-x;

  font-family: Myriad Pro, Verdana, Geneva, Helvetica, Arial, Sans-Serif;
}

.fieldWithErrors {
  padding: 0px;
  margin: 0px;
  display: inline;
}

#header {
  height: 120px;
}

#header img {
  border: 0px;
}

#logo {
  float: left;
  width: 400px;
  padding: 20px;
}

#header_right {
  float: right;
  padding: 20px;
  font-size: 1.5em;
  font-family: arial;
}

#page {
  width: 956px;
  margin: 0px;
  padding: 0px;
  margin: 0 auto;
  background: white;
}

#header_bottom {
  height: 20px;
  background-image: url(/images/header-bottom.jpg);
}

#nav {
  text-align: left;
  padding: 5px;
}

#nav a {
  color: #fff;
  font-family: arial;
  text-decoration: none;
  font-weight: bold;
}

#nav span {
  padding: 0px;
}

#nav img {
  border: 0px;
}

#content {
  margin: 0 auto;
  color: #666;
  text-align: left;
  font-size: 90%;
}


#content h1 {
  color: white;
  font-size: 1.2em;
}

#content h2 {
  color: #579fcf;
}

#content img {
  border: 0px;
}

#footer {
  color: #cccccc;
  height: 100px;
  padding: 20px;
  background: #003366;
  font-family: arial;
  text-align: left;
}
#footer p {
  text-align: center;
  font-size: .7em;
}

#footer a {
  color: #cccccc;
  font-family: arial;
  text-decoration: none;
}

#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#footer h1 {
  font-size: 1em;
  text-align: center;
}

#footer h2 {
  font-size: .8em;
}

.bio img {
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
}

#tech_logos {
  text-align: center;
}

#right_splash {
  width: 290px;
  height: 255px;
  margin: 10px;
  padding: 5px;
  padding-bottom: 0px;
  padding-top: 20px;
  float: right;
  background-image: url(/images/services-block.jpg);
  font-size: 1.2em;
}

#right_splash a, #right_marketing a, #marketing_content a {
  color: #fff;
}

#marketing_content a, #marketing_content li {
/  line-height: 1.5em;
}

#right_splash h1 {
  color: #fff;
  font-size: 1.4em;
  padding-top: 40px;
  /padding-top: 60px;
}

#left_splash {
  width: 600px;
  /width: 400px;
}

#software p {
  text-align: center;
}

#software a img {
  border: 0px;
}

#clients {
  height: 1200px;
}

#clients p { 
  width: 650px;
  float: right;
  padding-right: 40px;
  padding-left: 20px;
}

#left_nav {
  float: left;
  margin-left: 20px;
  /margin-left: 10px;
  margin-top: 10px;
  /margin-top: 5px;
  background: white;
  width: 197px;
  overflow: hidden;
}

.left_button {
  width: 181px;
  /width: 180px;
  height: 29px;
  /height: 37px;
  padding-left: 0px;
  padding-top: 10px;
  /padding-top: 0px;
  background-repeat: no-repeat;
  cursor: pointer;
}

#left_nav a {
  color: gray;
  text-decoration: none;
}

#content {
  background: white;
  margin: 0px;
  padding: 0px;
}

#bottom_content {
  border-top: 5px solid #a4ce39;
  height: 298px;
  background-image: url(/images/bottom-content-background.png);
}

#quote {
  margin-right: 20px;
}

#bottom_content {
  color: white;
  font-family: arial;
}

#newsletter {
  float: right;
  padding: 20px;
  width: 300px;
  text-align: left;
}

#newsletter p {
  padding-right: 20px;
}

#newsletter_label, #news_label {
  font-size: 1.2em;
  font-weight: bold;
}

#newsletter input {
  width: 200px;
}

#newsletter label, #news label {
  font-weight: bold;
}

#news {
  width: 200px;
  float: left;
  padding-top: 20px;
}

#about_content, #team, #online_marketing, #ppc_management, #development, #contact_content {
  padding: 20px;
}

#contact_content {
  height: 500px;
  margin-left: 250px;
  color: white;
}

#contact_content input {
  background-image: url(/images/little-box.png);
  width: 239px;
  height: 19px;
  padding-left: 5px;
  border: 0px;
  margin-top: 5px;
}

#contact_content textarea {
  background-image: url(/images/big-box.png);
  width: 234px;
  height: 160px;
  border: 0px;
  padding: 5px;
  margin-top: 5px;
}

#contact_left {
  background-image: url(/images/contact-left.png);
  width: 18px;
  height: 436px;
  float: left;
}

#contact_middle {
  background-image: url(/images/contact-middle.png);
  float: left;
  padding-left: 20px;
  height: 436px;
  width: 550px;
}

#contact_form {
  float: left;
  width: 300px;
  font-weight: bold;
  padding-top: 10px;
}

#contact_form h1 {
  padding-bottom: 0px;
}

#contact_form div {
  padding-bottom: 10px;
}

#contact_middle_address {
  width: 250px;
  padding-top: 80px;
  float: left;
  font-size: 0.9em;
}

#contact_right {
  background-image: url(/images/contact-right.png);
  width: 18px;
  height: 436px;
  float: left;
}

.contact_row {
  height: 20px;
}

.contact_label, .contact_field {
  float: left;
  width: 75px;
}

.contact_label {
  font-weight: bold;
}

#seo_content {
  height: 730px;
}

#seo_content h1 {
  color: #003366;
  font-size: 1.8em;
  width: 710px;
  float: right;
  padding: 0px;
  margin: 0px;
  margin-top: 10px;
  font-family: Myriad Pro, Verdana, Geneva, Helvetica, Arial, Sans-Serif;
}

#seo_left {
  float: left;
  width: 330px;
  padding-left: 20px;
  padding-top: 10px;
  /padding-top: 20px;
}

#seo_right {
  float: right;
  padding: 10px;
  margin-right: 10px;
  font-size: 0.8em;
  line-height: 1.2em;
  margin-top: 20px;
}

#seo_right p {
  padding: 10px;
  /padding-top: 0px;
}

#seo_graph_left, #seo_graph_middle, #seo_graph_right {
  float: left;
}

#seo_graph_left {
  width: 15px;
  height: 478px;
}

#seo_graph_right {
  width: 9px;
  height: 478px;
}

#seo_graph_left {
  background-image: url(/images/seo-graph-left.png);
}

#seo_graph_right {
  background-image: url(/images/seo-graph-right.png);
}

#seo_graph_middle {
  background-image: url(/images/seo-graph-middle.png);
  width: 320px;
  height: 478px;
  padding-top: 10px;
}

#development {
  height: 850px;
  margin: 0px;
  padding: 0px;
}

#development_content {
  margin: 0px;
  padding: 10px;
  float: right;
  width: 700px;
}

#online_marketing, #corporate, #web_design {
  height: 375px;
  margin: 0px;
  padding: 0px;
}

#ppc {
  height: 420px;
  margin: 0px;
  padding: 0px;
}

#marketing_content, #prototyping_content, #ecommerce_content {
  width: 700px;
  float: right;
  padding: 10px;
}

#marketing_content ul {
  background-image: url(/images/marketing-small-box.png);
  width: 134px;
  height: 121px;
  float: right;
  margin: 20px;
  padding: 5px;
  padding: 20px;
  list-style: none;
}

#marketing_content ul>li {
  color: white;
  padding-bottom: 5px;
}

#marketing_content ul>li a {
  color: white;
}

#development h1, #online_marketing h1, #prototyping_container h1, #ecommerce_websites h1, #ppc h1, #corporate h1, #web_design h1, #conversions h1, #about_content h1, #team h1, #traffic h1, #link_building h1, #viral_marketing h1, #email_marketing h1, #hawaii h1 {
  color: #003366;
  font-size: 1.8em;
  padding: 0px;
  margin: 0px;
}

#development h2, #ppc h2 {
  color: #99cc33;
  font-size: 1.4em;
}

#technologies {
  color: #6699cc;
  font-weight: bold;
}

#prototyping_container, #ecommerce_websites, #conversions, #thanks {
  height: 400px;
}

.error {
  color: red;
}

.error_message {
  color: white;
}

#portfolio_content {
  height: 805px;
  width: 920px;
  float: left;
}

#portfolio_left {
  margin-left: 10px;
  float: left;
  height: 805px;
  width: 22px;
  background-image: url(/images/portfolio-left.png);
}

#portfolio_middle {
  float: left;
  width: 645px;
  /width: 640px;
  height: 805px;
  /height: 795px;
  background-image: url(/images/portfolio-background.png);
  /padding-top: 10px;
}

#portfolio_right {
  float: left;
  height: 805px;
  width: 22px;
  background-image: url(/images/portfolio-right.png);
}

#portfolio_middle span {
  float: left;
  padding: 10px;
  padding-top: 15px;
  padding-bottom: 20px;
  padding-left: 20px;
}

#about_content {
}

#about_insides {
  width: 562px;
  padding-left: 260px;
 /padding-left: 100px;
}

#team_content {
  float: left;
  width: 600px;
  padding-left: 40px;
}

#team {
  height: 1650px;
}

#conversions, #corporate {
  height: 400px;
}

#conversions_content, #web_design_content, #corporate_content {
  float: left;
  width: 600px;
  padding: 20px;
}

#traffic, #link_building, #viral_marketing, #email_marketing {
  height: 600px;
}

#corporate_id_port {
  height: 780px;
}

#corp_id_left {
  width: 21px;
  height: 685px;
  float: left;
  background-image: url(/images/corporate-id-left.png);
}

#corp_id_middle {
  width: 600px;
  height: 685px;
  float: left;
  background-image: url(/images/corporate-id-middle.png);
}

#corp_id_right {
  width: 21px;
  height: 685px;
  float: left;
  background-image: url(/images/corporate-id-right.png);
}

#corporate_id_port_content {
  float: left;
  width: 650px;
  padding: 20px;
  padding-left: 50px;
}

#corp_id_middle div {
  width: 285px;
  padding-bottom: 30px;
 /padding-botton: 0px;
  float: left;
}

#hawaii {
  height: 600px;
}

#thanks {
  padding-left: 250px;
  /padding-left: 20px;
  /padding-right: 40px;
}

#hawaii_content {
  width: 600px;
  float: left;
  padding: 20px;
  
}

#us{
    margin: 0px;
    padding: 0px;
    height: 1300px;    
}
#us_content{
    margin: 0px;
    padding: 10px;
    float: right;
    width: 700px;
}
#us .subHeading{
    font-size: 18px;
    margin-top: 20px;
    color: #CC0000;
}
#us p{
    margin: 5px 0px 0px 0px;
}
#us .listIcon{
    float: left;
    width: 100px;
}
#us .listText{
    float: left;
    width: 562px;
}

#us .listBox{
    border-bottom-color: #c6c6c6;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
    margin-top: 20px;
    padding-bottom: 10px;
}

#us .listTitle{
    color: #000066;
    font-size: 16px;    
}

#green{
    margin: 0px;
    padding: 0px;
    height: 1700px;    
}
#green_content{
    margin: 0px;
    padding: 10px;
    float: right;
    width: 700px;
}

.subHeading{
    font-size: 18px;
    margin-top: 20px;
    color: #6E861D;
}
#green p{
    margin: 5px 0px 0px 0px;
}
.listIcon{
    float: left;
    width: 100px;
}
.listText{
    float: left;
    width: 562px;
}

.listBox{
    border-bottom-color: #FF8107;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    float: left;
    margin-top: 20px;
    padding-bottom: 10px;
}

.listTitle{
    color: #FF8107;
    font-size: 16px;    
}

#green .footerText{
    border-top-color: #FF8107;
    border-top-width: 1px;
    border-top-style: solid;    
    font-weight: bold;
    margin-top: 10px;
    padding-top: 10px;
}

.clear{
    clear: both;
    float: none;
}

.h1 {
	font-weight: bold;
  	font-size: 1em;
}

.website {
	height: 240px;
	margin-bottom: 30px;
	border-bottom: 1px solid #333;
}

.website_image {
	width: 600px;
	height: 200px;
	background: #fff;
	float: left;
	border: 5px solid #fff;
	margin-right: 20px;
}


#portfolio_content a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
}

#portfolio_content a:hover {
	text-decoration: underline;
}