@charset "UTF-8";
/* CSS Document */

body
{
width:99%;
} 

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

p {
padding-bottom: 10px;
line-height: 18px;
font-size: 13px;
}

ol, ul { list-style: none; 
}

a:link, a:visited{
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #9CF;
	text-decoration:none;

}

a:hover{
	font-family:  Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #9CF;
	text-decoration:underline;
}

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

h1 {
font-size:13px;
color: #9CF;
text-decoration:underline;
padding-bottom: 10px;
}

h2 {
font-size:11px;
color: #9CF;
padding-bottom: 10px;

}

div#container
{
	width: 100%;
	background:#000000 top scroll repeat-x;
	margin-top:37px;
}

div#header
{
			  width: 60px;
			  text-align: left;
              float: left;
			  margin:0px 0px 0px 0px;
			  padding-bottom:13px;
}

/*for menu*/

div#logo{
float:left;
margin: -27px 51px 0 24px;
}

div#menubar{
margin-top: 50px;
padding-bottom: 60px;
}

div#menu{
float:none;
margin: 0px 0px 0px;
}

#menu ul{
display: table;
padding-left: 40px;
margin-bottom: -6px;
position: absolute;
	}
	
#menu li {
display:table-cell;
width: 7%;

	}
	
div#design{
float:right;
margin-top:546px;
margin-left:92%;
position:absolute;   
border:none;

}

div#Story_holder1{
	float:none;
margin-left:10%;
width:85%;
}

div#Story_holder2{
	width:45%;
	float:right;
}

div#gallery{
}


div#galleryphoto{
float: left;
position: relative;
width: 80%;
}

div#gallery_info{
float:left;
color:#FFFFFF;
font-family:Arial,sans-serif;
font-size:11px;
font-variant:small-caps;
line-height:1.5em;
position:static;
padding-left: 30px;
padding-top: 15px;
width: 15%;
padding-right: 5px;
text-align: left;
}

div#Contact{ padding: 8em 0px 7em 0px;
}

div#Intro_gallery{

}

div#Story_holder_Multi{
float:none;
margin-left:10%;
width:85%;
}

div#Portfolio_Row_1{
width: 780px;
}

div#Portfolio_Row_2{
width: 780px;
}

div#Portfolio1{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 18%;
    position: relative;
}

div#Portfolio2{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    position: relative;
}

div#Portfolio3{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 18%;
    position: relative;
}

div#Portfolio4{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    position: relative;
}

div#Portfolio5{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 4%;
    position: relative;
}

div#Portfolio6{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    position: relative;
}

div#Portfolio7{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 4%;
    position: relative;
}

div#Portfolio8{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    padding-right: 4%;
    position: relative;
}

div#Portfolio9{
    color: #99CCFF;
    float: left;
    font-family: Arial,sans-serif;
    font-size: 12px;
    font-variant: small-caps;
    line-height: 1.5em;
    margin-top: 20px;
    position: relative;
}

div#CESVI_holder{
margin-top: 30px;
width: 763px;
margin-right:auto;
margin-left:auto;
}

div#Reportage{
color:#FFFFFF;
float:left;
font-family:Arial,sans-serif;
font-size:12px;
font-variant:small-caps;
line-height:1.5em;
margin-bottom:-21px;
position:static;
text-align:center;
width:87%;
}

div#Features{
color:#FFFFFF;
float:left;
font-family:Arial,sans-serif;
font-size:12px;
font-variant:small-caps;
line-height:1.5em;
margin-right:0;
padding-left:37px;
padding-right:20px;
position:static;
text-align:justify;
margin-bottom:-21px;
width:80%;
}

div#Story_Intro{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:10%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story_Viet{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:10%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story_Lan{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story1{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story2{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story3{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story4{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story5{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story6{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story7{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story8{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story9{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story10{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story11{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF;
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story12{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story13{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story14{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story15{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story16{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story17{
float:left;
margin-top:20px;
position:static;
width:200px;
padding-right:1%;
color: #9CF; 
font-variant:small-caps;
font-family:Arial,sans-serif;
font-size:12px;
line-height:1.5em;
}

div#Story_info{
color:#FFFFFF;
float: left;
font-family: Arial,sans-serif;
font-size: 12px;
font-variant: small-caps;
line-height: 1.5em;
margin-left: 7%;
margin-top: 50px;
padding-bottom: 20px;
text-align: justify;
width: 85%;
}

div#descript{
color:#FFFFFF;
float:left;
font-family:Arial,sans-serif;
font-size:12px;
font-variant:small-caps;
line-height:1.5em;
margin-right:0;
margin-top:0px;
padding-left:37px;
padding-right:20px;
position:static;
text-align:justify;
width:25%;
}

div#descript_Corp{
color:#FFFFFF;
float:left;
font-family:Arial,sans-serif;
font-size:12px;
font-variant:small-caps;
line-height:1.5em;
margin-right:0;
margin-top:25px;
padding-left:37px;
padding-right:20px;
position:static;
text-align:justify;
width:25%;
}

div#descript2{
color:#FFFFFF;
float:left;
font-family:Arial,sans-serif;
font-size:12px;
font-variant:small-caps;
line-height:1.5em;
margin-right:0;
margin-top:0px;
padding-left:37px;
padding-right:20px;
position:static;
text-align:justify;
width:25%;}

div#multi_P{
float:left;
margin-left:20px;
margin-top:32px;
padding:0;
position:static;
width:200px;
}

