/************************************************
 *
 *  File     :  css/styles.css
 *  Medium   :  Screen
 *  Version  :  v1.0
 *  Website  :  Murder Mystery Ireland
 *  Author   :  Guerilla.ie (c) 2008
 *
 ************************************************/

/* LAYOUT STYLES */

#pagewrapper, #headerwrapper, #headerwrapper, #maincontentwrapper, #footerwrapper {
	width:100%;
	clear:both;
	padding:0;
	margin:0;
}
#pagewrapper {
	background-color: black;
}
#headerwrapper {
	height: 210px;
	background-image: url(images/header_tile.jpg);
}
#headborderwrapper {
	height: 30px;
	background-image: url(images/border_tile.jpg);
}
#footborderwrapper {
	height: 30px;
	background-image: url(images/footborder_tile.jpg);
}
#maincontentwrapper {
	background: url(images/tile.jpg);
}
#footerwrapper {
	height: 200px;

}
#headercontent, #maincontent, #footercontent, #basecontent { 
	width:850px;
	margin:0 auto;
}
#headercontent {
	position:relative;
}
#footercontent{
	position:relative;
	padding: 20px;
	text-align: center;
}
#logo {
	width: 250px;
	height: 210px;
	float: left;
	background: url(images/logo.png) no-repeat;
}
#star {
	width: 100px;
	height: 100px;
	float: right;
	background-repeat: no-repeat;
	behavior: url(iepngfix.htc);
	margin-top: 30px;
}

/* NAVIGATION STYLES */
#navigation {
	height: 30px;
	width: 600px;
	float: right;
	margin-top: 30px;
}
ul#nav {
	list-style:none;
	width: 600px;
}
#nav li {
	margin-right: 25px;
	list-style:none;
	margin-top: 2px;
	float: left;
}
#nav li a:link,
#nav li a:visited {
	color:#fff;
	text-decoration:none; 
	font: 15px Georgia, "Times New Roman", Times, serif;
	padding-left: 0;
}
#nav li a:hover {
	color: #ffcc66;
	padding-bottom: 2px;
	border-bottom:1px solid #ffcc66;
}
#nav li a:link.active,
#nav li a:visited.active{ 
	color: #ffcc66;
	padding-bottom: 2px;
	border-bottom:1px solid #ffcc66;
}


/* HOMEPAGE STYLES */
#topcontent {
	width: 850px;
	float: left;
}
#midcontent {
	width: 850px;
	padding-bottom: 20px;
	float: left;
}
#botcontent {
	width: 850px;
	float: left;
}
#leftcontent {
	width: 400px;
	display: table;
	padding-right: 50px;
	float: left;
}
#rightcontent {
	width: 400px;
	display: table;
	float: left;
}
#maincontent .welcome h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.welcome {
	width: 400px;
	display: table;
	float: left;
	margin-right: 30px;
}
#maincontent .welcome h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(images/h_welcome.gif) no-repeat;
}
#maincontent .welcome img {
	width: 100px;
	height: 100px;
	float: right;
}
#maincontent .divider img {
	width: 400;
	height: 40;
	float: right;
	margin-top: 20px;
}
#maincontent .dividerflip img {
	width: 400;
	height: 40;
	float: right;
	padding-top: 10px;
}
#gallery {
	width: 400px;
	float: right;
	height: 300px;
	background-image: url(images/img_gallery.jpg);
}
#gallery1 {
	width: 400px;
	float: right;
	height: 320px;
	background-image: url(images/img_gallery1.jpg);
}
.newsletter {
	width: 400px;
	display: table;
	float: left;
}
#maincontent .newsletter h4{
	width: 220px;
	height: 30px;
	color: #660000;
	font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	overflow: hidden;
}

#maincontent .newsletter h4 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/ssh_mailing.gif) no-repeat;
}
#maincontent .newsletter p{
	width: 300px;
	height: 30px;
	color: #000;
	font-size: 13px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;

}
#maincontent .newsletter img {
	width: 400;
	height: 40;
	float: left;
}
#maincontent a.more{
	float:left;
	background:transparent url(images/btn_more.gif) top left no-repeat;
	width: 100px;
	height:20px;
}

