/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
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:940px;margin:0 auto;padding:12px 20px 0 20px;background:#FFF;}
div#inner-wrap {width:940px;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:898px;height:375px;margin:0;padding:0;}
   
   /* NAVIGATION */
   #header #nav {width:940px;height:25px;margin:0 auto;padding:0;overflow:hidden; border-bottom:14px solid #FFF}
   #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 2px;padding:5px 8px;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:940px;height:375px;}
   #header #CU3ER {display: block; margin: 0 auto;}
   #showcaseinner {background: transparent url(../cu3er/images/shadow.jpg) no-repeat center center;width:940px;height:375px;}
   
/* ===[ 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 8px 13px 2px;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;min-height:45px;margin:0;padding:0;background:url(../img/cLeft_domestic-bg.png) no-repeat top;}
   #content #cLeft #drawings {width:234px;min-height:108px; margin-top:margin:0;padding:0;background:url(../img/drawings_bg.png) no-repeat top;}
   #content #cLeft #architects {width:234px;min-height:108px;margin:0;padding:0;background:url(../img/drawings_bg.png) no-repeat top;}
   
   #content #cLeft #domestic-enquiry p {width:175px; line-height:165%; margin:0;padding:13px 0 13px 15px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left;}
   #content #cLeft #drawings p {
	   padding:13px 0 13px 15px;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left; line-height:165%; margin:0;}
	   #content #cLeft #architects p {
		   padding:13px 0 13px 15px; margin:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left; line-height:165%;}
   /* COLUMN MIDDLE = CONTEXT */
   #content #cMiddle {width:670px;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;float:left;}
   #content #cRight .rightcontent {width:234px;min-height:108px; margin-top:margin:0;padding:0;background:url(../img/drawings_bg.png) no-repeat top;}
    #content #cRight .rightcontent p, .rightcontent p {
		   padding:13px 0 18px 15px !important; margin:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left; line-height:165%;}
   #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;*/
   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 #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:675px;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 150px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#204112;text-align:left;}

/* ===[ FOOTER STYLES ]=== */
div#footer {width:940px;height:144px;margin:0;padding:0 0 0 23px;background:url(../img/footer-bg.png) no-repeat left 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;}

.casestud {width:234px;min-height:108px; margin-top:margin:0;padding:0;}
.casestud p {
		   padding:13px 0 13px 15px; margin:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#333333;text-align:left; line-height:165%;}
		   
#content #sidebar h2 {
	border:none;
	margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:bold;color:#537e28;text-align:left;float:none;
	background:#ffffff !important;
}

.newsbox {width:205px;margin:0 auto 20px auto;padding:0;display:block;overflow:hidden;}
/* #coriannetwork {position: relative; margin: -200px 0 0 240px; clear: both;} */
#footerlogos {width: 527px; height: 205px;position: absolute; margin: -180px 0 0 240px; clear: both;}
.threecol li {width: 200px; padding: 0 0 0 30px; float: left;}
