/* Structure */

body {
background:url(../images/clouds-bg.jpg) top center repeat-x #fff;
}

#header {
background:url(../images/header-bg.gif) top center repeat-x;
}

#head-inner {
height:281px;
margin:0 auto;
width:960px;
}

#bd {
background:url(../images/content-bg.gif) top center repeat-x #5584c4;
padding:20px 0 0;
}

#body-wrap {
margin:0 auto;
overflow:hidden;
width:960px;
}

.col-first {
float:left;
margin-right:10px;
margin-left:10px;
width:300px;
display:inline;
position:relative;
}

.col-last {
float:left;
margin-right:10px;
margin-left:10px;
width:620px;
display:inline;
position:relative;
}

#about .col-first {
width:460px;
margin-left:10px;
margin-right:10px;
border-right:1px solid #fff;
}

#about .col-last {
padding:0 0 0 0px;
margin-left:16px;
margin-right:0px;
width:460px;
}

#portfolio .col-first {
width:100%;
margin-left:0px;
}

#services .col-first {
border-right:1px solid #fff;
margin-right:20px;
padding-right:15px;
width:46%;
}

#services .col-last {
width:44%;
}

#contact .col-first {
border-right:1px solid #fff;
margin-left:10px;
margin-right:10px;
width:300px;
padding-right:5px;
}

#contact .col-last{
margin-left:10px;
margin-right:10px;
width:600px;
}

#footer-wrap {
color:#fff;
font-size:11px;
margin:0 auto;
text-align:center;
width:960px;
}

/* Globals */

.clear {
clear:both;
}

.text {

}

.margin {
margin-bottom:15px;
}

.float-left {
background-color:#FFF;
border:1px solid #ccc;
float:left;
line-height:1.4em;
margin:.8em;
padding:3px;
text-align:center;
}

.float-right {
background-color:#FFF;
border:1px solid #ccc;
float:right;
line-height:1.4em;
margin:.8em;
padding:3px;
text-align:center;
}

#about-icons li,#contact-icons li {
display:block;
margin:0;
padding:2px 15px 2px 60px;
}

.indent {
text-indent:25px;
}

/* Fonts */

h1 {
color:#fff;
font-family:Georgia,"Times New Roman", Times, serifimes, serif, Tahoma;
font-size:20px;
margin:10px auto;
}

h2 {
background:url(../images/titles-sprite.png);
color:#fff;
font-family:Georgia,"Times New Roman", Times, serifimes, serif, Tahoma;
font-size:23px;
height:33px;
margin:0 auto 25px;
text-indent:-9000em;
}

h3 {
color:#333;
font-family:Georgia,"Times New Roman", Times, serifimes, serif, Tahoma;
font-size:17px;
font-weight:normal;
margin-bottom:10px;
text-shadow:0px 1px 1px #aaa;
}

#home h1 {
background:url(../images/index_title.png) no-repeat;
height:57px;
margin:10px auto;
text-indent:-9000em;
width:685px;
}

#home p {
font-size:16px;
text-align:left;
line-height:1.50em;
text-shadow:0px 1px 0px #666;
}

#about h1 {
background:url(../images/about-header.png);
height:57px;
text-indent:-9000em;
width:852px;
}

#portfolio h1 {
background:url(../images/portfolio-header.png);
height:57px;
text-indent:-9999em;
width:507px;
}

#services h1 {
background:url(../images/services-header.png);
height:57px;
text-indent:-9999em;
width:945px;
}

#contact h1 {
background:url(../images/contact-header.png);
height:59px;
margin:10px auto;
text-indent:-9000em;
width:695px;
}

#about h2 {
background-position:0 0;
width:236px;
}

#about h2.team {
background-position:0 -38px;
width:162px;
}

#services h2 {
background-position:0 -80px;
width:199px;
}

#services h2.services {
background-position:0 -120px;
width:207px;
}

#contact h2 {
background-position:0 -165px;
width:251px;
}

#contact h2 a {
color:#fff;
}

p {
color:#fff;
font-family:Trebuchet MS, Tahoma, Arial;
font-size:14px;
font-weight:400;
line-height:1.6em;
margin-bottom:15px;
margin-top:5px;
text-align:left;
text-shadow:0px 1px 0px #666;

}

#portfolio p {
color:#fff;
text-shadow:0px 1px 1px #666;
}

span.client-name {
font-size:13px;
font-style:normal;
padding-left:20px;
font-weight:bold;
}

a {
border:none;
color:#fff;
font-weight:400;
outline:none;
text-decoration:underline;
text-shadow:0px 1px 0px #666;

}

a:hover {
color:#2B3C52;
text-shadow:0px 0px 0px #333;
}

blockquote {
background:url(../images/quotes1.png);
background-position:0 2px;
background-repeat:no-repeat;
margin:15px auto;
text-indent:35px;
}

blockquote p {
background:url(../images/quotes2.png);
background-position:bottom right;
background-repeat:no-repeat;
color:#EFEFEF;
display:inline;
font-family:"Times New Roman", Times, serif;
font-size:23px;
font-style:italic;
margin:0;
padding-right:30px;
}

