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

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 {

}

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


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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.7;
	color: #FFFFFF;
	background-color: #000000;
}



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



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

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

/* =Branding
-----------------------------------------------------------------------------*/
#Branding {
	width: 210px;
	height: 600px;
	background-image: url(../images/bg_leftbar2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}

#Branding img{
	margin-top: 30px;
}

#Branding p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
}


/* =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: 13px;
}

#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: 800px;
	text-align: left;
	margin-top: 80px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 600px;
	border: 1px solid #999999;
}

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

#Wrapper2 {
	width: 800px;
	text-align: right;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	height: 20px;
}

#Wrapper2 p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	margin-right: 10px;
}

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


#MainContent {
	width: 590px;
	background-image: url(../images/bg_bodybg.png);
	background-repeat: no-repeat;
	background-color: #000000;
	height: 600px;
	font-size: 13px;
}

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

#Content1 {
	width: 587px;
	height: 150px;
}

#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 {
	
}


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

/* Content Left Width 450px */
#Content2 {
	width: 587px;
	height: 360px;
}

#Content2 h1 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #70aa43;
	margin-left: 50px;
}

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

#Content2 h3{
	font-size: 19px;
	margin-top: 180px;
	margin-right: 200px;
	margin-bottom: 200px;
	margin-left: 240px;
	color: #70aa43;
}

#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 p {
	overflow-y: scroll;
	margin-bottom: 20px;
	height: 270px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	overflow: auto;
}


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

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

#Content21 {
	width: 210px;
}


/* Content Right Width 325px */
#Content3 {
	width: 125px;
	margin-top: 10px;
	height: 125px;
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;	
}

#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 img{
	
}

#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: 13px;
	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: 587px;
	height: 60px;
}

#Content4 img {
	margin: auto;
}

#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: 6px;
}

#Content5 {
	padding-right: 2px;
}

#Content5 img {
	margin: auto;
}

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

#Content6 {
	margin-right: 10px;
	height: 100px;
	width: 500px;
}

#Content6 h2{
	color: #70aa43;
	margin-top: 20px;
	font-size: 16px;
	margin-bottom: 20px;
	margin-left: 3px;
}

#Content6 p{
	color: #FFFFFF;
	font-size: 13px;
}

#Content7 {
	width: 587px;
	height: 510px;
}

#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: 567px;
	height: 60px;
	margin-right: 10px;
	margin-left: 10px;
}

#Content8 h1 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #70aa43;
	margin-left: 50px;
}

#Content8 p {
	overflow-y: scroll;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	text-align: right;
}

#Content9 {
	width: 587px;
	height: 300px;
}

#Content9 h1 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #70aa43;
	margin-left: 50px;
}

#Content9 p {
	overflow-y: scroll;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
}

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

#Content10 h1 {
	font-size: 25px;
	margin-top: 15px;
	color: #70aa43;
	margin-bottom: 15px;
}

#Content10 h2{
	color: #FFFFFF;
	margin-top: 5px;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
}

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

#Content11 {
	width: 587px;
	height: 340px;
}

#Content11 h1 {
	font-size: 16px;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #70aa43;
	margin-left: 50px;
}

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

#Content11 h3{
	font-size: 19px;
	margin-top: 180px;
	margin-right: 200px;
	margin-bottom: 200px;
	margin-left: 240px;
	color: #70aa43;
}

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

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


#Content11 p {
	overflow-y: scroll;
	margin-bottom: 20px;
	height: 270px;
	width: 480px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
}


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

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

#Content11 img{
	height: 150px;
	margin-top: 6px;
	margin-right: 15px;
	margin-bottom: 6px;
	margin-left: 15px;
	width: 160px;
}

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

#Content13 {
	width: 567px;
	height: 20px;
	margin-right: 10px;
	margin-left: 10px;
}

#Content14 {
	width: 230px;
	height: 260px;
	margin-right: 20px;
	color: #70aa43;
}

#Content14 img {
	margin-left: 33px;
}

#Content14 h2 {
	color: #FFFF00;
}

#Content15 {
	width: 230px;
	height: 20px;
}

#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;
	width: 587px;
} 

#footer a {
	color: 70aa43;

} 

#footer img{

}
/* =Forms
-----------------------------------------------------------------------------*/

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


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

table {
	font-size: 13px;
	margin-bottom: 10px;
	text-align: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

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: 20px;
}

.odd {
  background-color:#CCCC99;
}

.odd2 {
	line-height: 5px;
}

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;
}