@charset "UTF-8";
* {margin:0;padding:0;} 
@font-face {
	font-family: 'TrajanRegular';
	src: url('trajan_r-webfont.eot');
	src: local('☺'), url('../fonts/trajan_r-webfont.woff') format('woff'), url('../fonts/trajan_r-webfont.ttf') format('truetype'), url('../fonts/trajan_r-webfont.svg#webfontpU1QArMP') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'LucidaHandwritingItalic';
	src: url('LHANDW.eot');
	src: local('Lucida Handwriting'),local('LucidaHandwritingItalic'), local('LucidaHandwriting-Italic'), url('../fonts/LHANDW.woff') format('woff'), url('../fonts/LHANDW.ttf') format('truetype');
}
body{
	margin: 0px auto;
	background:url(http://www.barclaycottage.com/images/bg.jpg) repeat-x #ffffff top center;
}
li{
	list-style:none;	
	background:none;
	color:#45462A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:22px;
}

h1{
	font-size:28px;
	color:#443012;	
	padding-bottom:15px;
	width:550px;
	font-weight:normal;
}
h2{
	color:#443012;
	font-size:18px;
	font-weight:normal;
	padding-bottom:15px;
		
}
h3{
	color:#ffffff;
	font-size:20px;
	font-family: 'LucidaHandwritingItalic',Arial,Helvetica,sans-serif;
}

a{
	text-decoration:underline;	
	color:#423320;
}
a:hover{
	text-decoration:none;
}
p, table{	
	color:#45462A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	line-height:22px;
	width:550px;
}
.lucidaFont{
	font-family: 'LucidaHandwritingItalic', LucidaHandwritingItalic, lucidahandwriting;
	font-weight:normal;
	
}
.font20{
	font-size:20px;	
	padding-right:5px;
}

.strongresized{
	float:right;
	font-size:12px;
	margin-left:50px;
	margin-top:-15px;
	padding-right:15px;
}
.emresized{
	/*background: url(http://www.barclaycottage.com/images/embg.jpg) no-repeat;*/
	height:111px;
	padding:10px 0 10px 40px;
	position:relative;
	width:400px;
}
.emresized p{
	font-size:13px;
	width: 350px;
	line-height:16px;	
	top:10px;
}
.TrajanRegular {
	font-weight: normal;
	font-style: normal;
	line-height:normal;
	font-family: 'TrajanRegular', sans-serif;
	font-size-adjust: 0.75;
}
.noliimg{	
	list-style:none;	
	background:none;
}

.wid750 {
	width:750px;
}

#wrap{
	margin:0 auto;
	width:980px;
	min-height: 100%;
}
.top{
	padding-left:25px;
}
#logo li{
	display:inline;
}
#logo li#num{
	color:#FFFFFF;
	font-size:16px;
	left:15px;
	position:relative;
	top:-93px;
	font-family: 'TrajanRegular', sans-serif;
}
#socialmediaicons{
	margin-left:75px;
	margin-top:35px;
	width:250px;	
}
#socialmediaicons li{
	display:inline;	
}
/*Sliding Panel CSS*/
#panel {
	background: #27405e;
	height: 15px;
	display: none;
	margin:0 auto;
	padding:10px 0px 10px 0px;
	text-align:center;	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
}
#panel2 {
	display: none;
	margin:0 auto;
	padding:10px 0px 10px 0px;
	text-align:center;	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	width: 600px;
}
.slide2{
	background:url("http://www.barclaycottage.com/images/reserveonlinebtn.png") no-repeat;	
	height:57px;
	margin-bottom:-75px;
	margin-left:60px;
	padding:15px 0 0 30px;
	width:234px;
	position:relative;
	z-index:1;
}
.slide2 a{
	color:#ffffff;	
	text-decoration:none;
}
.slide2 a:hover{
	color:#e2c523;	
}
/*google translator css*/