#maincontent a.more:hover{
	background: transparent url(images/btn_more.gif) no-repeat 0 -20px;
}
#maincontent a.back{
	float:left;
	background:transparent url(images/btn_back.gif) top left no-repeat;
	width: 100px;
	height:20px;
}

#maincontent a.back:hover{
	background: transparent url(images/btn_back.gif) no-repeat 0 -20px;
}

#maincontent a.terms{
	float:left;
	background:transparent url(images/btn_terms.gif) top left no-repeat;
	width: 140px;
	height:20px;
}

#maincontent a.terms:hover{
	background: transparent url(images/btn_terms.gif) no-repeat 0 -20px;
}


/* ITEM STYLES */

.item {
	width: 400px;
	display: table;
	float: left;
}
#maincontent .item h3{
	width: 300px;
	height: 30px;
	color: #660000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	margin-left: 10px;
}
#maincontent .item h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/sh_birthdays.gif) no-repeat;
}
#maincontent .item img {
	width: 100;
	height: 100;
	float: left;
}

.item1 {
	width: 400px;
	display: table;
	float: left;
	margin-top: 20px;
}
#maincontent .item1 h3{
	width: 300px;
	height: 30px;
	color: #660000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
#maincontent .item1 h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/sh_hen.gif) no-repeat;
}
#maincontent .item1 img {
	width: 100;
	height: 100;
	float: left;
}

.item2 {
	width: 400px;
	display: table;
	float: left;
	margin-top: 20px;
}
#maincontent .item2 h3{
	width: 300px;
	height: 30px;
	color: #660000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
#maincontent .item2 h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/sh_corporate.gif) no-repeat;
}
#maincontent .item2 img {
	width: 100;
	height: 100;
	float: left;
}

.item3 {
	width: 400px;
	display: table;
	float: left;
}
#maincontent .item3 h3{
	width: 300px;
	height: 30px;
	color: #660000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
#maincontent .item3 h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/sh_sports.gif) no-repeat;
}
#maincontent .item3 img {
	width: 100;
	height: 100;
	float: left;
}

.item4 {
	width: 400px;
	display: table;
	float: left;
	margin-top: 20px;
}
#maincontent .item4 h3{
	width: 300px;
	height: 30px;
	color: #660000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
#maincontent .item4 h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/sh_student.gif) no-repeat;
}
#maincontent .item4 img {
	width: 100;
	height: 100;
	float: left;
}
#item5 {
	width: 400px;
	display: table;
	float: left;
	margin-top: 20px;
}
#maincontent #item5 .form h3{
	width: 300px;
	height: 30px;
	color: #660000;
	font-size: 15px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
}
#maincontent #item5 .form h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/sh_mailing.gif) no-repeat;
}
#item5 .img {
	width: 100px;
	height: 100px;
	float: left;
}
#item5 .form {
	width: 300px;
	display: table;
	float: right;
}



/* SUBPAGE STYLES */
#maincontent {
	width: 850px;
	display: table;
	padding-top: 10px;
	padding-bottom: 20px;
}
#maincontent ul {
	margin-bottom: 20px;
	margin-top: 0;
}
#maincontent li	{
	font: normal 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-align: left;
	color: #222;
	list-style-type: disc;
	list-style-position: outside;
	padding-bottom: 5px;
}
#rate {
	width: 500px;
	float: left;
	display: table;
}
#rate h4{
	width: 220px;
	height: 30px;
	color: #660000;
	font-size: 14px;
    font-family: Georgia, "Times New Roman", Times, serif;
	position: relative;
	overflow: hidden;
}

#rate h4 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/ssh_rate.gif) no-repeat;
}
#rate img {
	width: 180;
	height: 120;
	float: left;
}
#rate ul {
	margin-bottom: 2px;
}
#rate li{
	font-size: 12px;
	list-style-type: disc;
    font-family: Georgia, "Times New Roman", Times, serif;
	color: #663300;
	list-style-position: inside;
	padding-top: 2px;
	padding-bottom: 2px;
}

