@import 'fontface.css';
@import 'text.css';

body 						{ background: #000; margin: 0; padding: 0; }
html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, a, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; text-decoration: none; }
article, aside, figure, footer, header, hgroup, nav, section { display:block; }
img, a img { border: none; }
ul, li { list-style:none;}

img#bg											{ position:fixed; top:0; left:0; width:100%; z-index:0; }
#bg_grid										{ position:fixed; top:0; left:0; height:100%; width:100%; background:url(../../images/bg/grid.png) repeat; z-index:1;}

div.wrapper										{ width:100%; margin:0 auto; padding:14% 0 0 0; }

/* header sections start here */
header#left_panel								{ width:19%; float:left;}
header#left_panel .logo							{ padding:0; margin:11% 10% 0 11%; }
* + html header .logo							{ display:inline-block; }

header#left_panel nav							{ max-width:100%; min-width:20%; position:relative; margin:0; height:auto; }
header#left_panel nav ul#mnu					{ margin:11% 0 0 11%; position: relative; text-decoration:none; }
header#left_panel nav ul#mnu li					{ list-style-type: none; margin:0; padding:4% 0; color:#FFF; font-size:14px; text-transform:uppercase; }
* + html header nav ul#mnu li					{ padding:3% 0; }
header#left_panel nav ul#mnu li a				{ color: #FFF; text-decoration: none; }
header#left_panel nav ul#mnu li a:hover,	
header#left_panel nav ul#mnu li a.selected		{ color: #00d2fa; }
/* header sections end here */

