@charset "utf-8";
/* CSS Document */

/* The Blathwayt Arms Design Style Sheet  soVision 2008 */

/* Site Wide Colours 

	Page Background	:	#F1E8DA
	
	Dark Grey 	:	#333333
	
	Text Gold		:	#997F5E
	Text Gold Light	:	#D3BB99
	
*/
html{
	margin:0;
	padding:0;
	height:100%;
}
body{
	margin:0;
	padding:0;
	height:100%;
	background:#F1E8DA url(../../images/background-tile.jpg) top repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
}
.container{
	width:982px;
	margin:0 auto;
	padding:0;
	background:url(../../images/background-sides.jpg) top center repeat-y;
}
.page-container{
	margin:0;
	padding:0 54px 0 54px;
	background:url(../../images/background-head.jpg) top center no-repeat;
}
/* HEAD */
.page-header{
	margin:0;
	padding:0;
	height:300px;
}
.head{
	margin:0;
	padding:20px 0 10px 18px;
	height:90px;
}
.head-nav{
	text-align:right;
	font-size:0.9em;
	padding:4px 12px 4px 0;
	color:#FFFFFF;
}
.head-nav a{
	color:#D3BB99;
	margin:0 0 0 22px;
}
.head-nav a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.head-promo{
	width:344px;
	height:82px;
	float:right;
	text-align:right;
}
.logo{
	float:left;
}
/* Navigation */
.navigation{
	margin:0;
	padding:0;
	background:url(../../images/light-strip.jpg) bottom repeat-x;	
	height:171px;
	position:relative;
}
.navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	white-space:nowrap;
	
}
.navigation li{	
	display:inline;
	white-space:nowrap;
	text-align:center;
	float:left;
	
}
.top-strip{
	background:url(../../images/top-strip-background.jpg) bottom center no-repeat;
	height:111px;

}
.top-nav{
	background:url(../../images/dark-strip.jpg) bottom repeat-x;
	height:33px;
	line-height:33px;
	margin:0;
	padding:0;
	font-size:0.9em;
}
.top-nav a{
	color:#D3BB99;
	text-decoration:none;
	display:block;
	border-top:3px solid #FFFFFF;
	padding:0 23px 0 23px;
}
.top-nav a:hover{
	text-decoration:none;
	color:#FFFFFF;
}
.top-nav .selected{
	border-top:3px solid #997F5E;
	text-decoration:none;
	color:#FFFFFF;
}
/* MAIN PAGE AREA */
.page-content{
	margin:0;
	padding:40px 0 0 0;
}

.content-area-1{
	background:url(../../images/light-strip.jpg) bottom repeat-x;
	padding:0 0 28px 0;
	width:200px;
	float:left;
}
.content-area-2{
	width:400px;
	float:left;
	margin:0 4px 0 25px;
}
.content-area-2-wide{
	width:600px;
	float:left;
	margin:0 4px 0 25px;
}
.home-content-area{
	width:255px;
	float:left;
	margin:0 4px 0 25px;
	padding:0;
}
.content-area-3{
	width:225px;
	float:right;
}
.content-area-3-wide{
	width:367px;
	float:right;
}
.content-area-3 img{
	padding-top:2px;
}
.padded-holder{
	width:auto;
	padding:12px;
}
.image-area{
	margin:0;
	padding:0 0 28px 0;
	background:url(../../images/light-strip.jpg) bottom repeat-x;
}
.image-area img
{
	width:225px;
}
.image-area-home{
	margin:0;
	padding:0 0 28px 0;
	background:url(../../images/light-strip.jpg) bottom repeat-x;
}
.caption{
	text-align:center;
	font-size:0.8em;
	margin:0;
}
.custom-area{
	margin:0;
	padding:0;
	width:225px;
}
.custom-area-home{
	margin:0 0 0 139px;
	padding:0;
	width:225px;
}
/* SUB NAV STYLING */
.sub-navigation-area{
	margin:0;
	padding:0;
	background:#333333 url(../../images/dark-strip.jpg) top repeat-x;
	color:#D3BB99;
}
.sub-navigation-area ul{
	border-bottom:1px solid #D3BB99;
	margin:0;
	padding:0 0 3px 0;
	list-style:none;
}
.sub-navigation-area li{
	border-top:1px solid #D3BB99;
	padding:4px 0 4px 0;
}
.sub-navigation-area a{color:#D3BB99;}
.sub-navigation-area a:hover{color:#FFFFFF;text-decoration:none;}
.sub-navigation-area .selected{color:#FFFFFF;}


.sub-nav2 li, .sub-nav2 ul
{
	border:none;
}

/* FOOT */
.call-to-action{
	background:#333333 url(../../images/dark-strip.jpg) top repeat-x;
	text-align:center;
	margin:20px 0 0 0;
}
.page-foot{
	margin:4px 0 0 0;
	padding:0;
	background:#F1E8DA url(../../images/background-foot.jpg) top center no-repeat;
	font-size:0.85em;
	color:#666666;
	height:60px;
}
.foot-content{
	margin:0 24px 0 24px;
	padding:36px 0 0 0;
}
.page-foot a{
	color:#666666;
}

/* GLOBAL */
img{border:0;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}

/* MISC */
.clear{clear:both;}
.left{float:left;}
.right{float:right;}

/* TEXT STYLING */
h1{
	color:#997F5E;
	margin:0 0 0.5em 0;
	font-size:2.4em;
}
h2{
	color:#997F5E;
	margin:0 0 0.5em 0;
	font-size:1.4em;
}
h3{
	color:#997F5E;
	margin:0;
	padding:0;
	font-size:1.3em;
	border-bottom:1px solid #997F5E;
}
p{
	margin:0 0 0.8em 0;
}