/*-----------------------------------------------------------------------------
Lough Erne Villa Rentals

version:   1.0
author:    Clark Caughey
email:     clark.c@sugarrushcreative.com
website:   http://www.sugarrushbelfast.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/

@import url("reset.css");

body {
	background: url(images/bg.jpg) repeat-x top center #F6F4F1;
	font-family: Arial, Helvetica, sans-serif;
}

#logo {
	width: 290px;
	height: 90px;
	background: url(images/logo.gif) top left no-repeat;
	float: left;
	margin: 20px 0 0 10px;
}

#container {
	width: 914px;
	margin: 0 auto;
	padding: 0 20px;
}


/* =Typography
-----------------------------------------------------------------------------*/

blockquote p { font-size: 11px; font-family: Arial, Helvetica, sans-serif; color:#fff; line-height: 126%; margin: 14px 0 10px 0;}
blockquote cite { font-style: normal; display: block; font-size: 10px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 11px}
blockquote {
	font-family: Georgia, Times, serif;
	width: 180px; /* required */
	margin: 0 auto;
	}


/* =Headings
-----------------------------------------------------------------------------*/

h1{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 24px;
	font-style: italic;
}

#offerTag {
	position: absolute;
	margin: 35px 0 0 265px;
}
  


/* =Links
-----------------------------------------------------------------------------*/

a {
	color: #999999;
	text-decoration: none;
}

a:hover {
	color: #999999;
	text-decoration: underline;
}

/* =Branding
-----------------------------------------------------------------------------*/

/* =Main Nav
-----------------------------------------------------------------------------*/

#nav {
	font-family: Century Gothic, AplleGothic, sans-serif ;
	font-size: 14px;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#nav li{
	float: right;
	padding: 73px 0px 10px 0px;
	margin: 0 4px;
}

#nav a {
	color: #000;
	text-decoration: none;
	padding: 10px;
}

#nav li.selected{
	background: #2F2F2F;
	color: #FFF; 
}

#nav li.selected a{
	color: #fff; !important
	text-decoration: none;
}


/* =Sub Nav
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/

.sliderwrapper{
	position: relative; /*leave as is*/
	overflow: hidden; /*leave as is*/
	width: 914px; /*width of featured content slider*/
	height: 362px;
	background:url(images/bg-slideshow.png) top center no-repeat;
	margin: 15px 0 20px 0;
}



.sliderwrapper .contentdiv{
	visibility: hidden; /*leave as is*/
	position: absolute; /*leave as is*/
	left: 0;  /*leave as is*/
	top: 0;  /*leave as is*/
	padding: 17px;
	width: 884px; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
	height: 100%;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.sliderwrapper .contentdiv .description{
	width: 190px;
	float: right;
	margin: 10px 10px 0 0;
} 

.sliderwrapper .contentdiv .description h1{
	margin: 14px 0 20px 0;
	font-size: 22px;
}

.sliderwrapper .contentdiv .description p{
	font-size: 12px;
	color: #666666;
	line-height: 148%;
	margin: 0 0 17px 0;
}

.sliderwrapper .contentdiv a{
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	padding: 4px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-shadow:0px -1px 0px #600634;
	background: url(images/btn-pink.jpg) bottom center repeat-x #E3117C;
	border: 1px #A90D5C solid;
	font-weight: bold;
} 

.sliderwrapper .contentdiv a:hover{
	background: #A90D5C;
	border: 1px #600634 solid;
}

.pagination{
	width: 194px; /*Width of pagination DIV. Total width should equal slider's outer width (400+10+10=420)*/
	text-align: left;
	position: absolute;
	margin: -68px 0 0 700px;
	z-index: 100;
}

.pagination a{
	background: url(images/dot-inactive.gif) center no-repeat;
	font-size: 1px;
	padding: 7px 5px 6px 5px;
	color: #CCCCCC;
}

.pagination a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
}

.pagination a.selected{
	background: url(images/dot-active.gif) center no-repeat;
	color: #333333;
}

.pagination .next{
	display: none;
}

.pagination .prev{
	display: none;
}

.box {
	background: url(images/box-shadow.gif) bottom center;
	width: 208px;
	padding: 0 6px 9px 6px;
	float: left;
	margin: 0 9px 0 0;
}

.boxG {
	background: url(images/box-shadow-green.gif) bottom center;
	width: 208px;
	padding: 0 6px 9px 6px;
	float: left;
	margin: 0 9px 0 0;
}

.box2 {
	background: url(images/box-shadow2.gif) bottom center;
	width: 444px;
	padding: 0 6px 9px 6px;
	float: left;
	margin: 0 0 0 0;
}

.box2 p{
	font-size: 11px;
	margin: 10px 15px;
	width: 230px;
	color: #5E5A53;
	line-height: 125%;
}

#boxFeedback {
	background: url(images/feedback.gif) top center no-repeat;
	width: 208px;
	padding: 23px 0 0 0;
	min-height: 207px;
}

