/*
Theme Name: Digirank 2010
Theme URI: http://www.chrisholbrook.com/
Description: A bespoke theme created for Digirank.
Version: 1.0
Author: Chris Holbrook
Author URI: http://www.chrisholbrook.com/
Tags: 
 
	Digirank v2.0

	This theme was designed and built by Chris Holbrook

*/

*{margin:0;padding:0;text-decoration:none;font-weight:normal}
li{list-style-type:none;}

/* General */
body{background:url(images/body_bg.jpg) left -1px repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:62.5%}
#container{position:relative;background: url(images/footer_bg.jpg) left bottom repeat-x;}
#header{width:960px;margin:0 auto;position:relative;height:218px}
#main{width:640px;padding-right:320px;margin:0 auto;position:relative}
#footer{width:960px;margin:0 auto;height:100px;position:relative}
#footer ul{width:393px;margin:0 auto;padding-top:40px}
#footer ul li{float:left;margin-right:50px;}
#footer ul li a{color:#999;font-size:1.4em;font-weight:bold}
#footer ul li a:hover{text-decoration:underline}

#nav li{float:left;}
#nav li a{display:block;min-width:40px;max-width:75px;height:53px;margin-right:40px;color:#999;text-transform:capitalize;padding-top:5px;float:left}
#nav li a:hover, #nav li a:hover span{color:#7dff00}
#nav li.current a, #nav li.current a span{color:#7dff00}
#nav li a span{text-transform:uppercase;display:block;color:#fff;font-size:1.2em;}
#secondary_nav{right:10px;padding:10px 10px 0 10px;top:-10px;position:absolute;background-color:#708060;-moz-border-radius:10px;}
#secondary_nav li{float:left;font-size:1.2em;padding:12px;}
#secondary_nav li a{display:block;color:#dfffbf}
#secondary_nav li a:hover{text-decoration:underline}
#contact_details{position:absolute;color:#fff;background-color:#404040;-moz-border-radius:10px;top:46px;left:400px;font-size:1.6em;padding:10px}
#contact_details a{font-size:0.8em;color:#fff;display:block;}
#contact_details a:hover{text-decoration:underline}
h1{clear:left;margin-top:5px}
h1 a{display:block;width:362px;height:129px;background:url(images/logo.jpg) left top no-repeat;text-indent:-9999px;}
h2{font-size:2.2em;color:#fff;margin:2px 0 6px 0;height:27px}
h3{font-size:1.4em;color:#708060;background:url(images/h3_bg.jpg) left bottom no-repeat;width:621px;padding:10px;font-family:Franklin Gothic Medium, Arial, Helvetica, sans-serif}
h4{font-size:1.4em;font-family:Franklin Gothic Medium, Arial, Helvetica, sans-serif;margin-top:16px}

#header p{position:absolute; left:120px;top:182px;font-size:1.9em;color:#708060;font-family:Franklin Gothic Medium, Arial, Helvetica, sans-serif}

#content{-moz-column-count:2;-moz-column-width:300px;-moz-column-gap:20px;-webkit-column-count:2;-webkit-column-width:300px;-webkit-column-gap:20px;column-count:2;column-width:300px;column-gap:20px;width:640px;padding-top:12px}
#content.onecol{-moz-column-count:1;-webkit-column-count:1;column-count:1;}

#main p, #main ul{margin: 0 0 10px 0;font-size:1.2em;color:#555;line-height:1.5em;}
#main #content ul li{list-style-type:disc;padding:4px 10px 4px 0px;}
#main #content ul.arrows li{list-style-type:none;padding:4px 0 4px 40px;background:url(images/arrow.gif) left center no-repeat}
#main em{color:#000;font-style:normal;}
#content a, .summary a{color:#5ebf00}
#next{font-size:1.2em;}
#main p.summary{font-size:1.4em;color:#708060;font-family:Franklin Gothic Medium, Arial, Helvetica, sans-serif}

#sidebox{position:absolute;left:650px;top:-148px;background:#708060 url(images/sidebox_bg.jpg) left bottom repeat-x;width:300px;min-height:860px;-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.3);padding-bottom:12px;z-index:10}
#sidebox #strapline{color:#fff;text-align:center;font-family:Franklin Gothic Medium, Arial, Helvetica, sans-serif;font-size:2.7em;line-height:1.3em;padding:6px 16px 20px;background:url(images/separator.gif) left bottom repeat-x;}
#sidebox #benefits li {
background:url("images/arrow_sidebox.gif") no-repeat scroll left center transparent;
color:#FFFFFF;
font-size:1.3em;
margin-left:14px;
padding-left:24px;
margin:12px;
}
#sidebox #start {font-weight:bold;margin-left:17px;width:248px;height:39px;background:url(images/start.gif) left top;display:block;font-size:2em;color:#000;padding:12px 0 0 16px}
#sidebox #testimonials{position:relative;font-size:1.8em;color:#dfffbf;text-align:center;padding:0 16px 15px 16px;line-height:1.3em;background:url(images/separator.gif) left top repeat-x;margin-top:16px;padding:16px 16px 0 16px}
#twitter h4{background:url(images/separator.gif) left top repeat-x;padding:12px 0 0 100px;font-size:1.8em;color:#DFFFBF}
#sidebox #twitter{background:url(images/tweet.gif) 12px center no-repeat;padding-bottom:12px}
#twitter p{color:#BEFF80;font-size:1.2em;padding:0 5px 0 100px;margin:5px 0}
#main #content li{padding:10px 0 10px 40px}
#main #content form li{padding:5px 0 5px 0px}

#twitter a{color:#fff;}
#twitter a.to_twitter{color:#869973;display:block;padding-left:100px}
#sidebox #services{background:url(images/separator.gif) left top repeat-x;padding:20px 12px }
#sidebox #services li{float:left;background-image:none;color:#fff;padding:0 6px;margin-bottom:5px;
width:125px;height:40px}
blockquote span{color:#beff80;text-align:right;font-size:0.6em;display:block}
#sidebox .client_logo{margin-top:12px}

#designer, #copyright{position:absolute;display:block;font-size:1.2em;color:#666}
#designer{right:20px;z-index:1}
#copyright{left:20px}
img{border:none;}
#clients a{float:left;padding:12px}

label,input,textarea{display:block;font-size:1.2em}
input{width:320px;height:25px;}
.cf_hidden{display:none;}
#sendbutton{width:75px;margin-top:10px}
.reqtxt, .emailreqtxt{display:block;color:#aaa;font-size:1.2em}
textarea{width:320px}
label{margin-top:10px;}

.ddsg-wrapper h2{display:none}
.failure {color:#f00;background-color:#Fee;border:solid 1px #f00;font-size:1.2em;padding:12px;margin:12px 0}
.success {color:#0b0;background-color:#efe;border:solid 1px #0b0;font-size:1.2em;padding:12px;margin:12px 0}

.skip{
display:block;
height:0;
text-indent:-9999px;
}