/************************************************
	Copyright
    2beknown 2009
	CSS StyleSheet by Tavis Basing
    Last Updated: 04 November 2009
	www.2beknown.co.uk

************************************************/

/************************************************
TEMPORARY STYLE                     [=TEMP]
GLOBAL STYLE                        [=GLOBAL]

************************************************/

/* [=Colours]

BG Green : #001f16
Tabs are 122px with 2px gap

a "view" : #94a19d

Picture Box border :#384c47

Bottom box length= 573px
border :#c9c883


Right box length= 353px 
border :#c9c883

*/
/**********  [=TEMP]   **********/

.debug { color: Red; font-size: 16px; font-weight: bold; }

/**********  [=GLOBAL]   **********/

* { margin: 0; padding: 0; }
body {font-size:13px; font-family:Arial;  margin:0px 0px 0px 0px; background:#001f16 url(graphics/body.jpg)  repeat-x; background-position:top; }
#wrap {width: 990px; height:auto; margin:0 auto; text-align:left; overflow: hidden;}
h1 { color:#FFFFFF;font-size:32px;margin-bottom:10px;}
h2 {color:#ffffff;  }
h3 {color: #85B1A3; font-size:24px; margin:0px 0px;}
h4 { color: #000000; font-size:15px; margin:10px 0px;}
h5 {color:#ffffff; }
h6 {color:White;   }
p {margin:20px 0px 0px; }


/**********  [=Header]   **********/

.header {height:186px; width:990px; margin:0 auto; }
.logo {width:449px; height:186px; float:left;}
.topheader {width:541px; height:186px; float:left;background: url(graphics/top.jpg) no-repeat;}
ol.imageshead {list-style:none;}

/**********  [=Menu]   **********/
.menu {height:69px; width:990px; margin:0 auto;z-index:1000; font-size:18px;text-align:center;background: url(graphics/tab.jpg) repeat-x; background-position:bottom;}
.menu ul.topnav li {list-style:none;width:122px; height:49px; float:left;}
.menu ul.topnav li a{margin-right:2px;color:#FFFFFF;text-decoration:none; padding-top:23px; display:block;width:122px; height:49px;}
.menu ul.topnav li a.last{margin-right:2px;color:#FFFFFF;text-decoration:none; padding-top:23px; display:block;width:135px; height:49px;}
.menu ul.topnav li a:hover {background: url(graphics/tablive.jpg) repeat-x; }
.menu ul.topnav li a.on {background: url(graphics/tablive.jpg) repeat-x; }
.menu ul.topnav li a.laston {background: url(graphics/tablive.jpg) repeat-x;width:135px;  }
/**********  [=Default]   **********/

.content {background: url(graphics/homebg.jpg) repeat-x;z-index:1000; background-position:top; overflow:hidden; height:auto; margin:0px 0px 0px 0px; color:#FFFFFF;}
.wholecontent {width:906px; height:auto; float:left; padding:30px 42px 10px;margin-right:9px; }
.wholecontent a{color:#FFFFFF;font-style:italic;}
.wholecontent a:hover{text-decoration:none;}
.wholecontent ul {margin:0px 0px 0px 20px;width:400px;float:left;}
.wholecontent li {margin-bottom:3px;}
.wholecontent h6 {text-align:right; font-size:18px; color:#85B1A3;margin-top:10px;margin-bottom:10px; margin-right:60px;}
.wholecontent p.testi {font-size:16px; padding-right:40px;}
.leftcontent {width:522px; height:auto; float:left; padding:30px 42px 10px;margin-right:9px; }
.leftcontent a{color:#FFFFFF;font-style:italic;}
.leftcontent a:hover{text-decoration:none;}
.rightcontent {width:319px; height:auto; float:left; border:solid 1px #c9c883;background: url(graphics/rightbox.jpg) repeat-x; padding:16px 16px 0px 16px;}
.rightcontent img.bottompic{ border:solid 1px #384c47;}
.smalltextleft {float:left;margin:10px 0px;}
.smalltextright {float:right;margin:10px 0px; color:#85b1a3;}
.smalltextright a{color:#85b1a3; text-decoration:none;}
.flashboxwhole {margin-left:-18px;margin-top:82px;float:left;width:573px; height:137px;}
.flashbox {float:left;width:573px; height:97px; border:solid 1px #c9c883;background: url(graphics/bottombox.jpg) repeat-x; background-position:top; }
ol.imagespg {list-style:none;}
.foo ul li {list-style:none;float:left; height:276px; width:317px;}
.carousel-wrap {height:276px !Important; width:317px;}
.spangallery {color:#FFFFFF; width:200px; float:right;text-align:right;margin-top:5px; font-size:16px;}
.gallerybox {width: 880px; margin: 0px auto 5px;}
.gallerybox h1 {margin:0px 0px 15px;}
.gallerybox p {margin-bottom:15px; text-align:right;}

/**********  [=About Us]   **********/
.flashboxwholeBig {margin-top:10px;margin-bottom:10px;margin-left:20px;float:left;width:947px; height:137px; float:left;}
.flashboxBig {float:left;width:947px; height:97px; border:solid 1px #c9c883;background: url(graphics/bottombox.jpg) repeat-x; background-position:top; }
ol.imagespgBig {list-style:none;}
.testimonialblk {background: url(graphics/testimonials_box.jpg) no-repeat; padding:0 15px 15px;width:322px; height:344px;float:left; border:solid 1px #c9c883;}
.testimonialtext {width:270px; height:120px; margin:30px auto;}
.testimonialtext p{font-size:18px; }
.testimonialtext p span {margin-bottom:5px;}
.testimonialtext h4{color:#85B1A3;font-size:18px;}

/**********  [=Products]   **********/
.carpets {width:810px; height:279px; float:left; margin:30px 0px 10px;padding:30px 0px 0px 180px;background: url(graphics/carpets.jpg) no-repeat;}
.wood {width:810px; height:179px; float:left; margin:10px 0px 10px 35px;padding:30px 0px 0px 180px;background: url(graphics/woodflooring.jpg) no-repeat;}
.laminate {width:810px; height:179px; float:left; margin:10px 0px 10px 35px; padding:30px 0px 0px 180px;background: url(graphics/laminateflooring.jpg) no-repeat;}
.carpets h1 {font-size:34px;}
.carpets span.greensm {font-size:20px; color:#85b1a3;}
.carpets ul {width:200px; float:left;list-style:none;font-size:16px;}
.carpets li {color:#FFFFFF;}
.carpets li a{color:#FFFFFF; text-decoration:none;}
.wood ul {width:200px; float:left;list-style:none;font-size:16px;}
.wood li {color:#FFFFFF;}
.wood li a{color:#FFFFFF; text-decoration:none;}
.laminate ul {width:200px; float:left;list-style:none;font-size:16px;}
.laminate li {color:#FFFFFF;}
.laminate li a{color:#FFFFFF; text-decoration:none;}
.wood h1 {font-size:34px;}
.wood span.greensm {font-size:20px; color:#85b1a3;}
.laminate h1 {font-size:34px;}
.laminate span.greensm {font-size:20px; color:#85b1a3;}

/**********  [=Accred]   **********/
.accredblock {float:left; margin:8px auto;height:115px;}
.accredimg {width:120px; height:115px; float:left;border:none;}
.accredimg a img{border:none;}
.accredblktxt {height:73px; width:700px; border:solid 1px #c9c883; background:url(graphics/textboxaccred.jpg) repeat-x; float:left; margin-left:20px; padding:20px;}
.accredblktxt h3 {}
.accredblktxt p {margin:10px 0px 0px;}
.guarantee {margin:15px 0px 10px; overflow:hidden;}

/************** [=Contact Form] ***************/
input.txtbox {background-color:#00150e; border:solid 1px #c9c883; width:265px; height:25px; float:left; color:#003e2b; font-weight:bold; padding:10px 10px 0px; margin-bottom:10px; margin-top:5px; margin-left:15px;}
textarea.txtbox {font-family:Arial;font-size:13px; background-color:#00150e;margin-top:5px; border:solid 1px #c9c883; width:265px; height:80px; float:left; color:#003e2b;font-weight:bold; padding:10px 10px 0px; margin-left:15px;}
a#ctl00_ContentPlaceHolder1_btnsend {display: block;background:url(graphics/sendenquirytab.jpg) no-repeat;background-position:bottom; width:172px; height:37px;float:right; margin:15px 18px 15px 15px;}
a#ctl00_ContentPlaceHolder1_btnsend:hover {background-position:top;}
.valid {margin-left:15px; font-size:10px; float:left; width:280px;color:#85B1A3 !important;}
.leftcontent ul {list-style:none;margin-top:15px;}
.leftcontent li {margin-bottom:3px;}
ul.biggerul {width:100px; float:left;}
ul.bigul {width:200px; float:left; font-size:15px; font-weight:bold;font-style:italic;}

a#ctl00_ContentPlaceHolder1_lnkbtnCarpet {display: block;background:url(graphics/viewcarpetstab.jpg) no-repeat; background-position:top; width:209px; height:33px;float:left; margin:0px 0px 0px 0px;}
a#ctl00_ContentPlaceHolder1_lnkbtnCarpet:hover {background-position:bottom;}
a#ctl00_ContentPlaceHolder1_lnkbtnBlinds {display: block;background:url(graphics/viewblindstab.jpg) no-repeat; background-position:top; width:209px; height:33px;float:left; margin:0px 0px 0px 0px;}
a#ctl00_ContentPlaceHolder1_lnkbtnBlinds:hover {background-position:bottom;}
.gallerybox .topbox {width:880px; margin:0 auto; height:33px;}
a.con {background-position:bottom !important;}
a.bon {background-position:bottom !important;}

/**********  [=Footer]   **********/
#foot {background: url(graphics/footer.jpg) repeat-x;height:52px;}
.footer {margin:0 auto; width:990px; height:27px;color:#FFFFFF;font-size:11px; padding-top:25px;}
.footright {width:520px; float:right; text-align:right; padding-right:25px;}
.footleft {width:300px; float:left;padding-left:25px;}
.footright a{color:#FFFFFF;text-decoration:none; padding-right:5px;}
.footright a:hover{text-decoration:underline;}