/*
File: master style sheet for Emerald Vacation Group International
Created by: Laco Janic | http://www.thetribe.com/
Date: 14. Feb 2008
*/

html, body, form, fieldset { margin: 0; padding: 0; font: 12px/160% arial, helvetica, sans-serif; }
a img{ border: 0; }

p, pre, blockquote, ul, ol, dl, address { margin: 0 0 15px 0; padding: 0; }
li, dd, blockquote { margin-left: 20px; }

form label { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }

.hide{ display: none; }
.big{ font-size: 15px; line-height: 140%; border-top: 1px solid #818181; border-bottom: 1px solid #818181; padding: 10px 0; }

/* Links
-------------------------------------------------------------------------- */
a, a:visited{ text-decoration: none; color: #319177; }
a:hover{ text-decoration: underline; }

/* Headings
-------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6{ color: #e95d0f; font-weight: bold; padding: 0; margin: 0 0 15px 0; line-height: 140%; }
h2.mainheading{ font-size: 20px; text-align: left; font-weight: normal; color: #fff; top: 7px; position: absolute; }
h1, h2{ font-size: 20px; text-align: left; font-weight: normal; }
h3{ font-size: 14px; text-align: left; font-weight: bold; margin-bottom: 0; }
#sidecol h3{ font-size: 15px; text-align: left; font-weight: normal; margin: 0 0 15px 0; }
h4{ font-size: 12px; }

/* Main Structure
-------------------------------------------------------------------------- */
body{ background: #eaf4f1; color: #818181; text-align: center; }
#header{
	width: 960px;
	height: 135px;
	margin: 0 auto;
	position: relative;
}
#wrapper{
	width: 100%;
	height: 100%;
	background: #eaf4f1 url(../images/bcgr.png) repeat-x 0 0;
	color: #818181;
	text-align: center;
}
#container{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	color: #818181;
	position: relative;
}
#content-wrapper{
	width: 960px;
	margin: 25px auto 50px auto;
	padding: 15px 0;
	background: url(../images/content-top-01.png) 0 0 no-repeat;
	color: #818181;
	position: relative;
}
#home #content-wrapper{ background: url(../images/content-top-04.png) 0 0 no-repeat;}
/*#court #content-wrapper{ background: url(../images/content-top-02.png) 0 0 no-repeat; }
#TurtleCove #content-wrapper{ background: url(../images/content-top-03.png) 0 0 no-repeat; }*/

#content{
	width: 960px;
	margin: 0;
	text-align: left;
	padding: 0;
	background: url(../images/bcgr-content.png) 0 0 repeat-y;
	color: #818181;
	position: relative;
}
#col1{
	float: left;
	display: inline;
	width: 210px;
	display: inline;
	margin: 0 0 0 15px;
	min-height: 400px;
	_height:400px;
}
#col2{
	float: right;
	display: inline;
	margin: 0 15px 0 0;
	width: 690px;
}
#maincol{
	float: left;
	width: 450px;
	display: inline;
	margin: 0 0 20px 0;
	padding-top: 0px;
	position: relative;
}
#sidecol{
	float: right;
	width: 210px;
	display: inline;
	margin: 0 0 20px 0;
	padding-top: 0;
	position: relative;
}
#footer{
	padding: 0;
	margin: 0;
	height: 60px;
	font-size: 11px;
	clear: both;
	width: 960px;
	text-align: center;
	position: relative;
	overflow: visible;
	background: #eaf4f1 url(../images/content-bottom.png) no-repeat;
	border-top: 0px solid #fff;
}

/* Emerald Court
-------------------------------------------------------------------------- */
/*#court #wrapper{
	background: #eaf4f1 url(../images/bcgr-emerald-court.png) repeat-x 0 0; 
}
#TurtleCove #wrapper{
	background: #eaf4f1 url(../images/bcgr-turtle.png) repeat-x 0 0; 
}*/

/* Footer
-------------------------------------------------------------------------- */
#copy{ padding: 35px 0 0 25px; margin: 0; color: #818181; float: left; }
#footer a{ color: #9e9e9e; }
#footer a:hover, #footer a#current{ color: #818181; }
#footnav{ padding: 35px 25px 0 0; margin: 0; float: right; }


