/* new css for asiaquest */

/* -----------------------------------------------
main page elements 
------------------------------------------------*/

body { margin: 0px; padding: 0px;}

#main {
	background: #666666; 
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 13px;
	}




/* -----------------------------------------------
page title section 
------------------------------------------------*/
#pageheader {
	width: 600px;
	text-align: center;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	background-color:#333333;
	padding:20px 0 20px;
	margin:0 200px;
	}
#pageheader1 {
	width: 600px;
	text-align: center;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 18px;
	text-transform: uppercase;
	background-color:#333;
	padding:20px 0 2px;
	margin:0 0px;
	}
#subheader
{
	width: 600px;
	text-align: center;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight: normal;
	text-transform: none;
	font-style: italic;
	background-color: #333;
	padding: 0px 0 30px;
	margin: 0 0px;
}	

/* -----------------------------------------------
physical structure of page 
------------------------------------------------*/
#centerwrapper {
	width:600px;
	margin:0 200px;
	}

#fullwrapper {
	margin: 0 0 0 0;
	width:1000px;
	}

.mainwrapper {
	margin: 0 0 0 0;
	width:1000px;
	}

.centercolumn {
	float:left;
	width:600px;
	background-color:#333;
	}
.leftcolumn {
	float:left;
	width:200px;
	text-align:center;
	margin-top:5px;
	}
.rightcolumn {
	float:left;
	width:200px;
	text-align:center;
	margin-top:5px;
	}
.centerwrap {
	width:600px;
	margin:0;
	padding:0 0 20px 0;
	}

#endsection {
	width:600px;
   background-color:#333; 
   margin-top: 0px;
   margin-left: 200px;
   }
#endsection img {
	display:block;
	margin:0 auto;
	padding:30px 0 30px;
	}
#endwrap {
	width:600px;
	background-color:#333; 
	margin: 0;
	padding:0;
	}
#endwrap img {
	display:block;
	margin:0 auto;
	padding:30px 0 30px;
	}



/* -----------------------------------------------
menu section
------------------------------------------------*/

div#listmenu ul {
	display:block;
	margin:0;
	padding:0;
	border:0;
	}
div#listmenu li {
	display:block;
	margin:0;
	padding:0;
	border:0;
	}
div#listmenu a {
	display:block;
	margin:0;
	padding:0;
	border:0;
	}
div#listmenu {
   width:600px;
   height:25px;
   background-color:#666666; 
   padding:0px 0 0 0;
   margin-top: 0px;
   margin-left: 200px;
   }
div#listmenu ul {margin:0 0 0 0px; 
   }
div#listmenu li {
   width:99px;
   height:25px;
   float:left;    
   list-style-type:none; 
   background-color:#FF9933; 
   border-left:1px solid #333333; 
   }
div#listmenu a {
   padding:0 0px;  
   font-size:10px;
   text-align: center;
   text-decoration:none; 
   font-weight: bold;
   text-transform: uppercase;
   line-height: 12px;
   color:#000000;  
   }   
div#listmenu ul li	a:hover {
	color:red;
	}



div#bottom {
width:600px;
padding: 0;
margin: 0;
   background-color:#FF9933; 
   }
#endmenu {
width:600px;
padding: 0;
margin: 0;
   background-color:#FF9933; 
   }

#endmenu ul
{
padding: 0;
margin: 0;
list-style-type: none;
background-color: transparent;
width: 100%;
text-align: center;
}

#endmenu li { display: inline; 
border-right: 1px solid #333;
margin: 0 0 0 -4px;
background-color:transparent;
}

#endmenu li a
{
font-size:9px;
line-height:9px;
text-decoration: none;
background-color: transparent;
color: #000;
padding: 0px 5px;
margin:0;
white-space:nowrap;
}
#endmenu li:first-child {
   border-left:1px solid #333;
   }
#endmenu li a:hover {
	color: red;
	}


/* --- hack for IE compliance--- 
--------------------------------*/

* html div#endmenu ul li {
display:block;
float:left;
padding-left:4px;
}
* html div#endmenu ul {
display:block;
margin:0 auto;
	border-left:1px solid #333;
background-color:transparent;
width:460px;
}

