/* Clearfix */

#content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* Reset everything */
* {margin: 0; padding: 0; font-size: 1.0em; font-weight: normal; text-decoration: none; list-style:none; border: none; outline: none;}

body {margin: 0; padding: 0; font: 62.5%/1.4em Helvetica, Arial, Sans-Serif; background: url(../images/body-bg.png) repeat-x top left; color: #666666; position: relative; padding-bottom: 200px;}

#wrap {width: 960px; margin: 35px auto; position: relative; padding-top: 234px; font-size: 1.2em; line-height: 1.4em;}
#header {position: absolute; top: 0; left: 0; background: url(../images/header-bg.png) no-repeat top right; width: 960px;}
	#header ul {width: 940px; height: 40px; background: url(../images/nav-bg.png) repeat-x top right; position: relative; top: -24px; font-size: 1.0em; text-transform: uppercase; padding: 0px 0px 0px 10px;}
	#header ul li {display: inline;}
	#header ul li a {display: block; float: left; color: #BDD8D8; padding: 12px 14px; font-weight: bold;}
	#header ul li.selected a, #header ul li a:hover {background: #FFF; color: #1C2525; text-decoration: none;}
	
	#header img {margin-top: 47px;}
	
#content {background: url(../images/main-content-bg.png) no-repeat top left; padding: 60px 30px 30px 30px; width: 900px; margin-top: -35px;}
	#content-main { width: 640px; float: right; padding-right: 10px;}
	#content-secondary {width: 200px; float: left;}


/* Vcard
---------------------------*/

.vcard {margin: 20px 0 0 0;}	
.adr div, .adr span {display: block;}
.tel {margin: 20px 0 0 0;}
	
	
/* Footer
---------------------------*/
#footer {position: absolute; bottom: 0;width: 100%; text-align: center; font-size: 1.1em; line-height: 1.4em; background: url(../images/footer-bg.png) repeat-x top left; height: 169px; padding-top: 30px;}
	#footer ul { margin: 0 0 10px 0;}
	#footer ul li {display: inline; margin: 0 10px 0 0;}


/* Lists
---------------------------*/

ul#services {margin: 30px 0 0 0;}
ul#services li {display: inline;}
ul#services li a {display: block; float: left; width: 200px; height: 200px; text-indent: -9999px;}
ul#services li#airports a {background: url(../images/airport-transfers.png) no-repeat top left; margin: 0 10px 0 0;}
ul#services li#weddings a {background: url(../images/weddings.png) no-repeat top left; margin: 0 10px 0 0;}
ul#services li#tours a {background: url(../images/tours.png) no-repeat top left;}

#content-main ul {font-size: 1.2em; line-height: 1.5em; padding-left: 20px; margin: 10px 0;}
#content-main ul li { list-style-type: disc;}


/* Typography
---------------------------*/

h1, h2, h3, h4, h5 {margin: 0 0 20px 0;}
h1 {font-size: 2.50em; text-transform: uppercase; font-weight: bold; color: #4C3B47; border-bottom: 1px dashed #CCCCCC; padding-bottom: 10px; margin: 0 0 20px 0; letter-spacing: -1px;}
h2 {font-size: 1.67em; font-weight: bold; margin: 20px 0 10px 0; color: #333;}
p {margin: 0 0 10px 0;}
a:hover {text-decoration: underline;}
#content-main p {font-size: 1.25em; line-height: 1.4em;}
#content a {color: #508B8B; font-weight: bold; text-decoration: underline;}
#content a:hover {text-decoration: none;}
.standfirst {font-weight: bold;}

.call-us {display: block; height: 80px; width: 200px; background: url(../images/call-us.png) no-repeat top left; text-indent: -9999px;}

#footer a {color: #BDD8D8;}

.img1 { float: left; margin: 0 20px 20px 0;}
.img2 { float: right; margin: 0 0 20px 20px;}

blockquote {border-bottom: 1px solid #CCC; margin-bottom: 20px; padding-bottom: 10px;}

/* Contact form 
---------------------------*/

form {margin-bottom: 50px;}
input {border:1px solid #CCC; padding: 3px; width:200px;}
textarea {border: 1px solid #CCC; padding: 3px; width: 350px; height: 200px;}
button { width: 100px; padding: 5px 10px; cursor: pointer; font-weight: bold; font-size: 1.5em; background: #508B8B; color: #FFF;}