@import url("forms.css");
@import url("screen.css");
/*-----------------------------------------
Body - Layout - Links - Typography - Images - Lists - Boxes - Table - Misc
Date:    06-01-2012
Version: 1.5
Author:  Jonathan Alstead
email:   jona at launchsite.co.uk
web:     www.launchsite.co.uk
------------------------------------------*/
/*--------------------------------------------
Body
----------------------------------------------*/
body {font-family: Verdana, Geneva, sans-serif; background: #BD1E14 url(../graphics/background.png) repeat-x top; color: #fff; }

/*--------------------------------------------
Layout
----------------------------------------------*/
.container { background-color: #FFF;}
.social { position: absolute; top: 1px; right: 0px; z-index: 10;}
.lang { position:absolute; right:0; top:0; }
.header {  background: #b55312 url(../graphics/background.png) repeat-x top;height: 122px; position: relative; }
.home .nav { width: 950px; border-bottom: 5px solid #01458A;}
.mor .nav { width: 950px; border-bottom: 5px solid #B7C829;}
.tourism .nav { width: 950px; border-bottom: 5px solid #BD1F14;}
.offer .nav { width: 950px; border-bottom: 5px solid #f47b22;}
.location .nav { width: 950px; border-bottom: 5px solid #00712E;}
.availability .nav { width: 950px; border-bottom: 5px solid #ca2250;}
.articles .nav { width: 950px; border-bottom: 5px solid #3E1B19;}
.contact .nav { width: 950px; border-bottom: 5px solid #710801;}
div.content { padding: 10px; float:left; width: 930px; }
div.span-22 { padding: 20px; background-color: #7E140D; width: 890px; text-align: center; position: relative;}
div.span-17,blockquote { margin: 0 auto 1.5em; background-color: #db6e01; padding:1px; float:none;}
div.span-17-inner,.blockquote-inner { background: #db6e01 url(../graphics/sale_grad.gif) repeat-x top; border: 1px solid #fff; padding: 20px; color:#4F2700;font-weight: bold;}
div#quote_output { margin-top: -22px;}
.contact .span-21, .span-12 { margin-bottom: 20px;}
.footer {  background: url(../graphics/footer.gif) no-repeat left bottom; height: 55px;}

/*--------------------------------------------
Links
----------------------------------------------*/
a, a:visited { color: #ffffcc; text-decoration: none; outline: none;}
a:hover { text-decoration: underline; color: #ffffcc;}
a.top { position: absolute; right: 5px; bottom: 3px; font-size: 90%; font-weight: bold;  }
a.book { background:url(../graphics/book_now.png) no-repeat left 0; width: 232px; height: 57px; text-indent: -9000em; display: block; margin: 0 auto; outline: none;}
a.book:hover { background-position: -228px;}
/*--------------------------------------------
Headers, Paragraphs
----------------------------------------------*/
h1,h2,h3,h4,h5, h6 { color: #fff; font-weight: bold;}
.header h1 { background: url(../graphics/logo.png) no-repeat; width: 479px; height: 50px; text-indent: -9000px; margin-bottom: 2px; position:absolute; z-index:2;text-indent: -9000em;top:43px;}
.header h1 a { display: block; height: 50px; color: #fff; text-decoration: none; } 
.header h2 { position: absolute; background: url(../graphics/price_back.gif) no-repeat top; width: 247px; height:33px; top:0; right: 10px; text-indent: -9000em;}

.span-9 { width: 355px}
.span-17-inner p { font-size: 16px;font-weight: bold; color: #493605;}
p.required { color:#F00; margin-bottom:0;}
p.copyright { text-align: center; font-size: smaller; font-style: italic;}
.footer p { font-size: 90%; letter-spacing:0.1em;}
.home .span-17-inner p { margin-bottom: 0;}
.home .span-12 p, .contact .span-22 p,.contact .span-21 li, .contact .span-22 h3, .span-13, .span-9,.span-23,.location,.span-10 { text-align: left;}
.box h3, .contact .footer > p { text-align: center;}
h6.business  { padding: 10px 20px;}
.specialoffer p { font-size: 14px; font-weight: bold; margin: 0;}
/*--------------------------------------------
Typography
----------------------------------------------*/
blockquote { text-align: left; color: #fff;}
.quote { font-weight: bold;color: #e5e5e5; padding: 0.6em 0 0;text-align:right;display:block;}
.tel { margin-left: 20px;}7
/*--------------------------------------------
Images
----------------------------------------------*/
.flower, .price { margin: 0 auto 1.5em;}
img.center { display: block; margin-left: auto; margin-right: auto; }
img.fltleft { float: left; margin-right: 25px;}
div.pic { display: inline; float:left; margin: 5px;}
div.pic img, .rooms-inner img  { width:133px;height:100px;padding: 4px;background: #fff;border-left: 1px solid #d5d5d5;border-top: 1px solid #d5d5d5;border-right: 1px solid #adadad; border-bottom: 1px solid #adadad;}
.lang img { padding-left: 10px;}
/*--------------------------------------------
Lists
----------------------------------------------*/
.nav ul, .nav li, .subNav, .offer li, ul.contact, .rooms-inner li, .social ul, .social ul li { list-style-type: none; margin:0; }
ul.subNav { margin-bottom: 0.5em;}
.nav li, .social li { float:left; }
.nav a {height: 54px; color:#fff;display: inline; float:left; width: 136px;padding: 19px 0 0;text-align: center; font-weight: bold; font-size: 12px; cursor:pointer;}
.nav li.home { background-color: #01458A;}
li.morocco { background-color: #B7C829;}
li.tourism { background-color: #BD1F14;}
li.offer { background-color: #f47b22;}
li.location { background-color: #00712E;}
.nav li.availability { width: 134px; background-image: url(../graphics/enquiry_back.png); }
li.articles{ background-color: #3E1B19;}
li.rooms { background-color: #710801; }
li.home a:hover, li.morocco a:hover,li.offer a:hover,li.location a:hover,li.availability a:hover,li.articles a:hover,.nav li.rooms a:hover{ background:#ffffe6 url(../graphics/nav_hover.gif) repeat-x top left; color: #333; height: 52px;}
.nav li.contact a:hover { width: 134px;}
.nav li a span {display: block;}
ul.subNav a { padding-right: 10px; text-align: center; font-size: 90%; color: #ffffcc;}
ul.subNav li { display: inline;}
.social li a { float:left; width: 50px; line-height: 55px; text-indent: -9000px;}
.social li a.twitter { background: url(../graphics/twitter.png) no-repeat top left; margin-left: -265px;}
.social li a.facebook { background: url(../graphics/facebook.png) no-repeat top left; }
.social li a.wifi { background: url(../graphics/wifi.png) no-repeat top left;}
li.cost { margin-left: 56px;}
span.rooms { margin-left: 40px;}
span.percent { margin-left: 93px;}
ul.contact {
	background-color:#930;
	padding: 5px 0 0 50px;
	height: 141px;
	margin-top: 36px;
	margin-bottom: 1.5em;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	border: 1px solid #ccc;
}
ul.contact li, ul.terms li { margin-left: 30px;}
ul.contact h6 { margin-left: -40px;}
ul.contact li.tel { margin-top: 5px;}
ul.terms,ul.location { text-align: left; margin: 20px 0;}
ul.location { margin-left: 20px;}
/*--------------------------------------------
Boxes
----------------------------------------------*/
.imagebox, .border { background-color: #fff; padding: 1px; margin-bottom: 1.5em;}
.imagebox-inner { border: 1px solid #D39995; padding:6px 0;}
.imagebox-inner img { border: 1px solid #666;}
.box { margin: 0 auto 1.5em; background-color:#7E140D; width: 80%;padding:0;}
.box-inner, .rooms-inner, .specialoffer { border: 1px solid #e5e5e5; background-color:#993300; padding: 20px;-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;}
.rooms-inner { float: left;}
.map { width: 640px; padding: 5px; border: 5px solid #590918; margin: 0 auto 20px;}
.specialoffer { margin: 0 auto 20px; width: 60%; padding: 2px 8px; }
/*--------------------------------------------
Table
----------------------------------------------*/
table { margin: 0.5em auto; border: 1px solid #ccc; background-color:#FFF; color: #333;}
thead th, th { padding: 10px 0;font-weight: bold;border-bottom: 1px solid #ccc;}
td { padding: 2px 10px 2px 5px; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; text-align: center; color: #777;}
td.occupants { width: 25%;}
table.seasons { width: 65%; }
.date { text-align: left;}
.tlast { border-right: none;}
.tbottom { border-bottom: none;}

/*--------------------------------------------
Misc
----------------------------------------------*/
.append-1 { padding-right: 15px;}
.pull-1 { margin-left: -20px; }