/*(((((((((((((((((((((((((((((((((((*
** style.css
** ------------------------------------------------------------*
** Created:  2010-12-31 (yy-mm-dd)
** Modified by Brio
** Author:   Woody.Info - Woody Leonhard / Seth Bareiss
** Template: Main Page
**))))))))))))))))))))))))))))))))))))*/

/* This is how you write a comment in CSS*/

.pagelayout {max-width:1280px; min-width:750px; text-align:center; }












  


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
html { height: 100%; }
body {
	height: 100%;font-family: Trebuchet-MS,Tahoma,Arial,Helvetica,sans-serif;font-size:14px;margin: 0px;padding: 0px;background-color:#000022;color:#7777ff;
/* background:url(../Pictures/cloth.jpg); */
}

.twitterlinkpadding {  
      padding-top: 5px;  
      padding-right: 10px;  
      padding-bottom:10px;  
      padding-left: 70px;  
    } 

.fblinkpadding {  
      padding-top: 15px;  
      padding-right:20px;  
      padding-bottom:10px;  
      padding-left: 10px;  
    }  
  
.padded {  
      padding-top: 10px;  
      padding-right: 10px;  
      padding-bottom:5px;  
      padding-left: 50px;  
    }  
	
.w3c {  
      padding-top: 10px;  
      padding-right: 10px;  
      padding-bottom:5px;  
      padding-left: 70px;  
    } 
 


/* headlines */
h1, h2, h3, h4, h5, h6 { 
	color: #6666CC;  
	font-weight: bold; 
	font-family: Calibri, Trebuchet-MS,  Tahoma, Arial, Helvetica, sans-serif; 
	margin: 0;
}
h1 { 
	color: #6666CC;
	font-size: 40px; 
	font-weight:bolder;
	text-align:center; 
}
h2 { font-size: 25px; padding: 0px;  color:#15C8C8; text-align:center; font-weight:bolder;} /* for "you are here" in the banner */
h3 { font-size: 16px; padding: 5px 0; color:#66C; font-family:Trebuchet-MS, Calibri, Tahoma, Arial, Helvetica, ans-serif; text-align: left; font-weight: normal; }
h4 { font-size: 1.5em; padding: 0px 0; }
h5 { font-size: 1.4em; padding: 15px 0; }	
h6 { font-size: 1.2em; padding: 10px 0 0; }

/* text */
p { 	font-family: Trebuchet-MS, Tahoma, Arial, Helvetica, sans-serif;
		font-size: 18px;
		color: #15C8C8;
        line-height: 1.5em; 
		margin: 0 0 11px; 
		text-align: left;
}


/*  images */
/*img { border: 0px solid #333; margin: 0 0px 0px 0; }
a img { border: 0px solid #2F1C07; }*/
a:hover img { border-color: #0c0c33; }

/* links */

a { text-decoration:inherit; font-weight:bold; color:#7777dd; }
a:hover { font-weight:bolder; color:#00CC33; /*background-color:#000033; */ }



.warning { background-color:#F66; }

.allblacks {color:#62f; text-align:center; font-family:Comic-Sans-MS, cursive; font-stretch:expanded; font-size:44px; text-shadow: 3px 2px 0px #AAFFFF; }
 


/* horizontal rule */
hr { border: 0; height: 1px; background-color: #333; color: #555; margin: 3px 0 0; }

/* background picture in main menu */ 
/* not used yet .bigpicture { z-index: 0; top: 0px; azimuth:center;  height:auto; } */


/* not used yet
.mainpagemaintext { z-index: 2; float: none; position: relative; width: 600; max-width: 600; 
					padding: 0px 30px 100px 100px; top: -200px; 
					margin-left: inherit; margin-right: inherit; 
					margin-top:inherit; margin-bottom:auto; 
				  }
*/

ul#menulinks li a {
	display: block; 
	background:url(../pictures/menubuttondarker.gif); 
	background-repeat: no-repeat;
	width:  200px; height:24px;
	padding-left:10px; padding-top:1px;
	padding-bottom:3%;
	color:#66FF33;
	font-weight:bolder; font-size:16px;
	list-style-type: none;
	
}
ul#menulinks li a:hover {
	background:url(../pictures/menubuttonlime.gif);
	background-repeat: no-repeat;
	color: #000033;
}

.menulinks {
	display: block; 
	background:url(../pictures/menubuttondarker.gif); 
	background-repeat: no-repeat;
	width:  200px; height:24px;
	padding-left:10px; padding-top:1px;
	padding-bottom:3%;
	color:#66FF33;
	font-weight:bolder; font-size:16px;
	list-style-type: none;
	
}


.menulinks:hover {
	background:url(../pictures/menubuttonlime.gif);
	background-repeat: no-repeat;
	color: #000033;
}


.gallery {
    color: #DDEE0F;
    font-weight: bold;
    text-decoration: inherit;
}

.bikes {
    color: #00ffff;
	border:double;
    font-weight: bold;
    max-height: 300px;
	max-width: 400px;
	padding: 0px
	
}
 /* This is style for CSS tableless table with flexable number of columns  */
 
 
 div.csstablecell {
	display:inline-table; padding:5px;
	width:150px; height:100px; padding:10px; 
	max-width:150px; max-height:100px;
	min-width:150px; min-height:100px;
	text-align:center;
 }
 
  div.csstablecellshop {
	display:inline-table; padding:5px;
	width:200px; height:150px; padding:10px; 
	max-width:200px; max-height:150px;
	min-width:200px; min-height:150px;
	text-align:center;
  }
 
/* Thai Money Conversion Chart Link */
div.thaimoneyconversion  {
	display:inline-table;
	width:500px; height:150px; padding:10px; 
	max-width:500px; max-height:150px; text-decoration:underline;
	min-width:500px; min-height:150px;
	text-align:center; background-image:url(../pictures/thai-money-background.jpg);
}