.red {
	margin-bottom: 10px;
	font: bold 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color: red;
	text-align: left;
}


/* HEADER STYLES */
#maincontent .birthdays h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.birthdays {
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .birthdays h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_birthdays.gif) no-repeat;
}
#maincontent .birthdays img {
	width: 100px;
	height: 100px;
	float: right;
}

#maincontent .hens h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.hens {
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .hens h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_hens.gif) no-repeat;
}
#maincontent .hens img {
	width: 100px;
	height: 100px;
	float: right;
}

#maincontent .corporate h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.corporate {
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .corporate h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_corporate.gif) no-repeat;
}
#maincontent .corporate img {
	width: 100px;
	height: 100px;
	float: right;
}

#maincontent .sports h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.sports {
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .sports h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_sports.gif) no-repeat;
}
#maincontent .sports img {
	width: 100px;
	height: 100px;
	float: right;
}

#maincontent .student h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.student {
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .student h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_student.gif) no-repeat;
}
#maincontent .student img {
	width: 100px;
	height: 100px;
	float: right;
}

#maincontent .about h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.about {
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .about h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_about.gif) no-repeat;
}
#maincontent .about img {
	width: 100px;
	height: 100px;
	float: right;
}

#maincontent .mystery h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.mystery {
	width: 500px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .mystery h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_mystery.gif) no-repeat;
}
#maincontent .mystery img {
	width: 150px;
	height: 150px;
	float: right;
}

#maincontent .testimonials h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.testimonials{
	width: 500px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .testimonials h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_testimonials.gif) no-repeat;
}
#maincontent .testimonials img {
	width: 150px;
	height: 150px;
	float: right;
}
#maincontent .testimonials h4 {
	font: normal 12px/16px Georgia, "Times New Roman", Times, serif;
	color: maroon;
	text-decoration: none;
	text-align: right;
	border-bottom: 1px solid #ceb99b;
	padding-bottom: 10px;
}
#maincontent .rates h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
#ratecontent{
	width: 500px;
	margin-right: 50px;
	float: left;
	display: table;
}
.rates{
	width: 500px;
	float: left;
	display: table;
}
#maincontent .rates h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_rates.gif) no-repeat;
}
#maincontent .terms h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.terms{
	width: 500px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .terms h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_terms.gif) no-repeat;
}
#maincontent .terms img {
	width: 150px;
	height: 150px;
	float: right;
}
#maincontent .terms h4,
#maincontent .offers h4,
#maincontent .about h4 {
	font: bold 14px/0 Georgia, "Times New Roman", Times, serif;
	color: maroon;
	text-decoration: none;
	text-align: left;
	border-bottom: 1px solid #ceb99b;
	padding-bottom: 10px;
	padding-top: 20px;
	margin-bottom: 5px;
}
#maincontent .contact h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.contact{
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .contact h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_contact.gif) no-repeat;
}
#maincontent .contact img {
	width: 150px;
	height: 100px;
	float: right;
}
#maincontent .bookings h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.bookings{
	width: 400px;
	display: table;
	float: right;
}
#maincontent .bookings h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_bookings.gif) no-repeat;
}

#maincontent .offers h3{
	position: relative;
	overflow: hidden;
	width: 400px;
	height: 50px;
	color: #660000;
	font-size: 20px;
	margin-bottom: 5px;
    font-family: Georgia, "Times New Roman", Times, serif; 
}
.offers{
	width: 400px;
	display: table;
	float: left;
	margin-right: 50px;
}
#maincontent .offers h3 span{
	position: absolute;
	width: 100%;
	height: 100%;
	background: transparent url(images/h_special.gif) no-repeat;
}
#maincontent .offers img {
	width: 150px;
	height: 100px;
	float: right;
}

/* SIDEMENU STYLES */