/* content sections start here */
header.inhd h1									{ font-size:26px; color:#fff; margin:0; padding:0; }
header.inhd h2									{ font-size:40px; color:#00d2fa; margin:0; padding:0; }
header.inhd h3									{ font-size:20px; color:#fff; margin:0; padding:0 0 0 0; }

section											{ width:75.5%; float:left; margin:-5px 0 0 0; padding:0 0 0 3.5%;}
section#hmfx									{ width:75.5%; float:left; margin:-5px 0 0 0; padding:0 0 0 3.5%;}
section#hmfx figure								{ margin: 0 1% 1% 0; width: 18%; display:block; float:left; }
section#hmfx figure#port						{ margin: 0 0.90% 0.80% 0.10%; width: 37%; float:left; }
section#hmfx figure img, 
section#hmfx figure#port img					{ display: block; margin: 0 auto 0; }

section#inn_flblog								{ float:left; width:68.5%; height:348px; background:url(../../images/inblog_bgrpt.png) repeat 0 0; padding:2% 2% 2% 2%; display:block; 						margin:-5px 1.6% 0 3.5%; }

article p										{ font-size:11px; text-align:justify; font-weight:normal; color:#fff; line-height:16px; padding:10px 0 0 0; }
article.frmblk									{ float:left; width:47.9%; padding:0 1.2% 0 0; border-right:1px solid #000; margin:0 1.6% 0 0; }
article.frmblk ul								{ padding:0; margin:10px 0 0 0; list-style-type:none }
article.frmblk ul li							{ padding:0; margin:5px 0 0 0; overflow:hidden; }
article.frmblk ul li label						{ color:#fff; padding:6px 0 0 0; font-size:12px; }
article.frmblk ul li label span					{ color:#00d2fa; padding:0 0 0 3px;}
article.frmblk ul li span.sml_instr				{ font-size:10px; color:#00d2fa; float:right; padding:4px 0 0 0; display:block; overflow:hidden; min-width:62%;}
article.frmblk ul li label.lbl_txt				{ float:left; width:38%; margin:0; display:block;}
article.frmblk ul li ul.rdlt					{ float:right; min-width:61.8%; padding:7px 0 7px 0; margin:0; }
article.frmblk ul li ul.rdlt li					{ padding:0 20px 0 0 ; min-width:20%; max-width:100%; margin:0; float:left; }
article.frmblk ul li ul.rdlt li input			{ margin:2px 0 0 0; display:block; }
article.frmblk ul li ul.rdlt li label			{ padding:0 0 0 5px ; margin:0; }
* + html article.frmblk ul li ul.rdlt li label	{ padding:0; display:block; margin:6px 0 0 0; }
article.frmblk ul li input						{ margin:0; }
article.frmblk ul li textarea#cntxt				{ min-height:60px; margin:0; }
article.frmblk ul li textarea					{ width:58%; margin:0; background:url(../../images/inblog_bgrpt.png) repeat 0 0; height:45px; padding:7px; border:1px solid #666; }
article.frmblk ul li input[type="text"]			{ width:58%; background:url(../../images/inblog_bgrpt.png) repeat 0 0; padding:7px; border:1px solid #666; }
article.frmblk ul li input[type="file"]			{ color:#fff; }
article.frmblk ul li input[type="radio"], 
article.frmblk ul li input[type="checkbox"]		{ float:left; padding:0 5px 0 0; display:inline; }
article.frmblk ul li input[type="submit"]		{ width:24%; background:#00d2fa; color:#FFF; padding:4px; border:0; margin:5px 0 0 0; cursor:pointer; }
article.frmblk ul.scl_ico						{ padding:0; margin:10px 0 0 0; list-style:none; }
article.frmblk ul.scl_ico li					{ float:left; padding:0; border:0; margin:0 4px 0 0; }
article.frmblk ul.scl_ico img					{ max-width:none; padding:0; border:0; margin:0 0 0 0; }
article.frmblk ul.scl_ico li.lstico_nn			{ margin:0; }
* + html article.frmblk ul.scl_ico img			{ float:left; width:auto; height:auto; clear:left; border:0; margin:0; }
article.mrgn_nn									{ margin-right:0; }
article.brdr_nn									{ border-right:0; }
article.inn_mnblog								{ float:left; width:27%; height:364px; background:url(../../images/inblog_bgrpt.png) repeat 0 0; padding:2%; margin:0 1.6% 0 0; }

/* content sections end here */

/* footer sections start here */
footer#footag									{ color:#FFF; width:77.5%; font-size:11px; float:right; margin:0; padding:10px 0 0 0;}
/* footer sections end here */





/*section #inn_flblog .mnfrm_blk					{ float:left; width:47.9%; padding:0 1.2% 0 0; border-right:1px solid #000; margin:0.6% 1.6% 0 0; }
section #inn_flblog .mrgn_nn					{ margin-right:0; }
section #inn_flblog .brdr_nn					{ border-right:0; }

section #inn_flblog article#frmblk ul			{ padding:0; margin:0; list-style-type:none }
section #inn_flblog article#frmblk ul li				{ padding:0; margin:5px 0 0 0; overflow:hidden; }
section #inn_flblog article#frmblk ul li label			{ color:#fff; padding:6px 0 0 0; font-size:11px; }
section #inn_flblog article#frmblk ul li label span		{ color:#00d2fa; padding:0 0 0 3px;}
section #inn_flblog article#frmblk ul li span.sml_instr	{ font-size:10px; color:#00d2fa; float:right; padding:4px 0 0 0; display:block; overflow:hidden; min-width:62%;}
section #inn_flblog article#frmblk ul li label.lbl_txt	{ float:left; width:38%; margin:0; display:block;}
section #inn_flblog article#frmblk ul li ul.rdlt		{ float:right; min-width:61.8%; padding:7px 0 7px 0; margin:0; }
section #inn_flblog article#frmblk ul li ul.rdlt li		{ padding:0 20px 0 0 ; min-width:20%; max-width:100%; margin:0; float:left; }
section #inn_flblog article#frmblk ul li ul.rdlt li input{ margin:2px 0 0 0; display:block; }
section #inn_flblog article#frmblk ul li ul.rdlt li label{ padding:0 0 0 5px ; margin:0; }
* + html section #inn_flblog article#frmblk ul li ul.rdlt li label { padding:0; display:block; margin:2px 0 0 0; }
section #inn_flblog article#frmblk ul li input					{ margin:0; }
section #inn_flblog article#frmblk ul li textarea#cntxt			{ min-height:80px; margin:0; }
section #inn_flblog article#frmblk ul li textarea				{ width:58%; margin:0; background:url(../../images/inblog_bgrpt.png) repeat 0 0; height:50px; padding:7px; border:1px solid #666; }
section #inn_flblog article#frmblk ul li input[type="text"]		{ width:58%; background:url(../../images/inblog_bgrpt.png) repeat 0 0; padding:7px; border:1px solid #666; }
section #inn_flblog article#frmblk ul li input[type="file"]		{ color:#fff; }
section #inn_flblog article#frmblk ul li input[type="radio"], 
section #inn_flblog article#frmblk ul li input[type="checkbox"]	{ float:left; padding:0 5px 0 0; display:inline; }
section #inn_flblog article#frmblk ul li input[type="submit"]	{ width:24%; background:#00d2fa; color:#FFF; padding:3px; border:0; margin:5px 0 0 0; cursor:pointer; }
section #inn_flblog article#frmblk ul li a.scl_ico				{ float:left; background:url(../../images/sclico_bg.png) no-repeat top left; width:42px\0/; height:42px\0/; padding:16px; border:0; margin:10px 5px 0 0; }
section #inn_flblog article#frmblk ul li a.scl_ico img			{ width:42px; height:42px\0/; padding:0; border:0; margin:0; }
* + html section #inn_flblog article#frmblk ul li a.scl_ico img	{ float:left; width:42px; height:42px; clear:left; border:0; margin:0; }

section article#inn_mnblog					{ float:left; width:27%; height:324px; overflow:hidden; padding:2%; margin:0 1.6% 0 0; }
section article#inn_flblog					{ float:left; width:92%; height:324px; overflow:hidden; padding:2%; margin:0 1.6% 0 0; }
*/