/* CSS Document */

*{
outline:none;
}

body{
background:#f2f2f2 url(images/tnd-tile.gif) scroll repeat-y top;
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#5f5f5f;
}

a{
color:#3e3e3e;
text-decoration:none;
}

p{
margin-top:0;
line-height:1.3em;
margin-bottom:1em;
}

.orange{
color:#ef7700;
}

h1, h2{
margin-top:0px;
margin-bottom:10px;
text-indent:-9999px;
height:37px;
}

strong{
color:#3e3e3e;
}

p.intro{
font-size:20px;
color:#3e3e3e;
font-family:Calibri, Arial, Helvetica, sans-serif;
}

p.testimonial{
padding-left:10px;
border-left:3px solid #3e3e3e;
}

.title{

}

h2.contact{
margin-bottom:4px;
background:url(images/contact-details.gif) scroll no-repeat top right;
height:24px;
}

h1.pitch{
background:url(images/intro.png) scroll no-repeat top left;
}

h2.services{
margin-top:10px;
background:url(images/services.png) scroll no-repeat top left;
}

h2.clients{
margin-top:10px;
background:url(images/clients.png) scroll no-repeat top left;
}

h2.costs{
margin-top:10px;
background:url(images/cost.png) scroll no-repeat top left;
}

h2.next{
margin-top:10px;
background:url(images/what-to-do-next.png) scroll no-repeat top left;
}

h2.testimonial{
background:url(images/customer-testimonial.png) scroll no-repeat top left;
}

h2.showcase{
margin-top:10px;
background:url(images/website-showcase.png) scroll no-repeat top left;
}

h2.twitter{
margin-top:10px;
background:url(images/tnd-on-twitter.png) scroll no-repeat top left;
}

.clear{
clear:both;
height:0px;
}

#tndwrapper{
background:url(images/top-bground.png) scroll no-repeat top;
}

#tndheader{
width:1000px;
margin:0 auto;
padding-top:25px;
}

#tndlogo{
float:left;
width:450px;
margin-left:50px;
}

#tndcontact{
float:right;
width:450px;
padding-top:1px;
font-size:18px;
color:#3e3e3e;
}

#tndcontact h2{
margin-right:50px;
}

#tndcontact p{
text-align:right;
margin-right:50px;
}

#tndstrapline{
text-align:center;
margin:20px 0;
height:22px;
background:url(images/strapline.gif) scroll no-repeat top;
text-indent:-9999px;
}

#tndleft{
float:left;
width:50%;
}

#tndleft .width{
float:right;
width:425px;
padding-left:50px;
padding-right:25px;
}

#tndpitch{
background:url(images/intro-bground.png) scroll no-repeat top right;
}

#tndcost{
background:url(images/cost-bground.png) scroll no-repeat top right;
}

#tndservices{
background:url(images/services-bground.png) scroll no-repeat top right;
}

#tndworkwith{
background:url(images/client-background.png) scroll no-repeat top right;
}

#tndnext{
background:url(images/next-bground.png) scroll no-repeat top right;
}

#tndtestimonial{
background:url(images/testimonial-bground.png) scroll no-repeat top left;
}

#tndtwitter{
background:url(images/twitter.png) scroll no-repeat top left;
}

#tndshowcase{
background:url(images/portfolio-bground.png) scroll no-repeat top left;
}

#tndright{
float:left;
width:49%;
}

#tndright .width{
float:left;
width:425px;
padding-left:25px;
padding-right:50px;
}

#tndfooter{
background:url(images/footer.png) scroll no-repeat top;
padding:40px 0 20px 0;
margin-top:10px;
text-align:center;
}

#tndfooter .width{
width:900px;
margin:0 auto;
}

#screenshot{
position:absolute;
display:none;
}

ul.projects{
margin:0;
padding:0;
}

ul.projects li{
margin:0 0 10px 0;
padding:0;
display:block;
text-align:center;
list-style:none;
}

.tweet ul{
margin:0;
padding:0;
}

.tweet li{
margin:0 0 1.3em 0;
padding:0;
list-style:none;
}