@charset "utf-8";
img, div { behavior: url(http://www.yurtsandsqurts.com/styles/iepngfix.htc) }
#innerwrap{
	width:100%;
	height:100%;
}

* {margin:0;padding:0}
/* mac hide \*/
html,body{height:100%;width:100%;}
/* end hide */
body { 
	min-height:468px;/* for good browsers*/
	min-width:552px;/* for good browsers*/
}
#xouter{
	height:100%;
	width:100%;
	display:table;
	vertical-align:middle;
}
#xcontainer {
	position:relative;
	vertical-align:middle;
	display:table-cell;
	height: 660px;
}	
#xinner {
	width: 800px;
	height: 660px;
	margin-left:auto;
	margin-right:auto;
}
/* not required for demo */
p,h1{margin-bottom:1em}
#header{margin-right:0}
.maintxt{text-align:left;margin:1em;}
/* - */

p{
	padding-top:0;
	margin-top:0;
	margin-bottom:10px;
}
body {
	background-color: #71B544;
	margin-top: 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000000;
}
blockquote{
	color:#ED135D;
	margin-left:0px;
	margin-right:0px;
	padding-left:0px;
	padding-right:0px;
	margin-bottom:5px;
	padding-bottom:0px;
}
select{
	font-size:10px;
}
form {
	margin-bottom:10px;
	padding-bottom:0px;
	margin-top:5px;
	padding-top:0px;
}
a {
	color:#0091D6;
	text-decoration:none;
	font-weight:bold;
}
a img{
	border:none;
	text-decoration:none;
}
a:hover {
	color: #9D7750;
	text-decoration:none;
	font-weight:bold;
}
.galleryBack a{
	color:#0091D6;
	text-decoration:none;
	font-weight:bold;
}
.galleryBack a:hover {
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}
.leafHold{
	position:absolute;
	left:30px;
	top:122px;
	z-index:700;
	width:375px;
}
.dj{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:500;
}
.flagLeft{
	position:absolute;
	bottom:120px;
	left:40px;
	z-index:10;
	width:300px;
}
#container {
	width: 770px;
	height:600px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	clear:both;
	background-image:url(../images/default/background.jpg);
	background-repeat:no-repeat;
	position:relative;
	z-index:2;
	top:40px;
}
#borderHold{
	width: 870px;
	height:680px;
	margin: auto auto;

	background-color: #71B544;
	clear:both;
	position:relative;
	z-index:1;
}
.topBord{
	position:absolute;
	top:10px;
	left:0px;
	z-index:100;
}
.leftBord{
	position:absolute;
	top:0px;
	left:15px;
	z-index:100;
}
.rightBord{
	position:absolute;
	top:0px;
	right:20px;
	z-index:100;
}
.bottomBord{
	position:absolute;
	bottom:0px;
	right:0px;
	z-index:100;
}
#logo{
	width: 186px;
	background-color:;
	position:absolute;
	margin-left:20px;
	margin-top:20px;
	z-index:200;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://clients.r-evolution.co.uk/Yurts-n-Squrts/logo.png', sizingMethod='scale');
}
.topAnim{
	width:770px;
	position:absolute;
	top:50px;
	left:0px;
	z-index:9;
}
.bottomSection{
	width:770px;
	position:absolute;
	bottom:20px;
	left:0px;
	z-index:12;
}
.leftAnim{
	width:auto;
	position:absolute;
	top:20px;
	left:0px;
	z-index:55;
}
.leftAnimLow{
	width:auto;
	position:absolute;
	top:240px;
	left:0px;
	z-index:55;
}
.leftAnimLowGal{
	width:auto;
	position:absolute;
	top:240px;
	left:0px;
	z-index:55;
}
.imageHold{
	width:70px; 
	float:left;
	margin-right:10px;
}
.scotland{
	width:65px;
	position:absolute;
	right:115px;
	top:108px;
}
.scFest{
	width:18px;
	position:absolute;
	right:136px;
	top:159px;
	z-index:200;
}
.north{
	width:74px;
	position:absolute;
	right:86px;
	top:187px;
}
.nFest{
	width:18px;
	position:absolute;
	right:106px;
	top:219px;
	z-index:200;
}
.midlands{
	width:84px;
	position:absolute;
	right:59px;
	top:241px;
}
.mFest{
	width:18px;
	position:absolute;
	right:91px;
	top:267px;
	z-index:200;
}
.south{
	width:120px;
	position:absolute;
	right:60px;
	top:290px;
}
.sFest{
	width:18px;
	position:absolute;
	right:90px;
	top:302px;
	z-index:200;
}
.wales{
	width:43px;
	position:absolute;
	right:126px;
	top:251px;
}
.wFest{
	width:18px;
	position:absolute;
	right:134px;
	top:280px;
	z-index:200;
}
.northernIreland{
	width:31px;
	position:absolute;
	right:172px;
	top:197px;
}
.iFest{
	width:18px;
	position:absolute;
	right:177px;
	top:207px;
	z-index:200;
}
.ireland{
	width:66px;
	position:absolute;
	right:179px;
	top:193px;
}
.galleryImage{
	width:70px; 
	float:left;
	text-align:center;
}
.galleryText{
	width:57px; 
	float:right;
	text-align:right;
}
.galleryHolding{
	white-space:nowrap;
	width:210px;
	height:110px;
	position:absolute;
	top:290px;
	left:20px;
	z-index:55;
}
.galleryScroller{
	white-space:nowrap;
	height:90px;
	float:left;
	top:290px;
	left:20px;
	z-index:55;	
}
.galleryPrompt{
	width:210px;
	position:absolute;
	top:2px;
	left:10px;
	z-index:55;
	text-align:center;
	font-size:12px;
	color:#0091D6;
	padding-bottom:10px;
}
.galleryBack{
	width:210px;
	position:absolute;
	top:350px;
	left:20px;
	z-index:55;
	text-align:left;
}
.bookingInfoFoot{
	width:410px;
	position:absolute;
	top:450px;
	left:20px;
	z-index:55;
	text-align:left;
color:#000000;
}
.rightAnimLarge{
	width:401px;
	position:absolute;
	top:40px;
	right:20px;
	z-index:55;
}
.galleryBigHold{
	width:270px;
	position:absolute;
	top:170px;
	right:84px;
	z-index:55;
	text-align:center;
	background-color:#BEB9C6;
}
.rightAnimLargeBg{
	width:301px;
	position:absolute;
	top:40px;
	right:40px;
	z-index:55;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}
