/*
-----------------------------------------------
clinicdigital Screen Master
Author:   Nicola Cascio
Version:  01 Apr 2005
----------------------------------------------- */

/* All associated graphics copyright 2005, Nicola Cascio */

/* IMPORTANT */
/* This design is not a template. You may not reproduce it elsewhere without the 
   designer's written permission. However, feel free to study the CSS and use 
   techniques you learn from it elsewhere. */
   
/* Typography Styles
----------------------------------------------- */
h1 {
	font-size: 36px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 24px;
}
h3 {
	font-size: 12px;
}

#col h3 {
	font-size: 2em;
	color: #FFFFFF;
	padding-left: 10px;
	padding-top: 25px;
}
/*
#content h3 {
	padding-top: 15px;
	padding-bottom: 0px;
	padding-left: 5px;
	color: #666666;
	font-size: 1.6em;
	padding-right: 0px;
	line-height: 1.4em;
	margin: 0px;
}*/
#content p {
	padding-left: 5px;
}
.testimonials #content p {
	width: 300px;
}
.gettinghere #content p {
	padding-top: 350px;
}
.contacts #content p {
	width: 300px;
	font-size: 1em;
	padding-left: 55px;
}
.contacts #content h3 {
	width: 300px;
	font-size: 1em;
	padding-left: 55px;
	padding-top: 75px;
}
strong {
	color: #3E58AD;
}



h4 {
	font-size: 11px;
}
h5 {
	font-size: 10px;
}
h6 {
	font-size: 9px;
}
p {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color: #666;
	text-align: justify;
}


/* General Styles
----------------------------------------------- */
body{
	color:#666;
	letter-spacing: 1pt;
	margin:0 0 20px;
	padding:0;
	text-align:left;
	background-color: #EEEEEE;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-style: normal;
	line-height: 1.4em;
	font-weight: normal;
	font-variant: normal;
}

a{font-weight:bold;color: #1084BF;text-decoration:none}

a:hover{text-decoration:underline;}

a:active, a:visited{color: #3E58AD;}

/* General Positining Styles
----------------------------------------------- */

#container{
	padding: 0px;
	position:relative;
	width:760px;
	text-align:left;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-image: url(../img/bg/bgcontent.gif);
	background-repeat: repeat-y;
	background-position: left top;
	margin-top: 20px;
}
#header {
	height: 135px;
	width: 760px;
	background-image: url(../img/bg/bgtop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#top {
	background-image: url(../img/bg/top63.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 111px;
	width: 725px;
	margin-left: 17px;
}

#content {
	width: 725px;
	height: 300px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
	background-repeat: no-repeat;
	z-index: 5;
}
/*#content p, #content h3, #content h4 {
	width: 400px;
}*/
#big {
	margin-bottom: 10px;
}
#thumb img {
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
	padding: 0px;
}
#thumb {
	margin-left: 3px;
}

#thumb a {
	margin: 0px;
	padding: 0px;
}
.seven {
	margin-right: 0px;
}





#col{
	position:absolute;
	top: 157px;
	margin-left: 475px;
	width:250px;
	height: 250px;
	left: 5px;
	z-index: 1;
}



#col ul{
	list-style-type:none;
	margin-top: 60px;
	margin-left: 10px;
}

#col li{
}
/* Footer
----------------------------------------------- */
#footer {
	clear:both;
	font-size:85%;
	background-image: url(../img/bg/bgfooter.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 80px;
	width: 760px;
	margin-top: 0px;
	padding: 0;
  }
#footer p {
	margin:0;
	color:#FFFFFF;
	text-align:left;
	line-height:1.6em;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
  }
/* Fixes footer containment bug in IE-Win (5 and 6)
   http://www.positioniseverything.net/explorer/escape-floats.html
   But IE5-Mac shouldn't see this \*/
  * html #footer p {
    height:1%;
    }
  /* Resume IE5-Mac */
#footer a, #footer a:visited {
  color:#666;
  border-color:#444;
  }
#footer a:hover {
  color:#933;
  border-color:#b55;
  }
  