#endwrap div#submenu {margin:0px 0 15px 0}
#submenu ul
{
padding: 0;
margin: 0;
list-style-type: none;
background-color: transparent;
width: auto;
text-align: right;
}
#submenu li { display: inline; 
border-right: 1px solid #000;
margin: 0 0 0 -4px;
background-color:transparent;
}
#submenu li a
{
font-size:10px;
line-height:10px;
text-decoration: underline;
background-color: transparent;
color: #fff;
padding: 0px 5px;
margin:0;
white-space:nowrap;
}
#submenu li a:hover {
	color: #f93;
	}
/* --- hack for IE compliance--- 
--------------------------------*/
* html div#submenu ul li {
padding-left:6px;
}
* html div#submenu ul {

	border-right:1px solid #000;
background-color:transparent;
}

/* -----------------------------------------------
specific pages
------------------------------------------------*/
#current {
	width:1000px;
	color:#ccc;
	}
#current h4	{
	margin: 5px 0 0 0 ;
	padding: 20px 0 0 0;
	border-top: 5px solid #654d2b
	}
#current img {
	margin-top: 15px;
	}
	
	
#news {
	padding:5px; 
	color:#ccc; 
	background-color:#333;
	}

#news h3 {
/*---
	padding-top: 20px;
	margin-bottom: 5px;
	border-top: 5px solid #654d2b;
---*/
	color: #87a0a6;
	}

#news h5 {
	margin-top:75px;
	}
#news h6 {
	margin-left:8px;
	margin-bottom:10px;
	}

.gotop {
	margin-left: 500px;
	text-decoration: none;
	font-size: 9px;
	color: #f93;
	}
.newshighlight { color: #FFC; }
.newsimage {margin:10px;}
.newswrap		{
	width:590px;
	margin:0;
	padding:20px 0 20px 0;
	border-top: 5px solid #654d2b;
}
.newsleftcol	{
	float:left;
	width:105px;
	text-align:left;
	margin-top:5px;
}
.newscentercol	{
	float:left;
	width:380px;
	text-align:center;
	margin-top:5px;
}
.newsrightcol	{
	float:left;
	width:105px;
	text-align:right;
	margin-top:5px;
}

#profile		{
	color:#cccccc; list-style-type:circle;
	background-color: #333;
	width:600px;
	margin:0 200px;
	padding-bottom:10px;
	}
	div#profile p	{text-align:justify; padding:10px;}
	div#profile a	{display: inline; color:#cccccc; }
	div#profile img {
		display:block;
		margin:0px auto;
		padding:30px 0 10px 0;
		}


div.centercolumn div.centerbox {
	width:291px;
	height:260px;
	text-align:center;
	vertical-align:center;
	background-color:#999;
	float:left;
	}
div.centercolumn div.centerbox {margin:0 0 6.5px 6px;}
div.centercolumn div.centerbox img {margin:15px 0;}

/* --- hack for IE compliance--- 
--------------------------------*/
* html div.centercolumn div.centerbox {margin:0 3px 7px;}



#contact {
	background-color: #ccc;
	}
#contact h3 {
	padding-top: 20px;
	margin-bottom: 5px;
	border-top: 5px solid #654d2b;}

#formcontainer {padding:25px; border:0px solid white;}
#section1 {
	background-color: transparent; 
	padding:0 40px 20px 0; 
	margin-bottom:20px;
	border-bottom:3px dotted white;}
#section2 {
	background-color: transparent; 
	padding:0 40px 20px 0; 
	margin-bottom:20px;
	border-bottom:3px dotted white;}
#section3 {
	background-color: transparent; 
	padding:0 40px 20px 0; 
	margin-bottom:20px;
	border-bottom:3px dotted white;}
div#section label {width:280px; float:left;}
div#section div.clearfix {margin-top:5px;}
div#section1 label {width:280px; float:left;}
div#section1 div.clearfix {margin-top:5px;}
div.buttongroup {float:left;}
div.buttongroup label {margin-right:0px;}
div#section2 input {float:left; width:20px;}
.column1 {background-color:transparent; width:230px; margin-right:55px; float:left;}
.column2 {background-color:transparent; width:200px; margin-right:0px; float:left;}

