/*-----------------------------------------------------------------------------

version:   1.0
author:    Tiki Juntakool
email:     tiki@pm-creative.com
website:   http://www.pm-creative.com/
-----------------------------------------------------------------------------*/

/* =General
-----------------------------------------------------------------------------*/


/* Remove padding and margin */
* {
  	margin: 0;
	padding: 0;
}

/* Put it back on certain elements */
h1, h2, h3, h4, h5, h6, p, pre, blockquote, form, fieldset, table, ul {
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 0em;
	margin-left: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

/* Class for float left and right */
.left{
	float:left;
	line-height: 20px;
}

.branding{
	float:left;
}

.right{ float:right; }

/* Set inside width */
.inside{
	width:780px;
	margin:0 auto;
}

.insidemenu{
	width:780px;
	margin:0 auto;
}

.logo{
	margin-top: 30px;
}

.tabletitle{
	font-size: 12px;
	font-weight: bold;
}

/* Remove border around linked images */
img {
	border: 0;
}

.font1{ /* this font size is 11 px */
	font-size: 11px;
	text-align: left;
	font: Verdana;
	float: left;
}


/* =Typography
-----------------------------------------------------------------------------*/

body {
	font-family: Verdana;
	font-size: 11px;
	line-height: 1.7;
	color: #321c02;
	background-color: #e9e1c2;
}

/* =Headings
-----------------------------------------------------------------------------*/



/* =Links
-----------------------------------------------------------------------------*/
a:link, a:visited, a:active {
	color: #D45433;
	text-decoration: none;
}

a:hover {
	color: #D45433;
	text-decoration: none;
}

/* =Branding
-----------------------------------------------------------------------------*/
#Branding {
	width: 780px;
	background-image: url(../images/Layout/bg_branding.jpgxxx);
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 130px;
}


/* =Branding2
-----------------------------------------------------------------------------*/
#Branding2 {
	width: 780px;
	background-color: #D45433;
}

#Branding2 p{
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 1px;
}
/* =Main Nav
-----------------------------------------------------------------------------*/
#MainNav {
	background-color: #321c02;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #CC3300;
	background-image: url(../images/Layout/bg_mainnav.jpg);
	background-repeat: repeat-x;
	background-position: top;
	width: 780px;
}

#MainNav ul {
	margin: 0;
	padding: 0;
	float: left;
	width: 780px;
	list-style: none;
	font-weight: bolder;
	font-family: Verdana;
	font-size: 11px;
}

#MainNav li {
  float: left;
}


#MainNav li a {
	line-height: 2.7em;
	text-decoration: none;
	color: #fff;
	float: left;
	display: block;
	width: 156px;
	text-align: center;
}


#MainNav li a:hover {
	color: #FFFFFF;
	background-image: url(../images/Layout/bg_mainnav3.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

body.mprofile #MainNav a#mprofile, body.mflyer #MainNav a#mflyer, body.mspace #MainNav a#mspace, body.mground #MainNav a#mground, body.mmap #MainNav a#mmap {
	color: #FFFFFF;
	background-color: #CC3300;
	background-image: url(../images/Layout/bg_mainnav2.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
/* =Sub Nav
-----------------------------------------------------------------------------*/


/* =Main Content
-----------------------------------------------------------------------------*/
#Wrapper {
	width: 783px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#WrapperPopup {
	width: 560px;
	text-align: left;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}


#MainContent {
	width: 780px;
	background-image: url(../images/Layout/bg_content5.jpg);
}

#MainContent2 {
	width: 780px;
	margin-bottom: 20px;
}

#Content1 h1 {
	font-size: 26px;
	margin-top: 15px;
	color: #00564e;
}

#Content1 h2 {
	font-size: 15px;
	margin-top: 15px;
}

#Content1 h3 {
	font-size: 14px;
	margin-top: 20px;
}

#Content1 h3.address {
	color: #660000;
	font-size: 14px;
	margin-top: 20px;
}

#Content1 p {
	margin-top: 15px;
	margin-bottom: 15px;
}

#Content1 img {
	margin-top: 10px;
}


