/*  :: Browser  */

body {
height: 100%;
margin:0;
padding:0;
border:none
}

html {
height: 100%;
margin:0;
padding:0;
border:none
}

.spacer {
line-height:5px;
font:Verdana;
color:#FF0000;
}





/*  :: BG frames   */

.f-top {
	font-family: Verdana;
	font-size: 10px;
	line-height: 5px;
	color: #33FFFF;
	background-image: url(images/frame/top.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.f-buttom {
	font-family: Verdana;
	font-size: 10px;
	line-height: 5px;
	color: #33FFFF;
	background-image: url(images/frame/buttom.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.f-left {
	font-family: Verdana;
	font-size: 10px;
	line-height: 5px;
	color: #33FFFF;
	background-image: url(images/frame/left.png);
	background-repeat: no-repeat;	
}

.f-right {
	font-family: Verdana;
	font-size: 10px;
	line-height: 5px;
	color: #33FFFF;
	background-image: url(images/frame/right.png);
	background-repeat: no-repeat;	
}




/*  :: BG per section   */

.bg-home {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-punta_mita_properties.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}

.bg-realestate {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-punta_mita_real_estate.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}

.bg-lifeat {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-life_at_punta_mita.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}

.bg-jacknicklaus {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-jack_nicklaus_golf.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}

.bg-jacknicklaus- {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-new.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}



.bg-resorts {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-punta_mita_resorts.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}

.bg-contact {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bgs/bg-contact_punta_mita_real_estate_office.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 100%;
}




/*  :: BGs misc   */

.bg-homevid {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bg-punta-mita-properties-video.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.bg-foot {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bg-foot.png);
	background-repeat: repeat;
	background-position: left top;
}
.bg-foot- {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #996699;
	background-attachment: scroll;
	background-image: url(images/bg-foot-.png);
	background-repeat: repeat;
	background-position: left top;
}



/*  :: TBLs   */

.table-section-gral {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #FF9900;
	border: 1px solid #FFFFFF;
}

.table-information {
	font-family: Verdana;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	font-weight: normal;
}

.table-information-small {
	font-family: Verdana;
	font-size: 10px;
	line-height: 11px;
	color: #333333;
	font-weight: normal;
}

.table-contact {
	font-family: Verdana;
	font-size: 10px;
	line-height: 10px;
	color: #FF9900;
	border: 1px solid #98CE77;
	background-color: #FEFECC;
}

.table-blackframed {
	font-family: Times New Roman;
	font-size: 12px;
	line-height: 18px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
}

.table-residences {
	font-family: Verdana;
	font-size: 10px;
	line-height: 22px;
	color: #FFFFFF;
	background-color: #6B905B;
	border: 1px solid #6B905B;
}
.table-residences-inside {
	font-family: Verdana;
	font-size: 10px;
	line-height: 18px;
	color: #506B44;
	background-color: #F1FAA5;
}
.table-residences-inside2 {
	font-family: Verdana;
	font-size: 10px;
	line-height: 18px;
	color: #506B44;
	background-color: #D1DE79;
}







/*  :: TXTs   */

.txt-ttls {
	font-family: Times New Roman;
	font-size: 14px;
	line-height: 17px;
	color: #D2B01E;
	font-weight: normal;
}

.txt-ttls-small {
	font-family: Times New Roman;
	font-size: 12px;
	line-height: 15px;
	color: #D2B01E;
	font-weight: normal;
}

.txt-submenu-hover {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: normal;
}

.txt-submenu-little-hover {
	font-family: Times New Roman;
	font-size: 10px;
	line-height: 15px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
.txt-disclaimers {
	font-family: Verdana;
	font-size: 9px;
	line-height: 13px;
	color: #666666;
}
.txt-unsel {
	font-family: Verdana;
	font-size: 10px;
	line-height: 15px;
	color: #999999;
}





/*  :: LINKs   */

a.submenu {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.submenu:hover {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
}
a.sssubmenu {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
}
a.sssubmenu:hover {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
}

a.submenu-und {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
a.submenu-und:hover {
	font-family: Times New Roman;
	font-size: 13px;
	line-height: 17px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
}

a.submenu-little {
	font-family: "Times New Roman";
	font-size: 10px;
	line-height: 15px;
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
	text-transform: uppercase;
}
a.submenu-little:hover {
	font-family: Times New Roman;
	font-size: 10px;
	line-height: 15px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
a.sssubmenu-little {
	font-family: "Times New Roman";
	font-size: 10px;
	line-height: 15px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}
a.sssubmenu-little:hover {
	font-family: Times New Roman;
	font-size: 10px;
	line-height: 15px;
	color: #AE9218;
	font-weight: normal;
	text-decoration: none;
	text-transform: uppercase;
}

a.grayemail {
	font-family: Times New Roman;
	font-size: 12px;
	line-height: 16px;
	color: #000000;
	font-weight: normal;
	text-decoration: underline;
}
a.grayemail:hover {
	font-family: Times New Roman;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}

a.blackmenu-framed {
	font-family: Times New Roman;
	font-size: 12px;
	line-height: 17px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}

a.blackmenu-framed:hover {
	font-family: Times New Roman;
	font-size: 12px;
	line-height: 17px;
	color: #666666;
	font-weight: normal;
	text-decoration: underline;
}




a.black-sm {
	font-family: Verdana;
	font-size: 10px;
	line-height: 14px;
	color: #000000;
	font-weight: normal;
	text-decoration: none;
}
a.black-sm:hover {
	font-family: Verdana;
	font-size: 10px;
	line-height: 14px;
	color: #666666;
	font-weight: normal;
	text-decoration: none;
}

a.gray-sm {
	font-family: Verdana;
	font-size: 10px;
	line-height: 12px;
	color: #999999;
	font-weight: normal;
	text-decoration: none;
}
a.gray-sm:hover {
	font-family: Verdana;
	font-size: 10px;
	line-height: 12px;
	color: #333333;
	font-weight: normal;
	text-decoration: none;
}



a.white{
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 12px;
	color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}
a.white:hover {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}









/*  :: SPACERs   */

.tbl-dot {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#CCCCCC;
line-height:8px;
border-bottom:dotted #CCCCCC 1px;
}

.grayline {
	font-family: Verdana;
	font-size: 1px;
	line-height: 1px;
	color: #CCCCCC;
	background-color:#ECECEC
}

.graydash {
	font-family: Verdana;
	font-size: 10px;
	line-height: 20px;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
	height: 30px;
	width: 500px;
	font-weight: normal;
	letter-spacing: .2em;
}