#topnavbg{
	background-image:url("http://www.barclaycottage.com/images/topnavbg.jpg");
	background-repeat: repeat-x;
	height:68px;
	left:0;
	margin-top:-125px;
	position:absolute;
	width:100%;
	z-index:0;
}
#logo{
	position:relative;
	z-index:10;	
}
#mobile {
	width:980px;
	text-align:left;
	margin:3px 0;
}
#mobilebtn {
	width:110px;
	text-align:center;
	margin-left:0px;
}
a:link.mobilebtn, a:visited.mobilebtn, a:active.mobilebtn, a:hover.mobilebtn {
	color: #EAEBE6;
	font-family: Arial, sans-serif;
	font-size: 12.5px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
	border: 2px solid #EAEBE6;
	display: block;
	line-height:130%;
}
#topnav{
	clear:both;
	float:left;
	position:relative;
	top:-110px;
	left: 315px;
	font-family: 'TrajanRegular', sans-serif;
	z-index:10;
}
#topnav li{
	color:#FFFFFF;
	display:inline;
	font-size:12px;
	padding-left:20px;
	padding-top:2px;
	background:url("http://www.barclaycottage.com/images/liststyleimg.jpg") no-repeat;
	position:relative;
	top:-5px;
	font-family: 'TrajanRegular', sans-serif;
}
#topnav .noliimg{	
	list-style:none;	
	background:none;
}
#topnav li a{
	color:#ffffff;
	text-decoration:none;	
}
#topnav li a:hover{
	text-decoration:underline;
}

#topnav li a.pageActive {
	text-decoration:underline;	
}

#slogan{
	float:right;
	left:-145px;
	position:relative;
	top:-80px;	
}
#navigation{
	padding-left:40px;
	position:relative;
	top:-25px;
}
#navigation ul{
	padding:40px 0 10px 5px;
	position:relative;
	z-index:999;
}
#navigation li{
	display:inline;	
	font-family: 'TrajanRegular', Georgia, "Times New Roman", Times, serif;
	text-transform: uppercase;
	font-size:14px;
}
#navigation li a{
	color:#1c1a02;
	text-decoration:none;	
	padding-right:12px;
	letter-spacing:-1px;	
}
#navigation li a:hover{
	color:#4e6840;
	text-decoration:underline;
}

#navigation li a.pageActive {
	color:#4e6840;
	text-decoration:underline;
}
	
#main {
	overflow:auto;
	padding-bottom: 180px;
	width: 980px;
	position:relative;
	top:-40px;	
} 
#homePage img {
	display: none;
}

#homePage img.first {
	display: block;
}
 
#flashcontent{
	height:450px;
	width:980px;
	padding-top:10px;	
	height:450px;
	margin-top:-48px;
	
}
#flashcontent #topimg{
	position:relative;
	z-index:1;
}
#flashcontent #flashimg, #flashcontent #homePage{
	left:30px;
position:relative;
top:-410px;
z-index:0;
}



#content{
	clear:both;
	float:left;
	padding-left:25px;
	padding-right:205px;
	position:relative;
	width:380px;
	top:-25px;	
}
#content img{
	padding-right:15px;	
	padding-bottom:30px;
}
#content img.nopad{
	padding: 0px;	
}

/*sidebar content*/
#side{
	float:left;
	position:relative;
	width:200px;
}
#sideClock{
	float:right;
	width:200px;
	margin-top: 255px;
	margin-right: 170px;	
}
.imagebox{
	height:256px;
	overflow:hidden;
	padding-top:15px;
	margin-left:200px;
	width:380px;	
	clear:both;
	float:left;
}
.imagebox2{
	height:256px;
	padding-top:15px;
	margin-left:200px;
	width:380px;	
	clear:both;
	float:left;
}
.imagebox2 p{
	padding-left:15px;
	width:350px;	
}
/*room navigation*/

#roomnav li a {
	display:block;
	width:163px;
	margin: 1em 0; 
	padding:0 0 35px 20px;	
}
#roomnav li a:hover{
	background-position:-183px 0px;
	color:#f0ca0c;
}
#roomnav li a.item1{
	background:url("http://www.barclaycottage.com/images/item1bg.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
}
#roomnav li a.item1:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item2{
	background:url("http://www.barclaycottage.com/images/item2bg.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-304px;
}
#roomnav li a.item2:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item3{
	background:url("http://www.barclaycottage.com/images/item3bg.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-251px;
}
#roomnav li a.item3:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item4{
	background:url("http://www.barclaycottage.com/images/item4bg.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-198px;	
}
#roomnav li a.item4:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item5{
	background:url("http://www.barclaycottage.com/images/item5bg.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	width:163px;
	padding:50px 20px 0px 0;
	margin-top:-145px;
}
#roomnav li a.item5:hover{
	background-position:-183px 0px;	
}

/*Individual Rooms Nav*/
#roomnav li a.overview{
	background:url("http://www.barclaycottage.com/images/overview.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
}
#roomnav li a.overview:hover{
	background-position:-183px 0px;	
}
#roomnav li a.rates{
	background:url("http://www.barclaycottage.com/images/rates.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-63px;
}
#roomnav li a.rates:hover{
	background-position:-183px 0px;	
}
#roomnav li a.next{
	background:url("http://www.barclaycottage.com/images/next.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-304px;
}
#roomnav li a.next:hover{
	background-position:-183px 0px;	
}
#roomnav li a.policies{
	background:url("http://www.barclaycottage.com/images/policies.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-198px;	
}
#roomnav li a.policies:hover{
	background-position:-183px 0px;	
}