/* Top
-------------------------------------------------------------------------- */
#header h1{ margin: 0; padding: 0; }
#header h1 a, #header h1 a:visited{ position: absolute; top: 20px; left: 15px; display: block; width: 221px; height: 53px; background: url(../images/emerald-vacation-group-logo.png) no-repeat; overflow: hidden; line-height: 1500%; display: block; }
#header h1 a:hover{ filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; }
#topnav{ padding: 0; margin: 0; position: absolute; top: 15px; right: 15px; color: #9e9e9e; font-size: 11px; }
#topnav a{ color: #818181; }
#topnav a:hover, #topnav a#current{ color: #e95d0f; }



/* Lists
-------------------------------------------------------------------------- */
/*ul{ margin-left: 0; list-style-type: none; position: relative; list-style: none; }
ul li{ background: transparent url(../images/bullet.png) no-repeat 0 .45em; padding: 0 0 0 1.5em; margin: 0; }*/

/* Quote
-------------------------------------------------------------------------- */
.quote{ margin: 0 15px; background: url(../images/top-quote.png) 0 0 no-repeat; }
.quote blockquote { font-size: 13px; background: url(../images/bottom-quote.png) right bottom no-repeat; line-height: 140%; }
.quote p em { text-align: right; font-size: 11px; }


