/* CSS Document */
/**
 * -----------------------------------------------------------------------
 * @copyright Copyright (c) 2007 QBCAgency.co.uk
 * @author:   Keith Morrell <keith@qbcagency.co.uk>
 * @DATE:     1st August 2007
 * @VERSION:  1.0
 * @desc      Cowshed Template
 * -----------------------------------------------------------------------
 */



/**
 * page styles 
 */
 /* all */
body {background-color:#B5A06D;padding-top:50px;}

/* body */

div#conTain {margin-top:auto;margin-left:auto;margin-right:auto;margin-bottom:auto;width:800px;height:528px;display:block;background:url("images/bgs/mainbg.jpg") no-repeat;padding-top:50px;}

div#containInside {margin-top:auto;margin-left:auto;margin-right:auto;margin-bottom:auto;display:block; background-color:#ffffff;width:720px;height:431px;}
div#header {margin-left:22px;width:682px;height:91px;display:block;}

div.headTop {padding-top:14px;width:682px;height:77px;display:block;}
div.htLeft {width:232px;height:77px;float:left;}
div.htlBox {width:232px;height:77px;display:block;}
div.htlBoxl {width:116px;height:77px;float:left;}
div.htlBoxr {width:116px;height:77px;float:right;display:block;}
div.htRight {width:450px;height:77px;float:right;}

div.spacer {width:720px;height:5px;line-height:0px;background:url("images/spacer.jpg") no-repeat;}

div.nav {width:682px;height:40px;display:block;margin-left:22px;}

div#containMain {width:682px;height:275px;display:block;margin-left:22px;}
div#cmLeft {width:318px;height:275px;float:left;background:url("images/bgs/bghome.jpg") no-repeat;}
div#cmLeft2 {width:318px;height:275px;float:left;background:url("images/bgs/bgmenu.jpg") no-repeat;}
div#cmLeft3 {width:318px;height:275px;float:left;background:url("images/bgs/bgwine.jpg") no-repeat;}
div#cmLeft4 {width:318px;height:275px;float:left;background:url("images/bgs/bggallery.jpg") no-repeat;}
div#cmLeft5 {width:318px;height:275px;float:left;background:url("images/bgs/bgreviews.jpg") no-repeat;}
div#cmLeft6 {width:318px;height:275px;float:left;background:url("images/bgs/bgsuppliers.jpg") no-repeat;}
div#cmLeft7 {width:318px;height:275px;float:left;background:url("images/bgs/bgcontact.jpg") no-repeat;}
div.scrollable {margin-top:17px;margin-left:20px;width: 280px;height: 240px;overflow: auto;font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;text-align:justify;}

div.scrollable p{width:260px;display:block;}

div.scrollable a:link {font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
div.scrollable a:active {font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
div.scrollable a:visited {font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
div.scrollable a:hover {font-size:11px;color:#000000;font-family:Arial, Helvetica, sans-serif;}

div.scrollable2 {margin-top:17px;margin-left:20px;width: 280px;height: 240px;overflow: auto;font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}

div.scrollable2 a:link {font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
div.scrollable2 a:active {font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
div.scrollable2 a:visited {font-size:11px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;}
div.scrollable2 a:hover {font-size:11px;color:#000000;font-family:Arial, Helvetica, sans-serif;}

div.scrollable2 p{width:260px;display:block;}



div#cmRight {width:364px;height:275px;float:right;}
div.boxRight {width:364px;height:275px;display:block;}
div.boxRightt {width:364px;height:242px;}
div.boxRightb {width:364px;height:33px;background-color:#000000; }
div.boxRighttbo {width:330px;color:#FFFFFF;padding-left:10px;height:33px;font-family:Arial, Helvetica, sans-serif;font-size:10px;line-height:30px;padding-left:10px;}
div.boxRighttbo2 {width:330px;color:#FFFFFF;padding-left:10px;height:33px;font-family:Arial, Helvetica, sans-serif;font-size:14px;line-height:30px;padding-left:10px;}


div#bottomBar {width:720px;height:18px;display:block;}

div#footBar {width:720px;height:28px;display:block;margin-top:auto;margin-left:auto;margin-right:auto;margin-bottom:auto;}
div#footLeft {line-height:20px;width:460px;height:28px;float:left;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
div#footRight {width:260px;height:28px;float:right;text-align:right;}
div#footRight a:link{line-height:20px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
div#footRight a:active{line-height:20px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
div#footRight a:visited{line-height:20px;color:#FFFFFF;font-family:Arial, Helvetica, sans-serif;font-size:10px;}
div#footRight a:hover{line-height:20px;color:#000000;font-family:Arial, Helvetica, sans-serif;font-size:10px;}



div#footCreate {width:800px;height:20px;display:block;margin:0 auto 0 auto;padding:0;font:normal normal normal 10px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#ffffff; text-align:center;} 
div#footCreate a:link{font:normal normal normal 10px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#FFFFFF;text-decoration:none;}
div#footCreate a:active{font:normal normal normal 10px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#FFFFFF;text-decoration:none;}
div#footCreate a:visited{font:normal normal normal 10px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#FFFFFF;text-decoration:none;}
div#footCreate a:hover{font:normal normal normal 10px Arial, Helvetica, sans-serif;letter-spacing:-1px;color:#000000;text-decoration:none;}