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

.FLplacement{
	margin-left:100px;
	margin-top:31px;
	}
	

/* ======================= home page ======================= */

body{
	padding:0px;
	margin:0px;
	font-family:Arial, Verdana, Geneva, sans-serif;
	}

.main{
	width:900px;
	background:#fff;
	}

.main_home{
	width:1250px;
	background:#fff;
	}

.clear{
	clear: left;
	}

a:link		{color:#000;}
a:visited	{color:#666;}
a:hover		{color:#039;}
a 			{text-decoration:none;}

.middle_menu a:link		{color:#fff;}
.middle_menu a:visited	{color:#666;}
.middle_menu a:hover		{color:#039;}

.sub_menu a:link		{color:#fff;}
.sub_menu a:visited	{color:#666;}
.sub_menu a:hover		{color:#039;}

.menu_top{
	margin-left:100px;
	margin-top:3px;
	}

ul.menuTop{
	margin:0px;
	padding:0px;
	list-style-type: none;
	}

ul.menuTop li{
	font-size:12pt;
	float:left;
	width:220px;
	margin-right:20px;
	padding:2px;
	text-align:center;
	text-align:right;
	}
	
.center{
	margin-left:100px;
	margin-top:5px;
	height:600px;
	width:800px;
	background:url(../images/bg113010.jpg) no-repeat;
	}

.center_top{
	height:140px;
	}

.center_left{
	float:left;
	width:150px;
	}

.middle_menu{
	color:#fff;
	height:70px;
	width:100px;
	padding-left:10px;
	padding-top:20px;
	text-align:center;
	}

.centerCenter{
	float:left;
	width:400px;
	height:270px;
	}

ul.sub_menu{
	margin-top:20px;
	padding:0px;
	list-style-type: none;
	}

ul.sub_menu1{
	margin-top:20px;
	padding:0px;
	list-style-type: none;
	}

ul.sub_menu2{
	margin-top:20px;
	padding:0px;
	list-style-type: none;
	}


.poster{
	position:absolute;
	margin:-280px 820px;
	padding:10px;
	border:1px solid #000;
	text-align:center;
	}

.videoBox{
	margin:-300px 800px;
	padding:10px;
	text-align:center;
	
	}
	
.james{
	height:300px;
	margin:320px 810px;
	}

/* =================== TOP PAGE submenu effects ===================*/

/*v menu block v*/
div#menu {
    width: 126px;               /* Menu layer1 + 2px */
    height: 150px;              /* adjust with mumber of Menu*/
    position: relative;
    font-size: 15pt;
}
/* ^ end of menu block ^ */
 
/* v menu layer1 v */
div#menu ul li a, div#menu ul li a:visited {
    width: 124px;
    height: 50px;
    display: block;
    text-decoration: none;
    line-height: 19px;          /* menu layer 1 height -1px */
    font-size: 13pt;
    text-indent: 1em;
    color: #c4d3ff;
}
div#menu ul {
    margin: 0;
    padding: 0;
     list-style-type: none;
}
div#menu ul li {
    margin-right: 1px;
    float: left;
    position: relative;
}
div#menu ul li ul {
    display: none;
}
div#menu ul li:hover a {
    color: #eee;
/*	background: #4c597f;    hover bgcolor */
}
/* ^ end of menu layer1 ^ */
 
/* v menu layer2 v */
div#menu ul li:hover ul {
    width: 280px;               /* menu layer2 width +1px */
	height:20px;
    position: absolute;
    top: 0;
    left: 125px;                /* menu layer1 width +1px */
 
    display: block;
}
div#menu ul li:hover ul li a.hide {
    color: #eee;                /* to layer3 color */
/*    background: #4c597f;        to layer3 bgcolor */
}
div#menu ul li:hover ul li:hover a.hide {
    width: 125px;               /* same width as menu layer2 */
}
div#menu ul li:hover ul li ul {
    display: none;
}
div#menu ul li:hover ul li a {
    width: 280px;               /* same width as menu layer2 */
 	height:20px; 
    display: block;

    color: #c4d3ff;
