@charset "UTF-8";
/* CSS Document for Main Page */
/* Pedram Badakhchani 09.09.2010*/ 

* {margin:0; padding:0; }

html{
	text-align : center;
}


body{
	background:url(../img/body_top.png) no-repeat top center;
	height:800px;
	font : 75%/150% verdana, kai, arial, helvetica, sans-serif;  
	color:#000;
	text-align:left;
	background-color:#e2d3a2;
}

body p a{
	color: #6D0101;
	
	}




#wrapper{	
	position:relative;
	margin: 0 auto; 
	width:800px;
	height:800px;
	left:32px;
}

#banner{
	position: relative;
   background: url(../img/banner_main.png) no-repeat top center; 
	display:block;
	height:270px;
	top:10px;
	right:150px;
	text-indent:-9999px;
	margin-bottom:30px;


}



/*Left Sidebar Navigation*/

#navigation{
	float:left;
	margin:0 0 1em 0.3em;
	width:275px;
}





#navigation ul{	
	list-style-type: none;
	}
	

#navigation ul a{
	display: block;
	width: 250px;
	height:40px;
	line-height: 2.7em;
	text-decoration: none;
	line-height: 2.7em;
	text-indent:-9999px;
}

/*to fix firebox outlining with dotted red line*/
#navigation ul a{
	
	outline:0;}



#navigation ul a#first{	
	background: url("../img/navigation/first_menu.png") 0 0 no-repeat;	
}
#navigation ul a#first:hover {
	background-position: -250px 0;
}


#navigation ul a#induct{	
	background: url("../img/navigation/induct_menu.png") 0 0 no-repeat;
}

#navigation ul a#induct:hover {
	background-position: -250px 0;
}

#navigation ul a#managing{	
	background: url("../img/navigation/managing_menu.png") 0 0 no-repeat;
}

#navigation ul a#managing:hover {
	background-position: -250px 0;
}

#navigation ul a#looking{	
	background: url("../img/navigation/looking_menu.png") 0 0 no-repeat;	
}

#navigation ul a#looking:hover {
	background-position: -250px 0;
}

#navigation ul a#shopping{	
	background: url("../img/navigation/shopping_menu.png") 0 0 no-repeat;
}

#navigation ul a#shopping:hover {
	background-position: -250px 0;
}

#navigation ul a#travelling{	
	background: url("../img/navigation/travelling_menu.png") 0 0 no-repeat;
}

#navigation ul a#travelling:hover {
	background-position: -250px 0;
}

#navigation ul a#keeping{	
	background: url("../img/navigation/keeping_menu.png") 0 0 no-repeat;
}

#navigation ul a#keeping:hover {
	background-position: -250px 0;
}

#navigation ul a#seeking{	
	background: url("../img/navigation/seeking_menu.png") 0 0 no-repeat;
   width: 250px;
}

#navigation ul a#seeking:hover {
	background-position: -250px 0;
}


#navigation ul a#socail{	
	background: url("../img/navigation/social_menu.png") 0 0 no-repeat;
  
}

#navigation ul a#socail:hover {
	background-position: -250px 0;
}



/* content */
#content {
	float: left;	
	width:42em;
	padding-left:10px;
	
}

/* take out image ///////////////////////// 
#photoGroup {
	float: right;	
   padding-top:20px;	
	width:270px;
	height:270px;
	
}
///////////////////////////////////////*/

#ref_btn{
	float:right;
   background: url(../img/reference_btn.png) no-repeat top center;
	display:block;
	width: 130px;
	height:40px;
	margin-top:-19em;
}





#ref_btn a{ color:#6D0101;	padding-left: 30px; text-decoration:none; }




#menu {
	float: left;
	width:30em;
	margin:4em 1em 8em 5em;
	background-color:#fff;
	font-size:1.1em;
	line-height: 1.3em;
	/*border: 1px dotted teal;*/
}


/*
#caption{
	
	text-indent:-9999px;		
}
*/


#floatleft {
	float: left; 
	width: 42%;
	text-align:center;
}

#floatright {
	float: right; 
	width: 42%;
	text-align:center;
}

#floatleft a,  #floatright a{
	display:block;
}

#menu a:link{color: #1A0000; text-decoration:none;}
#menu a:hover{color: #BA332C; text-decoration:none;}




#footer{
	clear: both;	
	font-size: 0.8em;
	text-align: center;
	line-height: 1.3em;
	padding-top: 60px;
	margin: 0em auto 0 auto;
}

#footer a{ color:#6D0101;}





#content p.justified{
	text-align:justify;
	}


/* Font sizes only */
h1 {font-size:1.5em; margin-bottom:0.5em; text-indent:-9999px;} /* article headlines */
h2 {font-size:1.1em;} /* Maincol teaser headlines */

h6 {font-size:1.2em;} /* box headings */
small {font-size:0.85em;} /* copyright info, "advertisement" notifiers */

label {font-size:1em;font-weight:bold;}
p {font-size:1em;margin:0em 0em 1em 0em; } /* h5: navigation elements */ 



/* html styles and hacks*/
.floatleft {float:left;}
.floatright {float:right;}
.block {display:block;}
.inline, form {display:inline;}
.centered {margin-left:auto; margin-right:auto; display:block;}
.centercopy  {text-align:center;}


.chinese , p.chinese a{
	
	/*font : 75%/150% verdana, kai, arial, helvetica, sans-serif; */
	font-family:Kai, verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	font-size:1.5em;
	margin-bottom:0.8em;
	
}

h2.chinese{
	font-family:Kai, verdana, arial, helvetica, sans-serif;
	text-decoration:none;
	font-weight:normal;
	font-size:1.5em;
	margin-bottom:0.9em;	
}



p.chinese a:hover{
	color: #06C;
}