/* ::::::::::::::::::::::: Site-wide ::::::::::::::::::::::: */

* { box-sizing: border-box; }

body {
background-color:#fff;
margin: 0;
	text-align:center;
	font: 200 16px Raleway, helvetica,'century gothic', sans-serif; 
	line-height: 1.5;
	color: #333;
border-top: none 24px #b7d5df;
background-color: #889988;  
/* background:url(images/bg_cad.jpg); */
}

 

h1 {color: #ee7744; margin:0;padding:0; font-size: 34px; line-height: 1.2}

h2 {color: #ee7744; margin:0;padding:0; font-size: 30px; font-weight: 100; line-height: 1.2}

h3  /* Subhead green */
/* {color: #008866; margin:0; padding: 8px 0 0 0 ; font-size: 22px; font-weight: 600;} */
{color: #0e703d; margin:0; padding: 8px 0 0 0 ; font-size: 22px; font-weight: 600;}

h4 /* Subhead orange */
{/* color: #ee7744;  color: #dd6633;*/ color: #333; margin:0;margin-top: 0px; font-size: 18px; font-weight: 600;} 

h5 /* bolded */
{color: #008866; margin:0;padding:0; font-size: 15px; font-weight: 600; display:inline} 

h6 /* tagline */
{color: #77aa77; margin: 20px 0 0 0; padding: 20px 0; font-size: 20px; font-weight: 200; font-style: italic; margin-top: -15px} 



.green-lt  {color:#99bb88}
.green-m  {color:#88B04B}
.green  {color:#0e703d}
.orange  {color:#ee7744}
.red {color:#ee5555}
.gold {color:#ee7744}
.black {color:#000}
.bg-green-lt {color:#99bb88}


.quote {color: #88B04B; 
font: 200 30px Raleway, helvetica, arial, sans-serif; padding: 10px }

.newitem { 
color: #ee5555; 
text-transform: uppercase; 
font: bold italic 18px helvetica, arial; 
}

.small, .caption {font-size: 12px; line-height: 1.2 }

a.extra-link {font-size: 12px; font-weight: bold }

li { list-style-type: square }


ul li {list-style-type: square; }
/* ul.bulleted {list-style-image: url('images/square_green-lt.png');} */

/* ::::::::::::::::::::::: hiders ::::::::::::::::::::::: */
.hide-phone { display: block }
.hide-screen { display: none }
.hide-screen-pad { display: none }


/* ::::::::::::::::::::::: jQuery ::::::::::::::::::::::: */
.detail {display: none }



/* ::::::::::::::::::::::: container ::::::::::::::::::::::: */

 #container {
position: relative; top:0px; left: 0px;
max-width:1500px; height:auto;
background-color: #fff;
padding:0; margin:0;
text-align:center;
overflow:visible;
border:none 1px #000;
border-right: none 1px #008866;
z-index: 90;
}



/* ::: social media. This is a absolute block   ::: */
#container-sm {
width: 40px;
display: block;
position: absolute; top: 40px; right: 5px;
z-index: 110; 
}

#container-sm img {border: solid 1px #fff }



/* ::::::::::::::: Banner ::::::::::::: */

#banner {
position: relative; top: 0px; left:0;
width:100%; height: 120px;
margin: 0; padding:0px 0 10px 0;
vertical-align:bottom; text-align:left;
overflow:hidden;
background-color:#008866;
z-index:100;
}

#banner #logo {
position:relative; top:10px;left:2%;
width: 50%; 
float:left;
margin:0; padding:0px 0px; 
	text-align:left;
border:none 2px #000;
}

#banner #logo img {width: 400px }

#banner .phoneno {
position: relative; 
top:20px;
height: 90px;
vertical-align: top;
float:left;
	font-family: helvetica, sans-serif;
	font-size:22px;
	letter-spacing:.1px;
	font-weight:600;
	color:#ddd;
	line-height:1.4;
border:none 2px #000;
}

.phoneno {color: #0e703d;}
.phoneno b {
font-size:  26px;
text-transform:none;
letter-spacing:1px;
padding-left:0px;
margin-top:0;padding-top:0;
}

#banner2 {
position: relative; top: 0px; left:0;
width:100%; height: 100px;
margin: 0; padding:0;
vertical-align:bottom; text-align:left;
overflow: hidden;
background-color:#fff;
border-bottom: solid 8px #0e703d;
z-index:90;
}

#banner2 #logo {
position:relative; bottom:0px; left:2%;
width: 50%; 
float:left;
margin:0; padding:0px 0px; 
	text-align:left;
border:none 2px #000;
}

#banner2 img {width: 380px;}

#banner2 .phoneno {
position: absolute; bottom: 20px; left: 55%;

color: #0e703d;
vertical-align: bottom;
float:left;
	font-family: helvetica, sans-serif;
	font-size:18px;
	letter-spacing:.2px;
	font-weight:600;
	
	line-height:1.4;
border:none 2px #000;
}




/* ::::::::::::::: Pan area   :::::::::::: */
#pan {
position: relative; top:0;
height: auto; width:100%;
overflow:hidden;
/*background:  url('photos/photo_castle-hires-addon.jpg') repeat-x #b7d5df; 
background:  url('photos/photo_Dublin-ColliemoreHarbour-crop.jpg') repeat-x #b7d5df;*/
margin:0; padding:0;
border:none 2px #000;
z-index:90;
}




#pan-text1 {
position:absolute; top: 10px; left: 20px; 
display:block; z-index:100; 
color: #ffffff; 
text-shadow: 2px 3px 4px #333; }


#pan-text2 {position:absolute; top: 120px; left: 20px; display:block; z-index:100 }


.pan-caption {
position:absolute; bottom: 12px; right: 30px; 
display:block; z-index:100; 
color: #ffffff; 
font-size: 24px; 
}


#pan img { 
position: relative; top:0px; 
float:left; 
width: 100%;

}


.slideshow-button-left {
position: absolute; top: 50%; left: 20px; 
font-size: 30px;
color: #000;
}

.slideshow-button-right {
position: absolute; top: 50%; right: 20px; 
font-size: 30px;
color: #000;
}


/* ::::::::::::::: Text Blocks   :::::::::::: */

#blocks {
position: relative; top: 10px;
clear:both;
width:100%;
overflow:auto;
background-position: bottom;
background-repeat: no-repeat;
	text-align:left;
	font-size:16px; color: #444;
	line-height: 1.8;
}


/* ::::::::::::::: Multi block set up. Make it scrollable .. .   :::::::::::: */

#container-ads {
height: auto; max-height: 350px;
overflow: scroll;
text-align: left; 
}


.block-scroll  {
position: relative;
float:left;
width:200px; height: 250px; 
margin-left:.5%; margin-bottom: 20px;
background-color:#aacc99;
text-align:center;
padding: 1% .5%;
font-size:12px; line-height:1.4;
border: none 2px  #b7d5df;
overflow:hidden;
z-index:90;
}

.block-scroll h3 { font:bold 15px helvetica, sans-serif; line-height:1.2;}
.block-scroll h4 { font:bold 17px helvetica, sans-serif; }
.block-scroll img { width:70%; border:solid 2px #fff;}

/* ::::::::::::::: 7-Block setup  :::::::::::: */
.block7  {
position: relative;
float:left;
width:14%; height: auto; min-height: 250px;
margin-left:.2%; margin-bottom: 20px;
background-color:#aacc99;
text-align:center;
padding: 1% .5%;
font-size:12px; line-height:1.4;
border: none 2px  #b7d5df;
overflow:hidden;
z-index:90;
}

.block7 h3 { font:bold 14px helvetica, sans-serif; line-height:1.2;}
.block7 h4 { font:bold 16px helvetica, sans-serif; }
.block7 img { width:70%; border:solid 2px #fff;}

/* ::::::::::::::: 6-Block setup  :::::::::::: */
.block6  {
position: relative;
float:left;
width:16%; height: auto; max-height: 350px;
margin-left:.5%; margin-bottom: 20px;
background-color:#aacc99;
text-align:center;
padding: 1% .5%;
font-size:12px; line-height:1.4;
border: none 2px  #b7d5df;
overflow:hidden;
z-index:90;
}

.block6 h3 { font:bold 15px helvetica, sans-serif; line-height:1.2;}
.block6 h4 { font:bold 17px helvetica, sans-serif; }
.block6 img { width:70%; border:solid 2px #fff;}

/* ::::::::::::::: 5-Block setup  :::::::::::: */
.block5  {
position: relative;
float:left;
width:19%; height: auto; max-height: 350px;
margin-left:1%; margin-bottom: 20px;
background-color:#aacc99;
text-align:center;
padding: 1% 1%;
font-size:13px; line-height:1.4;
border: none 2px  #b7d5df;
overflow:hidden;
z-index:90;
}

.block5 h3 { font:bold 16px helvetica, sans-serif; line-height:1.2;}
.block5 h4 { font:bold 18px helvetica, sans-serif; }
.block5 img { width:70%; border:solid 2px #fff;}

/* ::::::::::::::: 4-Block setup  :::::::::::: */

.block4, .block2x, block-full {
position: relative;
float:left;
width:24%; height:460px;
margin-left:1%; margin-bottom: 20px;
/* background-color:#d0e9ef; */
background-color:#bbddcc;
text-align:center;
padding: 1% 1%;
font-size:13px; line-height:1.4;
border: none 2px  #b7d5df;
overflow:hidden;
z-index:90;
}


/* ::::::::::::::: 1-Block setup  :::::::::::: */

.block-full { float:none; width: 100%;  color: #008866; font: 200 38px helvetica, arial ; text-align:left; margin-left: 20px }

.block2x { float:left; width: 40%; background-color: transparent; color: #008866; font: 200 38px helvetica, arial ; text-align:left; margin-left: 20px }

.block4 div.extra-text, .extra-text {
font-size:12px;
padding:0; margin: 0; padding-bottom: 5px; font-size: 12px;
}

.block4 .moreinfo {
background-color: #ee7744; color: #fff;
padding: 2px 8px;
border-radius: 8px;
}


.block4 h3 { font-size:20px }

.block4 img {
width:90%; border:solid 2px #fff;}


.block2 {float: left; width: 50%; padding: 10px 30px; text-align: left; }


/* ::::::::::::::: 2-block setup  :::::::::::: */
/* ::: Main block ::: */

#block-main { 
position:relative; top:0px;
float:left; 
width: 60%; height:auto; min-height:500px;
margin-top:20px;margin-right:0; margin-left: 0;
padding-bottom:20px; padding-right: 5%; padding-left: 5%;
background-color:transparent;
	text-align:left;
	font-size:16px; 
	color: #444;
	line-height: 1.8;
overflow: visible; 
z-index:90;
}

#block-main p.firstpara::first-line {
    font: bold 20px helvetica, arial; color: #008866;
}


#block-main ul li { text-align:left; font-weight:normal; font-size: 14px; line-height:1.6; margin-left:0; color:#555;}

#block-main .img-icon { 
float: left;
margin-right: 20px;

}

/* #block-main img {float:right; margin:20px } */


/* ::: About Page membership graphics  ::: */

.block-logos {
position: relative; top: 40px;
height: 100%; 
text-align: left; line-height: 10px;
}

.block-logos img, .block-logos a { 
height: 40px; 
float: left; 
margin: 5px;  
padding: 0;  }


/* ::: Sidebar block ::: */

#block-sidebar { 
position:relative; top:0;
float:left; 
width: 40%; height:auto ;
background-color:#ccddcc; 
padding:20px 5%; margin-top: 30px;
	border:none 2px #696;
	text-align: left; vertical-align:top;
	z-index:90;
}

#block-sidebar ul li { 
text-align:left;
color:#555;
font: normal 16px helvetica, arial, sans-serif;
line-height:1.6;
margin-left:0; padding-left:0;
}


#block-sidebar.sidebar-photo {
height:100%; 
background-color:#fff; 
border:none }


#block-sidebar.sidebar-photo img {
position:absolute;  bottom:0; left:0;
}


/* ::::::::::::::: General  content styles :::::::::::: */

.graphic-bottom {
position: absolute; bottom: -30px; left: -130px;
z-index:30;margin: 0; padding:0;
/* opacity: .6; -moz-opacity: .6; */
}

.instructions {font-size: 11px; text-transform: uppercase; letter-spacing: .1em;}





ol {margin-bottom: 0; padding-bottom:0; margin-top: 0; padding-top:0}

table td {text-align: center; font-size: 11px; padding:5px; vertical-align: top; }





/* ::::::::::::::: Tour main pages styles :::::::::::: */

#block-main.tourpage { font-size: 14px; line-height: 1.4 }

#block-main.tourpage .infobox h3 { margin-top: 20px }

#block-sidebar.tourpage { font-size: 12px; padding-left: 2%; padding-right: 2%; height: auto; }

#block-sidebar.tourpage img {width: 120px; height: 120px; float: left; clear:both;
margin: 0 20px 20px 0px }





/* ::::::::::::::: Tour sub-pages main block styles :::::::::::: */


#block-main.tours ul li {font-size: 16px; font-weight: bold; color: #008866;}

#block-main.tours img.img-pan {position: relative; top: -300px; width: 100%; z-index: 60;  }

#block-main.tours img.square { 
height:150px;
float:left;
margin: 0 20px 0 0 ;
}





/* ::::::::::::::: Tour sub-pages main Sidebar styles :::::::::::: */
#block-sidebar.tours, #block-sidebar.tourpage { 
background-color: #ddeedd; min-height: 600px; opacity: .9; -moz-opacity: .9;
}

