/* CSS Document */

BODY {
 margin: 0px;
 padding: 0px;
 text-align: center; /* to correct the centering IE bug*/
 background-color: #333333;
 background-image:url(images/top_pattern.jpg);
 background-repeat:repeat-x;
}

A {
 color:#cccccc;
 text-decoration: none;
}


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

A:hover {
 color:#99CC66;
 text-decoration: underline;
}

.download {
 text-align:right;

}

.download a {
  color:#99CC66;
  text-decoration:underline;
}
/*Titles---------------------------------*/
h1 {
margin: 0px;
padding: 0px;
}
h2 {
font-family:Arial, Helvetica, sans-serif;
border-bottom: 1px Solid #cccccc;
font-size: 20px;
font-weight: bold;
color:#FFFFFF;
margin: 0px;
margin-top: 20px;
height: 25px;
padding: 0px;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: bold;
color:#99CC66;
margin: 0px;
padding: 0px;
}

h4 {
font-family:Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: normal;
color:#99CC66;
margin-top: 5px;
margin-left: 5px;
vertical-align: middle;
padding: 0px;
}

hr {
 display: none;
}

.whatsnew {
 display:block;
width: 569px;
height: 31px;
background-image:url(images/title_whatsnew_cn.gif);
margin: 0px;
padding: 0px;
overflow:hidden;
}


.currentpromo {
 display:block;
width: 569px;
height: 31px;
background-image:url(images/title_currentpromotion_cn.gif);
margin: 0px;
padding: 0px;
overflow:hidden;
}


.photogallery {
 display:block;
width: 569px;
height: 31px;
background-image:url(images/title_photogallery_cn.gif);
margin: 0px;
padding: 0px;
overflow:hidden;
}


.section {
 width: 523px;
 margin-left: 30px;
}

.sectionbg {
 width: 569px;
 margin: 0px;
 padding: 0px;
 padding-bottom: 10px;
 background-image:url(images/whatsnew_bg.jpg);
 background-position:bottom;
 background-repeat: repeat-x;
}

.content_subtitle {
display:block;
width: 100%;
height: 33px;
background-image:url(images/content_sub_bg.jpg);
margin: 0px;
padding: 0px;
overflow:hidden;
}

.box {
  background-image:url(images/box_bg.jpg);
  background-repeat:repeat-x;
  border: 1px Solid #666666;
  margin-top: 10px;
 
}

.box img {
  
  border: 2px Solid #666666;

 
}


h5 {
font-family:Arial, Helvetica, sans-serif;
font-size: 18px;
color:#FF0000;
}

p,td {
 font-family:"ËÎÌå", Arial, Helvetica, sans-serif;
 color:#cccccc;
 margin: 5px;
 font-size: 13px;
 line-height: 18px;

}

li {
 font-family:Arial, Helvetica, sans-serif;
 color:#cccccc;
 margin: 0px;
 font-size: 12px;

}
/*

span {
 display:  none;
}*/

.hide {
  display:  none;
}

.subtitle {
 display: inline; 
 font-size: 20px;
 font-weight: normal;
 color:#99CC66;

}

#container {
    position: relative; /* container positioning */
	padding: 0px;
	text-align:left;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	width: 745px;
 background-repeat:repeat-y;

}

#pre_header {
 width: 760px;
 height: 152px;
 padding: 0px;
 margin: 0px;
 background-repeat:no-repeat;
}



#header {
 width: 760px;
 height: 152px;
 padding: 0px;
 margin: 0px;
 background-image:url(images/topitoff_header.jpg);
 background-repeat:no-repeat;
}

#header h2 {
 padding: 0px;
 margin: 0px;
}


#musicplayer {
  position:absolute;
  width: 117px;
  height: 38px;
  padding: 0px;
  margin: 0px;
  top: 0px;
  right: 0px;
}

#language {
 position:absolute;
  width: 94px;
  height: 38px;
  padding: 0px;
  margin: 0px;
  top: 38px;
  right: 0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;

}

#language A {
  display:block;
  width: 94px;
  height: 38px;
  padding: 0px;
  margin: 0px;
  background-image:url(images/bt_english.gif);
  background-repeat:no-repeat;
}

#language A:hover {
  display:block;
  width: 94px;
  height: 38px;
  padding: 0px;
  margin: 0px;
  background-image:url(images/bt_english_roll.gif);
  background-repeat:no-repeat;
}
/*nav starts here----------------------------------------------*/

#menu ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}



#menu ul li span {
 display: none;
}


#menu {
width: 169px;
 margin: 0px;
 padding: 0px;
 float: left;
 }
 
 /*-----------------------English nav start here------------------*/

#nav_home A{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 54px;
 background-image:url(images/nav_home_cn.gif);
}

#nav_home A:hover{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 54px;
 background-image:url(images/nav_home_roll_cn.gif);
}


#nav_portfolio A{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 31px;
 background-image:url(images/nav_portfolio_cn.gif);
 background-repeat:no-repeat;
}

#nav_portfolio A:hover{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 31px;
 background-image:url(images/nav_portfolio_roll_cn.gif);
 background-repeat:no-repeat;
}


#nav_rates A{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 29px;
 background-image:url(images/nav_rates_cn.gif);
}

#nav_rates A:hover{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 29px;
 background-image:url(images/nav_rates_roll_cn.gif);
}


#nav_client A{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 31px;
 background-image:url(images/nav_client_cn.gif);
}

#nav_client A:hover{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 31px;
 background-image:url(images/nav_client_roll_cn.gif);
}


#nav_about A{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 29px;
 background-image:url(images/nav_about_cn.gif);
}

#nav_about A:hover{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 29px;
 background-image:url(images/nav_about_roll_cn.gif);
}