/*    background: #000;  	menu layer2 bgcolor */
}
div#menu ul li:hover ul li a:hover {
    color: #eee;                /* hover */
/*    background: #a22041;    	hover bgcolor */
}
/* ^ end of menu layer2 ^ */
 
/* v menu layer3 v (for image) */
div#menu ul li:hover ul li:hover ul {
    position: absolute;
    left: 220px;                /* menu layer2 width offset */
    top: -20px;
 
    display: block;
 
    color: #000;
}
div#menu ul li:hover ul li:hover ul li a {
    width: 125px;               /* menu layer3 width */
 	height:10px;
/*    display: block; */
 
    color: #4c597f;
/*    background: #eee;            menu layer3 bgcolor */
}
div#menu ul li:hover ul li:hover ul li a:hover {
    color: #eee;
/*    background: #769164;        /* hover bgcolor */
}
/* ^ end of menu layer3 ^ */


/* =================== Gallery Template ===================*/

body.galleryTemplateBG{
	margin:0px;
	padding:0px;
	background:url(../images/bg03.gif) repeat-y #406ba8;
	font-family:arial, Verdana, Geneva, sans-serif;

	}

.gTlogo{
	float:left;
	border:0px;
	text-align:center;
	font-size:14pt;
	padding-top:0px;
	color:#b1daf0;
	}
	
.gTsubTitle{
	float:left;
	font-size:14pt;
	margin-left:30px;
	margin-top:5px;
	color:#b1daf0;
	}
	
.gTsubTitle a:link		{color:#fff;}
.gTsubTitle a:visited	{color:aaa;}
.gTsubTitle a:hover		{color:#039;}
.gTsubTitle a 			{text-decoration:none;}
.gTsubTitle a#selected	{color:#b1daf0; font-weight:bold;}

.gTmenu{
	float:left;
	margin-top:3px;
	}

/* =================== Gallery Template top menu ===================*/
div#gTmenu {
    width: 640px;               /* total width = cell width + border (2px) + 1px) x numcell */
    position: relative;
    font-size: 11px;
    z-index: 100;
}
div#gTmenu ul li a, div#gTmenu ul li a:visited {
    width: 200px;                /* menu cell width */
    height: 22px;               /* menu height */
 
    display: block;
    line-height: 20px;
    overflow: hidden;
 
    font-size: 10pt;
    text-decoration: none;
    text-align: center;
 
    color: #fff;             /* menu cell font color */
/*    background: #eee;            menu cell bgcolor */
/*    border: 1px solid #eee; */
}
div#gTmenu ul {
    padding: 0;
    margin: 0;
 
    list-style-type: none;
}
div#gTmenu ul li {
    margin-right: 1px;
 
    float: left;
    position: relative;
}
div#gTmenu ul li ul {
    display: none;
}
 
div#gTmenu ul li:hover a {
    color: #eee;                /* hover font color */
    background: #4c597f;        /* hover bg color */
}
div#gTmenu ul li:hover ul {
    width: 85px;                /* menu cell + 1px */
    position: absolute;
    top: 21px;                  /* menu cell + 1px */
    left: 0;
 
    display: block;
}
div#gTmenu ul li:hover ul li a.hide {
    color: #eee;                /* child menu font color */
    background: #4c597f;        /* child menu bg color */
}
div#gTmenu ul li:hover ul li:hover a.hide {
    color: #eee;                /* child menu font color */
    background: #a22041;        /* child menu font color */
}
div#gTmenu ul li:hover ul li ul {
    display: none;
}
div#gTmenu ul li:hover ul li a {
    display: block;
 
    color: #4c597f;             /* drop menu font color */
    background: #eee;           /* drop menu bg color */
}
div#gTmenu ul li:hover ul li a:hover {
    color: #eee;                /* drop menu hover font color */
    background: #aaa;        /* drop menu hover bg color */
}
div#gTmenu ul li:hover ul li:hover ul {
    position: absolute;
    left: 85px;                 /* same as menu cell   */
    top: 0;
 
    display: block;
}
div#gTmenu ul li:hover ul li:hover ul.left {
    left: -85px;                /* same as menu cell for display right drop menu to left */
}