/*addition to nav*/
#roomnav li a.overview2{
	background:url("http://www.barclaycottage.com/images/overview.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
}
#roomnav li a.overview2:hover{
	background-position:-183px 0px;	
}
#roomnav li a.rates2{
	background:url("http://www.barclaycottage.com/images/rates.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-63px;
}
#roomnav li a.rates2:hover{
	background-position:-183px 0px;	
}
#roomnav li a.next2{
	background:url("http://www.barclaycottage.com/images/next.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-63px;
}
#roomnav li a.next2:hover{
	background-position:-183px 0px;	
}
#roomnav li a.prev{
	background:url("http://www.barclaycottage.com/images/prev.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-251px;	
}
#roomnav li a.prev:hover{
	background-position:-183px 0px;	
}
#roomnav li a.book2{
	background:url("http://www.barclaycottage.com/images/policies.jpg") no-repeat scroll 0 0 transparent;
	display:block;
	width:163px;
	padding:50px 20px 0px 0;
	margin-top:-63px;
}
#roomnav li a.book2:hover{
	background-position:-183px 0px;	
}

/*breakfast nav*/
#roomnav li a.item6{
	background:url("http://www.barclaycottage.com/images/item6.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
}
#roomnav li a.item6:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item7{
	background:url("http://www.barclaycottage.com/images/item7.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-298px;
}
#roomnav li a.item7:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item8{
	background:url("http://www.barclaycottage.com/images/item8.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-245px;
}
#roomnav li a.item8:hover{
	background-position:-183px 0px;	
}
#roomnav li a.item9{
	background:url("http://www.barclaycottage.com/images/item9.jpg") no-repeat scroll 0 0 transparent;
	padding:50px 20px 50px 0;
	margin-top:-192px;	
}
#roomnav li a.item9:hover{
	background-position:-183px 0px;	
}

#ulcontainer{
	width: 650px;
	padding-bottom:25px;	
}
.leftam{
	float:left;
	padding-right:50px;}

.leftam li{
	list-style:disc;
	text-align:left;
	margin-left:15px;	
}
.rightam li{
	list-style:disc;
}
.up{
	position:relative;
	top:-145px;	
}

.breakfast-up{
	position:relative;
	top:-139px;	
}

.roomcontent{
		
}
.roomcontent p{
	width:350px;
}
/*reservationsPage*/
.resbox{
	border-top:solid 1px #423320;
	border-bottom:solid 1px #423320;
	margin-top:15px;
	margin-bottom: 20px;
	padding:15px;
	width:875px;	
}
.resbox2{
	background:url("http://www.barclaycottage.com/images/reservecontentbox.png") no-repeat;
	height:259px;
	margin-left:50px;
	margin-top:40px;
	padding:15px;
	width:265px;	
}

#resbox3-top {
	background:url("http://www.barclaycottage.com/images/reservecontentbox-top.png") no-repeat;
	height: 30px;
	margin-left:50px;
	margin-top:40px;
	margin-bottom: 0px;
	padding: 15px 15px 0px 15px;
	width:265px;	
}

#resbox3-bg {
	background:url("http://www.barclaycottage.com/images/reservecontentbox-bg.png") repeat-y;
	width:265px;	
	margin-left:50px;
	margin-top: -15px;
	padding: 0px 15px;
}

#resbox3-bottom {
	background:url("http://www.barclaycottage.com/images/reservecontentbox-bottom.png") no-repeat;
	height: 65px;
	margin-left:50px;
	margin-top: -5px;
	padding: 0px 15px 15px 15px;
	width:265px;	
}

.resbox2 p {
	padding-left:10px;
	padding-top:15px;
	text-align:left;
	width:220px;
}

#resbox3-bg p {
	padding-left:10px;
	padding-bottom: 10px;
	text-align:left;
	width:220px;
}

.resbox2 a, #resbox3-bg a {
	left:35px;
	position:relative;	
}
.resbox2 ul{
	
	margin-top:5px;
	text-align:right;
	width:210px;	
}
.resbox2 li{
	display:inline;
line-height:30px;
}
.resbox li{
	display:inline;	
}

.resCalander {
	margin-top: 50px;
}

#reservationNav {
	width: 590px;
	margin-left: auto;
	margin-right: auto;
}