#nav_contact A{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 31px;
 background-image:url(images/nav_contact_cn.gif);
}

#nav_contact A:hover{
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 31px;
 background-image:url(images/nav_contact_roll_cn.gif);
}


#submenu {
 width: 169px;
 margin: 0px;
 padding: 0px;
 background-color: #333;
 background-image: none;
 overflow: hidden;
}


#submenu ul {
 background-color: #333;
 margin: 0px;
 padding: 0px;
 margin-left: 20px;

}

#submenu li {
text-align: left;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#CCCCCC;
border-top: 1px Solid #666666;
background-color: #333;
background-image: none; 
background-repeat: no-repeat;
margin: 0px;
 padding: 0px;
}

#submenu li A{
 text-decoration:none;
 display: block;
 color:#CCCCCC;
 margin: 0px;
 padding: 0px;
 padding-top: 4px;
 height: 20px;
 background-image: none;
 overflow: hidden;
}


#submenu li A:visited{
 text-decoration:none;
 display: block;
color:#CCCCCC;
background-image: none;
background-repeat:no-repeat;
margin: 0px;
 padding: 0px;
 padding-top: 4px;
 overflow: hidden;
 height: 20px;

}

#submenu li A:hover {
 color:#99CC66;
 margin: 0px;
 padding: 0px;
 padding-top: 4px;
 height: 20px;
 background-image: none;
 overflow: hidden;;
 text-decoration: underline;
}
/*-----------English Newsletter here------------------------------*/

#newsletter {
 padding: 0px;
 margin: 0px;
 overflow:hidden;
 display:block;
 width: 169px;
 height: 350px;
 background-image:url(images/nav_newsletter_cn.gif);
 background-repeat:no-repeat;

}

#newsletter .text {
 padding-top: 50px;
 margin-left: 20px;
 overflow:hidden;
 width: 135px;
 background-repeat:no-repeat;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color: #cccccc;

}



input {
 background-image:url(images/fieldbg.gif);
 background-repeat:repeat-x;
 background-color:#333333;
 border: 1px Solid #666666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FF9900;

}

textarea {
 background-color:#333333;
 border: 1px Solid #666666;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 color:#FF9900;

}

#newsletter_message {

background-color:#666666;
color:#CCCCCC;
margin-left: 5px;


}

/*content starts here----------------------------------------------*/
#fullcontent {
  width: 750px;
  overflow: hidden;

}

#intro_content {
   padding-top: 20px;
   text-align: center;
   width: 750px;
   height: 400px;
}

#precontent {
   padding-top: 100px;
   text-align: center;
   width: 750px;
   height: 350px;
}

#content {
 width: 569px;
 float:left;
 background-position:bottom;
 background-repeat:no-repeat;
 overflow: hidden;

}

#contact_content {
 width: 569px;
 float:left;
 background-image:url(images/contact_bg.jpg);
 background-position:0px 100px;
 background-repeat:no-repeat;
 overflow: hidden;

}

#content_text {
 margin: 0px;
 margin-top: 50px;
 margin-left: 20px;
 color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 width: 520px;
 float:left;

}

#content_text strong {
  color:#FF9900;

}


#content .home_text {
 margin: 0px;
 margin-top: 280px;
 color:#CCCCCC;
 font-family:Arial, Helvetica, sans-serif;
 font-size:12px;
 width: 560px;
 margin-left: 2px;
 float:left;
}


#home_photo {
 color:#CCCCCC;
 font-size: 12px;
 font-family:Arial, Helvetica, sans-serif;
 position:absolute;
 margin-top: 105px;
 margin-left: 169px;
 width: 569px;
 height: 318px;
 overflow: visible;
 float:left;
}

#flashcontent {
 height: 660px;
}
/*Portfolio page*----------------------------------*/
.portfolio_list {
 border-bottom: 1px #666666 Solid;
 }
.portfolio_section {
   margin-top: 10px;
  width: 178px;
  float: left;
  margin-right: 10px;
}

.portfolio_section img{
   border: none;
}


#section_wedding A{
  display: block;
  padding: 0px;
  margin: 0px;
  width: 178px;
  height: 53px;
  background-image:url(portfolio/images/title_wedding_cn.jpg);
}

#section_portrait A{
  display: block;
  padding: 0px;
  margin: 0px;
  width: 178px;
  height: 53px;
  background-image:url(portfolio/images/title_portrait_cn.jpg);
}

#section_model A{
  display: block;
  padding: 0px;
  margin: 0px;
  width: 178px;
  height: 53px;
  background-image:url(portfolio/images/title_model_cn.jpg);
}

/* Video page---------------------------*/
#flashvideo {
 margin-top: 10px;
}
#flashvideo2 {
 margin-top: 10px;
}
#flashvideo3 {
 margin-top: 10px;
}

/*Admin page*----------------------------------*/
#login {
 float: left;
 width: 330px;
 height: 300px;
 
}
#login div {
  margin: 20px;
  margin-left: 80px;

}

#message {
 float: left;
 width: 300px;
 background-color:#666666;
 height: 200px;
 
}

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

.biophoto {
 float: left;
 margin-right: 10px;

}

/*footer area page*----------------------------------*/

#footer {
 clear:both;
 width: 745px;
 height: 20px;
 background-image: url(images/enternow.jpg);
}


#bottom {
 width: 100%;
 height: 152px;
 background-image:url(images/bottom_pattern.jpg);
 background-repeat:repeat-x;
 background-color: #333333;
 position: relative; /* container positioning */
	text-align:center;
	padding:0px;
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto; 
}

#legal_text {
	position: relative; /* container positioning */
	text-align:right;
	padding-top: 20px;
	margin-left: auto;
	margin-right: auto; 
	width: 740px;
}



#legal_text p {
   color:#999999;
   font-size:12px;
}