/* #block-sidebar.tours img {width: 180px; height: 180px; float: left; clear:both;
margin: 0 20px 20px 0px }
*/





/* ::::::::::::::: Testimonials  content :::::::::::: */
#blocks.testimonials { 
background-image: url('photos/shamrock.gif');
background-repeat: no-repeat; 
}

#block-main.testimonials {line-height:1.3 }

.attribution { font-size: 14px; font-weight: bold; color: #449966; text-align: right; margin-right:30px }
.attribution-date { display: none; font-size: 14px; color: #ccaa22; text-align: right; margin-right:30px  }





/* ::::::::::::::: FAQ content :::::::::::: */

.faq h3, .faq h4 {color: #ee7744 } 


.faq .question {font-size:16px; font-weight: bold; margin-bottom:0px;line-height:1.5; color:#086}
.faq .question b {font-size:18px;color:#000; }

.faq .answer {display:none; font-size:14px; font-weight: normal; padding-bottom:8px;line-height: 1.5; padding-top:8px; color: #555 }
/* .faq .answer b {font-size:18px;color:#e22; } */
.faq .answer b.normal {font-size:14px;color:#000; }



ul {padding-left:50px}

/* ::::::::::::::: Contact us  content :::::::::::: */

#block-main.contactus { width: 50%; height: auto;}
#block-sidebar.contactus { width: 30%; background-color: transparent }

#block-main.contactus h4, #block-sidebar.contactus h4 {font-size: 28px; line-height: 1.2 }

/* :::::::::::::::: articles ::::::::::::::  */

#block-main.article div {float: left; font: normal 11px sans-serif; text-align: center }
#block-main.article img { margin: 8px  0 4px 8px }
#block-sidebar.article { float: left; width: 40%; }

/* :::::::::::::::: Footer ::::::::::::::  */

#footer {
position:relative; bottom: 0; left:0; top: 20px;
padding-top:0px;
width:100%; height: auto;
clear:both;
	background-color:#0e703d;
	font-size: 14px; line-height: 1.2;
	text-align: center;
line-height:1.8;
border: none;
color:#eee;
z-index:80;
}



/* boxes */

div.shadowbox {
    box-shadow: 10px 5px 10px #ddeedd;
    border: solid 2px #ddd;
    padding: 20px;
    margin-top: 20px; 
    background-color: #fff;
}





div.infobox {
clear:both;
position: relative; top:0; left:0;
height: 100%;
vertical-align: top;
margin-top: 20px; 
}

div.infobox img {
width: 150px; height: 150px; 
position: relative; top:0; left:0;
vertical-align: top;
margin-top: 0px; 
}

div.squarebox {
float: left;
width: 150px; height: 150px; 
overflow:hidden;
margin: 0px 20px 20px 5px;
}

#block-main.tours div.infobox {
font-size: 13px;
color: #444;
}

#block-main.tours h2 {
font-size: 18px;
}


/* ::::::::::::::::::::::: Package Specials ::::::::::::::::::: */

div.packageinfo {
position: relative;
height: 200px; width:100%; float: left; clear:both;
display: block;
border : none; text-align:left; padding-left: 0;  
line-height: 1.4;
overflow: hidden;
}

div.packageinfo img {

width: 95px; 
float: left;
margin-right: 20px;
margin-bottom: 50px; 
margin-top: 10px;

}

.soldout {
position: absolute; left:-50px; top:20px;
text-align: left;
width: 95%;
-ms-transform: rotate(-45deg); /* IE 9 */
-webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
transform: rotate(-45deg);
background-color: #fff;
padding: 5px 50px;
font: 600 16px helvetica, sans-serif; 
text-transform: uppercase;
color: #ee7744;
z-index: 120;
}

div.packageinfo .soldout {
display: none;
position: absolute; left:-70px; top:25px;
width: 40%;
font-size: 10px;
}


.tours-past .packageinfo {
float: left;
width: 300px; height: auto;
display: inline;
margin: 10px  20px;
 }


.packageinfo h3 {font-size: 18px }

.packageinfo h4 {font-size: 18px }


/* ::::::::::::::::::::  PHOTOS ::::::::::::::::::::: */

.photo-big { }

.snapshot {
border: solid 15px #fff; 
box-shadow: 5px 5px 5px #333;
}

/* these are being used for incidentale photos in articles */
.box-float-r {
float: left;
width: 150px;
margin: 0px 10px 5px 0px;
background-color: #fff; 
font-size: 11px;
overflow: hidden;

}

/* ::::::::::::::::::::  SPECIAL TOUR PAGES ::::::::::::::::::::: */


.links-general {
position: relative; top:0; 
background-color: #0e703d;
padding: 10px 20px;
color: #fff; 
font-size: 13px;
margin-top: -10px; 
}

#block-main.specialtours {
width: 65%; 
background-color: #fff;
font-size: 16px; 
font-family: Raleway,sans-serif;
margin-left: 20px;
}

#block-main.specialtours img.headshot {
float: left;
width: 200px; 
margin-right: 20px; 
}


#block-main.specialtours .subhead {
margin-top: 10px;
font-family:  Raleway,sans-serif;
font-size: 20px; color: #0e703d;
font-weight: 600; 
color: #0e703d;
}

#block-main.specialtours .title {
margin-top: 30px;
font-family:  Helvetica, sans-serif;
font-size: 32px; color: #0e703d;
font-weight: 600; 
}


