@import url('core.css');

body {background-image: url('../../images/background.png'); background-repeat: repeat-x; background-color: #008700; margin: 0; font-family: trebuchet ms;}

a {color: #CC0202; text-decoration: none;}
a:hover {color: #008700; text-decoration: underline;}

#header {width: 960px; margin: 0 auto; overflow: hidden; border-style: solid; border-color: #222;}

#logo {width: 160px; height: 123px; float: left; background: url('../../images/irietours.png'); font-size: 0; text-indent: -99999px; margin: 20px;}
#logo a {display: block; width: 160px; height: 123px;}

#social-media {float: right; margin: 60px 0 0 0;}
#facebook {float: left; margin: 10px;}
#facebook a {background: url('/images/facebook.png') no-repeat; padding: 1px 2px 2px 26px;}
#youtube {float: left; margin: 10px;}
#youtube a {background: url('/images/youtube.png') no-repeat; padding: 1px 2px 2px 26px;}
#social-media a {color: #fff; font-size: .75em; font-weight: 900;}
#social-media a:hover {color: #F5E603; text-decoration: none;}

#navigation {width: 960px; margin: 0 auto; background: url('../../images/navigation.png'); overflow: hidden; border: 1px solid #222; border-top: 0;}
#navigation li {float: left; padding: 10px;}
#navigation li a {color: #fff; font-weight: 900; padding: 10px;}
#navigation li a:hover {color: #ff0; text-decoration: none;}

#body {width: 960px; margin: 0 auto; background: url('../../images/inside.jpg') repeat-x #FFFF13; overflow: hidden;  border-style: solid; border-color: #222; border-width: 0 1px 1px;}

.tour-icon {margin: 0 10px 0 0; position: relative; top: 15px;}

#intro {float: left; width: 639px; background: #fff; border-right: 1px solid #222; min-height: 418px;}
#about-curacao {float: left; width: 639px; background: #fff; border-right: 1px solid #222; min-height: 622px;}
#tours {float: left; width: 639px; background: #fff; border-right: 1px solid #222;}
#rentals {float: left; width: 639px; background: #fff; border-right: 1px solid #222; border-bottom: 1px solid #222;}
#contact {float: left; width: 639px; background: #fff; border-right: 1px solid #222; min-height: 622px;}

.content h1 {padding: 10px; color: #ff0; font-size: 1em; background: #111; border-bottom: 1px solid #222;}
.content h2 {margin: 10px; color: #CC0202; font-size: 1.2em;}
.content h2.tour-label {margin: 0 10px 10px;}
.content h3 {margin: 20px; font-size: .75em;}
.content p {margin: 20px; font-size: .75em; line-height: 150%;}
.content ul {margin: 20px;}
.content ul li {margin: 10px; font-size: .75em; background: url('/images/accept.png') no-repeat; padding: 0 0 0 24px;}
.content hr {width: 100%; height: 1px; border: 0; background: #ccc;}

#page-photos {float: right; width: 320px;}
#page-photos li {height: 192px; margin: 10px; border: 1px solid #222;}

#footer {width: 960px; margin: 0 auto;}

#copyright {float: right; color: #B2F709; font-size: .8em; margin: 10px;}

#footer-navigation {padding: 0; float: left;}
#footer-navigation li{float: left; margin: 10px;}
#footer-navigation a {color: #fff; text-decoration: none; font-size: .8em;}
#footer-navigation a:hover{color: #ff0; text-decoration: none;}

#contactform {margin: 10px;}
#contactform label {display: block; margin: 10px 0;}
#contactform input.entry {display: block; border: 1px solid #000; padding: 3px 7px; margin: 10px 0; width: 600px;}
#contactform textarea {display: block; border: 1px solid #000; padding: 3px 7px; width: 600px; height: 100px; margin: 10px 0;}
#contactform input.action {display: block; border: 1px solid #222; background: #fa0000; color: #fff; padding: 4px 10px; margin: 10px 0;}

#form-div {font-size: .8em;}
#form-div input {padding: 4px;}
#form-div .button {background-color: #fa0000; color: #fff;}
#form-div .button:hover {background-color: #ff0; color: #222;}