.rightAnimLargeBook{
	width:530px;
	position:absolute;
	top:40px;
	right:40px;
	z-index:55;
	background-color:#FFFFFF;
	height:493px;
	clear:both;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}
.rightAnimLargeBook2{
	width:400px;
	position:absolute;
	top:40px;
	right:40px;
	z-index:55;
	background-color:#FFFFFF;
	height:493px;
	clear:both;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}
.gall-main{
	width:470px;
	position:absolute;
	top:73px;
	right:32px;
	z-index:55;
	height: 345px;
	background-color:#FFFFFF;
	filter:alpha(opacity=90);
	opacity: 0.9;
	-moz-opacity:0.9;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:15px;
}
.gallery_hold{
	width:460px;
	height:300px;
	padding-top:10px;
	
}
.gallery_pic{
	
	width:130px;
	padding-right:10px;
	margin-bottom:15px;
}
.gallery_image{
	width:130px;
	height:87px;
}
.gallery_text{
	width:130px;
	height:20px;
	line-height:20px;
	background-color:#0091D6;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:10px;
}
.gallery_pic2{
	float:left;
	width:130px;
	padding-right:10px;
	margin-bottom:15px;
}
.gallery_image2{
float:left;
	width:130px;
	height:87px;
}
.gallery_text2{
float:left;
	width:130px;
	height:20px;
	line-height:20px;
	background-color:#0091D6;
	color:#FFFFFF;
	text-align:center;
	margin-bottom:10px;
}
.gallery_text2 a{
	text-decoration:none;
	color:#FFFFFF;
}
.gallery_text2 a:hover{
	text-decoration:none;
	color:#FFFFFF;
}
.gallery_title{
	float:left;
	width:250px;
	background-color:#FFFFFF;
	color:#000000;
	padding-top:5px;
	padding-bottom:5px;
	font-size:14px;
}
.bookingText{
	position:absolute;
	right: 10px;
	top:105px;
	width:360px;
	color:#0091D6;
	height:320px;
}
.accomScroll{
	position:absolute;
	top:160px;
	left:0px;
	width:260px;
	height:250px;
}
.submitHold{
	position:absolute;
	top:410px;
	left:0px;
}
.bookingForm2{
	position:absolute;
	right: 10px;
	top:71px;
	width:261px;
	color:#0091D6;
	height:320px;
}
.bookingIntro{
	float:left;
	width:230px;
height:100px;
	color:#0091D6;

}
.bookingTitle{
	position:absolute;
	right: 10px;
	top:75px;
	width:360px;
	color:#0091D6;
	font-size:12px;
}
.bookingForm{
	width:234px;
	position:absolute;
	top:5px;
	left:10px;
	background-color:#FFFFFF;
}
.formTitle{
	width:auto;
	margin-right:8px;
	margin-top:4px;
	float:left;
	color:#0091D6;
	font-size:10px;
}
.formTitleA{
	width:auto;
	margin-right:8px;
	margin-top:4px;
	color:#0091D6;
	font-size:10px;
}
.accomTitle{
	width:40px;
	float:left;
	color:#0091D6;
	font-size:10px;
}
.accomTitleA{
	width:40px;
	color:#0091D6;
	font-size:10px;
	padding-right:4px;
line-height:12px;
}
.accomTitleA select{
	width:35px;
}
.accomTitle select{
	width:35px;
}
.formTitleSmall{
	width:auto;
	margin-right:10px;
	margin-top:4px;
	float:left;
	color:#0091D6;
	font-size:10px;
}
.formField{
	width:auto;
	float:left;
	min-height:25px;
	line-height:25px;
	font-size: 10px;
}
.formFieldA{
	width:auto;
	min-height:25px;
	font-size: 10px;
}
.formRecord{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:4px;
}
.formRecordA{
	width:200px;
	clear:both;
	margin-bottom:4px;
}
.formRecordBig{
	width:100%;
	float:left;
	clear:both;
	margin-bottom:4px;
}
.map{
	float:left;
	margin-left:55px;
	margin-right:55px;
	width:187px;
	height:217px;
	padding-top:5px;
}
.greenCred{
	width:auto;
	position:absolute;
	top:90px;
	left:50px;
	z-index:57;
}
.smallLeftAnim{
	width:auto;
	position:absolute;
	top:300px;
	left:15px;
	z-index:56;
}
#main {
	float: left;
	width: 770px;
    height:470px;
}
#mainHome {
	float: left;
	width: 590px;
	margin-top: 40px;
	margin-bottom:5px;
}
#subNavContainer{
	width:520px;
	float:left;
}
#mainText{
	margin-top: 15px;
	float: left;
	width:100%;
	color:#000000;
}
.textRight{
	position:absolute;
	right:40px;
	top:50px;
	z-index:20;
	color:#0091D6;
	width:250px;
	height:210px;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
}
.textRightY{
	position:absolute;
	right:30px;
	top:50px;
	z-index:20;
	color:#0091D6;
	width:250px;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	height:400px;
}
.textLower{
	position:absolute;
	right:40px;
	top:290px;
	z-index:20;
	color:#0091D6;
	width:250px;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	height:170px;
	min-height:160px;
}
.textComments{
	position:absolute;
	right:40px;
	top:290px;
	z-index:20;
	color:#0091D6;
	width:250px;
	background-color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	height:150px;
}
.titleRight{
	position:absolute;
	right:50px;
	top:20px;
	z-index:58;
	width:250px;
}
.titleRightG{
	position:absolute;
	right:20px;
	top:30px;
	z-index:58;
	width:250px;
	text-align:right;
}
.titleRightBook{
	position:absolute;
	right:30px;
	top:20px;
	z-index:58;
	width:250px;
	text-align:right;
}
.titleRightWide{
	position:absolute;
	right:60px;
	top:20px;
	z-index:58;
	width:250px;
}
.titleRightLower{
	position:absolute;
	right:20px;
	top:275px;
	z-index:30;
	width:250px;
	text-align:right;
}
.titleRightLowerAbout{
	position:absolute;
	right:20px;
	top:275px;
	z-index:30;
	width:250px;
	text-align:left;
}
.commentAdd{
	position:absolute;
	right:220px;
	top:435px;
	z-index:30;
	width:100px;
	text-align:left;
}
.commentNext{
	position:absolute;
	right:45px;
	top:435px;
	z-index:30;
	width:50px;
	text-align:left;
}

