/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: Interior Surfaces
Author: SputnikWeb.co.uk
Copyright: Interiorsurfaces.co.uk
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

/* ===[ GENERAL STYLES ]=== */
body {margin:0;padding:0;background:url(../img/bg.jpg) no-repeat top center #000;}
img {border:none;vertical-align:middle;}
a {outline:none;}
.clear {clear:both;}
div#outer-wrap {width:770px;margin:0 auto;padding:12px 20px 0 20px;background:#FFF;}
div#inner-wrap {width:770px;margin:0 auto;padding:0;background:#FFF;}
div#topline {width:100%;height:12px;margin:0;padding:0;background:#519724;position:absolute;top:0;left:0;}

/* ===[ HEADER STYLES ]=== */
div#header {width:770px;height:238px;margin:0;padding:0;}
   
   /* NAVIGATION */
   #header #nav {width:770px;height:25px;margin:0 auto;padding:0;overflow:hidden;}
   #header #nav ul {height:25px;margin:0;padding:0;list-style-type:none;}
   #header #nav ul li {height:25px;float:left;}
   #header #nav ul li a {margin:0 5px;padding:5px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#000;text-align:center;text-decoration:none;float:left;display:block;}
   #header #nav ul li a:hover {text-decoration:none;background:#519724;}
   #header #nav ul li a.active {text-decoration:none;background:#519724;}
   
   /* FLASH SHOWCASE PRESENTATION */
   #header #showcase {width:770px;height:216px;}
   
/* ===[ CONTENT STYLES ]=== */
div#content {margin:0;padding:20px 0 55px 0;overflow:hidden;}

   /* COLUMN LEFT */
   #content #cLeft {width:234px;margin:0 32px 0 0;padding:0;float:left;}
   #content #cLeft h1 {width:219px;height:26px;margin:0;padding:13px 0 0 15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#537e28;text-align:left;background:url(../img/cLeft_header-bg.png) no-repeat bottom;}
   #content #cLeft h1.two {background:url(../img/cLeft_header2-bg.png) no-repeat bottom;}
   #content #cLeft #newsletter {width:154px;height:118px;margin:0;padding:0 0 0 80px;background:url(../img/cLeft_newsletter-bg.png) no-repeat top;}
   #content #cLeft #newsletter p {margin:0;padding:13px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left;}
   
   #content #cLeft #products-downloads {width:156px;height:76px;margin:0;padding:0 0 0 78px;background:url(../img/cLeft-products-bg.png) no-repeat top;}
   #content #cLeft #products-downloads p {margin:0;padding:13px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#204112;text-align:left;}
   #content #cLeft #products-downloads p a {color:#204112;text-decoration:none;}
   
   #content #cLeft #domestic-enquiry {width:234px;height:45px;margin:0;padding:0;background:url(../img/cLeft_domestic-bg.png) no-repeat top;}
   #content #cLeft #domestic-enquiry p {width:175px;margin:0;padding:13px 0 13px 15px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left;}
   
   /* COLUMN MIDDLE = CONTEXT */
   #content #cMiddle {width:237px;margin:0;padding:0;float:left;}
   #content #cMiddle img#logo {margin:0 0 10px 0;padding:0;}
   #content #cMiddle h1 {font-family:Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#537e28;text-align:left;}
   #content #cMiddle p {font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#000;text-align:left;}
   #content #cMiddle p.phonenumber {font-size:14px;font-weight:bold;}
   
   /* COLUMN RIGHT */
   #content #cRight {width:234px;margin:0 0 0 32px;padding:0;background:url(../img/cRight-latestnews-bg.png) no-repeat top;float:left;}
   #content #cRight h1 {width:219px;height:26px;margin:0;padding:13px 0 30px 15px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#537e28;text-align:left;}
   #content #cRight .newsbox {width:205px;margin:0 auto 20px auto;padding:0;display:block;overflow:hidden;}
   #content #cRight .newsbox h2 {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#537e28;text-align:left;float:none;}
   #content #cRight .newsbox h2 a {color:#537e28;text-decoration:none;}
   #content #cRight .newsbox p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#204112;text-align:left;float:none;}
/*   #content #cRight .newsbox img {margin:0 10px 0 0;border:3px solid #333333;float:left;} */
   
   /* SIDE BAR */
   #content #sidebar {width:234px;margin:0;padding:0;background:url(../img/cRight-latestnews-bg.png) no-repeat top;float:left;}
   #content #sidebar h1 {width:192px;height:26px;margin:0 0 0 18px;padding:13px 0 5px 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#537e28;text-align:left;border-bottom:1px solid #c6cec2;}
   #content #sidebar ul {margin:0;padding:0;list-style-type:none;}
   #content #sidebar ul li a {width:192px;margin:0 0 0 18px;padding:7px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#204112;text-align:left;text-decoration:none;border-bottom:1px solid #c6cec2;background:none;display:block;}
   #content #sidebar ul li a:hover {color:#509624;background:url(../img/sidebar_nav-bg.png) repeat-y right;}
   
   /* SIDE BAR - BUTTON DEFINED */
   #content #sidebar .button a {width:193px;height:25px;margin:15px 0 0 18px;padding:7px 0 0 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px;font-weight:bold;color:#537e28;text-align:center;text-decoration:none;background:url(../img/sidebar_button-bg.png) no-repeat;display:block;}
   
   /* CONTEXT AREA - ON THE RIGHT OF SUB PAGES */
   #content #context {width:505px;margin:0;padding:0;float:right;}
   #content #context h1 {margin:0;padding:15px 0 0 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#537e28;text-align:left;}
   #content #context {margin:0;padding:0 0 20px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#204112;text-align:left;}

/* ===[ FOOTER STYLES ]=== */
div#footer {width:747px;height:138px;margin:0;padding:0 0 0 23px;background:url(../img/footer-bg.png) no-repeat right bottom;}
   #footer p {margin:0;padding:20px 0 0 0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FFF;text-align:left;}
   #footer p a {color:#FFF;text-decoration:underline;}

/* ===[ GENERAL GUBBINS ]=== */
#nav #activenav {background-color: #519724; color: #ffffff;}