body
{
font-family: arial;
}

#container
{
width: 970px;
margin: 0px auto;
}

#top
{

height:100px;
background: url(../images/header.jpg) no-repeat;
}

.clear
{
clear:both;
}

h1
{
color:#4A9DF3;
font-size: 14px;
font-weight: bold;
}

h2
{
font-family: georgia;
color:#4A9DF3;
font-size: 14px;
font-weight: bold;
}

h3
{
font-family: arial;
font-size: 20px;
padding-bottom: 10px;
}

h4
{
font-family: arial;
font-size: 14px;
font-weight: bold;
}

.bold
{
font-weight: bold;
}

.red
{
color: red;

}

#middle
{
font: arial;
font-size: 13px;
}


/*------------------------navigation bar----------------------------------------*/
#nav 
{
height: 33px;
list-style: none;
display: inline;
overflow: hidden;
float: right;
margin-top: 35px;
margin-right: 35px; 
}

#nav li
 {
list-style: none;
display: inline;
}

#nav a 
{
float: left;
padding: 33px 0 0 0;
overflow: hidden;
height: 0px;
margin-left: 20px;

}
	
#nav a.selected, #nav a:active
{
background-position: 0 -33px;
}

#nav a:hover 
{
background-position: 0 -66px;
}

#home a  
{
width: 85px;
background: url(../images/home.gif) top left no-repeat;
}
	
#company a  
{
width: 85px;
background: url(../images/company.gif) top left no-repeat;
}

#events a  
{
width: 85px;
background: url(../images/events.gif) top left no-repeat;
}

#portfolio a  
{
width: 85px;
background: url(../images/portfolio.gif) top left no-repeat;
}

#news a  
{
width: 85px;
background: url(../images/news.gif) top left no-repeat;
}

#career a  
{
width: 85px;
background: url(../images/career.gif) top left no-repeat;
}

#contact a  
{
width: 85px;
background: url(../images/contact.gif) top left no-repeat;
}

/*-----------------------footer--------------------------------------*/
#footer
{
font-family: arial;
font-size: 12px;
color: #515B69;
margin-top: 30px;
}

#footer_left
{
float: left;
width: 400px;
margin-bottom:30px;
}

#footer_left span
{
color:#00ACEE;
font-weight: bold;
}

#footer_right
{
float: right;
}

#footer_right li, a
{
display: inline;
text-decoration: none;
color: #515B69;
padding-right: 3px;
padding-right: 3px;
}

#footer a:hover
{
text-decoration: underline;
}

.underline
{
text-decoration: underline;
}

/*-----------------------index---------------------------------------*/

#middle_index p
{
padding-top: 10px;
font-size: 13px;
}

#banner
{
width: 970px;
}

#banner_nav
{
height:33px;
background:url(../images/index_nav.jpg) no-repeat center;
font-size: 13px;
padding-left:60px;
text-align: left;


}

#homefair08{
	text-align:center;
	margin:20px 0 0 0;
}

#beauty
{
height:500px;
}

#homefair09
{
height:500px;
}

.index_nav {
	float:left;
	padding:9px 40px 0 0;
	*padding-top:15px;/*for ie 6 browser*/
	height:30px;
	}

.index_nav a
{
width:300px;
height:13px;
padding: 6px;

}

.index_nav a:hover
{
background: #77869B;
width:300px;
height:13px;
color: white;

}


.upcoming
{
font-size: 14px;
color:#515B69;
font-weight: bold;
}

.events
{
font-size: 14px;
color:#B5B18B;
font-weight: bold;
}

/*#middle_right_index
{
background:url(../images/homeFair09_oct/coming_soon.gif) no-repeat;
width: 303px;
height: 80px;
float: right;
font-size: 20px;
padding-top:90px;
text-align: center;
padding-right: 40px;
}*/

.middle_right_index
{
background:url(../images/homeFair09_oct/coming_soon.gif) no-repeat;
width: 303px;
height: 80px;
float: right;
font-size: 20px;
padding-top:90px;
text-align: center;
padding-right: 40px;
}

.middle_right_index_april
{
background:url(../images/homeFair11_oct/index_right_animation.gif) no-repeat;
width: 303px;
height: 80px;
float: right;
font-size: 20px;
padding-top:90px;
text-align: center;
padding-right: 40px;
}

.middle_right_index_comin
{
background:url(../images/index_right_2hf.gif) no-repeat;
width: 303px;
height: 80px;
float: right;
font-size: 20px;
padding-top:90px;
text-align: center;
padding-right: 40px;
}