div#multi_P_Corp{
float:left;
margin-left:4%;
margin-top:32px;
padding:0;
position:static;
width:200px;
}

div#multi_P2{
float:left;
margin-left:6%;
margin-top:33px;
padding:0;
position:static;
width:200px;
}

div#forword{
color:#FFFFFF;
float: left;
font-family: Arial,sans-serif;
font-size: 12px;
font-variant: small-caps;
line-height: 1.5em;
margin-left: 9%;
margin-top: 50px;
padding-bottom: 50px;
text-align: justify;
width: 85%;
}

div#home{
background:none repeat-x scroll center top #000000;
margin: 0px 0px 0px 0px;
position:absolute;
width:100%;
}

div#home_Stories{
background:none repeat-x scroll center top #000000;
margin: 0px 0px 0px 0px;
position:absolute;
width:100%;
padding-bottom: 134px;
}

div#home_contact{
background:none repeat-x scroll center top #000000;
margin: 0px 0px 0px 0px;
position:absolute;
width:100%;
padding-bottom: 21px;
}

div#home_gallery{
background:none repeat-x scroll center top #000000;
margin: 0px 0px 0px 0px;
position:absolute;
width:100%;
}

div#film_gallery{
background:none repeat-x scroll center top #000000;
margin: 0px 0px 0px 0px;
position:absolute;
width:100%;
margin-right:auto;
margin-left:auto;
}

div#video_postion{
margin-right:auto;
margin-left:auto;
width: 768px;
padding-top: 15px;
}

div#home_Multimedia{
background:none repeat-x scroll center top #000000;
margin: 0px 0px 0px 0px;
position:absolute;
width:100%;
padding-bottom: 50px;
}


div#bio{
background:#000000 none repeat-x scroll center top;
height:533px;
margin:0px 0px 0px -8px;
padding-bottom:20px;
padding-top:20px;
position:absolute;
width:100%;
}

div#img{
float: left;
margin-left: 8%;
margin-top: 0px;
padding-right: 5%;
width: 23%;
height: 460px;
}

div#bio_text{
color:#FFFFFF;
float:none;
font-family:Arial,sans-serif;
font-size:13px;
font-variant:small-caps;
line-height:1.5em;
margin-left:4em;
margin-top: 18px;
padding-bottom: 5%;
text-align:justify;
width:90%;
}

#bio_text a:link, a:visited{
	font-family: Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #9CF;
	text-decoration:none;
}

#bio_text a:hover{
	font-family:  Arial, sans-serif;
	font-size: 13px;
	line-height: 1.5em;
	color: #9CF;
	text-decoration:underline;
}

div#Awards{
color:#FFFFFF;
float:left;
font-family:Arial,sans-serif;
font-size:11px;
font-variant:small-caps;
line-height:1.5em;
margin-left:4%;
padding-right:1%;
text-align:justify;
width:55%;
}

#Awards a:link, a:visited{
	font-family: Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #FFF;
	text-decoration:none;
}

#Awards a:hover{
	font-family:  Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5em;
	color: #9CF;
	text-decoration:underline;
}

div#clients{
color:#FFFFFF;
float:left;
font-size:11px;
font-family:Arial,sans-serif;
font-variant:small-caps;
line-height:1.5em;
margin-left:0;
padding-top:0;
text-align:justify;
width:37%;
}

#bio_text a{
font-style:normal;
font-size:13px;
}


div#left-top
{
background-color:#FFFFFF;
border:0px none;
float:none;
height:533px;
width:800px;
			  }


#footer
{
position: relative;
float: right;
margin-top: 533px;
}


/*for slider*/


#frame {
	overflow: hidden;
	margin: 0 auto;
	width: 838px;
	position: relative;
	}
	
#frame div.button {
	position: absolute;
	top: 40%;
	}
	
div.button#left { left: 0; }
div.button#right { right: 0; }

#scroller {
	width: 750px;
	margin: 0 auto;
	border-top: 0px;
	background: #000000;
	overflow: hidden;
	}

#content {
	width: 5250px;
	}
	
.section {
	width: 710px;
	margin: 20px;
	float: left;
	}
	
.section h2, .section h3 {
	color: #444;
	font-weight: normal;
	font-family: Arial, sans-serif;
	font-size: 22px;
	line-height: 22px;
	margin-bottom: 5px;
	}
	
.section h2, .section#sites-pane h3 {
	color: #072453;
	}
	
.section p, .section li {
	margin: 0 0 20px 0;
	font-size: 14px;
	line-height: 22px;
	}

.section img {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	}