/* -------------------------

CSS Document for PSDtoDNN Website 
Author: Rick Beddie
Email: rick@psdtodnn.com

1.General

------------------------- */

/* -- 1. General -- */

body{
background-color:#CC0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
height:100%;
margin:0;
padding:0;
text-align:center; /* - used to center content in IE - */
width:100%;
}

p{
margin-top:0;
}

h1, h2, h3, h4, h5, h6{
color:#CC0000;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

h1{
font-size:30px;
margin-top:0;
}

h2{
font-size:26px;
}

h3{
font-size:22px;
}

.width{
margin:0 auto;
text-align:left;
width:900px;
}

.red{
color:#CC0000;
}

.clear{
clear:both;
}

a{
color:#CC0000;
outline:none;
text-decoration:underline;
}

a:hover{
text-decoration:none;
}

img.left{
float:left;
margin-right:20px;
}

p.small{
font-size:11px;
}

/* -- 2. Header -- */

#header{
background:url(../site-images/top-tile.png) scroll repeat-x top;
}

body#home #headbground{
background:url(../site-images/header.png) scroll no-repeat top;
height:160px;
}

body#inside #headbground{
background:url(../site-images/inside-header.png) scroll no-repeat top;
height:160px;
}

#logo h1{
background:url(../site-images/psd-to-dnn.png) scroll no-repeat top left;
height:65px;
margin:45px 0 0 30px;
position:absolute;
text-indent:-9999px;
width:240px;
}

#logo a{
background:url(../site-images/psd-to-dnn.png) scroll no-repeat top left;
height:65px;
margin:45px 0 0 30px;
position:absolute;
text-indent:-9999px;
width:240px;
z-index:1000;
}

#nav{
margin:52px 0 0 0;
position:absolute;
text-align:right;
width:875px;
}

#nav ul{
float:right;
margin:0;
padding:0;
}

#nav li{
background:#d6d6d6 url(../site-images/nav-left.png) scroll no-repeat bottom left;
float:left;
list-style:none;
margin-right:5px;
}

#nav li:hover{
background:#333333 url(../site-images/nav-left.png) scroll no-repeat left;
}

#nav li.active{
background:#cc0000 url(../site-images/nav-left.png) scroll no-repeat top left;
}

#nav li.active a{
background:url(../site-images/nav-right.png) scroll no-repeat top right;
color:#FFF;
}

#nav a{
background:url(../site-images/nav-right.png) scroll no-repeat bottom right;
color:#000;
display:block;
float:left;
font-size:14px;
height:23px;
line-height:23px;
padding:0 10px;
text-decoration:none;
}

#nav a:hover{
background:url(../site-images/nav-right.png) scroll no-repeat right;
color:#FFFFFF;
}

#strapline{
margin:84px 0 0 0;
position:absolute;
text-align:right;
width:870px;
}

#strapline h3{
color:#333333;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:normal;
margin:0;
}

/* -- 3. Home Banner -- */

body#home #banner{
background:#343434 url(../site-images/banner-tile.gif) scroll repeat-x top;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body#home #bannerinside{
background:url(../site-images/home-banner.jpg) scroll no-repeat top;
height:278px;
}

body#home #quote{
background:url(../site-images/home-quote-top.gif) scroll no-repeat top left;
margin-left:580px;
margin-top:20px;
line-height:1.4em;
position:absolute;
width:300px;
}

body#home #quote p{
background:url(../site-images/home-quote-bottom.gif) scroll no-repeat bottom right;
color:#FFF;
font-size:20px;
font-style:italic;
margin:15px 0 0 30px;
padding-bottom:15px;
padding-right:15px;
}

body#home #quote p .title{
font-size:14px;
}

body#home #button{
height:26px;
left:50%;
margin-left:211px;
margin-top:-38px;
position:absolute;
width:177px;
}

body#home #button a{
background:#cc0000 url(../site-images/home-button.gif) scroll repeat-x top;
color:#FFF;
display:block;
font-size:16px;
font-weight:bold;
height:26px;
line-height:26px;
text-decoration:none;
width:177px;
}

body#home #button a:hover{
background-position:bottom;
}

/* -- 4. Inside Banner -- */

body#inside #banner{
background:#343434 url(../site-images/inside-banner-tile.gif) scroll repeat-x top;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body#inside #bannerinside{
background:url(../site-images/inside-banner.jpg) scroll no-repeat top;
height:148px;
}

body#inside #quote{
margin-top:25px;
position:absolute;
width:900px
}

body#inside #quote p{
color:#FFF;
font-size:48px;
line-height:1em;
margin:0 0 0 27px;
}

body#inside #quote p .small{
font-size:24px;
}

/* -- 5. Home Content -- */

#content{
background:#FFF url(../site-images/contenttile.png) scroll repeat-x bottom;
}

body#home #contentbground{
background:url(../site-images/home-content.jpg) scroll no-repeat top;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

body#home #panelone, body#home #paneltwo, body#home #panelthree{
background:url(../site-images/home-box.png) scroll no-repeat top left;
float:left;
height:242px;
margin:0 0 25px 0;
width:300px;
}