#past_events a
{
float: right;
font-size: 13px;
position: relative;
bottom: 10px;
right: 5px;
text-decoration: underline;
}

#past_events a:hover
{
text-decoration: none;
}

#middle_left_index
{
float: left;
padding-left: 40px;
width: 550px;
font-size: 13px;
}

#middle_left_index_right
{
float: right;
width:250px;
}

#middle_left_index_left
{
float: left;
width:250px;
}

#middle_left_index a
{
padding: 0;
margin: 0;
color:black;
text-decoration: none;
}

#middle_left_index a:hover
{
text-decoration: underline;

}

#middle_left_index_text
{
float:right;
position:relative;
right: 20px;
width: 160px;
font-size: 13px;
}


/*---------------------company--------------------------------------*/

#middle_company
{
font-family: arial;
font-size: 13px;
}

#middle_company_bottom
{
width:880px;
padding-left: 40px;
}

#middle_company p
{
padding-top: 10px;
padding-bottom:10px;
}

#middle_company span
{
font-size: 14px;
font-weight: bold;
padding-top: 10px;
padding-bottom:10px;
}

/*---------------------contact-------------------------------------*/

#middle_left_contact
{
float: left;
padding-left: 120px;
margin-top:10px;
}

#middle_left_contact p
{
padding-top: 10px;
padding-bottom: 10px;
}

#middle_left_contact a
{
color:#003895;
}

#middle_right_contact
{
float: right;
padding-right: 120px;
margin-top:10px;
}

#middle_right_contact p
{
padding-top: 10px;
padding-bottom: 10px;
}

/*---------------------career------------------------------------*/

#banner_career
{
background: url(../images/career_banner.jpg) no-repeat;
height: 540px;
}

#middle_right_career
{
float: right;
padding-right: 80px;
padding-top: 20px;
}

.address
{
font-family: lucida sans;
font-size: 11px;
color:#00ACEE;
font-weight: bold;
}

#middle_right_career p
{
padding-top: 10px;
padding-bottom: 10px;
}

#middle_right_career a
{
text-decoration: underline;
}

/*---------------------events---------------------------------*/

#banner_events
{
background: url(../images/events_banner.jpg) no-repeat;
height:665px;
}

#middle_right_events
{
float: right;
padding-right: 60px;
padding-top: 20px;
width: 450px;
}

#middle_right_events img
{
padding-top: 10px;
padding-bottom:10px;
}


img.events_right
{
float: right;
}

.year
{
font-family: arial;
font-size: 18px;
}

#enquiry
{
float: left;
width: 200px;
}

#enquiry img
{
float: left;
}

#mail
{
float: right;
width: 200px;
}
#mail img
{
float: left;
}

#text
{
float: right;
width: 120px;
padding-top:10px;
}

hr.line
{
margin-top:40px;
}

/*---------------------mailing--------------------------------*/

#banner_mailing
{
background: url(../images/mailing_banner.jpg) no-repeat;
height:600px;
}

#banner_mailing_jb{
	background: url(../images/homeFair09/mailing_banner_jb.jpg) no-repeat;
	height:800px;
	}
	
#banner_event_2hf{
	background: url(../images/homeFair09_oct/event09_bg.jpg) no-repeat;
	height:800px;
	}	

#banner_event_2hf_01{
	background: url(../images/homeFair10_apr/event10_bg.jpg) no-repeat;
	height:800px;
	}	
	
#banner_event_hf_10oct{
	background: url(../images/homeFair10_oct/event10_oct_bg.jpg) no-repeat;
	height:800px;
	}
	
#banner_event_hf_11apr{
	background: url(../images/homeFair11_apr/event11_apr_bg.jpg) no-repeat;
	height:800px;
	}

#banner_event_hf_11oct{
	background: url(../images/homeFair11_oct/event11_oct_bg.jpg) no-repeat;
	height:800px;
	}

#middle_right_mailing
{
float: right;
width: 400px;
margin-top:30px;
padding-right: 40px;
}

#middle_right_mailing img
{
float: left;
}

#middle_right_mailing_text
{
width: 290px;
float: right;
padding-top:10px;
padding-right:40px;
}

#middle_right_mailing table
{
margin-bottom:20px;
margin-top:20px;
}

#back
{
float:right;
}

#back a
{
text-decoration: underline;
}

#back a:hover
{
text-decoration: none;
}
/*---------------------homefair08-------------------------------*/
div.center
{

float: right;
padding-right: 80px;
padding-bottom:20px;
padding-top:20px;
}

#homefair08_left
{
float: left;
}

#homefair08_right
{
float:right;
padding-right:50px;
}

