@charset "utf-8";
/* CSS Document */

/*
Design: Games Press Ltd and Bluegrass Technologies
Rebuild: http://portman2.com
Site: http://nudgepr.co.uk
Last updated: 15th August 2009 
*/


/* RESETS */
body {margin: 0; text-align: left; background: #e70000; padding-top: 15px;}
h1, h2, h3, p, ol, ul {margin: 0; clear: both; text-align: left;}
ol, ul {list-style-type: none;}
img {border: none; }
a {text-decoration: none}

/* COMMON ELEMENTS */
p, li {font: 12px Verdana, Geneva, sans-serif; color: #ffffff;}


/* COMMON CLASSES */
.hide {position: absolute; left: -9999px;}
.noshow {display: none;}

/* PAGE STRUCTURE */
#page {width: 755px; height: 415px; margin: 0 auto;}
#header {position: relative; width: 754px; height: 76px;}
#header h1 {width: 754px; height: 76px; margin: 0 0 10px 0; position: relative; background: url(../images/logo.gif) no-repeat; text-indent: -9999px;}
#header h1 a {display: block; width: 750px; height: 75px;}
#header h2 {text-indent: -9999px;}
#current_page {width: 753px; height: 28px; background: #D60000; margin: 3px auto; border: 1px solid #EF7D7B;}
#current_page h2 {text-transform: uppercase; font: 12px Verdana, Geneva, sans-serif; color: #ffffff; font-weight: bold; padding: 6px 0 0 8px; line-height:15px;}

/* NAVIGATION */
#navigation {width: 753px; height: 28px; position: absolute; top: 402px; left: auto; background: #D60000; border: 1px solid #EF7D7B; margin: 0 auto; z-index: 1;}
#navigation ol {padding: 3px 0 0 384px; height: 28px; }
#navigation ol li {display: inline; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #F16018; text-transform: uppercase; font-weight: bold; padding: 3px 15px 3px 15px; border-left: 1px solid #EF7D7B; height: 28px;}
#navigation ol li a {color: #ff9801;}
#navigation ol li a.active, #navigation ol li a:hover {color: #ffffff;} 

/* HOME PAGE */
#home_page {width: 753px; height: 360px; margin: 0 auto;}
#home_header {width: 753px; height: 28px; margin: 0 0 3px 0; position: relative; background: #d60000; no-repeat; border: 1px solid #EF7D7B;}
#home_header h1 {font: 12px Verdana, Geneva, sans-serif; color: #ff9801; font-weight: bold; padding: 7px 0 0 10px;}
#navigation_home {width: 753px; height: 28px; position: absolute; top: 351px; left: auto; background: #D60000; border: 1px solid #EF7D7B; margin: 0 auto; z-index:1 ;}
#navigation_home ol {height: 28px; padding: 3px 0 0 384px;}
#navigation_home ol li {display: inline; text-align: left; font: 11px Arial, Helvetica, sans-serif; color: #F16018; text-transform: uppercase; font-weight: bold; padding: 3px 15px 3px 15px; border-left: 1px solid #EF7D7B; height: 28px;}
#navigation_home ol li a {color: #ff9801;}
#navigation_home ol li a.active, #navigation ol li a:hover {color: #ffffff;} 

/* ABOUT PAGE */
#about_left {width: 212px; float: left; margin: 0 3px 35px 0px;}
#about_left img {border: 1px solid #EF7D7B;}
#about_right {width: 537px; height: 245px; float: right; background: #D60000; border: 1px solid #EF7D7B; padding-top: 25px;}
#about_right p {padding: 0px 25px 15px 25px;}

/* CLIENTS PAGE */
#clients_left {width: 166px; height: 270px; float: left; margin: 0 3px 40px 0; background: #d60000; border: 1px solid #EF7D7B;}
#clients_subnav {margin: 0 3px 40px 0; width: 140px;}
#clients_subnav ul {padding: 10px 0 0 10px;}
#clients_subnav li {width: 135px; font: 10px Verdana, Geneva, sans-serif; color: #FF9801; padding: 5px; margin: 0 0 10px; background: #E70000; border: 1px solid #EF7D7B; }
#clients_subnav li a {color: #ffffff;}
#clients_subnav li.active {width: 135px; padding: 5px; background: #FF9801;}

#clients_right {width: 582px; height: 270px; float: right; border: 1px solid #EF7D7B; background: #d60000;}
#clients_right.image {background: url(../images/clients.jpg) no-repeat;}
#clients_right h3 {font: 16px Verdana, Geneva, sans-serif; color: #FF9801; font-weight: bold; margin: 0px 0 10px 0px; text-transform: uppercase}
#clients_right h2 {font: 24px Arial, Helvetica, sans-serif; color: #ffffff; font-weight: bold; padding: 20px 0 10px 20px;}
#clients_right p {padding: 0 20px 0 0; margin: 0 0 8px 0; font: 11px Verdana, Geneva, sans-serif;}
#clients_right p.home {padding: 0 0 0 20px; font: 15px Arial, Helvetica, sans-serif; width: 280px;}
#clients_right p.click {padding: 120px 0 0 20px; font: 10px Arial, Helvetica, sans-serif; width: 170px;} 
#clients_right p a {color: #FF9801;}
#clients_right p a:hover {color: #ffffff;}

#col1 {float: left; width: 207px; margin: 10px;}
#col1.sargent {width: 500px; margin-left: 15px;}
#col2 {float: right; width: 340px; margin: 10px 10px 10px 0; }

/* COVERAGE PAGE */
#coverage_left {width: 380px; height: 270px; float: left; margin: 0 3px 40px 0; border: 1px solid #EF7D7B; background: #ffffff;}
#coverage_left img {display: block; margin: auto;}
#coverage_right {width: 368px; height: 270px; float: right; border: 1px solid #EF7D7B; background: #d60000;}
#coverage_right p {margin: 20px 0 0px 20px;}
#coverage_right p span.orange {color: #FF9801;}
#coverage_right p.arrow {font: 14px Verdana, Geneva, sans-serif; color: #ff9801; font-weight: bold; padding: 30px 0 0 0;}
#coverage_right p.arrow a:link, #coverage_right p.arrow a:visited {color: #ff9801;}

/* CONTACT PAGE */
#contact_left {width: 212px; float: left; margin: 0 3px 35px 0px;}
#contact_left img {border: 1px solid #EF7D7B;}
#contact_right {width: 537px; height: 270px; float: right; background: #D60000; border: 1px solid #EF7D7B; }
#contact_right p {padding: 15px 20px 5px 20px;}
#contact_right p a {color: #FF9801; text-decoration: underline;}

fieldset {border: none;}
#form_left {float: left; width: 240px; height: 130px; padding: 15px 0 0 10px; margin: 0;}
#form_right {float: right; width: 240px; height: 125px; padding: 14px 15px 0 0; margin: 0}
input, textarea {width: 160px; height: 18px; padding: 3px 0 0 3px; border: 1px solid #E9540A; background: #d60000; font: 10px Verdana, Geneva, sans-serif; color: #ffffff;}
label {font: 10px Verdana, Geneva, sans-serif; color: #ffffff;}
#form_submit input {font: 10px Verdana, Geneva, sans-serif; color: #ffffff; text-align: left; border: none;}
ol.form {margin: 0; padding: 0; text-align: left;}
ol.form li {margin-bottom: 5px; text-align: left;}
li #form_wholename {width: 245px; margin: 0;} 
#form_wholename input {margin-left: 30px;}
#form_company input {margin-left: 9px;}
#form_tel input {margin-left: 3px;}
#form_email input {margin-left: 32px;}
#form_message textarea {width: 225px; height: 103px; float: right;}
#form_submit input {width: 225px; text-align: right; padding-right: 22px;}
p .thankyou {margin: 0; padding: 0;}
p .mistake {margin: 0; padding: 0;}


	
	
/* LEGAL */
#legal {position: absolute; top: 405px; z-index: 2;}
#legal p, #legal p a, #legal p a:link {font: 10px Arial, Helvetica, sans-serif; color: #ff9801; text-transform: uppercase; padding: 5px 0 0 5px; margin-bottom: 20px; font-weight: bold;}
#legal_page {width: 755px; margin: 0 auto;}
#logo {float: right; clear: both;}
#legal_page h2 {font: 16px Verdana, Geneva, sans-serif; color: #ff9801; font-weight: bold; margin-bottom: 15px;}
#legal_page p {font: 10px Verdana, Geneva, sans-serif; margin-bottom: 10px; }



/* FOOTER */
#footer {width: 754px; height: 30px; margin: 20px 0 0 0; padding: 40px 0 0 0;}
#footer p {text-align: left; font: 10px Verdana, Geneva, sans-serif;}
#footer_home {width: 754px; position: relative; margin: 20px 0 0 0;}
#footer_home p {text-align: left; font: 10px Verdana, Geneva, sans-serif;}