@import url("text.css");
/*
--------------------------------------------------
Mark Motors
--------------------------------------------------
Revised April 11, 2007
--------------------------------------------------
*/
/************************************************************************

	Site:		www.markthailand.com
	Author:		John

	Possible Future Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Main Navigation
	4 - Sub Navigation
	5 - Left Navigation
	6 - Footer Navigation
	7 - Page Elements
	8 - Forms
	9 - Side and Shadow Boxes
	
************************************************************************/
/* --------------------------------------

	--- Site Colors
	
	#cfe0fd - Page Background Light Blue 
	#46677b - Navigation Dark Blue, Footer, h1 color
	#78909e - Navigation Highlight Blue
	#abbfd6 - Sidebar Medium Blue
	#3f2822 - Dark Brown Lines, Sidebar Text, Link Text
	#815e5a - Content Text Brown
	
	#3f2822	- Link color
	
	--- Site Fonts
	
	Small Caps Headers - Trajan Pro
	Content - Lucida Grande, Trebuchet MS, Sans Serif
			
----------------------------------------- */



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

	Links and Headings
	
----------------------------------------- */
		
A:visited  {color: #00ADEF; text-decoration: none}
A:link  {color: #800000; text-decoration: none}
A:active  {color: #98D802; text-decoration: none}

A:hover {cursor: crosshair; color: #0000FF; background-color: #D7E9F7; text-decoration: none}


		

a img {border: none; background: none;}

#supposition { font-size: 0.5pt; position: absolute; width:180px; height:35px; z-index:3; left: -550px; top: -135px; visibility: visible  }
#supposition0 { font-size: 0.5pt; position: absolute; width:180px; height:35px; z-index:3; left: -550px; top: -135px; visibility: visible  }


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

	Wrapper, Header, Content, Footer DIVs
	
----------------------------------------- */

#wrapper {
	margin: 0;
	padding: 0;
	width: 1000px;
	text-align: left;
	background: transparent;
	background-color: #FFFF66;
}

#header {
	border-style: dotted;
	border-width: 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	background-image: url('../images/shared-images/mike4x4title.png');
	visibility: visible;
	height: 155px;
	width: 950px;
	background-repeat: no-repeat;
}

#masthead01 {
	margin-left: 10px;
	margin-right: 10px;
	width: 950px;
	border-color: fuchsia;
	border-style: dotted;
	border-width: thin;
	font: Georgia;
	background-color: #CCFFCC;
}

	
		
#content {
	margin-left: 10px; margin-right: 10px;
	padding-left: 10px;
	border-style:dotted; border-width:1px;
	text-align: left;
	width: 940px;	background-color: #FFFFFF;
}
	
		
#content2 ul li {
		background: transparent url('../images/bullet.gif') 0 .4em no-repeat;
		padding-left: 1.3em;
		margin-bottom: .5em;
		}	
		
#content2 ul.green { background: #c9e4b9; padding: 10px; margin-left: 10px;}
#content2 ul.blue  { background: #e4f5f9; padding: 10px; margin-left: 15px;}		
		
#content2 ol {
		list-style-type: decimal; 
		list-style-position: inside;
		}		
		
#content2 ol li {
		padding-bottom: .75em;
		padding-top: .5em;
		border-bottom: 1px dotted #666;
		}		
		
#content2 li.even { background: #444; }				


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

	Wrapper, Header, Content, Footer DIVs
	.sidebar_box_content {
		margin: 0;
		background: #98D802 url('bg-sidebar.jpg');
		color: #FFFFFF;
		height: 1%; padding-left:15px; padding-right:15px; padding-top:10px; padding-bottom:10px
		}	
----------------------------------------- */
		
	

#contentbox1 {
	border-color: #FFFFA8;
	background-color: #CCFF9A;
	margin-left: 30px;
	margin-right: 40px;
	padding-top: 10px;
	border-left: thick solid;
	border-right: thick solid;
	border-top: thick solid;
	border-bottom: thick solid;
	text-align: left;
}

#footer {
	background-position: top left;
	border-style: dotted;
	border-width: 1px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 30px;
	text-align: left;
	border-color: #800000;
	background-color: #CAEEF0;
	border-top: 2px dashed;
	border-bottom: 1px solid;
	color: #000000;
	min-height: 85px;
	width: 950px;
	background-color: #C9EE4A;
	background-image: url('../images/shared-images/footer-bg.gif');
	background-repeat: repeat-x;
}
		
