body {
	/* font-family: "Georgia", "Times New Roman", Times, serif; */
	/* font-family: Arial, clean, sans-serif; */
	font-family: "Calibri", "Gill Sans", "FreeSans", "Helvetica Neue", Helvetica, Arial, clean, sans-serif;
	font-size: 16px;
	color: #666666;
	font-style: normal; 
	font-weight: normal;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/bg_green_lines.png);
}

A img { border: none;
}
	
A {
  color: #000000;
  text-decoration: none;
}

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

#mainborder {
  width: 740px;
  padding-left: 25px;
  padding-right: 20px;
  background-image: url(../images/bg_main_content.png);
}

#gallery {
  width: 740px;
  margin-top: 24px;
  margin-bottom: 25px;
}

/* We use this for newer gallery page thumbnails. The border is baked into the
 * older images. 
 */
.thumbnail {
	border: 1px solid black;
}
  
#about				{margin-bottom:30px;}

 .about-bullet 		{margin-top:30px;} 

 p.about			{padding-left: 35px;
					text-indent: -35px;
					text-align:left;
 					}

 p.testimonial		{color:black;
					/* font-style: italic; */
 					font-size:13px;
 					background:none;
					text-align: left;
 					padding-right:10px;}
 
 p.contact-header  {color:#2f2f2f;
 					margin:20px 0 0 14px;
 					background-color:#e3e3e3; 
 					border:1px solid #e3e3e3; 
 					padding:10px;
 					-moz-border-radius-topleft: 10px; 
 					-moz-border-radius-bottomleft: 10px;
 					-webkit-border-top-left-radius: 10px; 
 					-webkit-border-bottom-left-radius: 10px;}
 
.side		{background: url(../images/bg_menu_right.png) no-repeat bottom right;}



.gallery-wrap  {overflow:hidden;}
  
h1 			{font-size: 16px; color:#006400; margin: 0 0 20px 10px;}
  
.intro-pics {float:left;}

.general-img {border:solid 1px black;}

#header  {position: relative;  
		  width:740px; 
		  height: 470px; }

#banner  {
		  width: 741px;
		  height: 460px;
	      z-index:500;
	      position:absolute;
	      top:0;
	      left:0;
	      }
			
#flash    {position: absolute; z-index:100;top0;left:0px;}


.slideshow img { display: none }
.slideshow img.first { display: block }


/* Navigation */
#nav {
	position : absolute;
	bottom   : 13px;
	left     : 0;
	z-index  : 300;
	width    : 742px;
	margin   : 0;
	padding  : 0;
	/* background-color: blue; */
}

#nav ul {
	margin  : 0;
	padding : 0;
}

#nav ul li {
	text-align : center;
	width      : 102px;
	list-style : none;
	float      : left;
	margin     : 0 11px;
	padding    : 0;
	font-size  : 16px;
}

#nav ul li a {
	color:white;
}

#nav ul li a:hover {
	color: #666666;
}

#nav .last-nav { margin-right:0px; }









#menu-right {
	float            : right;
	width            : 224px;
	background-image : url(../images/bg_menu_right.png);
	margin-top       : 50px;
}




/*--------------
	TOUR

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

.tour_pics	{float: left; border: 1px solid black; margin-right: 9px;}
.tour_pics_last	{margin: none; float: left; border: 1px solid black;}






/*	
		CONTACT FORM	

*/

#contact-form {
	width: 470px;
	float: left;
}

#contact-form p {
		margin: 10px;
}

label 						{display: block; font-size: 14px;}

form						{margin-top:70px;}
form input					{margin:0 0 20px 0; width:250px;}
form textarea				{width: 250px; height: 150px;}
form input.submit-button	{width:104px; height:29px; float:right; margin: -15px 85px 0 0;}
label						{float:left; width:90px;text-align:left;margin:0 10px 0 0;}
.input-bg					{position:relative; display:block; height:50px;}
label.error 				{position: absolute;
							width:130px;
							top: 20px;
							right: 0px;
							padding: 3px;
							color: #da3939;
							font-size:12px;
							text-align: right;
							font-style: italic;
							font-weight: normal;
							line-height:12px;
							}
							
