/* CSS Document */
body { margin:0; font-family:Arial; font-size:11px; color:#000000;}
td,tr{font-family:Arial; font-size:11px; color:#000000;}

h1{ FONT-FAMILY: arial; font-weight:bold; color:#023b44; font-size:20px;}
h2{ FONT-FAMILY: arial; font-weight:bold; color:#ffffff; font-size:18px;}
h3{ FONT-FAMILY: arial; font-weight:bold; color:#358fa6; font-size:14px;}
input, select, textarea{font-family:Arial, Helvetica, sans-serif; color:#705820; font-size:95%;}

a:link, a:active, a:visited{font-family:Arial; font-size:11px; color:#0498aa; text-decoration:none;}
a:hover{font-family:Arial; color:#01364A; font-size:11px; text-decoration:none;}

a:link.video, a:active.video, a:visited.video{color:#003399; font-size:10px; text-decoration:none; font-weight:bold;}
a:hover.video{color:#01364A;text-decoration:none; font-size:10px;}

a:link.footer, a:active.footer, a:visited.footer{color:#FFFFFF; font-size:10px; text-decoration:none;}
a:hover.footer{color:#01364A;text-decoration:none; font-size:10px;}

a.cost:link, a.cost:active, a.cost:visited{font-family:Arial; font-size:11px; color:#fff; text-decoration:none;}
a.cost:hover{font-family:Arial; color:#0498aa; font-size:11px; text-decoration:none;}


.proejct-header { color:#006699; padding:5px 0 0 100px; font-size:16px; font-weight:bold;}
.proejct-sub { color:#000000; font-size:12px; font-weight:bold;}

.projct-bg {background:url(images/peoject-t-bg.gif) no-repeat; width:100px; height:75px;}

.bottom{
font-size:10px;
padding:8px;
color:#FFFFFF; 
}

.main_text{
FONT-FAMILY: arial;
color:#FFFFFF;
padding:25px;
}

#main_text_bottom{
font-size:10px;
FONT-FAMILY: arial;
color:#FFFFFF;
}

#main_text_bottom
a{
FONT-FAMILY: arial; 
color:#01364A; 
text-decoration:none; 
font-size:10px;
}
#main_text_bottom a:hover{ color:#3366FF;}

.main_top_btn
{
font-size:10px;
padding-left:20px; 
color:#FFFFFF; 
}

#menu 
a{ 
FONT-FAMILY: arial; 
color:#ffffff; 
text-decoration:none;
font-weight:bold;
font-size:12px;
}
#menu a:hover{ color:#135488;}

.footertext{
padding-top:30px;
font-size:10px;
color:#006699;
}

#footer
a{
font-size:10px;
color:#078eae; 
}

#footer a:hover{ color:#15abcd;}


.formtext {font-family:Arial; font-size:11px; color:#000000; text-align:left}
.formicon {font-family:Arial; font-size:10px; color:#FF0000; text-align:left}


.table_text{
FONT-FAMILY: arial;
font-weight:bold; 
color:#04C1FF; 
font-size:12px; 
}

.product_bck{
background-color:#D4F7FF;
padding:3px 10px 0px 10px;
BORDER-BOTTOM:#FFFFFF 1px solid;
}

#product
a{
FONT-FAMILY: arial;
text-decoration:none; 
font-size:11px;
color:#018BBE; 
}
#product a:hover{ color:#000000;}

.line{
BORDER:#D1D1D1 1px solid;
}


.background{
background-color:#ebf9fc;
}

.bg-pic { background:url(images/bg-pic.jpg) no-repeat center; }
.bg-pic2 { background:url(images/bg-pic2.gif) no-repeat center; padding:10px 0 0 0; }


/**----------------------------- CSS Menu ------------------------------------------**/
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block;min-width:120px;}
ul.pureCssMenu ul{position: absolute;left:0px;top:100%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px;
	background-color: none;
	background-repeat:repeat;
	border-color:#A6A6A6;
	border-width:0px;
	border-style:solid;
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	float: left;
	width: 100%;
	background: #1489b4;
}
ul.pureCssMenu ul{
	width:100.80000000000001px;
	background: #1489b4;
}
ul.pureCssMenu li{
	display:block;
	margin:0px 0px 0px 0px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	background-color:#1489b4;
	border-width:0px;
	border-color:#FCEEB0;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	padding:5px 14px;
	_padding-left:0;
	font:bold 13px Arial;
	color: #FFFFFF;
	text-decoration:none;
	cursor:pointer;
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3;
	height:100%;
	display:inline-block;
	background-color:#A6A6A6;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#1AAFE6;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 13px Arial;
	color: #13549c;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#1AAFE6;
	border-color:#4C99AB;
	border-style:solid;
	font:bold 13px Arial;
	color: #13549c;
	text-decoration:none;
}
ul.pureCssMenu li.dis a {
	color: #AAAAAA !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:5px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-image:url(./css/cssmenu/arrv_blue_2.gif);
	background-position:right center;
	background-repeat: no-repeat;
	padding-right:12px;}
ul.pureCssMenu li:hover>a>span{	background-image:url(./css/cssmenu/arrv_white_2.gif);
}
ul.pureCssMenu a:hover span{	_background-image:url(./css/cssmenu/arrv_white_2.gif)}
ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(./css/cssmenu/arr_blue_2.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./css/cssmenu/arr_white_2.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./css/cssmenu/arr_white_2.gif)}
ul.pureCssMenu li a.pureCssMenui0{
font:n;
}
ul.pureCssMenu li a.pureCssMenui0:hover{
font:o;
}
table.iwmigmr td.wbg img { margin: 5px 4px; }
table.iwmigmr td.wbg { background: #fff; }
/* --------------------------------------------------------------------------------- */

/* -------------------------------------- Ivan Style ------------------------------- */
	:focus { outline: none; }
	#makeMeScrollable { width:628px; position: relative; }
	#makeMeScrollable div.scrollableArea * { border: none; position: relative; float: left; margin: 0; padding: 0; }
	#makeMeScrollable div.scrollableArea a, .imgframe { border: 5px solid #fff; margin:8px; 
	box-shadow: 0px 1px 3px #666; -webkit-box-shaodw: 0px 1px 3px #666; -moz-box-shadow: 0px 1px 3px #666; }
	.imgframe2 { margin: 5px 8px; box-shadow: 0px 1px 3px #666; -webkit-box-shaodw: 0px 1px 3px #666; -moz-box-shadow: 0px 1px 3px #666; }
	.imgframe3 { border: 3px solid #fff; margin: 3px 3px 3px 0px; box-shadow: 0px 1px 3px #666; -webkit-box-shaodw: 0px 1px 3px #666;
	-moz-box-shadow: 0px 1px 3px #666; }
	.right { float: right; }
	.left { float: left; }
	.clear { clear: both; }
	.shadow { box-shadow: 0px 1px 3px #666; -moz-box-shadow: 0px 1px 3px #666; 
	-o-box-shadow: 0px 1px 3px #666; -ms-box-shadow: 0px 1px 3px #666; -webkit-box-shaodw: 0px 1px 3px #666; }
	hr.dot1 { margin: 1.5em auto; padding: 0px; border:0; border-bottom: 1px dashed #ccc; height: 1px; }
	#myfloat { position: relative; width: 164px; height: 135px; display: inline-block; }
	#myfloat .facebook { position: absolute; top: 54px; left: -260px; }
	h2.ssds { color: #050505; }
	.cboxElement { display: inline-block; *display: inline; zoom: 1; vertical-align: top; } 
	.download a { display: inline-block; *display: inline; zoom: 1; margin: 5px 0; }
	#pCosting h1, #pCosting h2, #pCosting h3, #pCosting h4, #pCosting h5, #pCosting h6 { padding: 0; margin: 0 0 10px; }
	#pCosting table, #pCosting td { padding: 0; margin: 0; } 
	#pCosting h2.ssds { font-size: 15px; color: #039; margin: 25px 0 0 0; }
	
	#header { width: 671px; }
	#header .logo { position: relative; }
	#header .logo.facebook { }
	#header .navi { padding: 4px 19px; background: url(images/201107/h_navibg.gif) no-repeat left top; height: 27px; }
	
	.rtPanel a.btn { background:url(images/btn_bg.gif) repeat-x left top; height: 24px; white-space: nowrap; font: normal 15px/24px "Myriad Pro", Helvetica, sans-serif; color: #FFFFFF; text-align: center; display: block; float: left; max-width: 135px; padding-left: 10px; overflow: hidden; }
	.rtPanel a.btn span { background:url(images/btn_bg.gif) repeat-x right top; display: block; padding-right: 10px; }
	.rtPanel a.btn:hover { color: #b5deff; }
	
	.View.Grid { overflow: hidden; }
	.View.Grid .gBox { display: inline-block; *display: inline; zoom: 1; width: 135px; padding: 5px; margin: 10px 5px; background: #fff; vertical-align: top; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; box-shadow: 0 1px 5px -1px #789; -webkit-box-shadow: 0 1px 5px -1px #789; -moz-box-shadow: 0 1px 5px -1px #789; }
	.View.Grid .gBox .gImg {}
	.View.Grid .gBox .gImg a {}
	.View.Grid .gBox .gImg a:hover {}
	.View.Grid .gBox .gImg img { border: 0; }
	.View.Grid .gBox .gTitle { padding-top: 5px; text-align: center; }
	.View.Grid .gBox .gTitle a {}
	.View.Grid .gBox .gTitle a:hover {} 
	
	.View.List .gBox { overflow: hidden; margin: 15px auto; }
	.View.List .gBox .gImg { float: left; width: 180px; min-height: 120px; }
	.View.List .gBox .gImg a {}
	.View.List .gBox .gImg a:hover {}
	.View.List .gBox .gImg img { background-color: #fff; margin: 5px 3px; }
	.View.List .gBox .gTitle { font-size: 12px; margin-bottom: 10px;  }
	.View.List .gBox .gTitle a {}
	.View.List .gBox .gTitle a:hover {}
	.View.List .gBox .gSummary { }
	.View.List .gBox .gSummary a {}
	.View.List .gBox .gSummary a:hover {}
	.View.List .gBox .gSummary .boxies { display: inline-block; *display: inline; zoom: 1; vertical-align: top; margin:0 6px 10px; }
	.View.List .gBox .gSummary .boxies.cbox .imgframe { margin: 4px; background: #fff; }
	.View.List .gBox .gSummary .gLang { font-size: 11px; font-weight: bold; margin-bottom: 5px; }
	.View.List .gBox .gTitle, .View.List .gBox .gSummary { margin-left: 190px; }
	
	/** Page Style **/
	.pgHeader {}
	.pgHeader .pgTitle { padding: 8px 18px; }
	.pgBody { padding: 0 18px; }
	.pgBody .pInfo { margin-bottom: 15px; }
	.pgBody .pInfo .pImg { margin-bottom: 10px; }
	.pgBody .pInfo .pImg img { width: 635px; }
	.pgBody .pInfo .pDetail div { margin: 5px 0; clear: right; }
	.pgBody .pInfo .pDetail span { font-weight: bold; display: block; float:left; width: 180px; }
	.pgBody .pInfo .pDetail .txt { display: block; margin: 0 0 0 180px; }
	.pgBody .facebook { margin: 1.2em 0; }
	.pgNav { padding: 8px 18px; text-align: center; }
	
	/** Gallery Style **/
	#GalleryView .gTitle { display: none; }