/* #CCFFFF		*/
		
#footer p.copyright {
		font-size: 100%;
		margin-top: 5px;
		padding: 0;
		}		
		
#footer a:visited {
	text-decoration: none;
	font-weight: normal;
	color: #008080;
}
		
#footer a:link {
	text-decoration: none;
	font-weight: normal;
	color: #0000FF;
}
		
footer a:active {
	text-decoration: underline;
	background: none;
	font-weight: normal;
	color: #009933;
}			
						
#footer a:hover {
		text-decoration: underline;
		background: none;
		font-weight: normal;
		color: #78909e;
		}			
						
#body-bottom {
		background: transparent url("../images/body_bottom.jpg") bottom repeat-x;
		height: 20px;
		}					



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

	Utility
	
----------------------------------------- */		

.clearer { clear: both; }

ul.bulletlist {
		padding: 0;
		margin: 15px 0;
		list-style: none;
		}
		
ul.bulletlist li {
		background-image: url('../images/small_bullet.gif');
		background-repeat: no-repeat;
		background-position:  .1em;
		padding-left: 1.7em;
		margin: .6em 0;
		line-height: 120%
		}		
		
		
blockquote {
		float: right;
		font-size: 110%;
		font-weight: bold;
		font-style: italic;
		margin: 15px 10px 5px 10px;
		padding: 0 5px;
		width: 160px;
		}	
		
blockquote p {
	padding: 0 5px 0 10px;
	line-height: 120%;
	margin: 0;
	}		
		
blockquote img {
		margin-bottom: 10px;
		padding: 3px;
		border: 1px solid #46677b;
		}			

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

	Images

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

.leftimage {
		float: left;
		margin: 0 20px 0 0;
		}

.leftimageborder {
		float: left;
		margin: 5px 10px 5px 0;
		padding: 7px;
		background: #ffe;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

.centerimage {
		margin: 0;
		padding-left: 25px;
		}					

.centerimageborder {
		margin: 0 0 0 2px;
		padding: 10px;
		background: #ffe;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}

.rightimage {
		float: right;
		margin: 0 0 0 5px;
		}

.rightimageborder {
		float: right;
		margin: 5px 0 5px 10px;
		padding: 7px;
		background: #ffe;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		}	



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

	Boxes

----------------------------------------- */
div#pinkbox{  
background:#fff url('../images/catsbg.gif') no-repeat bottom center;
	float:right;
	width:350px;
	min-height:200px;
	margin-top:20px;margin-right:10px;
	padding-bottom: 8px;
}

div#pinkboximg{ margin-left 13px;	list-style-type:none;
	margin:0;
	padding:0;
}

div#pinkbox ul{
	margin-top:10px;
	margin-bottom:10px;
	margin-left:15px;
	width:214px;
	float:left;
}

div#pinkbox ul li{
	height:30px;
	width:214px;
}

div#pinkbox ul li a{
	padding-left:50px;
	color:#666;
	height:30px;
	width:241px;
	display:block;
	line-height:30px;
	background:url('../images/footercats.gif') no-repeat top left;
}

div#pinkbox ul li a:hover{
	color:#fff;
	background:url('../footercats_sel.gif') no-repeat top left;
}


/* ================== Welcome =================*/
#Welcome{
	background-image: url('../images/index-images/welcome.jpg');
	background-repeat: no-repeat;
		left:23px;
	width: 900px;
	height: 211px;
	position: relative;
}

#Welcome_Text{
	width:600px;
	height:186px;
	position:absolute;
	top:35px;
left:40px;
	overflow:hidden;
}

#table {
	font: Georgia, Verdana, Arial, Helvetica, sans-serif;
	font-size: 88%;
	padding-left:10px;

	border-left: 1px;
	margin-left: auto;
	margin-right: auto;
}

#table tr td
 {
	border: thin dotted;
		font-family: Georgia, Calibri, sans-serif;
	font-style: normal;
	text-align: general;
	vertical-align: bottom;
	white-space: normal;
	border-left: .5pt dotted windowtext;
	border-right: .5pt dotted windowtext;
	border-top: .5pt dotted windowtext;
	border-bottom: .5pt dotted windowtext;
	padding-left: 10px;
	padding-right: 1px;
	padding-top: 1px;
	background: #DBEEF3;
}