/*

Theme Name: Hangover
Description: InfoLink IT, Adam Chochol
Author: infolinkit.com.au
Author URI: http://www.infolinkit.com.au
Version: 1.0

*/
	html,body{
    width: 100%;
    height: 100%;
	display: inline-block
}

/* #Basic Styles
================================================== */
	html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline; }
	article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
		display: block; }
	body {
		line-height: 1; }
	ol, ul { }
	blockquote, q {
		quotes: none; }
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none; }
	table {
		border-spacing: 0;
		border: 1px solid; 
		width: 100%; }
	tr th{
		border-bottom: 1px solid;
		text-align: left;
	}
	tr th, tr td{
		padding: 9px 20px;
		border-right: 1px solid;
	}
	tr th:last-child, tr td:last-child{
		border-right: 0px;
	}
	table th{ font-weight: bold; }

/* #Basic Styles
================================================== */

/* #Typography
================================================== */
	h1, h2, h3, h4, h5, h6 {
		color: #181818;
		font-weight: normal; line-height: 1; }
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
	h1 { margin-bottom: 15px;}
	h2 { margin-bottom: 15px; }
	h3 { margin-bottom: 15px; }
	h4 { margin-bottom: 15px; }
	h5 { margin-bottom: 15px; }
	h6 { margin-bottom: 15px; }
	.subheader { color: #777; }

	p { margin: 0 0 20px 0; }
	p img { margin: 0; }
	p.lead { font-size: 21px; line-height: 27px; color: #777;  }

	em { font-style: italic; }
	strong { font-weight: bold; }
	small { font-size: 80%; }

/*	Blockquotes  */
	blockquote, blockquote p { font-size: 17px; line-height: 24px; color: #777; font-style: italic; }
	blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
	blockquote cite { display: block; font-size: 12px; color: #555; }
	blockquote cite:before { content: "\2014 \0020"; }
	blockquote cite a{ color: #555; }

	hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* #Links
================================================== */
	a{ color: #ed1c24; text-decoration: none; outline: 0; }
	a:hover{ color: #fff; }
	p a { line-height: inherit; }
	

/* #Lists
================================================== */
	ul, ol { }
	ul {  }
	ol { list-style: decimal; }
	ol, ul { margin-left: 30px; }
	ul ul, ul ol,
	ol ol, ol ul { margin: 4px 0 5px 30px;  }
	/*
	ul ul li, ul ol li,
	ol ol li, ol ul li { margin-bottom: 6px; }
	*/
	li { line-height: 18px; }
	li p { line-height: 21px; }


/* #Forms
================================================== */

	form {
		margin-bottom: 20px; }
	fieldset {
		margin-bottom: 20px; }
	input[type="text"],
	input[type="password"],
	input[type="email"],
	textarea,
	select {
		border: 1px solid #ccc;
		padding: 6px 4px;
		outline: none;
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color: #777;
		margin: 0;
		width: 210px;
		max-width: 100%;
		display: block;
		margin-bottom: 20px;
		background: #fff; }
	select {
		padding: 0; }
	input[type="text"]:focus,
	input[type="password"]:focus,
	input[type="email"]:focus,
	textarea:focus {
		border: 1px solid #aaa;
 		color: #444;
 		-moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
		box-shadow:  0 0 3px rgba(0,0,0,.2); }
	textarea {
		min-height: 60px; }
	label,
	legend {
		display: block; }
	select {
		width: 220px; }
	input[type="checkbox"] {
		display: inline; }
	label span,
	legend span {
		font-weight: normal;
		font-size: 13px;
		color: #444; }
		
/* #Subscript
================================================== */
sup { 
	height: 0; line-height: 1; position: relative; top: -0.6em; 
	vertical-align: baseline !important; vertical-align: bottom; font-size: 10px;}
sub { 
	height: 0; line-height: 1; position: relative; top: +0.2em; 
	vertical-align: baseline !important; vertical-align: bottom; font-size: 10px;}


body {
	
	font-family: 'Armata', sans-serif;
	font-size: 13px;
	color: #ccc;
	background-color: #000000;
	background-image:url(images/tiles.png);
}

.in {
	margin: 0px auto;
	width: 1210px;
	position: relative;
}

h1 {
	font-size: 32px;
	margin: 0px 0px 20px 0px;
	font-weight: 400;
	color: #fff;
	text-shadow: 0px 0px 10px #ed1c24,0px 0px 10px #ed1c24,0px 0px 10px #ed1c24;
	filter: dropshadow(color=#ed1c24, offx=0, offy=0);

}
/* Footer */
#footer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	color: #ccc;
	font-size: 10px;
}
#footer .in {
	padding: 20px;
}
#footer a {
	color: #fff;
	text-decoration: none;
}
#footer a:hover {
	color: #ed1c24;
}
/* Footer */

/* Header */
#header {
	margin: 0px;
	padding: 0px;
	overflow:hidden;
	background-image:url(images/header_bg.jpg);
	background-repeat:repeat-x;
	background-position:center;
}
#header .in{
	height: 250px;
	position:relative;
}

#header img.logo {
	margin: 30px 0px 0px 0px;
}

#menutop{
	background-color:#ed1c24;
	margin:4px 0px;
	min-height:49px;
}
#menutop .in{
	z-index:9999;
}
#menutop .phone{
	position:absolute;
	width:253px;
	right:0px;
	color:#fff;
	font-size:17px;
	margin:10px 0px 0px 0px;
	letter-spacing:-1px;
}
#menutop .phone span{
	display:block;
	font-size:14px;
}

