/*
Theme Name: Your Caribbean Catamaran
Theme URI: www.robertlochrie.com
Description:  Your Caribbean Catamaran Theme

*/




/* reset */

html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }


/* Generic */

body {
background:#00788e url(img/background.jpg) no-repeat scroll center top;
font: 11px/18px Verdana, Helvetica, Arial, sans-serif; color: #333;
}

.comingsoon {
text-align:center;
background:#FFF;
}

blockquote {
background:transparent url(img/quotation.gif) no-repeat scroll 0 5px;
margin:5px 0;
padding:0 0 0 64px;
}

img {
border:none;
}

a { color: #1197c6; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { text-decoration: underline; }

.continue {
background:transparent url(img/continue_arrow.gif) no-repeat scroll 100% 50%;
padding-right:10px;
}

h1,h2,h3,h4,h5 {
color:#1197c6;

}

h1 {
font-size:19px;
font-weight:normal;
line-height:16px;
margin:10px 0 8px;}

h3 {
font-size:14px;
line-height:16px;
margin:0 0 5px;}

h6 {
font-weight:bold;
}

em {
display:block;
font-family:Verdana,sans-serif;
font-size:10px;
font-style:normal;
font-weight:normal;
line-height:14px;
margin-top:3px;
}

p {
margin-bottom:10px;
}

strong {
font-weight:bold;
}

/* Layout areas */

#container {
margin: 0 auto;
margin-top:15px;
width:951px;
}
#nav {
width: 950px;
height: 46px;
position: relative;
background: url(img/nav_main.gif);
margin: 0;
padding: 0;
}

#content {
background:#FFFFFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:15px 0;
width:951px;
}
#main_content {
float:right;
width:700px;
margin-right:10px;
}

.intro {
background: url(img/border_horizontal.gif) no-repeat scroll 50% 10%;
padding:30px 0 0 0;
clear:both;
}

.two_col {
width:50%;
float:left;
}

#col_one {
float:left;
margin-right:20px;
width:330px;
}

#col_two {
float:left;
width:330px;
}

#col_one p, #col_two p {
margin:0 10px 20px 0;
}

#col_one ul li, #col_two ul li {
margin:0 10px 5px 0;
}

#sidebar {
float:left;
background: url(img/border_vertical.gif) no-repeat scroll 100% 20%;
width: 205px;
margin:10px 0 0 10px;
padding:0 15px 150px 0;
font-size:11px;
}

.hero_panel {
padding: 10px 0 10px 10px
}

.features_panel {
width:300px;
margin:0 5px 20px 10px;
float:left;
}

.features_panel a img {
border-top:2px solid #1197c6;
padding: 5px 0;
}

.features_panel a:hover img {
border-top:2px solid #01ade6;
padding: 5px 0;
}

#features_list {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 15px -15px;
padding:20px 0 0 15px;
width:695px;
}
.main_list {
margin:0 0 15px -15px;
padding:15px 0 20px 15px;
width:695px;
background: url(img/border_horizontal.gif) no-repeat scroll 50% 100%;
overflow:hidden;
}

.main_list li {
float:left;
}

.main_list .title {
padding:5px 0 0 0;
}

.main_list p {
}


#features_list li {
line-height:16px;
margin:0 15px 15px 5px;
width:310px;
float:left;
}

#features_list li a img, .main_list li a img {
float:left;
margin-right:10px;
padding:2px;
border: 1px solid #ccc;
}

#features_list li a:hover img, .main_list li a:hover img {
border: 1px solid #666;
}

.destination_meta {
text-transform:uppercase;
font-size:10px;
color:#666;
margin:3px 0 0px 0;
overflow:hidden;
}

.destination_meta li {
padding:5px 0 2px 20px;
display:inline;
margin-right:10px;
}

.country_gallery {
background:#f6f6f6;
padding:0 5px 10px;
border:solid 1px #d9d9d9;
margin:20px 0;

}

.country_gallery ul {

}

.country_gallery li {
display:inline;
float:left;
margin-right:6px;
}