/* Navigation Styles
----------------------------------------------- */

#nav {
	height: 20px;
	width: 725px;
	margin-left: 17px;
}
#navlist
{
padding-left: 0;
margin-left: 0px;
}

#navlist li
{
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}

#navlist li a {
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: 0.1em;
	background-image: url(../img/icons/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
#navlist li a:hover {
	text-decoration: none;
	color: #ff6600;
	letter-spacing: 0.1em;
	background-image: url(../img/icons/square.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}


#navigation ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
#navigation li {
	float: left;
	margin: 0;
	padding: 0;
	}
	
#navigation a {
	color: #3E58AD;
	font-weight: 900;
	text-decoration: none;
	font-size: 1em;
	letter-spacing: 0.1em;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	}
	
#navigation a:hover {
	color: #666666;
	}
	
#navigation #currentpage a {
	color: #CCCCCC;
	}

#toolbox {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
#curriculum {
	background-color: #CCCCFF;
	padding: 10px;
	border: 1px solid #9933FF;
}
/* ---[ forms ]------------------------------------ */

.formbutton {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	background-color: #333;
	border: 1px solid #999999;
	height: 25px;
	width: 100px;
	color: #fff;
	margin-bottom: 10px;
}
/*
#contactform, #comments-form, #shirt-form, #search-form {
	margin: 0 0 25px 0;
	padding: 15px;
	background: url(../img/form-bg.gif) repeat-x top left;
	}
#search-form {
	background-image: url(../img/search-form-bg.gif);
	}
#search-form p {
	margin: 0 0 10px 0;
	}
#search-box {
	width: 130px;
	}	
#contactform dl {
	margin: 0;
	padding: 0;
	font-size: 90%;
	}
#contactform dt {
	color: #333;
	font-weight: normal !important;
	}
#contactform dt em, #contactform .note em {
	color: #c00;
	font-weight: bold;
	font-style: normal;
	}
#contactform #realname, #contactform #email, #contactform #url {
	width: 200px;
	border: 1px solid #ccc;
	padding: 2px;
	color: #444;
	}
#contactform textarea {
	width: 400px;
	height: 180px;
	font-family: inherit;
	font-size: 120%;
	border: 1px solid #ccc;
	}
	*/
/*
This style sheet was created to symbolise the endless bugs Web artists have to deal with on a daily
basis and give hope (as well as a good laugh) to all those who work hard to make the Web a better
and bug-free environment

Style Sheet by Nicola Cascio
*/ 
.hide {
	display: none;
}
/*
#home-img {
	background-image: url(../img/bg/bg-home.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 347px;
	width: 725px;
}
.inside #content {
	height: 744px;
}
.inside #content p, .inside  #content h3, .inside  #content h4 {
	width: 425px;
}
.inside #col {
	height: 782px;
	width: 276px;
	margin-left: 462px;
	background-image: url(../img/bg/bgsidereal1.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.realestate2 #content {
	height: 1362px;
}
.realestate2 #content p, .realestate2  #content h3, .realestate2  #content h4 {
	width: 425px;
}
.realestate2 #col {
	height: 1300px;
	background-image: url(../img/bg/bgrealestete2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 276px;
	margin-left: 462px;
}
/*
.aboutus #content {
	height: 962px;
}
.aboutus #content p, .aboutus  #content h3, .aboutus  #content h4 {
	width: 425px;
}
.aboutus #col {
	height: 1000px;
	width: 276px;
	margin-left: 462px;
	background-image: url(../img/bg/bgaboutus.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.islandinfo2 #content {
	height: 700px;
}
.islandinfo2 #content p, .islandinfo2  #content h3, .islandinfo2  #content h4 {
	width: 425px;
}
.islandinfo2 #col {
	height: 700px;
	width: 276px;
	background-image: url(../img/bg/bgislandinfo2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 462px;
}

.gettinghere #content {
	height: 650px;
}
.gettinghere #content p, .gettinghere  #content h3, .gettinghere  #content h4 {
	width: 425px;
}
.gettinghere #col {
	height: 664px;
	width: 276px;
	margin-left: 462px;
	background-image: url(../img/bg/sidegeton.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
/*
.testimonials #home-img {
	background-image: url(../img/bg/bgtestimonials.jpg);
}
.contacts #home-img {
	background-image: url(../img/bg/bgcontacts.jpg);
}
.properties #home-img {
	background-image: url(../img/bg/bgproperties.jpg);
}
*/