#Content1 img.frame {
	border: 1px solid #333333;
	margin-bottom: 50px;
}

/* Content Left Width 450px */
#Content2 {
	width: 380px;
	text-align: left;
	margin-top: 20px;
	background-image: url(../images/Layout/bg_content2.jpg);
	background-repeat: no-repeat;
	height: 118px;
	border: 1px solid #B3A778;
	line-height: 16px;
}

#Content2 h1 {
	font-size: 18px;
	margin-top: 15px;
	color: #00564e;
}

#Content2 h2{
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#Content2 .bimage{
	border: 1px solid #321c02;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 15px;
}

#Content2 .bimage2{
	border: 1px solid #321c02;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
}

#Content2 img{
	margin-top: 3px;
	margin-right: 4px;
	margin-bottom: 0px;
}


#Content2 p {
	margin-right: 10px;
	margin-left: 10px;
}


#Content2 p.smaller{
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #1a1a1a;
}

#Content2 ul, #Content2 ol{
	margin-left: 30px;
	margin-bottom: 15px;
}

#Content21 {
	width: 210px;
}


/* Content Right Width 325px */
#Content3 {
	width: 380px;
	text-align: left;
	margin-top: 20px;
	background-image: url(../images/Layout/bg_content3.jpg);
	height: 118px;
	border: 1px solid #B3A778;
	
}

#Content3 h1 {
	font-size: 18px;
	margin-top: 15px;
	color: #00564e;
}

#Content3 h2{
	font-size: 16px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}

#Content3 h3{
	text-decoration: underline;
	color: #660000;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-size: 14px;
}

#Content3 p{
	margin-top: 10px;
	margin-bottom: 0px;
	margin-left: 175px;
	display: block;
	width: 200px;
	text-align: left;
	margin-right: 5px;	
}
	
#Content3 p properties{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 200px;
	display: block;
	width: 780px;
	text-align: center;

}

#Content3 p.smaller{
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-size: 11px;
	color: #1a1a1a;
}

#Content3 ul, #Content5 ol{
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 30px;
}

#Content3 img.haveframe {
	border: 1px solid #333333;
	margin-bottom: 20px;
}

#Content4 {
	width: 780px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	background-image: url(../images/Layout/bg_content4.jpg);
	height: 579px;
	border: 1px solid #B3A778;
}

#Content4b {
	width: 170px;
	text-align: left;
	margin-top: 20px;
	height: 118px;

}

#Content4c {
	width: 350px;
	text-align: justify;
	margin-top: 10px;
	margin-bottom: 30px;
	line-height: 40px;
	font-size: 13px;
	margin-left: 10em;
}

#Content4d {
	width: 90px;
	text-align: left;
	margin-top: 20px;
	height: 118px;

}

#Content4e {
	width: 90px;
	text-align: left;
	margin-top: 20px;
	height: 118px;

}

#Content4f {
	width: 780px;
	text-align: center;
	background-image: url(../images/Layout/bg_content5.jpg);

}

#Content4g {
	width: 780px;
	text-align: center;
	margin-bottom: 20px;
	margin-top: 20px;
	line-height: 1;
}

#Content4g img{
	margin-bottom: 0px;
}

#Content5 {
	width: 650px;
	text-align: justify;
	margin-top: 10px;
	margin-left: 60px;
	margin-bottom: 30px;
	line-height: 20px;
}

#Content5 li {
	background-image: url(arrow.gif);
	background-repeat: no-repeat;
	background-position: 1em;
	padding-left: 0.7em;
	margin-left: 2em;
}

#Content6 {
	width: 360px;
	margin-right: auto;
	margin-left: 230px;
	line-height: 2em;
	margin-bottom: 40px;
}

#Content6 h2{
	color: #321c02;
	margin-top: 40px;
	font-size: 15px;
	margin-bottom: 20px;
}

#Content6 ul{
	margin-top: 20px;
	line-height: 20px;
	font-size: 13px;
}

#Content6 li{
	margin-top: 21px;
	color: #e9e1c2;
}

#Content6 p{
	color: #000000;
	font-size: 13px;
	line-height: 20px;
}

#Content7 {
	width: 500px;
	text-align: justify;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