.country_gallery li a {
float:left;
padding:2px;
border: 1px solid #ccc;
}

.country_gallery li a:hover {
border: 1px solid #666;
}


.photo_icon {
background:transparent url(img/photo_icon.gif) no-repeat scroll 50% 0;
color:#AAAAAA;
float:left;
font-size:12px;
margin:40px 0 -5px;
padding:25px 22px;
text-transform:uppercase;
}



.distance {
background: transparent url(img/distance_icon.gif) no-repeat left center;
}

.sailing_time {
background: transparent url(img/time_icon.gif) no-repeat left center;
}

.dutyfree {
background: transparent url(img/vatfree_icon.gif) no-repeat left center;
}

.contact_meta {
font-size:10px;
color:#666;
margin:3px 0 6px 0;
overflow:hidden;
}

.contact_meta li {
display:inline;
margin-right:10px;
}

.email {
background: transparent url(img/email_icon.gif) no-repeat left center;
padding:0px 0 0px 23px;
}

.skype {
background: transparent url(img/skype_icon.gif) no-repeat left center;
padding:0 0 0 45px;
}

.phone {
background: transparent url(img/phone_icon.gif) no-repeat left center;
padding:0 0 0 22px;
}

.back_to_top {
padding:0 15px 10px;

}

/* Navigation */

#nav li {
float: left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#nav li a {
position: absolute;
top: 0;
margin: 0;
padding: 0;
display: block;
height: 46px;
background: url(img/nav_main.gif) no-repeat;
text-indent: -9999px;
overflow: hidden;
}

/*up state*/

li#nav_home a {
left: 0;
width: 266px;
background-position: 0 0;
}

li#nav_boat a {
left: 267px;
width: 106px;
background-position: -267px 0;
}

li#nav_antigua a {
left: 373px;
width: 129px;
background-position: -373px 0;
}

li#nav_harbour a {
left: 501px;
width: 134px;
background-position: -501px 0;
}

li#nav_destinations a {
left: 636px;
width: 184px;
background-position: -636px 0;
} 

li#nav_contact a {
left: 819px;
width: 132px;
background-position: -819px 0;
}

/*hover state*/

li#nav_home a:hover {
background-position: 0 -47px;
}

li#nav_boat a:hover {
background-position: -267px -47px;
}

li#nav_antigua a:hover {
background-position: -373px -47px;
}

li#nav_harbour a:hover {
background-position: -501px -47px;
}

li#nav_destinations a:hover {
background-position: -636px -47px;
}

li#nav_contact a:hover {
background-position: -819px -47px;
}

/* End of Navigation */

/* Sidebar */

.sidebar_title {
background-color:#c6e6f1;
color:#000000;
font-size:16px;
font-style:italic;
font-weight:normal;
padding:6px 5px;
text-transform:capitalize;

}

#sidebar ul li {
padding:4px 3px;
}

.current_page_item {
font-weight:bold;
}

#sidebar ul li ul li {
background:transparent url(img/dotted_line.gif) no-repeat scroll left bottom;
padding:4px 10px;
}

table.tech_specs {
text-align:left;
width:230px;
float:left;
margin: 10px 0;
}

table.tech_specs th {
font-weight:bold;
}

table.tech_specs th, table.tech_specs tr {
background:transparent url(img/dotted_line.gif) no-repeat scroll left top;
padding:8px 3px;
}

#message_form {
background:#e5f6fe;
padding:20px 20px 5px; 20px;
}

#message_form img {
margin-right:10px;

}

#message_form h1 {
padding: 5px 0 0 0;
}

.mp_p {
width:195px;
}

/* Footer */

#footer {
border-top:1px dotted #ccc;
color:#878787;
font-size:10px;
margin-top:20px;
padding:10px 0 5px;
text-align:left;
width:100%;
height:20px
}

#footer p {
margin-left:25px;
float:left;
}

#footer a {
color:#333;
}

#footer ul {
float:right;
margin-right:25px;
}

#footer ul li {
display:inline;
padding:0 5px;
}

/* Fixes */

.clear {
clear:both;
}

.left {
float:left;
}
