/* Main Sections 
------------------------------------------------------------------------- */

* {
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

html {
    display: table;
    overflow: auto;
    background: #000;
}

body {
    font-family:  Tahoma, Verdana, Helvetica, sans-serif;
    font-size: 9pt;
    text-align: left;
    color: #fff;
    background: #000;
    background-image: url(/assets/templates/circles/images/background/lights1.jpg);
    background-position: center top;
    background-repeat: no-repeat;              
}


td {
    border: 0px solid #ccc;
    vertical-align: top;
}

h1, h2, h3, h4 {
	font-family: "Trebuchet MS",  helvetica, arial, verdana, sans-serif;
	letter-spacing: .04em;
}
h1 { font-size: 22px;
    padding: 0px 0px 20px 0px;
    color: #fff;
}
h2 { font-size: 18px; 
    padding: 20px 0px 13px 0px;
    color: #ccc;}
h3 { font-size: 14px;
    padding: 10px 0px 5px 0px;
 }
h4 { font-size: 14px }

hr {
    padding: 0px; margin: 0px;
}

p, div { padding: 0; margin:0}

a, a:link { 
    color: #6e7278;
}
a:visited { color: #fff; }
a:hover { color: #fff; }
a:active { color: #fff; }


a img, img {
    border: none;
}
ul, li {
  	margin: 0px;
  	padding: 0px;
}

input {
    padding: 0px 3px 0px 3px;
    font: normal 13px "Trebuchet MS",Tahoma;  
    color: #333; 
    font-weight: bold;
    background-color: #aeb3ba;
    border: 0px;
}

textarea {
    padding: 0px 3px 0px 3px;
    font: normal 13px "Trebuchet MS",Tahoma;  
    color: #333; 
    font-weight: bold;
    background-color: #aeb3ba;
    border: 0px;
}

#base {
     margin: 0 auto;
}
#logotype {
    background-image: url(/assets/templates/circles/images/background/logotype.jpg);
    background-position: center bottom;
    background-repeat: no-repeat;  
}

.menu {
vertical-align: bottom;
padding-bottom: 0px;
}
    
                     
.menu .tdMenu {
  	background-color: #fff;
    background-image: url(/assets/templates/circles/images/background/menu/menuLeft.gif);
    background-position: left center;
    background-repeat: no-repeat;     
    height: 20px;      
	}
	
.menu .tdMenu div {
    background-image: url(/assets/templates/circles/images/background/menu/menuRight.gif);
    background-position: right center;
    background-repeat: no-repeat;  
    width: 100%;
    height: 20px;      
    margin: 0px 0px 0px 5px; 
	}
.menu .menuBlack {   
    height: 20px;      
	}
	
.menu .tdMenu div {
    width: 100%;
    height: 20px;      
	}

.menu a {      
    text-decoration: none; 
    font: normal 15px "Trebuchet MS",Tahoma;  
    color: #fff; 
        }            
.menu .tdMenu  a {
    text-decoration: none;
    font: normal 15px "Trebuchet MS",Tahoma;
    color: #000;
}    
.menu .menuBlack  a {
    text-decoration: none;
    font: normal 15px "Trebuchet MS",Tahoma;
    color: #fff;
}     

.subMenu {
    vertical-align: bottom;
} 
                     
.subMenu .tdMenu {
  	background-color: #dcdcdc;
    background-image: url(/assets/templates/circles/images/background/menu/subMenuLeft.gif);
    background-position: left center;
    background-repeat: no-repeat;     
    height: 18px;      
	}
	
.subMenu .tdMenu div {
    background-image: url(/assets/templates/circles/images/background/menu/subMenuRight.gif);
    background-position: right center;
    background-repeat: no-repeat;  
    width: 100%;
    height: 18px;      
    margin: 0px 0px 0px 5px; 
	}
	
.subMenu .menuBlack {   
    height: 18px;      
	}
	
.subMenu .tdMenu div {
    width: 100%;
    height: 18px;      
	}

.subMenu a {      
    text-decoration: none; 
    font: normal 12px "Trebuchet MS",Tahoma;  
    color: #fff; 
        }            
.subMenu .tdMenu  a {
    text-decoration: none;
    font: normal 12px "Trebuchet MS",Tahoma;
    color: #000;
}    
.subMenu .menuBlack  a {
    text-decoration: none;
    font: normal 12px "Trebuchet MS",Tahoma;
    color: #ccc;
}    

#bottomArea {
    color: #999;
    text-align: right;
    padding: 25px 0px 5px 25px; 
}

.countries ul li span {
    vertical-align: middle;
}

#mapContainer {
    text-align: center;
    padding: 0px 0px 0px 0px; 
}

#gallery img {
    padding: 0px;     
}