#project {color:#ccc;}
#project p,h4 {padding:0 10px;}
#project h4 {margin:10px 0 0 0;}
#project div.centercolumn {background-color:#333;}
#project div.mainwrapper img {margin-top:10px;}
#ayuria1 div.rightcolumn {margin-top:0px;}
#ayuria4 div.rightcolumn {margin-top:200px;}
#ayuria5 div.feature p {color:#f9e2a4; font-size:10px; margin-top:5px;}
#ayuria2 div.rightcolumn {margin-top:100px;}
#ayuria6 div.centercolumn h5 {text-align:center; color:#f93;}
#ayuria6 div.centercolumn p {text-align:justify; }

#cendana1 div.centerimage p.caption {text-align:center; color:#ccc; margin:3px 0;}
#cendana2 div.centerwrap li {margin:10px 0;}
#cendana2 div.leftcolumn img {margin-top:400px;}
#sutera1 div.rightcolumn img {margin-top:10px;}
#vista div#pageheader1 {margin-bottom:40px;}
#vista div.rightcolumn img {margin-top:30px;}
#vista div.leftcolumn img {margin-top:30px;}
* html div#banyan div.leftcolumn {margin-top:-7px;}
* html div#banyan div.rightcolumn {margin-top:-7px;}

#bigpix a {
	color:#333;
	text-decoration:none;
	margin-top:30px;
	}
#bigpix {
	margin:40px 0 30px 0px;
	padding-bottom:30px;
	text-align:center;
	}


/* -----------------------------------------------
alignment classes

------------------------------------------------*/
.centerimage	{text-align:center;}
.imageright	{text-align:right;}
.imageleft	{text-align:left; }

.clearall	{clear:both}

.clearfix:after {
    content: ".";
   display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#copyright {width:600px; border:0;}
#copyright img { width:297px; height:16px; text-align:right; border:0;
					margin:0 0 1px 297px; padding:0;}
.padding	{padding:5px;}

.feature {float:left; color:#f93;
	width:200px; margin:0px 30px 0 20px;}
.benefit {float:left;
	width:300px; margin:0px 0px 0 0px;}
.borderline {padding-bottom:10px; margin-bottom:10px; border-bottom:1px dashed white;}
.hanging{float:left;width:50px;}
.dash{float:left;width:30px; text-align:center;background-color:transparent;}
.indent{float:left;width:200px;}
.pixright{float:right;width:180px;}
.pixleft{float:left;width:180px;}

.box2 {border: 2px solid white; color: white; 
	padding: 3px; text-align: center;
	width: 90%;}
.box2 a {
		color: #ccc;
		font-size: 12px;
		font-weight: normal;
		text-decoration: none;
		}
.box2 a:hover {
		color: #ccc;
		font-size: 12px;
		font-weight: normal;
		text-decoration: underline;
		}

/* -----------------------------------------------
common text classes
------------------------------------------------*/

p	{
	font-size: 13px;
	}

ul, li	{
	font-size: 13px;
	}
li	{margin:0 0 10px 10px;}

h1,h2, h3, h4, h5, h6	{
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
	}

h4	{font-weight: bold; font-size:18px;}
h5	{font-weight: bold; font-size:13px;}
h6	{font-weight: bold; font-size:10px;}
	

a	{text-decoration: none;}
a:hover {text-decoration: underline;}

.notop {margin:0 0px 0 5px;padding:0px;}

.normallink {font-size: 13px;
	text-decoration: none;
	color: #f93;
	}

.emphasize {color:#fff;}
.currentpage {color:#f93; font-weight:bold; text-decoration:underline;}
.caption {
	color: black;
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	font-variant: normal;
	}
.ncaption {
	font-size: 10px;
	text-align: left;
	text-decoration: none;
	font-variant: normal;
	}

div.leftcolumn p.caption {margin:5px 0 0 50px;}
div.rightcolumn p.caption {margin:5px 50px 0 0px;}

.smalltext {
	color: black;
	font-size: 10px;
	text-align: center;
	text-transform: lowercase;
	text-decoration: none;
	font-variant: normal;
	}

.highlight	{
	color: red;
	}
.click
{
	color: red;
	font-size: 11px;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	text-decoration: none;
}