/********************************************
	Author: 	Ita Ryan
	Website: 	www.itaryan.com
	Date:			July 2009
 *******************************************/ 
 
/********************************************
   HTML ELEMENTS
********************************************/ 

/* top elements */
* { padding: 0; margin: 0; }

body {
	font: normal 100%/1.5em 'Trebuchet MS', Tahoma, sans-serif;
	background: #FFF url(images/bg_new.jpg) repeat-x;
	/*text-align: center;		*/
	color: #000066;	
}

.centered{
	clear: both;
	text-align: center;
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	font-size: 1.2em; color: #6495ED;
}


/* headers */
h1, h2, h3 { font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; }
h1 { font-size: 1.4em; color: #6495ED; }
h2 { font-size: 1.2em; color: #6495ED;}
h3 { font-size: 1.2em; color: #6495ED; }

h1{
	margin: 10px 15px;
}

p{
	margin: 5px 15px;
}

h2{
	margin: 5px 15px;
}

h3{
	margin: 0px 15px;
}

p.newsflash {font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; font-size: 1.4em; color: #6495ED; }
p.smallnewsflash {font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif; font-size: 1.2em; color: #6495ED; }

ul {
	margin: 10px 30px;
}

/* BUTTON MENU */
a.nav, a.nav:link, a.nav:visited {display:block; height:30px; background:#0066CC;
	border-left:1px solid #000066; border-right:1px solid #000066; border-bottom:1px solid #000066;	
	text-align:center; text-decoration:none; font-family:verdana, arial, sans-serif; font-size:12px; font-weight:bold;
	color:#F3F3F3;	line-height:30px; overflow:hidden;}
#nav_first {border-top:1px solid #000066;}
#nav_last {border-bottom:2px solid #000066;}
	
/*a.nav:hover {color:#fff; background:#000066;} */
a.nav:active {color:#fff; background:#000066;} 

a.nav.currselected {color:#fff; background:#000066;} 

.BookNowButton{
	position:relative;
	float:right;
	top: 25px;
}

.caitins_footer{
	background-color:#FFFFFF;
	font-size:0.7em;
	font-family:Geneva, Arial, Helvetica, san-serif;
	text-align: center;	
	clear: both;
}

.tel {
position:absolute;
top:25px;
left:1100px;
width:200px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color:#2B7ACA;
}

.emailadd {
position:absolute;
top:45px;
left:1100px;
width:200px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:20px;
color:#2B7ACA;
}

#header {
	height: 101px;
	text-align: left;	
	/*float: center;*/
}

#header-content{
	/*position: absolute;*/
	width: 760px;
	margin: 0 auto; padding: 0;
/*	left: 290px;*/
	clear: both;
	float: left;
}

#header-content h1#logo {
	text-align: left;
	font: bold 45px 'Trebuchet MS', Sans-serif;
	letter-spacing: -2px; 
	color: #FFF;
	margin: 0; padding: 0;		
	float: left;
	
	/* change the values of left and top to adjust the position of the logo */
	top: 500; left: 10px;
}

#content{
	width: 960px;
}

#header-content h1#logo a {
	text-decoration: none;
	color: #FFF;
}
#header-content #slogan {
	position: absolute;	
	font: bold 12px 'Trebuchet Ms', Sans-serif;
	text-transform: none;
	color: #FFF;	
	margin: 0; padding: 0;
	text-align: centre;
	float: left;
	
	/* change the values of left and top to adjust the position of the slogan */
	top: 55px; 
}

.fading_pics {
	width: 70%;
	height: 312px;
	float: left;	
	/*background: #FFF url(images/caitins-full.jpg) no-repeat center;		*/
	background-color: #0066CC;
}
.pagemainphoto {
	/*width: 532px;*/
	width: 70%;
	height: 312px;
	float: left;	
}

/* turn off the ugly blue border around the green tourism logo */
img
{  border-style: none;
}

.exteriorphoto {
  background: #FFF url(images/caitins-full.jpg) no-repeat center;		
	background-color: #0066CC;
}

.environmentallogo {
	background: #FFF url(images/grading_Gold.png) no-repeat center;	
}

.hostelroomphoto{
  background: #FFF url(images/kerry-hostel-room.jpg) no-repeat center;	
	background-color: #0066CC;
}

.apartmentphoto{
	background: #FFF url(images/apartment_temp.jpg) no-repeat center;	
	background-color: #0066CC;
}

.pubinteriorphoto{
	background: #FFF url(images/kerry-pub-interior.jpg) no-repeat center;	
	background-color: #0066CC;
}

.sheepdogphoto{
	background: #FFF url(images/kerry-sheep-dog.jpg) no-repeat center;	
	background-color: #0066CC;
}

.darksunsetphoto{
	background: #FFF url(images/dark_sunset.jpg) no-repeat center;	
	background-color: #0066CC;
}

.quarryphoto{
	background: #FFF url(images/quarry.jpg) no-repeat center;	
	background-color: #0066CC;
}

.howgetherephoto{
	background: #FFF url(images/howgethere.jpg) no-repeat center;	
	background-color: #0066CC;
}

.activitiesphoto{
	background: #FFF url(images/kerry-activities.jpg) no-repeat center;	
	background-color: #0066CC;
}

.irelandmap{
	background: #FFF url(images/Map_Ireland_small.gif) no-repeat center;	
}

.linkspic{
	background: #FFF url(images/view-across-bay.jpg) no-repeat center;	
}


/* content */
#content {
	text-align: left;	
	/* Next line is what puts everything in the middle */
	margin: auto;	
}

/* sidebar */
#sidebar {
	float: right;
	width: 30%;
}	