#reservationNav p {
	text-align: center;
}

#reservationNav select {
	margin-left: 5px;
}

#resForm #reservationNav li{
	float: left;
	margin-right: 7px;
	margin-bottom: 5px;
}

#resForm #reservationNav .submitButton {
	float: right;
	margin-top: 5px;
	margin-bottom: 7px;
}

#resForm #reservationNav .submitButton input {
	padding-left: 3px;
	padding-right: 3px;
}

#resForm {
	margin-bottom: 25px;
}

#quickRes {
	margin-right: 3px;
	margin-top: 3px;
}

.nights {
	margin-top: 3px;
}

.numNight {
	margin-top: 3px;
}

#datepicker {
	margin-top: 5px;
	margin-right: 15px;
}

#dateCheck {
	margin-left: 0px;
}

.subButton {
	margin-left: 15px;
	margin-top: 3px;
}


/*classesNeeded*/
.width150{
	width:150px;
}
.width270{
	width:270px;	
}
.width550{
	width:550px;
}
#ratesTable{
	margin-top:20px;	
}
#ratesTable td{
	height:25px;	
}
.white{
	color:#ffffff;
	padding:50px;	
}
.emresized p.shortleft{
	left: -180px;
    position: relative;
    width: 650px;
}
.emresized p.paddingleft{
	position:relative;
	left: 18px;	
}
.empty{
	height:200px;	
}
.margleft{
	left:155px;	
}
.margtop{
	top:55px;	
}
.margtop55{
	margin-top:55px;	
}
.right{
	padding-left:20px;		
}
.middle{
	float:left;	
}
.middle .dot{
	margin:-50px 0 0 -65px;
	position:absolute;
}
.right .dot{
	float:right;
	left:-290px;
	position:relative;
	top:-64px;
}
.bottom{
	padding-top:10px;	
}
.bottom a{
	font-size:14px;
	padding-right:18px;
}
.bottom li{
	display:inline;	
}
.bottomtwo{
	font-size:12px;
	position:relative;
	top:10px;
}
.bottomtwo li{
	display:inline;	
	padding-right:15px;
}
.width590{
 	width:590px;	
}
.padleft{
 	padding-left: 15px;	
}
.padleft10{
	padding-left:10px;	
}
.padtop60{
	padding-top:60px;
}
.padtop10{
	padding-top:10px;	
}
.padr15{
	padding-right:15px;	
}
.pad50{
	padding:10px 10px 0 25px;
	text-align:left;	
}
.margeright15{
	margin-right:15px;	
}
.margebot15{
	margin-bottom:15px;	
}
.padbottom50{
	padding-bottom:50px;	
}
.sideimage .nomarge{
	margin:0px;	
}
.moveaboutright{
	margin-right:-40px;
	margin-top:-30px;
	margin-left:15px;
}
.moveaboutleft{
	margin-top:-30px;	
}
#spacer{
	height:150px;	
}
.letter1{
	letter-spacing:-1px;	
}
/*Blue Side Images*/