#boxFeatured {
	background: url(images/featured.jpg) #F0ECE4 top center no-repeat;
	width: 208px;
	padding: 5px 0 0 0;
	min-height: 225px;
}

#boxFeatured a{
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	padding: 4px 15px;
	background: url(images/btn-pink.jpg) bottom center repeat-x #E3117C;
	font-weight: bold;
} 

#boxFeatured h4 {
	margin: 172px 15px 5px 15px;
	font-size: 11px;
	color: #F90;
}

#boxFeatured p {
	margin: 0px 15px 5px 15px;
	font-size: 11px;
	color: #FFF;
}

#boxProperty{
	width: 208px;
	padding: 5px 0 0 0;
	min-height: 225px;
}

#boxProperty h4 {
	margin: 172px 15px 5px 15px;
	font-size: 11px;
	color: #F90;
}

#boxProperty p {
	margin: 0px 15px 5px 15px;
	font-size: 11px;
	color: #FFF;
}

#boxMap {
	background: url(images/map.gif) #F3F3F3 top center no-repeat;
	width: 444px;
	padding: 23px 0 0 0;
	min-height: 207px;
}

#ribbon {
	position: absolute;
	margin: -13px 0 0 -10px;
}



/* =Secondary Content
-----------------------------------------------------------------------------*/

/* =Tabbed Content
-----------------------------------------------------------------------------*/

.booking {
	float: right;
	width: 195px;
	background: url(images/booking-bg.jpg) top left no-repeat;
	margin: 28px 0 0 668px;
	padding: 27px 20px 20px 20px;
	position: absolute;
	height: 297px;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.mootabs_title {
	list-style-image: none;
	list-style-type: none;
	margin: -2px 0 0 0;
	padding: 0px;
	border-top: 1px solid #C5C5C5;
	width: 668px;
}

.mootabs_title li {
	float: left;
	background-color: #F6F4F1;
	padding: 5px 18px;
	cursor: pointer;
	color: #666666;
	font-size: 12px;
	height: 24px;
	line-height: 24px;
	margin: -1px 6px 0 0;
	border: 1px solid #C5C5C5;
	font-weight: bold;
}

.mootabs_title li.active {
	background-color: #FFFEFB;
	border-right: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-bottom: 1px solid #C5C5C5;
	border-top: 1px solid #FFFFFF;
}

.mootabs_panel {
	display: none;
	position: relative;
	width: 666px;
	top: -2px;
	clear: both;
	color: #fff;
	margin: 30px 0 0 0;
	background: #FFFEFB;
}

.mootabs_panel.active {
	display: block;
	background-color: #FFFEFB;
	border-right: 1px solid #C5C5C5;
	border-left: 1px solid #C5C5C5;
	border-top: 1px solid #C5C5C5;
	
}

.mootabs_panel h1{
	color: #333;
	margin: 50px 0 10px 50px;
}

.mootabs_panel h2{
	color: #333;
	margin: 10px 0 0 0;
	font-size: 12px;
}


.mootabs_panel p{
	color: #5E5A53;
	margin: 0 0 10px 50px;
	font-size: 11px;
	line-height: 120%;
}

.mootabs_panel ol{
	margin: 10px 0 10px 0;
	font-size: 11px;
	color: #5E5A53;
}

.mootabs_panel ol li{
	list-style: square outside ;
	margin: 10px 0 10px 0;
	line-height: 128%;
}

.tabFloat1 {
	width: 265px;
	float: left;
	margin: 0 40px 0 50px;
}

.tabFloat2 {
	width: 265px;
	float: left;
}

#tourContainer {
	margin: 15px 0 0 40px;
}

.tour {
	width: 175px;
	float: left;
	margin: 9px;
	border: 1px solid #CCC;
}

.tour a{
	background: url(images/blackbg.png);
	display: block;
	padding: 99px 5px 5px 5px;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}


/* =Footer
-----------------------------------------------------------------------------*/

#footer {
	background:url(images/footer.gif) top center repeat-x;
	margin: 20px 0 0 0;
}

#footerInner {
	width: 874px;
	margin: 0 auto;
	padding: 20px 20px;
	font-size: 11px;
	color: #999999;
	line-height: 150%;
}


/* =Forms
-----------------------------------------------------------------------------*/

.offerForm input,
.offerForm select{
	margin: 0 0 0 50px;
	padding: 0;
}

label {
	width: 100px;
	display: inline-block;
	font-weight: bold;
}

#wpcf7-f2-p11-o1,
#wpcf7-f3-p64-o1{
	margin: 0 0 0 10px;
}

/* =Tables
-----------------------------------------------------------------------------*/

/* =Misc 1
-----------------------------------------------------------------------------*/

/* =Misc 2
-----------------------------------------------------------------------------*/

/* =Property Listing
-----------------------------------------------------------------------------*/