#block-main.specialtours .tagline {
font-size: 24px; /*color: #0e703d*/ color: #ee7744;
line-height: 1.2; 
}

#block-main.specialtours .date {
font: bold 28px helvetica, sans-serif; color: #000;
font-weight: bold; 
}

#block-main.specialtours img {
 margin-right: 20px; margin-bottom: 0;  
}

#block-main.specialtours .caption {
 text-align: right; 
 font-size: 12px; 
 margin-top: -10px;
}


#block-sidebar.specialtours {
width: 28%;
padding: 0 10px;
background-color: transparent;
margin-left: 2%; margin-top: 0;
}

#block-sidebar.specialtours .moreinfo {
padding: 10px;
background-color: #eee;
}


#block-sidebar.specialtours h3 {
line-height: 1.2 }


/* LINKS */

A:link { text-decoration: none; color:#006644}
A:active { text-decoration: none; color:#006644  }
A:visited { text-decoration: none; color:#006644  } 
A:hover{ text-decoration: none; color:#cc7744 }

A.r:link { text-decoration: none; color:#ffffff}
A.r:active { text-decoration: none; color:#ffffff  }
A.r:visited { text-decoration: none; color:#ffffff  } 
A.r:hover{ text-decoration: none; color:#ffffff }




a.button:link, a.button:visited, a.button:active { 
display: block; 
background-color: #fff; 
border: solid 4px #ee7744; border-radius: 10px; color: #000;  box-shadow: 2px 2px 2px #888; padding:5px 10px; font-size: 18px; font-weight: bold;  width: 100%; text-align: center}

a.button:hover { background-color: #fe9; border: solid 2px #ee7744; border-radius: 10px; color: #000; border: solid 4px #ee7744; box-shadow: 2px 2px 2px #fff; }


a.button-small:link, a.button-small:visited {
position: relative;
background-color: #fff; color: #000;
border: solid 2px #ee7744; border-radius: 5px; 
box-shadow: 2px 2px 2px #888; 
padding:5px 10px; 
font-size: 11px; 
font-weight: bold; 
text-transform: uppercase; }

a.button-small:hover { background-color: #fe9;  color: #000;  box-shadow: 0px 0px 0px #fff; }