div.attraction{
	position: absolute;
	width:253px;
	top: -129px;
	right:0px;
	background: black;
	border: solid 3px white;
	padding: 7px 3px;
text-align:center;
}


/* Main */
#main {
	overflow: hidden;
	clear: both;

}
#main .in {
	
}
#main .desc {
	width: 930px;
	float: left;
	
	margin:40px auto;
}
#main .desc .icon img {
	height: auto;
	background-color: #0f5393;
	width: 30px;
	padding: 10px;
	margin: 0px 10px 0px 0px;
	float: left
}
/* Main Details */		


a.fontsize {
	padding: 3px 6px;
	text-decoration: none;
	background-color: #eaeaea;
	color: #666;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* Main Details */	




/* aside  */
#aside {
	float: right;
	width: 249px;
	
	padding: 0px;
	margin: 30px 0px 10px 20px;
}

#aside  h3{
	color:#fff;
}

#aside .nightclubs ul{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
}
#aside .nightclubs ul li h3{
	font-size:14px;
	margin:0px;
	padding:0px;
}
#aside .nightclubs ul li{
	width:100% !important;
	padding:4px 0px;
	margin:4px 0px;
	overflow:hidden;
	clear:both;
	border-bottom:1px dotted #666;
}
#aside .nightclubs ul li img.thumb{
	width:15%;
	height:auto;
	margin:0px 10px 0px 0px;
	float:left;
}


#aside .packages ul{
	width:100%;
	list-style:none;
	margin:0px;
	padding:0px;
}
#aside .packages ul li{
	width:100% !important;
	overflow:hidden;
	clear:both;
	padding:4px 0px;
	margin:4px 0px;
	border-bottom:1px dotted #666;
}
#aside .packages ul li h3{
	font-size:14px;
	margin:0px;
	padding:0px;
}
#aside .packages ul li img.thumb{
	width:15%;
	height:auto;
	margin:0px 10px 0px 0px;
	float:left;
}
/* aside  */









/* Main */










/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
	margin: 5px 20px 20px 0;
}
.aligncenter, div.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto 5px auto;
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
.wp-caption {
	background: #fff;
	border: 1px solid #f0f0f0;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}
.wp-caption.alignnone {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
	margin: 5px 0 20px 20px;
}
.wp-caption img {
	border: 0 none;
	height: auto;
	margin: 0;
	max-width: 98.5%;
	padding: 0;
	width: auto;
}
.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	margin: 0;
	padding: 0 4px 5px;
}
article, section, aside {
	overflow: hidden
}













/*
Put these in wp-config.php if you want to use contact form 7
define ('WPCF7_LOAD_JS', false); // Added to disable JS loading
define ('WPCF7_LOAD_CSS', false); // Added to disable CSS loading
*/



.contact-form{
	margin:20px 0px 0px 0px;
	overflow:hidden;
}
.contact-form h2{
	margin:0px 0px 10px 0px;
	padding:0px;
}


.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=tel],.contact-form textarea{
	border:1px solid #999;
	padding:4px 8px;
	font-size:14px;
	width:230px;
	margin:0px 0px 2px 0px;
	
}
.contact-form .services{
	margin:20px 0px;
}