/* Graphics */

#birds {
height:55px;
left:730px;
position:relative;
top:-125px;
width:88px;
}

/* Homepage Slideshow */

.photo_slideshow {
height:197px;
margin:10px 0 0 2px;
overflow:hidden;
padding:0;
width:300px;
}

.photo_slideshow img {
background-color:#fff;
border:1px solid #ccc;
padding:3px;
}

#portfolio-button a {
background:url(../images/portfolio-button.gif) no-repeat;
display:block;
height:29px;
margin:8px auto;
width:287px;
}

#portfolio-button span {
display:none;
}

/* About Icons */

#about-icons li.snowflake {
background:url(../images/beauty-icon.png) 5px 0 no-repeat;
}

#about-icons li.gear {
background:url(../images/gear-icon.png) -3px 0 no-repeat;
}

#about-icons li.tools {
background:url(../images/tools-icon.png) 4px 0 no-repeat;
}

#about-icons li.happyface {
background:url(../images/happyface-icon.png) 0 0 no-repeat;
}

#about-icons li.ribbon {
background:url(../images/ribbon-icon.png) 10px 0 no-repeat;
}

/* Services Page */

ul.process-list li {
background:url(../images/services-bullet.png) 0 10px no-repeat;
color:#fff;
display:block;
font-size:14px;
line-height:1.4em;
margin-bottom:5px;
padding:0 0 10px 20px;
font-family:Trebuchet MS, Tahoma, Arial;
}

ul.process-list li.header {
background:none;
padding:0 0 0px 0px;
}

ul#services-list li {
padding:0 0 20px 60px;
}

ul#services-list li p {
margin-bottom:0;
}

ul#services-list li h3 {
margin-bottom:10px;
}

ul#services-list li#essentials {
background:url(../images/web-essentials-icon.png) 0 0 no-repeat;
}

ul#services-list li#coding {
background:url(../images/web-coding-icon.png) 10px 0 no-repeat;
}

ul#services-list li#design {
background:url(../images/design-icon.png) 10px 0 no-repeat;
}

ul#services-list li#copy {
background:url(../images/web-copy-icon.png) 8px 0 no-repeat;
}

ul#services-list li#web-services {
background:url(../images/lock-icon.png) 15px 0 no-repeat;
}


img.services-titles {
margin:0px 0 10px 0;
}
/* Contact Icons */

#contact-icons li p {
font-size:18px;
font-family:Trebuchet MS, Tahoma, Arial;
}

#contact-icons li.phone {
background:url(../images/phone-icon.png) 5px 5px no-repeat;

}

#contact-icons li.email {
background:url(../images/email-icon.png) 7px 5px no-repeat;

}

/* Footer Styles */

#ft {
background:url(../images/footer-bg.gif) #6a91c4 repeat-x;
color:#fff;
font-family:Trebuchet MS, Tahoma, Arial;
height:auto;
padding:80px 0 18px;
}

#ft li {
font-size:14px;
}

.footer-image {
background:url(../images/main-sprite.png) no-repeat;
margin:0 auto 20px;
text-indent:-3000px;
}

h3.footer-image {
background-position:-10px 0;
height:27px;
width:116px;
}

h3.footer-image.know {
background-position:-10px -30px;
height:27px;
width:176px;
}

h3.footer-image.contact {
background-position:-10px -60px;
height:27px;
width:119px;
}

ul#footer-nav {
float:left;
height:150px;
margin:0 0 0 70px;
}

ul#footer-nav li a {
display:block;
font-weight:400;
margin:0 50px 0 0;
padding:0 40px 14px 50px;
text-align:left;
}

ul#icons {
float:left;
height:150px;
padding:0 60px;
}

ul#icons li {
display:block;
line-height:16px;
padding:0 10px 41px;
text-align:left;
text-decoration:none;
}

ul#icons li a {
background:url(../images/main-sprite.png) no-repeat;
padding:10px 0 10px 40px;
}

ul#icons #linkedin a {
background-position:0 -120px;
}

ul#icons #facebook a {
background-position:0 -85px;
}

ul#icons #twitter a {
background-position:0 -155px;
}

ul#icons #dreamhost a {
background-position:0 -190px;
}

ul#contact-head {
float:left;
margin:0 0 0 80px;
}

ul#contact-head li {
color:#fff;
display:block;
font-weight:400;
line-height:16px;
padding:0 0 33px;
text-align:left;
text-decoration:none;
}

#copyright {
clear:both;
padding-top:20px;
}

span.gray,#contact h2 a:hover {
color:#333;
}

#footer-col1,#footer-col2,#footer-col3 {
border-right:1px solid #fff;
float:left;
width:316px;
}

#footer-col3.last {
border-right:none;
}


#ft ul#validation {
margin:10px 0 20px 430px;
}

#ft ul#validation li {
float:left;
list-style:url(../images/validation-check.png);
padding-right:50px;
}

#ft ul#validation li a {
font-family:Tahoma,Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}