#gallery {
    padding: 5px 0px 20px 40px; 
}

#content {
    padding: 5px 0px 20px 40px; 
    line-height: 17px;
    color: #ccc;
    font-family: "Trebuchet MS", Tahoma;   
    background-image: url(/assets/templates/circles/images/background/lightsMain5.jpg);
    background-position: center top;
    background-repeat: no-repeat;  
}

#content ul {
    padding: 10px 0px 0px 30px; 
}

#content img {
    padding: 15px; 
}

#content p {
    padding: 0px 0px 0px 0px; 
}

#content h1{
    padding: 0px 0px 20px 0px;
    color: #fff;
}   

.countries {
  	margin: 62px 25px 26px 26px; 
}

.countries ul li {
    border: 0px solid #ccc;
    height: 30px;
    list-style: none;       
    display: block;      
    margin-bottom: 15px;     
}

.countries ul li a {
    vertical-align: middle;  
    color: #fff;    
    text-align: right;
    display:block;
    padding:6px 46px 6px 0px;
    text-decoration: none;   
    font: normal 12px "Trebuchet MS", Tahoma;
}

.countries ul li a:link, a:hover, a:visited {
    text-decoration: none;
}


#villas {
    padding: 35px 0px 20px 40px; 
}

#villas h1{
text-align: right;
    color: #242424;
    font-size: 65px;
    line-height: 18px; 
    padding: 20px 0px 20px 0px;
    font-weight: bold;
    font-family: "Trebuchet MS", Tahoma, Verdana, Helvetica, sans-serif;
    letter-spacing: -4px;
    font-style: italic;
}

#villas hr{
    margin: 10px 0px 20px 0px;
    height: 0px;
    border: 0px;
}

.villaPic {
    width: 223px;
    height: 140px;
}

#villarea {
    padding: 35px 0px 20px 40px; 
}

.villaPic div {
    padding: 6px 6px 20px 20px; 
    font-size: 15px;
}

.moreVillas { 
    background-image: url(/assets/templates/circles/images/background/villas/moreVillas.png);
    background-position: left top;
    background-repeat: no-repeat;  
}
.moreVilla { 
    background-image: url(/assets/templates/circles/images/background/villas/moreVilla.png);
    background-position: left top;
    background-repeat: no-repeat;  
}


#history {
    padding-bottom: 30px;
    text-align: right;
}
#history a {
    padding-bottom: 30px;
    text-align: right;
}

#history a:link,a:visited,a:hover {
    color: #999;
    text-decoration: none;
}

#gallery ul li {
    height: 110px;
}

div {border: 0px solid #ccc}

#tour {
    padding-top: 30px;
}

#schi {
    padding-top: 30px;
    text-align: right;
    font-size: 11px;
    color: #444;
}

a:link {

    color: #6e7278; 
}
a:visited {

    color: #6e7278; 
}
a:hover {

    color: #6e7278; 
}

.readmore a:link, .readmore a:visited {
    font-size: 10px;
    letter-spacing: 1px;  
}
.readmore a:hover {
    font-size: 10px;
    letter-spacing: 1px;  
    text-decoration: underline;
}

.cheap {
    background-image: url(/assets/templates/circles/images/background/villas/cheap.png);
    background-position: 40px 24px;
    background-repeat: no-repeat;  
}
.expensive {
    background-image: url(/assets/templates/circles/images/background/villas/expensive.png);
    background-position: right top;
    background-repeat: no-repeat;  
}

#about {
letter-spacing: 0.5px;
height: 340px; padding-top: 60px; 
    background-image: url(/assets/templates/circles/images/background/about.png);
    background-position: right top;
    background-repeat: no-repeat;  
}