/*
////////////////////////////////////////////////////////////////////////////
//////////////////////////////////// L0ke //////////////////////////////////
////////////////////////////////////////////////////////////////////////////
CSS master file for L0ke.com
Created: 22/03/2007 @ 14:45 (watching Casino Royale/Marks Bday)
Last Updated: 22/03/2007 @ 14:45
Author: Luke Lanchester - hybridlogic.co.uk
*/


* { margin: 0; padding: 0; font-weight: normal; border: 0; text-decoration: none; list-style-type: none;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px; color: #484848; background: #3C3C3C url(images/bg.jpg); }
.hide { display: none; }
a:link, a:visited { color: #8EAD4E; }
a:hover, a:active { color: #FD4940; }
h2 {font-size: 14px;}


#container {width: 873px;padding-right: 20px;padding-left: 23px;background: #FFF url(images/container_bg.jpg) repeat-y top right;float: left;clear: both;}
.block {border-bottom: 1px solid #282828;float: left;width: 850px;clear: both;padding: 23px 0;}


.sidecol {float: left;width: 232px;padding: 0 23px 23px 0;}
.sidecol h2 {font-size: 16px;}
.sidecol ul {margin: 44px 0 0 0;}
.sidecol ul li a {font-size: 10px;display: block;width: 232px;padding: 5px 0;border-bottom: 1px solid #D6D6D6;}
.sidecol ul li a:link, .sidecol ul li a:visited { color: #5B5B5B; }
.sidecol ul li.current a:link, .sidecol ul li.current a:visited { color: #B7B7B7; }
.sidecol ul li.link_portfolio a:hover, .sidecol ul li.link_portfolio a:active { color: #A6C203; }
.sidecol ul li.link_services a:hover, .sidecol ul li.link_services a:active { color: #FF9933; }
.sidecol ul li.link_about a:hover, .sidecol ul li.link_about a:active { color: #008BCE; }
.sidecol ul li.link_contact a:hover, .sidecol ul li.link_contact a:active { color: #FD4940; }



.maincol {float: left;width: 571px;border-left: 1px solid #B7B7B7;padding: 0 0 0 23px;}
.maincol p {line-height: 21px;padding-bottom: 23px;}
.maincol h3 {font-size: 14px;}
.maincol .subtext {font-size: 10px;padding: 8px 23px 23px 23px;line-height: 18px;}
.maincol ul.sublist {font-size: 10px;padding: 8px 23px 18px 23px;}
.maincol ul.sublist li {padding: 5px 0;}
.maincol ul.sublist li em {color: #008BCE;}


#top {height: 181px;}
#top h1 {width: 256px;height: 181px;float: left;background: url(images/top_h1_bg.jpg) no-repeat bottom right;}
#top p {width: 594px;height: 181px;float: left;background: url(images/top_p_bg.jpg) no-repeat bottom right;}


#introduction_block {}


#portfolio_block {}
#portfolio_block .maincol { border-color: #A6C203; }
#portfolio_block img {display: block;padding-bottom: 23px;}
.portfolio_piece {padding: 0 0 23px 0;clear: both;}
.portfolio_piece h3 {font-size: 14px;color: #7D9302;padding-bottom: 6px;}
.portfolio_piece .right {float: right;width: 170px;text-align: right;font-size: 10px;color: #7D7D7D;padding-bottom: 20px;}
.portfolio_piece .right li { padding: 3px 0; }
.portfolio_piece .left {width: 375px;}
.portfolio_piece .left p {padding: 0;font-size: 10px;line-height: 18px;}


#services_block {}
#services_block .maincol { border-color: #F93; }
#services_block h3 { color: #D96C00; }


#about_block {}
#about_block .maincol { border-color: #008BCE; }
#about_block h3 { color: #006A9D; }


#contact-form {}
#contact-form .maincol { border-color: #FD4940; }
#contact-form p {margin: 0;padding: 0;font-size: 10px;}
#contact-form p label {font-size: 10px;}
#contact-form textarea, #contact-form input {border: 1px solid #979FAA;background: #FFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #535860;padding: 6px;}
#contact-form input.fail, #contact-form textarea.fail { border: 1px solid #FD4940; }
#contact-form p.fail { color: #FD4940; }
#contact-form textarea {width: 276px;height: 186px;margin: 1px 0 18px 0;}/*290*/
#contact-form div.right {width: 258px;float: right;}
#contact-form div.right input {margin: 1px 0 12px 0;width: 244px;} /*258*/
#contact-form p.button input {width: 111px;float: left;margin-top: 12px; padding: 6px 4px; margin-top: 14px;}
#contact-form p.left input {width: 124px;margin-right: 23px;}
#contact-form p.footer_right {float: right; width: 258px;}
#contact-form p.footer_right label strong {font-weight: bold;}
#contact-form p.footer_right { border: 0; background: none; padding: 0;}
#contact-form p.textarea { padding: 0; height: 236px;}
#contact-form p.footer_left{ border: 0; background: none; padding: 0; margin-bottom: 13px;}


#footer {clear: both;padding: 23px 0;}
#footer .maincol { padding: 0 23px; text-align: right; font-size: 10px; color: #B7B7B7; }
#footer p { padding: 0; }