/* 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:10px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:auto;
	width:1024px;
	height:768px;
	display:block;
	background:url("images/bgs/mainbg1024.jpg") no-repeat;
	padding-top:150px;
}

div#containInside {
	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#cmLeft8 {
	width:682px;
	height:275px;
	float:left;
	background-image: url(images/images/review.jpg);
	background-repeat: no-repeat;
}

div.scrollable {
	margin-top:17px;
	margin-left:20px;
	width: 300px;
	height: 240px;
	font-size:11px;
	color:#FFFFFF;
	font-family:georgia;
	text-align:justify;
	font-style: italic;
	overflow: auto;
	line-height: 14px;
}


div.scrollablenone {
	margin-top:17px;
	margin-left:20px;
	width: 280px;
	height: 240px;
	font-size:11px;
	color:#FFFFFF;
	font-family:georgia;
	text-align:justify;
	font-style: italic;
	line-height: 14px;
}

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

div.scrollable a:link {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollable a:active {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollable a:visited {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollable a:hover {font-size:11px;color:#000000;font-family:georgia;}



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

div.scrollablenone a:link {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollablenone a:active {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollablenone a:visited {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollablenone a:hover {font-size:11px;color:#000000;font-family:georgia;}






div.scrollablereview {
	margin-top:17px;
	margin-left:20px;
	width: 650px;
	height: 240px;
	font-size:11px;
	color:#FFFFFF;
	font-family:georgia;
	text-align:justify;
	font-style: italic;
	line-height: 14px;
}


div.scrollablereview p{
	width:600px;
	display:block;
}

div.scrollablereview a:link {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollablereview a:active {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollablereview a:visited {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollablereview a:hover {font-size:11px;color:#000000;font-family:georgia;}









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:georgia;}
div.scrollable2 a:active {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollable2 a:visited {font-size:11px;color:#FFFFFF;font-family:georgia;}
div.scrollable2 a:hover {font-size:11px;color:#000000;font-family:georgia;}

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:georgia;font-size:10px;}
div#footRight a:active{line-height:20px;color:#FFFFFF;font-family:georgia;font-size:10px;}
div#footRight a:visited{line-height:20px;color:#FFFFFF;font-family:georgia;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{
	letter-spacing:-1px;
	color:#FFFFFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}
div#footCreate a:active{font:normal normal normal 10px georgia;letter-spacing:-1px;color:#FFFFFF;text-decoration:none;}
div#footCreate a:visited{font:normal normal normal 10px georgia;letter-spacing:-1px;color:#FFFFFF;text-decoration:none;}
div#footCreate a:hover{font:normal normal normal 10px georgia;letter-spacing:-1px;color:#000000;text-decoration:none;}