body#home #panelone p, body#home #paneltwo p, body#home #panelthree p{
color:#FFF;
display:block;
font-size:19px;
line-height:1.3em;
margin:20px 30px;
position:absolute;
width:240px;
}

#panelone a, #paneltwo a, #panelthree a{
color:#FFF;
text-decoration:none;
}

body#home #content a.more{
background:url(../site-images/button.png) scroll no-repeat bottom;
color:#FFF;
display:block;
font-size:14px;
font-weight:bold;
height:30px;
line-height:26px;
margin:186px 0 0 198px;
position:absolute;
text-align:center;
text-decoration:none;
width:85px;
}

body#home #content a.more:hover{
background-position:top;
}

/* -- 6. Inside Content -- */

body#inside #content{
background:#FFF url(../site-images/contenttile.png) scroll repeat-x bottom;
padding:20px 0;
}

#content p{
font-size:12px;
line-height:1.2em;
}

#content ul, #content ol{
font-size:12px;
margin-left:0px;
padding-left:40px;
}

#content ul li{
color:#CC0000;
list-style:square;
}

#content ol li{
margin-bottom:0.8em;
}

#leftcontent{
border-right:4px solid #CC0000;
float:left;
padding:0 30px;
width:536px;
}

#leftcontent p.small{
font-size:11px;
}

#rightcontent{
float:right;
padding:0 30px;
width:240px;
}

#rightcontent .quote{
background:url(../site-images/inside-quote-top.png) scroll no-repeat top left;
padding:10px 0 0 10px;
}

#rightcontent .quote p{
background:url(../site-images/inside-quote-bottom.png) scroll no-repeat bottom right;
color:#333333;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-style:italic;
padding:0 10px 10px 0;
}

#rightcontent .quote p .title{
color:#CC0000;
font-size:12px;
}

#rightcontent a.marginbutton{
margin-bottom:15px;
display:block;
}

ul.double li{
float:left;
width:50%;
}

/* -- 7. Footer -- */

#footer{
background:#cc0000 url(../site-images/orange-shadow.gif) scroll no-repeat top;
color:#FFF;
font-size:11px;
padding-top:35px;
padding-bottom:20px;
}

#footer a{
color:#FFF;
}

#links{
position:absolute;
}

#othersites{
float:right;
margin-top:-6px;
margin-right:30px;
}

#othersites ul{
margin:0;
}

#othersites li{
float:left;
list-style:none;
margin-right:5px;
}

#othersites a{
display:block;
float:left;
height:24px;
width:24px;
text-indent:-9999px;
}

#othersites a:hover{
background-position:bottom;
}

li.linkedin a{
background:url(../site-images/icon-linkedin.png) scroll no-repeat top;
}

li.twitter a{
background:url(../site-images/icon-twitter.png) scroll no-repeat top;
}

li.youtube a{
background:url(../site-images/icon-youtube.png) scroll no-repeat top;
}

li.delicious a{
background:url(../site-images/icon-delicious.png) scroll no-repeat top;
}

li.facebook a{
background:url(../site-images/icon-facebook.png) scroll no-repeat top;
}

li.digg a{
background:url(../site-images/icon-digg.png) scroll no-repeat top;
}

#footerlinks{
float:left;
padding-left:30px;
}

#footerlinks p{
margin-bottom:1.6em;
}

/* -- Testimonial Layout -- */

.testimonial{
font-style:italic;
font-family:"Gill Sans MT", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
padding:10px;
border-left:5px solid #CCCCCC;
margin-bottom:1em;
}

.testimonial p{
margin:0;
}

.testimonial a{
text-decoration:none;
}

p.contact{
padding:10px;
border-top:2px solid #CC0000;
border-bottom:2px solid #CC0000;
background-color:#fae5e5;
margin-top:2em;
}

p.dotnetnuke{
color:#660000;
}

#workedwith{
font-size:10px;
text-transform:uppercase;
color:#666666;
padding-left:360px;
}

#workedwith .text{
display:block;
float:left;
line-height:60px;
}

#content #workedwith ul{
margin:0;
padding:0;
}

#content #workedwith li{
margin:0 10px;
padding:14px 0 0 0;
list-style:none;
float:left;
}

#content #workedwith li.last{
margin-right:0;
}

#workedwith a{
display:block;
float:left;
height:33px;
background-attachment:scroll;
background-position:bottom;
background-repeat:no-repeat;
text-indent:-9999px;
overflow:hidden;
}

#workedwith a:hover{
background-position:top;
}

#workedwith a.one{
width:88px;
background-image:url(../site-images/client-a1.gif);
}

#workedwith a.two{
width:47px;
background-image:url(../site-images/client-hrg.gif);
}

#workedwith a.three{
width:86px;
background-image:url(../site-images/client-gramafilm.gif);
}

#workedwith a.four{
width:34px;
background-image:url(../site-images/client-dale.gif);
}

#workedwith a.five{
width:74px;
background-image:url(../site-images/client-tas.gif);
}