.lowHomeText{
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width:230px;
	height:140px;
}
.newsStoryHolder{
	width:190px;
	margin-left:10px;
	margin-right:10px;
	
	padding-bottom:5px;
	padding-top:5px;
}
.newsText{
	width:180px;
	
	margin-bottom:5px;
	font-size:12px
}
.newsTitle{
	width:180px;
	
	margin-bottom:5px;
	font-size:12px;
	font-weight:600;
}
.newsText a {
	color:#0091D6;
	text-decoration:none;
	font-weight:normal;
}
.newsText a:hover {
	color: #000000;
	text-decoration:none;
	font-weight:normal;
}
.commentText{
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	width:230px;
	height:120px;
	position:absolute;
}
.yurtText{
	float:left;
	margin-top: 15px;
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 15px;
	width:230px;
	height:315px;
}
.festivalText{
	float:left;
	margin-left:10px;
	margin-right: 10px;
	margin-top:5px;
	margin-bottom:5px;
	width:280px;
	color:#0091D6;
}
.homeText{
	margin-top: 25px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
	width:230px;
	height:160px;
}
.festivalsEventText{
	float:left;
	margin-left:10px;
	margin-right: 10px;
	margin-top:5px;
	margin-bottom:5px;
	width:290px;
	color:#0091D6;
	height:310px;
	filter:alpha(opacity=85);
	opacity:0.85;
	-moz-opacity:0.85;
}
.festivalListingTitle{
	float:left;
	margin-bottom:5px;
	width:280px;
	color:#0091D6;
	font-size:14px;
	font-weight:600;
}
.festivalListingTitle a{
	font-size:10px;
}
.festivalListing{
	float:left;
	width:300px;
	color:#0091D6;
	height:300px;
	padding-bottom:5px;
}
.festivalHolder{
	
	width:270px;
	margin-bottom:20px;
}
.festivalTitle{
	
	width:200px;
	font-size:12px;
	font-weight:500;
	margin-bottom:3px;
}
.festivalImage{
	width:170px;
	margin-right:5px;
	float:left;
	clear:both;
}
.festivalDescription{
	width:190px;
	float:left;
}
.festivalBook{
	width:180px;
	padding-left:0px;
	clear:both;
}
.sitemapHold{
	width:400px;
	float:left;
	margin-left:50px;
}
#head{
	background-color:#FFFFFF;
	width: 590px;
	padding-right: 0px;;
	padding-left: 0px;
	float:left;
	font-size:60px;
	color:#ED135D;
	min-height:175px;
	height:auto !important;
    height:175px;
}
.headItem{
	background-color:#FFFFFF;
	width: 590px;
	float:left;
}
#headItemPic{
	background-color:#FFFFFF;
	width: 590px;
	float:left;
}
.headItem2{
	background-color:#FFFFFF;
	width: 590px;
	float:left;
}
.menuTitle{
	color:#000000;
	font-size: 120%;
	font-weight: 500;
	margin-left: 5px;
}
.menuSelected{
	float:left;
}
.menuItem{
	float: left;
	display: block;
	text-align:left;
	color:#000000;
	width:auto;
	margin-left:12px;
}
.menuItemSelected{
	float: left;
	display: block;
	text-align:left;
	color:#ED135D;
	width:auto;
	margin-left:12px;
}
.menuItem a img, .menuItemSelected a img{
	text-decoration:none;
	border:none;
	color:#000000;
}
.menuItem a:hover{
	text-decoration:none;
	border:none;
	color:#ED135D;
}
.menuText:hover{
	background-color: #FFFFFF;
	background-image:url(../images/buttons/mainMenuOn.gif);
	color: #FFFFFF;
	color a: #FFFFFF;
}
.menuText a{
	text-decoration:none;
	color: #000000;
}
.menuText a:hover{
	text-decoration:none;
	color: #FFFFFF;
	background-color: #0099D9;
	font-family:Arial, Helvetica, sans-serif
}
.menuTextSelected a{
	text-decoration:none;
	color: #FFFFFF;
}
.menuTextSelected{
	width: 70px;
	background-color:#FFFFFF;
	background-image:url(../images/buttons/mainMenuOn.gif);
	line-height:28px;
	color: #FFFFFF;
	font-size: 80%;
	padding-left:12px;
	padding-right:12px;
}
.menuImage{
	margin-left:auto;
	margin-right:auto;
}
.menuImage2{
	margin-left:auto;
	margin-right:auto;
	padding-bottom:48px;
}
.subMenuItem{
	float: left;
	color:#0091D6;
	font-weight:bold;
}
.subMenuItemSelected{
	float: left;
	color:#000000;
	font-weight:bold;
}
.subMenuSpacer{
	float:left;
	width:10px;
	text-align:center;
	color:#0091D6;
}
#title {
	width: 465px;
	color: #9D9411;
	font-size: 200%;
	font-weight: 500;
	float:left;
}
.fullTitle{
	width:100%;
	float:left;
	text-align:left;
	margin-bottom:3px;
	color:#0091D6;
	font-size:14px;
	font-weight:600;
}
.spc{
	width:100%;
	float:left;
	text-align:left;
	color:#0091D6;
	font-size:14px;
	font-weight:600;
	height:5px;
	line-height:5px;
}
#titleHome {
	width: 590px;
	color: #9D9411;
	font-size: 200%;
	float:left;
}
#subMenu {
	width: 230px;
	float:right;
	line-height: 12px;
	font-size: 12px;
	color:#000000;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
	z-index:1000;
}
#festsubMenu {
	width: 260px;
	float:right;
	line-height: 12px;
	font-size: 12px;
	color:#000000;
	margin-top:30px;
	margin-left:10px;
	margin-right:10px;
}
#mainMenu{
	position:absolute;
	bottom:10px;
	left:0px;
	width:770px;
	z-index:110;
}
#footer{
	position:absolute;
	bottom:0px;
	left:0px;
	width: 770px;
	height:120px;
	background-repeat:no-repeat;
	z-index:100;
}
#lowLayerFooter{
	position:absolute;
	bottom:-10px;
	left:0px;
	width: 770px;
	height:130px;
	background-repeat:no-repeat;
	z-index:100;
}
.footerItem{
	float: left;
	width:auto;
	font-size:12px;
	color:#000000;
	line-height:20px;
	margin-left:10px;
}
.footerRight{
	float:right;
	width:auto;
	font-size:8px;
	color:#999999;
	line-height:20px;
	margin-left:10px;
}
.creds{
	position:absolute;
	bottom:-5px;
	left:60px;
	z-index:1000;
	width:740px;
	font-size:10px;
}
.credLeft{
	float:left;
	text-align:left;
	color:#FFFFFF;
}
.credRight{
	float:right;
	text-align:right;
	color:#FFFFFF;
	margin-left:30px;
}
.creds a{
	color:#FFFFFF;
	text-decoration:none;
}
.creds a:hover{
	color:#cccccc;
	text-decoration:none;
}
.sIFR-active #subMenu, .sIFR-active #festsubMenu, .sIFR-active .galleryBack, .sIFR-active .galleryPrompt, .sIFR-active .galleryText{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}
t:120px;
	background-repeat:no-repeat;
	z-index:100;
}
#lowLayerFooter{
	position:absolute;
	bottom:-10px;
	left:0px;
	width: 770px;
	height:130px;
	background-repeat:no-repeat;
	z-index:100;
}
.footerItem{
	float: left;
	width:auto;
	font-size:12px;
	color:#000000;
	line-height:20px;
	margin-left:10px;
}
.footerRight{
	float:right;
	width:auto;
	font-size:8px;
	color:#999999;
	line-height:20px;
	margin-left:10px;
}
.creds{
	position:absolute;
	bottom:-5px;
	left:60px;
	z-index:1000;
	width:740px;
	font-size:10px;
}
.credLeft{
	float:left;
	text-align:left;
	color:#FFFFFF;
}
.credRight{
	float:right;
	text-align:right;
	color:#FFFFFF;
	margin-left:30px;
}
.creds a{
	color:#FFFFFF;
	text-decoration:none;
}
.creds a:hover{
	color:#cccccc;
	text-decoration:none;
}
.sIFR-active #subMenu, .sIFR-active #festsubMenu, .sIFR-active .galleryBack, .sIFR-active .galleryPrompt, .sIFR-active .galleryText{
	visibility: hidden;
	font-family: Verdana;
	line-height: 1em;
}