/* main */
#main_index {
	/*float: left;*/
	width: 97%;
	margin: 0;
	padding: 1em;
	padding-right: 2em;
	margin-right: 3px;
	background-color: #FFFFFF;
	/*height: 440px;*/
	overflow: auto;
	/*top: 300px;*/
	clear: both;
}

#facebook_feed {
	width: 330px;
	float: right;
	margin-left: 2%;
	border: 4px solid #D6D6C2;
	/*height: 471px;*/
	background-color: #B0C4DE;
	/*border-left: 1px solid #0066CC;*/
}

#walking_box {
	width: 320px;
	float: left;
	margin-left: 2%;
	/*height: 471px;*/
	background-color: #FFFFFF;
	/*border-left: 1px solid #0066CC;*/
}

.bottom_border{
	border-bottom: 3px solid #0066CC;
}

.left_border {
	border-left: 1px solid #0066CC;
	/*border-right: 1px solid #B0C4DE;*/
}

.right_border {
/*	border-left: 1px solid #B0C4DE;*/
	border-right: 1px solid #B0C4DE;
}

#main {
	float: left;
	width: 100%;	
	text-align: left;		
}


/*.cols { border-style: 1px solid #BOC4DE;
				text-align: justify;
				margin-bottom: 1em }
.col-left { margin-left: 0; margin-right: auto;}
.col-right { margin-left: auto; margin-right: 0;}
*/
#main h1 {
	padding: 10px 0px 0px 5px;
	margin: 0 0 0 10px;
	border-bottom: 1px solid #f2f2f2; 	
	font: normal 1.5em 'Trebuchet MS', Tahoma, Sans-serif;
}

.post {
	background: #FFF url(images/gradientbg.jpg) repeat-x;
	border-left: 1px solid #B0C4DE;
	border-right: 1px solid #B0C4DE;
	border-bottom: 1px solid #B0C4DE;
	border-top: 1px solid #B0C4DE;
}

.tablehuggers_pic {
	float: left;
	width: 43%;
	padding: 0;
	margin-bottom: -5px;
	background-color:red;
}	


/* alignment classes */
.float-left  { float: left; }
.float-right { float: right; }
.align-left  { text-align: left; }
.align-right {	text-align: right; }

.post-footer {	font: normal 70%/1.5em 'Trebuchet MS', Tahoma, sans-serif;}

/* additional classes */
.clear { clear: both; }
.gray  { color: #BFBFBF; }
.blue { color: #0066CC; }

.groovybutton
{
	position:absolute;
	top:25px;
	left:40px;
	font-size: 24px;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#FFFFFF;
	background-color: #3333CC;
	/*border: 2px;*/
	/*border-color: #FFFFFF;*/
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#ff3333CC', EndColorStr='#ff6699FF');*/
}

#caitins_map
{
		float: center;
}