.gTimages{
	width:950px;
	margin-left:30px;
	margin-top:10px;
	}

.imageRow{
	width:950px;
	}
.imagesCell{
	width:170px;
	height:200px;
	float:left;
	padding:5px 8px;
	color:#fff;
	font-size:8pt;
	text-align:center;
	}
.imagesCell img{
	margin:8px;
	}

.imageRow2{
	width:950px;
	height:600px;
	}

.imagesCell2{
	width:200px;
	height:200px;
	float:left;
	padding:5px 8px;
	color:#fff;
	font-size:8pt;
	text-align:center;
	}
.imagesCell2 img{
	margin:8px;
	}

.detail a:link		{color:#fff;}
.detail a:visited	{color:#888;}
.detail a:hover		{color:#F66;}
.detail a 			{text-decoration:none;}
.detail a#selected	{color:#b1daf0; font-weight:bold;}

/*gallery detail*/

.mdMain{
	width:820px;
	height:700px;
	margin:25px;
	background:#666;
	}
.mdLargeImage{
	padding:10px;
	float:left;
	}
	
.mdText{
	width:400px;
	float:left;
	color:#fff;
	margin:10px 20px;
	}
.mdText b{
	font-size:15pt;
	}

.mdSmallImage{
	margin:20px 0px;
	}
.mdSmallImage img{
	margin:10px 10px;
	}
	
/* Studio info */
.infoBG{
	width:950px;
	height:800px;
	margin-left:0;
	margin-top:10px;
	background:url(../images/infoBG.jpg) no-repeat;
	}

.infoBlock{
	padding:10px;
	margin:20px 0px 0px 350px;
	font-size:12pt;
	color:#fff;
	}	
	
.lft{
	width:100px;
	float:left;
	padding-top:5px;
	}
.rght{
	float:left;
	padding-top:5px;
	}


.inqBlock{
	width:600px;
	height:400px;
	margin:200px 0px 0px 50px;
	color:#fff;
	}

.cuForm{
	}

.cuData{
	float:left;
	padding-top:5px;
	width:150px;
	}

.box{
	padding-left:10px;
	float:left;
		}
.submit{
	margin-left:500px;
	}

.inqBlock2 h2{
	color:#fff;
	}
.inqBlock2 h3{
	color:#F93;
	}
.inqBlock2{
	margin:20px 0px 0px 30px;
	color:#fff;
	}
	
	
/* resume */

.resBlock{
	width:800px;
	height:auto;
	margin:10px 0px 0px 50px;
	color:#fff;
	}
.resBlock b{
	color:#b1daf0;
	}
.resYear{
	float:left;
	height:30px;
	width:50px;
	}
.resCont{
	float:left;
	width:750px;
	}

/*exhibition*/
.exYear{
	width:100px;
	float:left;
	}
.exCont{
	float:left;
	width:650px;
	}
	
/* media */
.Mbox{
	width:1100px;
	height:auto;
	margin:10px 0px 0px 80px;
	}
.MRow{
	height:300px;
	}
.MSectionTitle{
	padding:5px;
	color:#fff;
	font-size:15pt;
	}
.Mimage{
	float:left;
	margin-right:20px;

	}
.Mtitle{
	color:#fff;
	font-size:10pt;
	padding:3px 0px;
	
	}


/*footer*/
.copyright{
	color:#fff;
	font-size:8pt;
	text-align:center;
	width:950px;
	margin:20px 0px;
	}

/*
	border:#000 1px solid;

*/