#menucontainer {
	width: 300px;
	padding-top: 20px;
	display: table;
}
#menucontainer .top {
	width: 300px;
	height: 40px;
	margin-bottom: 10px;
	background: url(images/menu_top.gif) no-repeat;
	float: left;
}
#menucontainer .bot {
	width: 300px;
	background: url(images/menu_bot.gif) no-repeat;
	height: 40px;
	float: left;
}
ul#menu {
	margin: 0 0 10px 50px;
	width: 200px;
	padding: 0;
}
#menu li	{
	padding-bottom: 5px;
	text-align: center;
	border-bottom: 1px solid #ceb99b;
	padding-top: 5px;
	clear: left;
	list-style-type: none;
}
#menu li a:link,
#menu li a:visited {
	font: normal 14px Georgia, "Times New Roman", Times, serif;
	color: maroon;
	text-decoration: none;
	text-align: right;
}
#menu li a:link.active,
#menu li a:hover {
	color: #000;
}

#maincontent a.mail{
	color: #660000;
	font-size: 12px;
	text-decoration:underline; 
	font: "Helvetica Neue", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
	padding-left: 3px;
}
#maincontent  a.mail:hover{
	color:#000;
	font-size: 12px;
	text-decoration:none; 
	font: "Helvetica Neue", "Lucida Grande", Geneva, Arial, Verdana, sans-serif;
}

/*
-------------------
FORM ELEMENTS
-------------------
*/
#contactForm fieldset{ 
	border: none; 
	margin: 0px 0; 
	padding:0; 
	text-align: left;
}
#contactForm legend {
	display:none;
}
#contactForm ol {
	padding:0; 
	margin:0;
}
#contactForm li {
	list-style: none; 
	padding:0;
}
#contactForm label { 
	display: block; 
	line-height: 20px; 
	padding: 10px 0 0; 
	text-align:left; 
	vertical-align:top;
	color: #333;
}
#contactForm label span.required {
	color: #AB0101;
	font-size: 12px;
	font-weight: bold;
}
#contactForm input {
	width: 300px; 
	padding:3px; 
	vertical-align:middle; 
	background: #fff;
	font-size: 12px;
}
#contactForm textarea {
	width: 300px; 
	height: 150px; 
	padding:3px; 
	background: #0;
	font: 12px 'Helvetica', 'Arial', 'Verdana', 'san-serif';
}
#contactForm input.submitButton {
	background:transparent url(images/btn_send.gif) top left no-repeat;
	width: 100px;
	height:20px;
	border-style: none;
	margin-top: 10px;
}
#contactForm input.submitButton:hover {
	background: transparent url(images/btn_send.gif) no-repeat 0 -20px;
}
/*
-------------------
MAILING ELEMENTS
-------------------
*/
#mailingForm fieldset{ 
	border: none; 
	margin: 0px 0; 
	padding:0; 
	text-align: left;
}
#mailingForm  legend {
	display:none;
}
#mailingForm  ol {
	padding:0; 
	margin:0;
}
#mailingForm  li {
	list-style: none; 
	padding:0;
}
#mailingForm  label { 
	line-height: 20px; 
	padding: 0; 
	text-align:left; 
	vertical-align:top;
	color: #333;
	display: block;
}
#mailingForm  label span.required {
	color: #AB0101;
	font-size: 12px;
	font-weight: bold;
}
#mailingForm  input {
	width: 200px; 
	padding:3px; 
	vertical-align:middle; 
	background: #fff;
	font-size: 12px;
}
#mailingForm  input.submitButton {
	background:transparent url(images/btn_send.gif) top left no-repeat;
	width: 100px;
	height:20px;
	border-style: none;
	margin-top: 10px;
}
#mailingForm  input.submitButton:hover {
	background: transparent url(images/btn_send.gif) no-repeat 0 -20px;
}



/* FOOTER STYLES */
#footercontent a:link {
    text-decoration: underline;
    color:#fff;
	padding-left: 10px;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-image: none;
}
#footercontent a:visited {
    text-decoration: underline;
    color:#fff;
	padding-left: 10px;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	background-image: none;
}
#footercontent a:hover {
    text-decoration: none;
    color:#fff;
	background-image: none;
}

img, div { behavior: url(iepngfix.htc) }