/* Menu 1
------------------------------------------------------------------*/
#Menu1
{ position: absolute; left: 0; top:93px; height: 42px; width: 760px; margin: 0; padding: 0; list-style: none; background: url(../images/nav-bcgr.png) -2px 0 repeat; }
#Menu1 li
{ display: inline; margin: 0; padding: 0; text-transform: capitalize; }
#Menu1 a
{ display: block; float: left; width: 159px; height: 42px; margin: 0; padding: 0; color: #818181; background: url(../images/nav-bcgr.png) 0 0 no-repeat; font: normal 12px/390% Helvetica,Arial,Geneva,sans-serif; text-decoration: none; text-align: center; }
#Menu1 a:hover, #Menu1 a:focus, #Menu1 a:active
{ color: #e95d0f; }
#Menu1 a.current
{ color: #e95d0f; }

/* Menu 2
------------------------------------------------------------------*/
#Menu2
{ margin: 0 0 10px 0; padding:0; width: 210px; }
#Menu2 li
{ color: #333333; list-style: none; padding: 0; margin: 0; text-transform: capitalize;}
#Menu2 li a, #Menu2 li a:visited 
{ text-decoration: none; text-indent: 15px; line-height: 260%; display: block; color: #fff; width: 210px; height: 43px; list-style: none; padding: 0; margin: 0 0 5px 0; font-size: 16px; font-weight: bold; border-bottom: 1px solid #fff; background: url(../images/nav_01.png) 0 0 no-repeat; }

#court #Menu2 li a.current, #court #Menu2 li a:visited.current
{ background: url(../images/nav_01.png) 0 -129px no-repeat; }

/*#TurtleCove #Menu2 li a.current, #TurtleCove #Menu2 li a:visited.current
{ background: url(../images/nav_01.png) 0 -86px no-repeat; }*/

#Menu2 li a:hover, #Menu2 li a:hover.current,
#TurtleCove #Menu2 li a:hover, #TurtleCove #Menu2 li a:hover.current,
#court #Menu2 li a:hover, #court #Menu2 li a:hover.current
{ color: #fff; background: url(../images/nav_01.png) 0 -43px no-repeat; }
#Menu2 li a.current, #Menu2 li a:visited.current
{ color: #fff; background: url(../images/nav_01.png) 0 -43px no-repeat; }


#Menu2 li ul
{ margin: 0 0 5px 0; padding:7px 0; width: 210px; background: url(../images/subnav-top.png) 0 0 no-repeat; }
#Menu2 li li
{ color: #333333; list-style: none; padding: 0; margin: 0; }
#Menu2 li li a, #Menu2 li li a:visited 
{ text-decoration: none; text-indent: 15px; line-height: 200%; display: block; color: #818181; width: 210px; height: 25px; list-style: none; padding: 0; margin: 0; font-size: 12px; font-weight: normal; border-bottom: 1px solid #fff; background: #e4f1ed  url(../images/bullet-02.png) 15px 10px no-repeat; text-indent: 30px; }
#Menu2 li li a:hover, #Menu2 li li a:hover.current,
#TurtleCove #Menu2 li li a:hover, #TurtleCove #Menu2 li li a:hover.current,
#court #Menu2 li li a:hover, #court #Menu2 li li a:hover.current
{ color: #e95d0f; background: #f1f8f6 url(../images/bullet-02.png) no-repeat 15px -8px; }
#Menu2 li li a.current, #Menu2 li li a:visited.current,
#TurtleCove #Menu2 li li a.current, #TurtleCove #Menu2 li li a:visited.current,
#court #Menu2 li li a.current, #court #Menu2 li li a:visited.current
{ color: #e95d0f; background: #e4f1ed url(../images/bullet-02.png)  no-repeat 15px -8px; }


/* Menu 3
------------------------------------------------------------------*/
/*#Menu3
{ margin: 0 0 20px 0; padding:0; width: 210px; }
#Menu3 li
{ color: #333333; list-style: none; padding: 0; margin: 0; }
#Menu3 li a, #Menu3 li a:visited 
{ text-decoration: none; text-indent: 15px; line-height: 200%; display: block; color: #818181; width: 210px; height: 25px; list-style: none; padding: 0; margin: 0; font-size: 12px; font-weight: normal; border-bottom: 1px solid #fff; background: #e4f1ed  url(../images/bullet-02.png) 15px 10px no-repeat; text-indent: 30px; }
#Menu3 li a:hover, #Menu3 li a:hover.current
{ color: #e95d0f; background: #e4f1ed url(../images/bullet-02.png) 15px -8px no-repeat; }
#Menu3 li a.current, #Menu3 li a:visited.current
{ color: #e95d0f; background: #e4f1ed url(../images/bullet-02.png) 15px -8px no-repeat; }*/

/* Contact
-------------------------------------------------------------------------- */
address{ font-style: normal;  }

/* Home
-------------------------------------------------------------------------- */
#intro{ margin: 16px 0 29px 0; }
#home #content{ border-top: 0; }

#offer { padding: 20px 0 0 0; overflow: hidden; color: #fff; margin: 0;background: url(../images/box-intro.png) no-repeat 0 0; height: 145px; }
#offer ul{ margin: 0; padding: 0; }
#offer li { float: left; display: block; list-style: none; width: 203px; padding: 0 15px; margin: 0 10px 0 0; font-size: 11px; }
#offer li.last { padding-right: 0; margin-right: 0; }
#offer li h2 { margin: 0; padding: 0; font: bold 20px/110% Arial, Helvetica, sans-serif;  }
#offer li h2 a, #offer li h2 a:visited{ color: #319177;}
#offer li h2 a:hover { color: #fff;}
#offer li h2 span{ font: bold 12px/110% Arial, Helvetica, sans-serif; display: block; }
#offer li p { clear: both; padding: 8px 0 15px 0; margin: 0; line-height: 130% }
#offer li a, #offer li a:visited { text-transform: uppercase; color: #fff; }
#offer li a:hover { text-decoration: none; color: #b8ecd7; }



/* Sidecol Offer
-------------------------------------------------------------------------- */
#sideoffer { padding: 0;  margin: 0; }

#sideoffer li {
	list-style: none;
	width: 210px;
	padding: 0;
	margin: 0 0 15px 0;
	font-size: 11px;
	background: url(../images/arrow-02.png) no-repeat 0 0;
	border-bottom: 1px solid #c1c1c1;
}
#sideoffer li h2 { margin: 0 0 0 40px; padding: 0; font: bold 18px/110% Arial, Helvetica, sans-serif; }
#sideoffer li h2 span{ font: bold 10px/110% Arial, Helvetica, sans-serif; display: block; }
#sideoffer li p { clear: both; padding: 8px 0 15px 0; margin: 0; line-height: 130% }
#sideoffer li a, #sideoffer li a:visited { text-transform: uppercase; color: #319177; }
#sideoffer li a:hover { text-decoration: none; color: #b8ecd7; }


/* Hotspots
-------------------------------------------------------------------------- */

.hotspot-01{ background: url(../images/hotspot-01.jpg) no-repeat 0 0; width: 180px; height: 267px; padding: 15px; color: #fff; font-size: 11px; line-height: 140%; margin-bottom: 15px;}
#sidecol .hotspot-01 h3{ color: #fff; font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
#sidecol .hotspot-01 a, #sidecol .hotspot-01 a:visited{ color: #fff; text-transform: uppercase; }

.hotspot-02{ background: #000 url(../images/box-02-top.png) no-repeat 0 0; width: 180px;  padding: 15px 15px 0 15px; color: #fff; font-size: 11px; line-height: 140%; margin-bottom: 25px; position: relative;}
#sidecol .hotspot-02 h3{ color: #fff; font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 10px 0; }
#sidecol .hotspot-02 a, #sidecol .hotspot-02 a:visited{ color: #fff; text-transform: uppercase; }
.hotspot-02 img{ margin: 0 0 -10px -15px; padding: 0; }

/* Boxes
-------------------------------------------------------------------------- */
.box-01{ width: 180px; height: 135px; padding: 10px 15px 0 15px; color: #fff; font-size: 10px; line-height: 140%; margin-bottom: 0; overflow: hidden;}
.box-01 a, #sidecol .box-01 a:visited { text-transform: uppercase; color: #fff; }
.box-01 a:hover { text-decoration: none; color: #b8ecd7; }
.box-01 p { padding:0; margin: 0; }
.box-01 h3{ color: #319177; font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 5px 0; }
.box-01 h3 a, #sidecol .box-01 h3 a:visited{ color: #319177; text-transform: uppercase; }
.box-01 h3 a:hover{ color: #fff;  }
.box-01 h3 span{ font: bold 12px/110% Arial, Helvetica, sans-serif; display: block; }

#box-reg{ background: url(../images/box-register.png) no-repeat 0 0;}
#box-request{ background: url(../images/box-call.png) no-repeat 0 0;}
#box-book{ background: url(../images/box-book.png) no-repeat 0 0;}
#box-calculate{ background: url(../images/box-calculator.png) no-repeat 0 0;}


/* Projects
-------------------------------------------------------------------------- */
.project h3{  clear: both; border-bottom: 1px solid #474747; padding-bottom: 5px; }
.project h4{  padding: 0; margin: 5px 0 0 0; color: #8dc8e0 }
.project ul{  margin: 0 0 15px 0; clear: both; padding: 0; overflow: auto }
.project li{
	margin: 8px 3px 0 3px;
	color: #fff;
	display: inline;
	float: left;
	font-size: 11px;
	list-style: none;
	text-align: center;
	background: #232323;
	padding: 5px;
	border: 1px solid #474747;
	height: 160px;
}
.project img{ border: 3px solid #fff; }

.toggle{
	cursor: pointer;
}

/* Registration
------------------------------------------------------------------*/
#register 
{ width: 450px; position: relative; text-align: left; margin: 20px 0; padding: 20px 0;  border-top: 1px solid #c1c1c1; }
#register label 
{ float: left; display: inline; width: 100px; padding: 2px 5px; margin: 0; text-align: left; font-size: 1em; }
#register input, #register textarea, #register select 
{  border: 1px solid #eaf4f1; border-bottom: 1px solid #c1c1c1; border-right: 1px solid #c1c1c1;background: #eaf4f1; color: #333; font: normal 12px/120% Arial,Helvetica,sans-serif; position: relative; padding: 2px; width: 300px; }
#register select
{ width: 306px; }
#register table{ margin: 0 0 15px 0; }

#register .checkbox
{ margin-left: 110px; width: 304px; }
#register .checkbox p
{ display: block; overflow: auto; width: 200px; }
#register .checkbox label 
{ float: no-float; display: block; width: auto; padding: 0px 5px; margin: 0; text-align: left; font-size: 1em; }
#register .checkbox input
{ width: auto; float: left; border: none; margin: 2px 0 0 0; }
#register .label
{ margin: 0 0 0 110px; padding: 0; }
#register  .asterisk
{ margin: 0 0 0 110px; padding: 0; }

#register .submit 
{ margin-left: 110px; background: #319177; color: #fff; cursor: pointer; width: 80px; padding: 3px; font-size: 1em; border: 0; }
#register span
{ color: #e95d0f; }
#register p{ margin: 0; padding: 0; }
#register p.ctrlHolder{ margin-bottom: 15px; padding: 0; }

/* Gallery
------------------------------------------------------------------*/
.gallery img{ margin: 10px; padding: 3px; }
.gallery a img, .gallery a:visited img{ border: 1px solid #319177; }
.gallery a:hover img{ border: 1px solid #e95d0f; }

/* PDF download
------------------------------------------------------------------*/
p.pdf{
	padding-left: 20px;
	background:  url(../images/pdf-icon-2.png) no-repeat 0 5px;
}