.sideimage{
	background: url(http://www.barclaycottage.com/images/sidepiece.png) no-repeat;
	padding:120px 50px 90px 60px;
	width:400px;
}
.topbox{
	background: url(http://www.barclaycottage.com/images/packtopside.png) no-repeat;
	padding:30px 0 0 55px;
	height:284px;
	width:400px;
}

.topbox.clock {
	margin-top: 15px;
}
.topboxlong{
	background: url(http://www.barclaycottage.com/images/bluelong.png) no-repeat;
	padding:30px 0 0 55px;
	height:366px;
	width:400px;
}

.topbox1{
	background: url(http://www.barclaycottage.com/images/plantopside.png) no-repeat;
	padding:30px 0 0 55px;
	height:417px;
	width:400px;
}

.sideimage ul{
	margin-top:20px;	
}
.sideimage ul.press{
	margin:0px;	
}
.sideimage li, .topbox li, .topbox1 li, .topboxlong li{
	color:#ffffff;
	font-family: 'LucidaHandwritingItalic', LucidaHandwritingItalic, lucidahandwriting;
	font-weight:normal;	
	line-height:40px;
	padding-left:18px;
	background: url(http://www.barclaycottage.com/images/sidepiecelistimage.jpg) no-repeat center left;
	font-size:16px;
}
.sideimage li a, .topbox li a, .topbox1 li a, .topboxlong li a{
	font-family: 'LucidaHandwritingItalic', LucidaHandwritingItalic, lucidahandwriting;
	font-weight:normal;	
	text-decoration: underline;	
	color:#ffffff;
	font-size:16px;
}
.sideimage li a:hover, .topbox li a:hover, .topbox1 li a:hover, .topboxlong li a:hover{
	text-decoration:none;
}
.sideimage .signimg{
	margin-left:143px;
	margin-top:-22px;
}
.sideimage .presssign{
	margin-left:135px;
	margin-top:-60px;	
}
.sideimage .bfastsignimg{
	margin-left:140px;
	margin-top:-20px;	
}
.sideimage .packsign{
	  margin-left: 136px;
    margin-top: -90px;
}
.sideimage .alicesign{
	margin-left:135px;
	margin-top:-20px;	
}
.sideimage .bfastsignimg1{
	margin-left:140px;
	margin-top:-25px;	
}
.sideimage .signimgrooms{
	margin-left:144px;
	margin-top:15px;	
}
.topbox .nostyle, .topbox1 .nostyle, .sideimage .nostyle{
	background-image:none;
	line-height:25px;
	list-style:none outside none;
	width:180px;
	padding-top:15px;
}
.sideimage .noliimg{
	background-image:none;
	margin-left: -15px;	
}
.sideimage .lineheight25, .topbox .lineheight25, 
.topbox1 .lineheight25, .topboxlong .lineheight25{
	line-height:25px;
	padding-top:15px;	
}

#liBullet {
	background-image: none;
	list-style: url("http://www.barclaycottage.com/images/sidepiecelistimage.jpg");
	list-style-position: outside;
	padding-left: 0px;
	margin-left: 20px;
}

.sideimage li.lineheight25nopad{
	margin-top:10px;	
}

.topbox1 li.none{
	list-style:none;	
}.topbox1 li{
	background:none;	
}
.sideimage .width200, .topbox .width200, .topbox1 .width200, .topboxlong .width200{
	width:200px;	
}
ul.directions{
	 margin-left: 15px;
    width: 550px;
}
ul.directions li{
	list-style:disc;	
}
ul.directions a{
		
}

/*footer content*/	
div.hr { 
	height: 15px; 
	background: url(http://www.barclaycottage.com/images/hr.png) no-repeat scroll center;
	border:medium none;
	height:7px;
	position:relative;
	top:9px;
	margin-bottom:5px;
}
div.hr hr{display:none;}

#footer {
	background:url(http://www.barclaycottage.com/images/footerbg.jpg) repeat-x;
	position: relative;
	margin-top: -200px; 
	height: 200px;
	clear:both;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}
#footer li{
	color:#ffffff;
}
#footer a{
	color:#ffffff;	
}
#footer a:hover{
	text-decoration:none;
}
#block{
	margin:0 auto;
	position:relative;
	top:15px;
	width:980px;	
	background-repeat:no-repeat;
	background-position:center;
}
.left{
	float:left;
	text-align:left;
	padding-left:20px;
	width:40%;	
}
.left a{
	text-decoration:none;	
}


/*Tool Tip CSS*/

#easyTooltip{
	padding:5px 10px;
	border:2px solid #b08d50;
	background:#584831;	
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	}
	
	/*CLOCK*/
#clock{
 	border: none;
    margin: 0 0 0 31px;
    padding-left: 7px;
    padding-top: 4px;
    width: 180px;
    float: left;
   
}

/* for div that works like table */
.dtable{
	width: 960px;
	display: table;
	clear:both;
}

.dthead{
	display:table-row;
	background:#294060;
	padding: 0 5px 0 15px;
	text-align:center:
	font-family: 'TrajanRegular', Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: white;
	height: 36px;
}

.d-th{
	display:table-cell;
	border:1px solid #fff;
	padding: 10px 5px 10px 15px;
	text-align:center;
}

.dtrow{
	display:table-row;
	text-align:left;
}

.d-td{
	display:table-cell;
	padding: 10px 5px 10px 12px;
	border:1px solid white;
}

.odd{
	background: #f5f2df;
}

.even{
	background: #e3dfce;
}

#blogfeed {
	background: url(http://www.barclaycottage.com/images/blogfeed-bg.jpg) repeat-y;
	max-width: 600px;
	min-width: 600px;
	margin-top: 1.7em;
	padding:0;
	z-index:10;
}
#blogfeed img {
	padding-bottom: 0px;
}

#blog-inner {
	color: #000;
	border:0;
	padding: 10px 32px 10px 32px;
	background:transparent;
	z-index:12;
}
#share {
	position:relative;
	height:40px;
	margin-bottom:15px;
	width:400px;
}
#share-f, #share-t, #share-g, #share-p {
	float:left;
}