#middle_right_homefair08
{
float: right;
width: 500px;
margin-top:30px;
padding-right: 10px;
}

#middle_right_homefair08 a
{
text-decoration: underline;
}

#middle_right_homefair08 a:hover
{
text-decoration: none;
}

#middle_right_homefair08 p
{
padding-top:10px;
padding-bottom:10px;
}

#middle_right_homefair08 p.information
{
font-size: 14px;
font-weight: bold;
}


/*----------------persada-------------------------------*/

#banner_persada
{
background: url(../images/persada_banner.jpg) no-repeat;
height:600px;
}

#persada_left
{
float:left;
width:300px;
}

#persada_right
{
float:right;
padding-right: 35px;
padding-top: 30px;
}

#persada_right a
{
text-decoration: underline;
}

#persada_right a:hover
{
text-decoration: none;
}

/*----------------enquiry------------------------------*/

#middle_right_enquiry
{
float: right;
width: 450px;
margin-top:30px;
padding-right: 40px;
}

#middle_right_enquiry img
{
float: left;
}

#enquiry_top_left
{
float: left;
}

#enquiry_top_left select
{
width: 150px;
}

#enquiry_top_right
{
margin-top:10px;
float: left;

}

.firstname
{
padding-left:60px;
}

.lastname
{
padding-left:114px;
}

.red_homefair
{
color: red;
padding-left:2px;
padding-right: 2px;
}

h4.enquiry
{
padding-top: 20px;
padding-bottom: 15px;
}

.submit
{
padding-top: 20px;
padding-bottom: 20px;
}

/*--------------------news---------------------------------*/

#banner_news
{
background: url(../images/news_banner.jpg) no-repeat;
height:600px;
}

#middle_right_news
{
float: right;
width: 500px;
margin-top:30px;
padding-right: 10px;
}

#middle_right_news p
{
padding-top:10px;
padding-bottom:10px;
}

#middle_right_news a
{
text-decoration: underline;
color:black;
}

#middle_right_news a:hover
{
text-decoration: none;
}

#banner_news_archive
{
background: url(../images/news_archive_banner.jpg) no-repeat;
height:600px;
}

/*--------------------portfolio--------------------------------*/

#banner_portfolio
{
background: url(../images/portfolio_main_banner.jpg) no-repeat;
height:650px;
}

#middle_right_portfolio
{
float: right;
width: 500px;
margin-top:30px;
padding-right: 10px;
position: relative;
left: 20px;
}

#middle_right_portfolio p
{
padding-top:10px;
padding-bottom:5px;
}

/*--------------------portfolio archive main--------------------------------*/

#banner_portfolio_archive_main
{
background: url(../images/portfolio_banner.jpg) no-repeat;
height:1900px;
}

#middle_right_portfolio_archive_main
{
float: right;
width: 500px;
margin-top:30px;
padding-right: 10px;
position: relative;
left: 20px;
}

#middle_right_portfolio_archive_main a
{
text-decoration: underline;
color: black;
}

#middle_right_portfolio_archive_main a:hover
{
text-decoration: none;
}

#middle_right_portfolio_archive_main p
{
padding-top:10px;
padding-bottom:5px;
}

#back_portfolio_archive_main
{
float:right;
position: relative;
right: 30px;
}

h2.portfolio_year
{
font-size: 16px;
}

/*--------------------portfolio archive--------------------------------*/

#banner_portfolio_archive
{
background: url(../images/portfolio_banner.jpg) no-repeat;
height:600px;
}

#middle_right_portfolio_archive
{
float: right;
width: 600px;
margin-top:30px;
padding-right: 10px;
position:relative;
left:70px;
}

#middle_right_portfolio_archive a
{
text-decoration: underline;
color: black;
}

#middle_right_portfolio_archive a:hover
{
text-decoration: none;
}

#portfolio_archive_text
{
position:relative;
left:30px;
width: 450px;
}

.gallery{
float:left;
width:94px;
height:73px;
padding:2px;
border:4px solid #A7D8F0;
margin:10px ;
}
#sec-gallery{
margin:15px 10px;
}
.vanue{
	font-weight:bold;
	margin-top:10px;
	clear: left;
}

#back_portfolio_archive
{
float:right;
position: relative;
right: 80px;
}

/*--------------------homefair09--------------------------------*/

#banner_homefair09
{
background: url(../images/banner_homefair09.jpg) no-repeat;
height:600px;
}

/*--------------------beauty--------------------------------*/

#banner_beauty
{
background: url(../images/banner_beauty.jpg) no-repeat;
height:600px;
}