.maincopy { color: white; font-size: 11px; line-height: 16px; font-family: verdana }
.smallcopy { color: #2f230d; font-size: 9px; line-height: 12px; font-family: verdana; margin-left: 27px }
.smallcopywhite { color: #a9a9a9; font-size: 9px; line-height: 12px; font-family: verdana }
.linkType { color:white; font-size:10px; line-height:18px; font-family:verdana; text-decoration:none }

a:link  { color: white; font-size: 10px; line-height: 18px; font-family: verdana; text-decoration: none }
a:visited  { color: white; font-size: 10px; line-height: 18px; font-family: verdana; text-decoration: none }
a:hover  { color: white; font-size: 10px; line-height: 18px; font-family: verdana; text-decoration: underline }

	#loading {
		display: none;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	#calendar {
		max-width: 95%;
		float: left;
		margin-left: 15px;
	}



.content h1 { margin-left: 15px; }

a.thaiVilla:link  { color: #c08f37; font-size: 10px; line-height: 18px; font-family: verdana; text-decoration: none }
a.thaiVilla:visited  { color: #c08f37; font-size: 10px; line-height: 18px; font-family: verdana; text-decoration: none }
a.thaiVilla:hover  { color: #c08f37; font-size: 10px; line-height: 18px; font-family: verdana; text-decoration: underline }

.header { width: 753px; margin: auto; background-image: url('astasia-images/header-img.jpg'); height: 109px; background-position: 91% 0; background-repeat: no-repeat; }
.slideshow { width: 753px; margin: auto; }

.content h2 { margin-left: 15px; }

.contact-info { background-color: #a7cbef; font-family: Verdana, Geneva, sans-serif; font-size: 12px; }
.contact-info p { padding: 10px; }

.content { font-family: Verdana, Geneva, sans-serif; font-size: 10px; color: #fff; }
.content p { padding: 10px; }

.sideImages { float: right; margin-top: 5px; width: 120px; margin-right: 10px;  } 
.sideImages img { margin-bottom: 10px; }

.header p { margin-left: 135px; font-family:Verdana, Geneva, sans-serif;font-size: 10px; color: #fff; }

.content-wrap { width: 753px; margin: auto; }

.footer { margin-top: 15px;background-color: #885b08; padding-top: 10px; padding-bottom: 10px; width: 530px;margin-left: 176px; }
.footer p {     color: #2f230d;
    font-family: verdana;
    font-size: 9px;
    line-height: 12px;
    margin-left: 27px; margin-right: 27px; }
	
	.footer-copyright { margin-top: 15px; width: 530px;margin-left: 176px; }
.footer-copyright p {     color: #ababab;
    font-family: verdana;
    font-size: 9px;
    line-height: 12px;
    }
	
	.footer-copyright span { float: right; }

.sidebar { float: left; }
.content { background-color: #aa7e33; float: left; width: 530px; padding-bottom: 15px; }

.content p { padding-left: 15px; padding-right: 15px; }

.thailand { float: right;   margin-right: -60px;
    margin-top: 20px; }

.menu { list-style: none; margin: 0; padding: 0; }
.menu ul li li { }

/** START MOBILE CSS **/

@media only screen and (max-width : 1000px) {

div { width: 100%!important; float: none!important; margin: 0!important; padding: 0!important; }
.slideshow { display: none; }
#master0 {  }
.header { background-position: 0% 0; background-size: 100%; }

.thailand { margin: 0!important; }

.header p { margin: 0; padding: 0; }

.mobiImg { width: 100%!important; max-width: 400px!important; height: inherit!important; }

       #nav
    {
        position: fixed;
    right: 0;
    top: 0;
		z-index: 9999999;
		width: 100%;
		
    }
	#nav li a { padding-top: 10px; padding-bottom: 10px; color: #fff; display: block; padding-left: 10px; }

	
	
        #nav > a
        {
        }
        #nav:not( :target ) > a:first-of-type,
        #nav:target > a:last-of-type
        {
            display: block;
			position: absolute; right: 25px; top: 130px;
			background-image: url('images/nav.png');
			background-repeat: no-repeat;
			width: 50px;
			height: 50px;
        }
 
    /* first level */
 
    #nav > ul
    {
        height: auto;
        display: none;
        position: relative;
        left: 0;
        right: 0;
		margin-top: 192px !important;
		width: 100%;
		
		
    }
        #nav:target > ul
        {
            display: block;
			
			
        }
        #nav > ul > li
        {
            width: 100%;
            float: none;
			margin: 0; padding: 0;
			background-color: #2b2b2b;
			border-bottom: 2px solid #fff;
			
        }
 
    /* second level */
 
    #nav li ul
    {
        position: relative!important;
		width: 100%;
    }
	
	    #nav li:hover li a
    {
    }

}

/** END MOBILE CSS **/