ul#portfolio-filter{ margin: 10px 0 0 0;; padding: 0 15px; line-height: 64px; background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/filter-bg.png) center repeat-x; font-size: 12px; color:#666666; font-weight: bold;}
ul#portfolio-filter li{ display: inline; }
ul#portfolio-filter a{ margin-right: 0.5em; padding: 0.5em 1em; color: #999999; font-weight: bold; text-decoration: none; }
ul#portfolio-filter a:hover, ul#portfolio-filter a.current{ color: #666666; }
ul#portfolio-filter a.current{ color: #666666; }

ul#portfolio-list{ margin: 20px 0 0 0; padding: 0; list-style: none; }
ul#portfolio-list li{ width: 208px; height: 230px; display: block; float: left; margin: 0 9px 20px 9px; overflow: hidden; border: 1px solid #C5C5C5;}
ul#portfolio-list li a{ display: block; width: 163px; height: 120px; overflow: hidden; background: #eee; }


/* =Facebox
-----------------------------------------------------------------------------*/

#facebox .b {
  background:url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/b.png);
}

#facebox .tl {
  background:url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/tl.png);
}

#facebox .tr {
  background:url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/tr.png);
}

#facebox .bl {
  background:url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/bl.png);
}

#facebox .br {
  background:url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #fff;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .close{
	position: absolute;
	margin: -30px 0 0 -30px;
	cursor: pointer; !important
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#galleryContainer img {
	width: 75px;
	height: 75px;
	margin: 0 0px 2px 0;
	border: 1px solid #CCC;
}

#galleryContainer {
	margin: 25px 50px 0 50px;
}

#introduction {
	font-size: 16px;
	color: #666;
	font-weight: bold;
}

#description {
	font-size: 12px;
	color: #666;
}

#overviewImg {
	width: 275px;
	float: right;
	margin: 30px 10px 0 50px;
}

#overviewImg .large {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/overview-mainbg.jpg) top center;
	padding: 17px 15px 15px 14px;
}

#overviewImg .larger {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/overview-mainbg2.jpg) top center;
	padding: 17px 15px 15px 14px;
}

#overviewImg .thumb {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/overview-smallimg.jpg) top center;
	padding: 5px 5px 5px 5px;
	margin: 10px 0 0 1px;
}

p.price {
	font-weight: bold;
	color: #333;
	padding: 10px 0 0 0;
}


p.price strong {
	font-size: 20px;
	color: #8DC641;
}


.top10 {
	float: right;
	width: 195px;
	background: url(images/booking-bg.jpg) top left no-repeat;
	margin: 28px 0 0 668px;
	padding: 27px 20px 20px 20px;
	position: absolute;
	height: 297px;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.top10 ol {
	list-style: decimal;
	font-size: 11px;
	margin: 17px;
}

.top10 ol li{
	margin: 0 0 10px 0;
}

.contentContainer {
	width: 666px;
	border: 1px solid #CCC;
	background: #FFFEFB;
	margin: 28px 0 0 0;
	padding: 0 0 20px 0;
	font-size: 11px;
}

.contentContainer h1{
	margin: 50px 50px 20px 50px;
}

.contentContainer h2{
	margin: 20px 50px 10px 50px;
	font-size: 12px;
}

.contentContainer p{
	font-size: 12px;
	line-height: 130%;
	margin: 10px 50px;
}

.contentContainer ol{
	list-style: square;
	margin: 10px 65px;
}

.bookingContainer {
	width: 666px;
	border: 1px solid #CCC;
	background: #FFFEFB;
	margin: 28px 0 0 0;
	padding: 0 0 20px 0;
	font-size: 11px;
}

#booking {
	width: 566px;
	margin: 0 auto;
}

#booking a{
	color: #000;
	font-size: 12px;
}

.bookingContainer strong{
	font-size: 18px;
}

.bookingContainer h1 {
	margin: 50px 50px 10px 50px;
}

.bookingContainer h3{
	font-size: 16px;
}

.bookingContainer h4{
	font-size: 60px;
}

.booking h1{
	margin: 0 0 24px 0;
}

.booking p{
	font-size: 12px;
	margin: 2px 0;
}

button {
	
}

button:hover {
	
}

#availiblity {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/availiblity.png) top left;
	width: 180px;
	height: 37px;
	border: 0px solid;
	text-indent: -100000px;
	margin: 24px 0;
}

#availiblity:hover {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/availiblity.png) bottom left;
	cursor: pointer;
}

#terms {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/terms.png) top left;
	width: 180px;
	height: 37px;
	border: 0px solid;
	text-indent: -100000px;
	margin: 24px 0;
}

#terms:hover {
	background: url(http://www.loughernevillarentals.com/wp-content/themes/lough-erne/images/terms.png) bottom left;
	cursor: pointer;
}

.map {
	width: 666px;
	border: 1px solid #CCC;
	background: #FFFEFB;
	margin: 28px 0 0 0;
	padding: 0;
	font-size: 11px;
}

.contact {
	float: right;
	width: 195px;
	background: url(images/booking-bg.jpg) top left no-repeat;
	margin: 28px 0 0 668px;
	padding: 27px 20px 20px 20px;
	position: absolute;
	height: 297px;
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.contact p{
	font-size: 12px;
	margin: 20px 0;
	line-height: 140%;
}