#Content7 h2{
	color: #321c02;
	margin-top: 20px;
	font-size: 18px;
	
}

#Content7 h3{
	color: #321c02;
	margin-top: 6px;
	font-size: 13px;
	
}

#Content7 ul{

}

#Content7 li{
	margin-left: 20px;
	margin-top: 10px;
}

#Content7 p{
    text-align: justify;
	margin-top: 20px;
	
}

#Content8 {
	width: 190px;
	text-align: right;
	margin-top: 50px;
	height: 350px;
	font-size: 15px;
	font-weight: bold;
	color: #321c02;
}

#Content9 {
	width: 200px;
	text-align: right;
	margin-top: 30px;
	height: 118px;
	font-size: 15px;
	font-weight: bold;
	color: #321c02;
}

#Content10 {
	width: 420px;
	text-align: left;
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 30px;
}

#Content10 h2{
	color: #321c02;
	margin-top: 20px;
	font-size: 18px;
	
}

#Content10 p{
    text-align: left;
	margin-top: 20px;
	
}

#Content11 {
	width: 300px;
	margin-right: auto;
	margin-left: 220px;
	line-height: 3em;
	margin-bottom: 40px;
	margin-top: 50px;
}

#Content12 {
	width: 108px;
	text-align: right;
	margin-top: 10px;
	height: 157px;
	font-size: 15px;
	font-weight: bold;
	color: #321c02;
	margin-right: 15px;
}

#Contentpopup {
	width: 500px;
	text-align: justify;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 20px;
	margin-right: 30px;
}

#Contentpopup h2{
	color: #321c02;
	margin-top: 20px;
	font-size: 18px;
	
}

#Contentpopup h3{
	color: #321c02;
	margin-top: 6px;
	font-size: 13px;
	
}

/* =Secondary Content
-----------------------------------------------------------------------------*/


/* =Footer
-----------------------------------------------------------------------------*/
#footer {
	text-align: center;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #AFA986;
} 

#footer p {
	font-size: 11px;
	color: #1a1a1a;
	margin-bottom: 10px;
} 

#footer img{
	margin-top: 10px;
}
/* =Forms
-----------------------------------------------------------------------------*/

/* Removes fieldset borders. even on Opea 7 */
fieldset {
  border: 1px solid transparent;
}


/* =Tables
-----------------------------------------------------------------------------*/

table {
	border-collapse: inherit;
	border: 1px solid #333333;
	background-color: #e9e1c2;
	font-size: 9px;
	width: 780px;
	margin-bottom: 10px;
	text-align: left;
}

table 2 {
	border-collapse: inherit;
	border: 1px solid #333333;
	background-color: #e9e1c2;
	font-size: 9px;
	width: 780px;
	margin-bottom: 10px;
	text-align: left;
}

caption {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 0.3em;
	margin-left: 0;
}

col {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #333333;
}

col#albumCol {
  border: none;
}

thead {
	border-top: 1px solid #a5a5a5;
	border-bottom: 1px solid #a5a5a5;
	background-color: #B7B19B;
	color: #333333;
	font-weight: bold;
}

th {
  font-weight: normal;
  text-align: center;
}

#playlistPosHead {
  text-indent: -1000em;
}

td, th {
	padding-right: 0.2em;
	padding-left: 0.2em;
	line-height: 13px;
}

.odd {
  background-color:#CCCC99;
}

.odd2 {
	line-height: 5px;
}

tr:hover {
  color: #000000;
}

thead tr:hover {
  background-color: transparent;
  color: inherit;
}

/* =Misc 1
-----------------------------------------------------------------------------*/
#pic {
	width: 770px;
	height: 596px;
	position: relative;
	margin-bottom: 50px;
}

#pic img{
	border: 1px solid #333333;
}

#pic ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#pic a {
  position: absolute;
  width: 293px;
  height: 104px;
  text-indent: -1000em;
}

#pic a:hover {
  border: 3px solid #da623a;
}

#pic .contactus a {
  top: 445px;
  left: 53px;
}

/* =sIFR
-----------------------------------------------------------------------------*/
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}

span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 55px;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}