/* ----------------Sections styles---------------*/

.home #content {
}
.home2 #content {
	height: 625px;
}
.spiagge #content {
	background-repeat: no-repeat;
}
.aboutus #content {
}
.aboutus2 #content {
}
.testimonials #content {
}
.islandinfo #content {
}
.islandinfo2 #content {
}
.ristoranti #content {
}

.properties #content {
}
.properties3 #content {
	height: 2060px;
}
.realestate #content {
}
.realestate2 #content {
}
.realestate3 #content {
   height: 1320px;
}
.gettinghere #content {
}
.gettinghereone #content {
}
.gallery #content {

}
.gallery2 #content {
	height: 570px;
}

.contacts #content {
}
.press #content {
}
.home #top {
	background-image: url(../img/bg/top63.jpg);
}
/*
.home2 #top {
	background-image: url(../img/bg/top10.jpg);
}
.aboutus #top {
	background-image: url(../img/bg/bgtop31.jpg);
}
.aboutus2 #top {
	background-image: url(../img/bg/top16.jpg);
}
.testimonials #top {
	background-image: url(../img/bg/top27.jpg);
}
.islandinfo #top {
	background-image: url(../img/bg/top29.jpg);
}
.islandinfo1 #top {
	background-image: url(../img/bg/top40.jpg);
}
.islandinfo2 #top {
	background-image: url(../img/bg/top20.jpg);
}
.spiagge #top {
	background-image: url(../img/bg/top23.jpg);
}

.properties #top {
	background-image: url(../img/bg/top59.jpg);
}
.properties2 #top {
	background-image: url(../img/bg/top57.jpg);
}
.properties3 #top {
	background-image: url(../img/bg/top56.jpg);
}
.realestate #top {
	background-image: url(../img/bg/top44.jpg);
}
.realestate2 #top {
	background-image: url(../img/bg/top18.jpg);
}
.realestate3 #top {
	background-image: url(../img/bg/top62.jpg);
}
.gettinghere #top {
	background-image: url(../img/bg/top32.jpg);
}
.gettinghereone #top {
	background-image: url(../img/bg/top31.jpg);
}
.press #top {
	background-image: url(../img/bg/top55.jpg);
}
.gallery #top {
	background-image: url(../img/bg/top51.jpg);
}
.gallery2 #top {
	background-image: url(../img/bg/top14.jpg);
}
.ristoranti #top {
	background-image: url(../img/bg/bgtop06.jpg);
}
.contacts #top {
	background-image: url(../img/bg/top60.jpg);
}

*/
#booking {
	width: 80%;
	margin-right: 5%;
	margin-left: 5%;
	padding-right: 2%;
	padding-left: 2%;
	background-color: #FFFFFF;
}
form {
	font-size: 1em;
}

legend {
	font-size: 2em;
	padding-bottom: 10px;
	padding-top: 10px;
}
label {

}
option {
	font-size: 1em;
}
select {
	font-size: 0.9em;
}
.box {
	float: left;
	height: 325px;
	width: 217px;
	margin-right: 10px;
	padding: 8px;
	background-color: #EAEEF2;
	border: 1px solid #ccc;
	margin-top: 10px;
}
.box h3 {
	background-color: #3E58AD;
	color: #fff;
	padding-top: 15px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 10px;
	font-size: 15px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
}
#box3 {
	margin-right: 0px;
	float: right;
}
#content .homebut a {
	background-color: #3E58AD;
	width: 200px;
	height: 25px;
	float: left;
	color: #FFFFFF;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#content .homebut a:hover {
	background-color: #6A80CA;
	width: 200px;
	height: 25px;
	float: left;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.boxtxt {
	height: 120px;
}