/* _________________________________________________

320 and Up boilerplate extension
Andy Clarke http://about.me/malarkey
Version: 2
URL: http://stuffandnonsense.co.uk/projects/320andup/
License: http://creativecommons.org/licenses/MIT/
_____________________________________________________

1 ROOT
2 HEADINGS
3 TYPOGRAPHY
4 LINKS
5 FIGURES & IMAGES
6 TABLES
7 FORMS
8 BANNER
9 NAVIGATION
10 CONTENT
11 MAIN
12 COMPLEMENTARY
13 CONTENTINFO
14 GLOBAL OBJECTS
15 VENDOR-SPECIFIC 
16 MODERNIZR
17 TEMPLATE SPECIFICS

COLOURS 

*/

body {
/*	background: none;*/
/*	width: 768px;*/
}

header {
	width: 92.7%;
}

header hr {
	display: none;
}

figure#logo {
	width: 64.6067416%;
	width: 57.5%;
}

figure#logo h1 {

}

figure#logo h1 a {

}

#searchform {
	width: 35.3932584%;
	width: 42.5%;
}

#searchform input { 
/*	margin: 1.5em .3em 0.5em;*/
}

.content {
	
}

.nav-main {
	padding: 8px 3.65% 6px;
	position: relative;
	background: rgb(149,0,117); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(149,0,117) 0%, rgb(67,18,55) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(149,0,117)), color-stop(100%,rgb(67,18,55))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgb(149,0,117) 0%,rgb(67,18,55) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(149,0,117) 0%,rgb(67,18,55) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(149,0,117) 0%,rgb(67,18,55) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(149,0,117) 0%,rgb(67,18,55) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#950075', endColorstr='#431237',GradientType=0 ); /* IE6-9 */
}

.nav-main ul {
	text-align: left;
}

.nav-main li, .nav-footer li {
	display: inline-block;
	margin-right: 0;
}

.nav-main li a {
	padding: 5px 10px 3px;
	padding: 0;
	background: none;
	margin-right: 1em;
	color: rgb(255, 255, 255);
/*	word-spacing: -2px;*/
}

.nav-main li a:hover {
	border-radius: 0;
	text-shadow: 0 0 10px #fff;
}

[role="main"] {
	width: 56.770833333%;
	float: left;
	padding: 0 3.65%;
}

[role="full-width"]  {
	width:  92.7%;
	margin: 0 auto;
}

[role="complementary"] {
	width: 28.8125%;
	float: left;
	margin-top: 1em;
}

.hot-spot {
}


.hot-spot hr {
	display: none;
}

.hot-spot h5.hotel-name {

}

.hot-spot figure {
	margin-top: 0 ;
}

.hot-spot figure a {
}

.hot-spot figcaption {
	position: relative;
/*	top: 3em;*/
	z-index: 1;
}

.hot-spot img {
	position: relative;
/*	top: -2em;*/
}

.featured-hotels-section {
	margin: 0 0 0 -3px;
	width: 100%;
}

.featured-hotels-section h3 {

}

.featured-hotels-section h4 {

}

.featured-hotels-section h4 a {

}

.ad-section figure {
	margin: 0 0 0 -3px;
	width: 100%;
}

.ad-section figure img {

}

footer {
	padding: 2em 3.65% .1em;
}

.nav-footer {
/*	font-family: M06BgCondensed;*/
}

footer hr {
	clear: both;
}

.nav-footer ul {
	display: inline;
}

.nav-footer li a {
	padding-right: 1.1em;
}

hr {

}

/*.columns {
	-moz-column-count: 2; /* Firefox *!/
	-webkit-column-count: 2; /* Safari and Chrome *!/
	column-count: 2;
	-webkit-column-gap: 68px;
}*/


#contact-section {
	margin-top: 1.9em;
}


#contact-section hr {
	display: none;
}

#contact-section input {
	width: 50%;
}

#contact-section textarea {
	width: 90%;
}

#about-us hr {
	display: none;
}

#about-us {
	margin-top: 1.9em;
}

.result {
	width: 49%;
	margin-right: 2%;
}

.result .hotel-name {
	float: left;
}



.result figure {
	width: 100%;
	margin: 1em 0 0 0;
	float: left;
}

.result-hotel-data {
	float: right;
	width: 100%;
	margin: 1.5em 0 0 5%;
}

input.text-input {
	width: 50%;
}

fieldset {
	max-width: 768px;
}

[role="main"] hr {
	display: none;
}

h3.move-down {
	margin-top: 1.25em;
}

.full-description .hotel-name {
	margin-top: 1.9em;
}

.full-description hr {
	display: block;
}

.inner-button {
	right: 47.5%;
}

div.n2, 
div.n4,
div.n6,
div.n8,
div.n10,
div.n12,
div.n14,
div.n16,
div.n18,
div.n20,
div.n22,
div.n24,
div.n26,
div.n28,
div.n39,
div.n32,
div.n34,
div.n36,
div.n38,
div.n40,
div.n42,
div.n44,
div.n46,
div.n48,
div.n50,
div.n52,
div.n54,
div.n56,
div.n58,
div.n60,
div.n62,
div.n64,
div.n66,
div.n68,
div.n70,
div.n72,
div.n74,
div.n76,
div.n78,
div.n80,
div.n82,
div.n84,
div.n86,
div.n88,
div.n90,
div.n92,
div.n94,
div.n96,
div.n98,
div.n100,  {
	margin-right: 2%;
	float: left;
}