@import url('http://www.piersdillonscott.com/css/reset-min.css');
@import url('http://www.piersdillonscott.com/css/thickbox.css');

/*Usual Suspects*/


body{text-align:center; font-family:"Trebuchet MS", "Times New Roman", Times, serif; margin:0 auto; padding:0; width:100%; font-size:62.5%; height:101%;background: url('../img/template/header.jpg') repeat-x #e4e4e4;}
.clear{clear:both;}
.left{clear:left}
.right{clear:right}
.block{display:block;}
.text_right{text-align:right;}
.inline{display:inline;}
.statcounter{display:none;}
.m25 {margin-bottom:25px; }
.mr10{margin-right:10px; }

img, div { behavior: url(iepngfix.htc) }
/*Usual Suspects*/




/*header*/
#wrapper{width:1000px; margin:0px auto; text-align:left;}
#wrapper #header #icon{background:url('../img/template/icon.png') no-repeat ; height:93px; margin:0px 10px;}
#wrapper #header h1 a{ color:#ffffff; font-size:2.8em; margin:15px 0px 0px 100px; width:460px; float:left; text-decoration:none;}
#wrapper #header h1 span{color:#122020}
#wrapper #header h1 em{font-size:0.6em; position:relative; bottom:5px; left:15px;}
#wrapper #header #icon p.external-links{float:right; margin:15px 0px 0px 0px; font-size:1.6em; color:#ffffff}
#wrapper #header #icon p.external-links a{color:#ffffff;}
#wrapper #header #icon p.external-links a:hover{text-decoration:none;}
#wrapper #hello{margin-left:10px;}
#wrapper #hello p{color:#ffffff; font-size:2.8em; font-style:italic; float:left; width:571px; margin:25px 0px 0px 0px;}
#wrapper #hello img{float:right; margin:0px 15px 0px 0px; position:relative; top:-35px;}
#wrapper #hello ul{float:left; width:530px;}
#wrapper #hello ul li{float:left;}
#wrapper #hello ul li a{background:url('../img/template/header-links.jpg') repeat-x; color:#ffffff; display:block; height:52px; width:213px; float:left; margin:25px 10px 0px 0px; font-size:1.8em; padding:10px 5px 5px 10px; border:1px solid #ffffff; text-decoration:none;}
#wrapper #hello ul li a span{display:block; font-size:0.8em; text-decoration:underline;}
#wrapper #hello ul li a:hover span{text-decoration:none;}
/*header*/

/*Nav*/
#wrapper #navigation{float:left; width:90%; position:relative; top:-48px;}
#wrapper #navigation ul li a{display:block; background:url('../img/nav/red-link.gif') no-repeat top left; padding:10px 15px 10px 25px; text-align:center; color:#ffffff; font-size:1.4em; color:#400505; text-decoration:none;}
#wrapper #navigation ul li.on a{font-weight:bold; color:#E4E4E4; background:url('../img/nav/red-link-on.gif') no-repeat top left;}
#wrapper #navigation ul li.on{background: url('../img/nav/red-link-right-on.gif') no-repeat top right;}

#wrapper #navigation ul li a:hover{text-decoration:underline;}
#wrapper #navigation ul li{float:left; background: url('../img/nav/red-link-right.gif') no-repeat top right; padding:0px 8px 0px 5px; text-align:center;}



/*Colours*/

/*Features*/
#wrapper .article .feature{margin-top:10px;}
#wrapper .article .feature h2{font-size:2.6em; margin:10px 0px;}
#wrapper .article .feature h2.featured-work{margin-left:2%;}
#wrapper .article .feature .feature-left{float:left; width:45%; margin-left:2%}
#wrapper .article .feature .feature-left img.frame{border:5px solid white;}
#wrapper .article .feature .feature-left.recent-work img{float:left; border:5px solid white; margin:5px;}
#wrapper .article .array{margin-left:2%; margin-top:25px;}
#wrapper .article .feature .feature-left.blog img{display:none;}
#wrapper .article .feature-left.blog img{display:none;}
/*Features*/

/*text*/
#wrapper .article p img{float:left;}
#wrapper .article p{font-size:1.4em; margin-top:10px;}
#wrapper .article p a{color:#8F0101;}
#wrapper .article p a:hover{color:#122020;}
#wrapper .article h2{font-size:2.4em; color:#8F0101; margin:25px 0px 25px 0px;}
#wrapper .article .feature .feature-left.blog h3{color:#8F0101; font-size:1.8em;}

/*text*/

/*footer*/
#footer {text-align:left; color:#ffffff; padding-bottom:15px; background:url('../img/template/footer.jpg') repeat-x bottom left #BA0100}
#footer #contact{width:100%; border-top:1px solid #9d9d9d; background:#E4E4E4; margin-top:25px;}
#footer #contact ul{width:1000px; margin:0px auto; font-size:1.4em; color:#400505;}
#footer #contact ul li.drop{padding:24px 15px;}
#footer #contact ul li{float:left; border-right:1px solid #9d9d9d; }
#footer #contact ul li a{color:#400505; text-decoration:none; display:block; padding:15px 15px; }
#footer #contact ul li a span{display:block; text-decoration:underline;}
#footer #contact ul li a:hover span{text-decoration:none;}

#footer #footer-wrap {margin:0px auto; width:1000px; }
#footer .footer-feature{float:left; width:300px; margin:25px 30px 0px 0px;}
#footer #footer-wrap .footer-feature h3{font-size:2.4em;}
#footer #footer-wrap .footer-feature p{font-size:1.6em;}
#footer #footer-wrap .footer-feature #twitter_div ul#twitter_update_list li{font-size:1.6em; margin-top:15px; text-align:justify}
#footer #footer-wrap .footer-feature a{color:#E4E4E4;}
#footer #footer-wrap .footer-feature #twitter_div ul#twitter_update_list li a{display:block}
#footer #footer-wrap .footer-feature #twitter_div ul#twitter_update_list li span a{display:inline}
#footer #footer-wrap .footer-feature #twitter_div a#twitter-link{font-size:1.4em;}
/*footer*/

/*Misc*/
#wrapper .map{width:600px; height:400px; min-height:300px; margin:0px auto 10px auto;} 

/*Misc*/

/*addthis*/
.addthis_toolbox .two_column{width: 216px; padding: 10px 0 10px 0px; font-size:1.4em;}
.addthis_toolbox .two_column a{padding: 4px 0 4px 34px; position: relative; width: 66px; display: block; text-decoration: none; color: blue; }
.addthis_toolbox .two_column a:hover{-moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: underline; }
.addthis_toolbox .two_column span{position: absolute; left: 14px; top: 4px; }
.addthis_toolbox .two_column  .top{padding: 0 0 10px 0; border-bottom: solid 1px #eee; margin-bottom: 10px; margin: 0 20px 10px 20px; }
.addthis_toolbox .two_column  .more{border-top: solid 1px #eee; padding: 10px 0 0 0; margin: 10px 20px 0 20px; text-align: center; }
.addthis_toolbox .two_column  .more a{padding: 4px 0; width: auto; }
.addthis_toolbox .two_column .more span{display: none; }
.addthis_toolbox .two_column .column1{width: 100px; float: left; }
.addthis_toolbox .two_column .column2{width: 100px; float: left; }
.addthis_toolbox .two_column .clear{clear: both; padding: 0; display: block; height: 0; width: 0;}
/*addthis*/

/*playground*/
#wrapper .article .map{margin-top:25px;}
/*playground*/

/*Contact*/
#wrapper .article .feature .feature-left.message p{color:#000000; }
#wrapper .article .feature .feature-left.message p span{font-size:1.4em;}
#wrapper .article .feature .feature-left.email p{margin-top:10px;}
#wrapper .article .feature .feature-left.email form span input{padding:10px 5px; width:75%; border:1px solid e4e4e4;}
#wrapper .article .feature .feature-left.email form span input a:active{border:1px solid #BA0100}
#wrapper .article .feature .feature-left.email form input.submit{display:block; margin-top:25px;}
#wrapper .article .feature .feature-left.email form span textarea{padding:10px 5px; width:100%; border:1px solid e4e4e4;}
#wrapper .article .feature .feature-left ol{padding:10px 0px;}
#wrapper .article .feature .feature-left ol li{font-size:1.4em;}
/*Contact*/

#panorama{width:640px; height:480px;}

/*index*/
#wrapper .article .feature .feature-left p.title{font-size:1.8em; color:#8F0101; }
#wrapper .article .feature .feature-left ul{color:#969696; font-size:1.4em; margin-top:5px; width:100%; text-align:left}
#wrapper .article .feature .feature-left ul li{float:left; display:inline; width:50%; }
#wrapper .article .feature .feature-left ul li.info-stamp{text-align:right}

#wrapper .article .feature .feature-left.email input.submit{padding:5px 10px;}