fieldset {border:none;}


/* 

	END CONTACT FORM	
	
*/


/*	
	Supersecure form
*/


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

		#form-container	{padding: 20px; width: 465px; float: left;}
		
		.cssform p{
		clear: left;
		margin: 0;
		padding: 5px 0 8px 0;
		padding-left: 155px; /*width of left column containing the label elements*/
		border-top: 1px dashed gray;
		height: 1%;
		position:relative; display:block; 

		}
		
		.cssform label{
		font-weight: bold;
		float: left;
		margin: 0px 0px 0px -155px;
		width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
		}
		
		.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
		width: 180px;
		}
		
		.cssform .card {
			position: relative;
		}

		.cssform .card input[type="radio"]{ 
			/* display: block; */
			width: 25px;
			/* margin-left: 150px; */
		}
		.cssform input.small {width: 50px;}
		
		.cssform textarea{
		width: 250px;
		height: 150px;
		}
		
		/*.threepxfix class below:
		Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
		to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
		*/
		
		* html .threepxfix{
			margin-left: 3px;
		}

		label.error 		{position: absolute;
							width:250px;
							top: 5px;
							right: 0px;
							padding: 3px;
							color: #da3939;
							font-size:12px;
							text-align: right;
							font-style: italic;
							font-weight: normal;
							line-height:12px;
							}

		#ss-submit-button {
			float: right;
			margin: 10px 0 ;
		}

		.bottom-text	{padding: 30px 20px 20px 20px;}
		.cssform p.card	{border: none;}

#after-form-content {
	margin-top: 50px;
}

/* ======= Testimonial =======*/

ul#testimonials	{padding: 0;}
ul#testimonials	li {padding: 20px 0; list-style: none;  margin-top: 10px;}
ul#testimonials	li img	{float: left; padding: 0 10px 0 10px;}
ul#testimonials	li em	{float: right;}	
	
/* ======= Tour Page =======*/
.tour-pic-left { 
	position: relative;
	margin: 0 0 0 -20px; 
	border: 1px solid #000;
	padding: 0;
	float: left;
	z-index: 10;
}

.tour-pic-right { 
	position: relative;
	margin: 0 -20px 0 0; 
	padding: 0;
	border: 1px solid #000;
	float: right;
	z-index: 10;
}

.btn-book-now {
	display: block;
	float: right;
	width: 150px;
	height: 194px;
	margin: 30px 10px 10px 10px;
}

/* ======= Sidebar =======*/
.sidebar {
	position: relative;
	float: right;
	width: 224px;
	background-image: url('../images/bg_menu_right.png');
	padding: 0;
	margin: 0;
}

.sidebar .content {
	padding-left: 35px;
	margin-bottom: 20px;
	text-align: center;
}

.sidebar .content p,
.sidebar .content img {
	margin: 20px 0 0 0;
}

.sidebar #qualmark {
	margin: 20px auto;
}

.sidebar #qualmark img {
	float: left;
	margin: 0;
	padding: 0;
}

.sidebar #qualmark p {
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.sidebar #chinese-brochure {
	margin: 20px auto 40px auto;
}

.sidebar #chinese-brochure img {
	float: left;
	border: 1px solid #333;
	margin: 0px 5px 0 0;
}

.sidebar #chinese-brochure p {
	font-size: 12px;
	margin: 0px 5px 0px 55px;
	color: #333;
	text-align: left;
}

.sidebar #sidebar-footer {
	margin-top: 20px;
	position: absolute;
	right: 0;
	bottom: 0;
	/* float: right; */
}

.sidebar #doc-concessionaire p {
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #333;
}