/* Focus Framework - Always Center */

body{ 
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}
div.ff_parent{
	width: 100%; height: 100%;
	overflow: hidden;
}
table.ff_parent{
	border-collapse: collapse;
	border: 0px none;
	margin: 0px 0px 0px 0px;
	width: 100%; height: 100%;
}
td.ff_parent{
	overflow: hidden;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: middle;
	width: 100%;
}
div.ff_wrapper{
	margin: auto auto auto auto;
	position: relative;
	text-align: left;
	width: 900px; height: 550px;
}
div.ff_main{ 
	left: -550px; top: -335px;
	position: absolute;	
	width: 2000px; height: 1200px;
}
div.ff_main_content{
	left: 550px; top: 325px; 
	position: absolute;
	width: 900px; height: 550px;
}

/* theme  */

body{ 
	background-color: #000000;
}

div.ff_main{}

div.ff_main_content{}


/********* Common ************/
div.ff_main_content {
	position:relative;
}

div.main_block {
	height:535px;
	background-image:url(../images/common/bg_01.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.real div.block {
	position:relative;
	height:444px;
	overflow:hidden;
	text-align:center;
}

div.ff_main_content div.navigation {
	position:absolute;
	top:444px;
}

div.footer {
	height:15px;
	text-align:right;
}

span.red {
	/* color:#FF0000; */
}

div.upper {
	height:535px;
	overflow:hidden;
}

img {
	border:0px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	* display:block;
}

p, td {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

ul, ol {
	margin:0px 0px 0px 18px;
	padding:0px 0px 0px 0px;
}

li {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

a {
	text-decoration:none;
}

p, td, li {
	font-size:12px;
	font-family:Helvetica;
	color:#FFFFFF;
}

.btn {
	cursor:pointer;
}

.float_left {
	float:left;
}

.float_right {
	float:right;
}

div.clear {
	clear:both;
}

div.block div.content {
	position:relative;
	width:930px;
	margin:0px 25px 0px 25px;
	text-align:left;
}

div.block div.content h1 {
	margin-top:22px;
}

span.red {
	color:red;
}

input[type=text]{
	margin-top: 10px;
	width: 260px;
}

textarea{
	margin-top: 10px;
	width: 260px;
}

/***************** Contact Us *****************/
div.contact_us div.box_left,
div.contact_us div.box_right {
	position:relative;
	float:left;
}

div.contact_us div.box_left {
	width:467px;
}

div.box_left{
	margin-left: 0px;
}

div.contact_us div.box_right {
	margin-left:26px;
	width:407px;
}

td.title{
	width: 102px;
	font-size: 16px;
}

td.info{
	font-size: 16px;
}

/***************** Services *****************/
div.services div.service_bg {
	width:100%; height:100%;
}

div.services div.up_left,
div.services div.up_right,
div.services div.idv_left,
div.services div.idv_right {
	position:relative;
	float:left;
	margin-top:8px;
}

div.services div.up_left {
	width:458px;
}

div.services div.up_right {
	margin-left:12px;
	width:370px;
}

div.services div.content p.title {
	font-size:14px;
	color:#FF0000;	
}

div.services div.content td {
	color:#FFFFFF;
}

div.services div.service_scroll {
	position:absolute;
	top:260px; left:120px;
	width:660px; height:150px;
}

div.services div.service_scroll div.scroller-mainbody {
	position:absolute;
	top:0px; left:50px;
	width:560px; height:100%;
	overflow:hidden;
}

div.services div.service_scroll img.scroller-backward {
	position:absolute;
	top:40px; left:10px;
}

div.services div.service_scroll img.scroller-forward {
	position:absolute;
	top:40px; left:620px;
}

div.services div.service_scroll td {
	width:190px;
	padding:0px 2px 0px 2px;
	text-align:center;
}

div.services div.service_scroll div.title_bg {
	width:163px; height:21px;
	margin:0px auto 0px auto;
	text-align:center;
	background-image:url(../images/services/services4_09.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}

div.services div.service_scroll div.title_bg p {
	position:relative;
	top:4px;
}

div.services div.service_scroll div.img {
	position:relative;
	width:163px; height:111px;
	margin:0px auto 0px auto;
	background-color:#FFFFFF;
}

div.services div.service_scroll div.img img {
	position:absolute;
	top:3px; left:3px;
}

div.services div.idv_left {
	width:255px;
}

div.services div.idv_left div.img_row {
	width:255px; height:179px;
	background-image:url(../images_png/services/services2_shadow_17.png);
	background-repeat:no-repeat;
	background-position:bottom left;
}

div.services div.idv_left div.img_row div.img_bg {
	position:relative;
	width:224px; height:154px;
	left:16px;
	background-color:#FFFFFF;
}

div.services div.idv_left div.img_row div.img_bg img {
	position:absolute;
	top:3px; left:3px;
}

div.services div.idv_right {
	margin-left:12px;
	width:573px; height:360px;
	overflow:hidden;
}

div.services div.idv_right img.back {
	margin-right:20px;
}

div.services div.idv_right div.service_title_bg {
	width:187px; height:22px;
	background-image:url(../images/services/bar_07.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:left;
}

div.services div.idv_right div.service_title_bg p {
	position:relative;
	top:3px; left:5px;
}

div.services div.idv_right div.plan {
	margin:10px 0px 15px 0px;
}

/***************** Gallery *****************/
table.gallery{
	margin-left: -20px;
	border-collapse: collapse;
	width: 225px;
}

/*** Scroller Part ***/
div.gallery div.gallery_menu div.scroller,
div.gallery div.gallery_menu div.menu {
	position:relative;
	float:left;
}

div.gallery div.gallery_menu div.scroller {
	position:relative;
	background-image: url(../images/gallery/bar.jpg);
	height: 299px;
	width:18px;
}

img.l_vscroller-up {
	position:absolute;
	top:260px;
}

img.l_vscroller-down {
	position:absolute;
	top:275px;
}


div.gallery div.gallery_menu div.menu {
	width:187px;
}

img.scroller_end{
	margin-left: -10px;
	position: absolute;
	top: 386px;
	left: -18px;
}

div.right_scroller{
	background-image: url(../images/gallery/bar.jpg);
	height: 299px;
	width:18px;
}

img.right_scroller_end{
	height: 21px;
	width:38px;
	position: absolute;
	top: 388px;
	left: 834px;
}

img.r_vscroller-up {
	position:absolute;
	top:350px;
}

img.r_vscroller-down {
	position:absolute;
	top:365px;
}
/*********************/

div.gallery div.gallery_menu,
div.gallery div.gallery_detail {
	float:left;
}

div.vscroller-mainbody {
	overflow: hidden;
	height:320px;
}

div.gallery div.gallery_menu {
	margin-left: -10px;
	width: 205px;	
}

div.gallery div.gallery_right_menu{
	position: absolute;
	left: 100px;
}

div.gallery div.gallery_detail {
	margin-left:10px;
	/*width:632px;*/
}

div.gallery div.gallery_detail img.bg {
	position:absolute;
	top:15px; left:246px;
}

div.gallery div.gallery_bg {
	width:100%; height:100%;
	text-align:left;
}

div.gallery div.nav_top {
	width:187px; height:22px;
	background-image:url(../images/gallery/Gallery3_11.jpg);
	background-repeat:no-repeat;
	background-position:bottom right;
}

div.gallery div.nav_top.large {
	height:40px;
	background-image:url(../images/gallery/Gallery3_29.jpg);
}

div.gallery div.nav_top p {
	position:relative;
	top:4px; left:15px;
}

div.gallery div.nav_sub {
	width:187px; height:22px;
	text-align:right;
}

/* gallery album */
div.gallery_main {
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

div.block_photo {
	margin-bottom:0px; 
	margin-right:0px;
	width: 206px;
}

img.dot {
	vertical-align:middle;
	margin-right:3px;
}

div.photo {
	background:url(../images/gallery/Gallery_12.jpg) no-repeat;
	width:187px; height:127px;
	position:relative;
}

div.photo img {
	/*position:absolute;*/
	/*top:4px; left:4px; */
	/*width:179px; height:119px;*/
	margin-top: 4px;
}

/*** Service ***/
div.service_scroller{
	background-image: url(../images/gallery/bar.jpg);
	height: 340px;
	width:18px;
	position:absolute;
	left: 828px;
	top: 70px;
}

img.sv_vscroller-up{
	position:absolute;
	top: 300px;
}

img.sv_vscroller-down{
	position:absolute;
	top: 315px;
}