.wpcf7-not-valid-tip-no-ajax{
	color:#da0909;
	margin:0px 0px 0px 20px;
}

input.wpcf7-not-valid{
	border:1px solid #da0909 !important;
	}


.contact-form input[type=checkbox]{
	float:left;
	
}

.wpcf7-list-item-label{
	
	float:left;
	display:block;
	margin:2px 20px 0px 5px;

}

.wpcf7-response-output{
	width:100%;
	padding:10px;
	margin:20px 0px;
}

.wpcf7-validation-errors{
	background-color:#da0909;
	color:#fff;
}

.wpcf7-mail-sent-ok{
	background-color:#00be00;
	color:#fff;
}




#header input{
	background-color:#F00; border: 3px solid #fff; padding: 7px 0px 8px; text-align: center; color:#fff; font-size:18px; width: 265px; cursor: pointer; display:block; position:absolute; bottom:0px; right:0px;
}



/* Smartphones (portrait and landscape) ----------- */
	@media only screen and (min-width : 320px) and (max-width : 767px) {
		.in{width:300px !important;height:auto;}
		#main{margin:30px 0px 0px 0px;}
		#main .desc{width:100%;	clear:both;float:none;margin:0px;padding:0px;}
		#main .desc .right, #main .desc .left, #main .in > .left, #aside{	width:100%;	clear:both;float:none;	margin:0px;padding:0px;}
		iframe{	width: 100% !important;height:auto;}
		#aside .nightclubs{float:left;	width:47%;margin-top:40px;}
		#aside .packages{float:right;width:47%;margin-top:40px;}
		#header img.logo{background-color:#d91f27;padding:10px;margin:30px auto;width:90%;height:auto;}
		#menutop .phone{font-size:14px; width:98%; text-align:center; padding:5px 0px;}
		#menutop .phone a{color:#fff;}
		div.attraction{width:98%; text-align:center; padding:5px 0px;}
		#main .nightclubs ul li{width:130px;margin:	10px;}
		#main .albums  .FB_pic_container{width:140px;}
		#main .packages ul li{width:130px;margin:	10px;}	
		#header input{width:100%;}
	}
	
	
/* iPads (portrait and landscape) ----------- */
	@media only screen and (min-width : 768px) and (max-width : 1024px) {
		.in{width:750px !important;height:auto;}
		#main{margin:50px 0px 0px 0px;}
		#main .desc{width:100%;	clear:both;float:none;margin:0px;padding:0px;}
		iframe{	width: 100% !important;}
		#aside{	width:100%;	clear:both;float:none;	margin:0px;padding:0px;}
		#aside .nightclubs{float:left;	width:47%;margin-top:40px;}
		#aside .packages{float:right;width:47%;margin-top:40px;}
		#header img.logo{width:170px;height:auto;}
		#menutop .phone a{color:#fff;}
		#main .nightclubs ul li{width:130px;margin:	10px;}
		#main .albums  .FB_pic_container{width:140px;}
		#main .packages ul li{width:130px;margin:	10px;}	
		#photos{clear:both;}
		#packages .packages ul li{width:24% !important;	}
		#packages .packages ul li h3{min-height:40px;}
	}

div.phone{
position: absolute;
top: -104px;

background: black;
border: solid 3px white;
padding: 3px;
}

div.accommodation_package {
width: 95%;
float: right;
border:solid 3px white;
padding:20px;
margin-bottom:20px;
}
div.accommodation_package h2{
font-size: 22px;
margin: 0px 0px 20px 0px;
font-weight: 400;
color: #fff;
text-shadow: 0px 0px 10px #ed1c24,0px 0px 10px #ed1c24,0px 0px 10px #ed1c24;
filter: dropshadow(color=#ed1c24, offx=0, offy=0);
}
div.accommodation_package img{
float: left;
margin-right: 40px;

}
div.accommodation_package img.red_glow{
box-shadow: 0px 0px 25px red;
}
div.accommodation_package img.purple_glow{
box-shadow: 0px 0px 25px #50239a;
}
div.accommodation_package img.green_glow{
box-shadow: 0px 0px 25px green;
}

div.accommodation_package span.price {
font-weight:bold !important;
font-size:14px;
color:white;
margin-top:10px;
}

div.accommodation_package div.accommodation_details {
float:right;
max-width:520px;
}

div.desc div.packages ul li {
height:500px;
}