/* CSS Document */
body{
margin:0px;
padding:0px;
background-color:#b2b2b2;
}
#page{
background-image:url(../../images/front/page_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:100%;
}
#page_portfolio{
background-color:#FFFFFF;
width:100%;
}
#inner_page{
background-image:url(../../images/front/inner_page_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:100%;
}
#wrapper_index{
background-image:url(../../images/front/page_bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
width:970px;
margin:0 auto;
}
#wrapper_index_portfolio{
background-color:#FFFFFF;
width:970px;
margin:0 auto;
}
#wrapper{
background-color:#FFFFFF;
width:970px;
margin:0 auto;
}
td{
font-family:Arial, Helvetica, sans-serif;
}
#header{
height:79px;
}
.inner_header{
background-image:url(../../images/front/header_bg.jpg);
background-repeat:repeat-x;
height:23px;
padding-top:6px;
}
.header_left{
float:left;
width:50%;
padding:10px 0 0 16px;
}
.header_right{
float:right;
width:48%;
padding-top:20px;
}
.height1{
height:22px;
width:100%;
overflow:hidden;
}
.height2{
height:12px;
width:100%;
overflow:hidden;
}
.content_area{
width:938px;
padding:0px 16px 16px 16px;
}
.content{
width:938px;
}
.box1{
float:left;
width:266px;	
}
.inner_box1{
width:320px;	
}
.box_bg{
background-image:url(../../images/front/box_bg_index.jpg);
background-repeat:repeat-x;
background-color:#ededed;
padding:10px 10px 2px 10px;	
height:180px;
}
.box_bg_inner{
background-image:url(../../images/front/box_bg.jpg);
background-repeat:repeat-x;
background-color:#ededed;
padding:10px 10px 2px 10px;	
height:250px;
}
.box2{
float:left;
width:320px;
}
.inner_box2{
width:320px;
}
.heading_bg1{
background-image:url(../../images/front/heading_bg1.jpg);
background-repeat:no-repeat;
width:252px;
height:23px;
padding:4px 0 0 14px;
font:17px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}
.box3{
float:left;
width:320px;
}
.inner_box3{
width:320px;
}
.browse_area{
float:left; 
width:164px;
}
* html .browse_area{
float:left; 
width:152px;
margin-top:-1px;
}
.heading_bg2{
background-image:url(../../images/front/heading_bg2.jpg);
background-repeat:no-repeat;
width:306px;
height:23px;
padding:4px 0 0 14px;
font:17px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}
.textbox_border{
width:240px;
height:18px;
padding:5px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_error_border{
width:240px;
height:18px;
padding:5px 0 0 5px;
border:1px solid #FF0000;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_border2{
width:211px;
height:18px;
padding:5px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_border3{
width:150px;
padding:2px 5px;
background-color:#cedae7;
border:none;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#3f3f3f;
margin-bottom:5px;
}
.textbox_border3_error{
width:150px;
padding:2px 5px;
background-color:#FDC6C6;
border:none;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#3f3f3f;
margin-bottom:5px;
}
.textbox_border4{
width:292px;
height:18px;
padding:5px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_border5{
width:263px;
height:18px;
padding:5px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_border6{
width:272px;
height:18px;
padding:5px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_border7{
width:160px;
height:16px;
padding:5px 0 0 5px;
border:1px solid #c6c6c6;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_border8{
width:247px;
height:18px;
padding:0px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textbox_error_border8{
width:247px;
height:18px;
padding:0px 0 0 5px;
border:1px solid #FF0000;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.btn_browse{
display:block;
background-color:#f0f0f0;
width:82px;
height:22px;
cursor:pointer;
border-top:1px solid #4491c8;
border-bottom:1px solid #4491c8;
border-right:1px solid #4491c8;
}
.btn_subscribe{
display:block;
background-color:#000000;
padding:2px 10px;
cursor:pointer;
border:0px;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#ffffff;
}
.textarea_border{
width:240px;
padding:2px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.textarea_border_inner{
width:292px;
padding:2px 0 0 5px;
border:1px solid #4491c8;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
}
.contact_box{
display:block;
background-image:url(../../images/front/img_contact.jpg);
width:283px;
height:67px;
margin:auto;
}
.gap{
float:left;
width:15px;
height:120px;
}
* html .gap{
float:left;
width:12px;
height:280px;
}
.gap2{
float:left;
width:15px;
height:8px;
}
.gap3{
width:100%;
height:8px;
overflow:hidden;
}
.padding1{
margin-bottom:4px;
}
.padding2{
padding-top:38px;
padding-left:46px;
font:18px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
}
.padding3{
padding:5px 9px 0px 9px;
}
.padding4{
float:right; 
padding-top:0px
}
* html .padding4{
float:right; 
padding-top:0px;
margin-top:1px;
}
.padding5{
padding-top:10px;
}
.padding5{
float:right; 
margin-top:-14px; 
padding-right:10px;
}
* html .padding5{
float:right; 
margin-top:-20px; 
padding-right:10px;
}
* + html .padding5{
float:right; 
margin-top:-30px; 
padding-right:10px;
}
a.link{
font:18px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
text-decoration:none;
}
a.link:hover{
font:18px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#000000;
text-decoration: underline;
}
a.link2{
font:14px Arial, Helvetica, sans-serif;
font-weight:600;
color:#000000;
text-decoration:none;
}
a.link2:hover{
font:14px Arial, Helvetica, sans-serif;
font-weight:600;
color:#000000;
text-decoration: underline;
}
a.link3{
font:11px Arial, Helvetica, sans-serif;
font-weight:500;
color:#dcdbdb;
text-decoration:none;
}
a.link3:hover{
font:11px Arial, Helvetica, sans-serif;
font-weight:500;
color:#dcdbdb;
text-decoration: underline;
}
a.link4{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#02509a;
text-decoration:none;
}
a.link4:hover{
font:14px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#002f65;
text-decoration:none;
}
a.link5{
font:14px Arial, Helvetica, sans-serif;
font-weight:600;
font-variant:small-caps;
color:#dcdbdb;
text-decoration:none;
}
a.link5:hover{
font:14px Arial, Helvetica, sans-serif;
font-weight:600;
font-variant:small-caps;
color:#dcdbdb;
text-decoration: underline;
}
a.link7{
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#004D98;
text-decoration:none;
}
a.link7:hover{
font:13px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#003162;
text-decoration:underline;
}
a.portal_link{
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
}
a.portal_link:hover{
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#FFFFFF;
text-decoration:none;
}
a.link6{
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
a.link6:hover{
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
text-decoration:none;
}
a.link_checkall{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1C7EBF;
text-decoration:none;
}
a.link_checkall:hover{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#1C7EBF;
text-decoration:none;
}
a.link_recustomize{
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
a.link_recustomize:hover{
font:16px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#FF0000;
text-decoration:none;
}
.small_white_text{
font:11px Arial, Helvetica, sans-serif;
font-weight:500;
color:#dcdbdb;
text-decoration:none;
}
#footer{
width:100%;
margin:0 auto;
}
.footer_bg{
background-image:url(../../images/front/footer_bg.jpg);
background-repeat:repeat-x;
background-color:#1d5492;
padding:15px;
margin:auto;
}
.footer_heading{
font:14px Arial, Helvetica, sans-serif;
font-weight:600;
font-variant:small-caps;
color:#dcdbdb;
}
.footer_bottom_bg{
background-image:url(../../images/front/footer_bottom_bg.jpg);
background-repeat:repeat-x;
background-color:#424242;
padding:4px 15px;
margin:auto;
}
.small_text{
font:11px Arial, Helvetica, sans-serif;
color:#9d9c9c;
font-weight:normal;
text-decoration:none;
}
.small_text2{
font:11px Arial, Helvetica, sans-serif;
color:#eeeeee;
font-weight:normal;
letter-spacing:.5pt;
}
a.small_text2{
font:11px Arial, Helvetica, sans-serif;
color:#eeeeee;
font-weight:normal;
text-decoration:none;
letter-spacing:.5pt;
}
a.small_text2:hover{
font:11px Arial, Helvetica, sans-serif;
color:#eeeeee;
font-weight:normal;
text-decoration:underline;
letter-spacing:.5pt;
}
a.txt3{
font:11px Arial, Helvetica, sans-serif;
color:#9d9c9c;
font-weight:normal;
text-decoration:none;
letter-spacing:.5pt;
}
a.txt3:hover{
font:11px Arial, Helvetica, sans-serif;
color:#9d9c9c;
font-weight:normal;
text-decoration:underline;
letter-spacing:.5pt;
}
.inner_left{
float:left;
width:603px;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
text-align:justify;
line-height:18px;
color:#0a0a0a;
}
.inner_right{
float:left;
width:266px;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:18px;
color:#0a0a0a;
padding-top:10px;
}
* html .inner_right{
float:left;
width:266px;
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
line-height:18px;
color:#0a0a0a;
padding-top:10px;
}
.heading{
font:12px Arial, Helvetica, sans-serif;
font-weight:bold;
background-color:#e4f4ff;
padding:3px 0 3px 5px;
margin-bottom:10px;
}
.inner_heading{
font:18px Arial, Helvetica, sans-serif;
font-weight:500;
color:#1c7ebf;
padding:3px 0 3px 0px;
margin-bottom:10px;
margin-top:10px;
text-align:left;
}
.text_block{
font:12px Arial, Helvetica, sans-serif;
font-weight:normal;
color:#0a0a0a;
border:1px solid #f3f3f3;
/*background-color:#f7f7f7;*/
padding:3px 0 2px 5px;
margin-bottom:5px;
margin-left:25px;
}
.img_box{
width:170px;
border:3px solid #cfcfcf;
padding:3px;
}
.img_left{
float:left;
}
.portfolio_header{
background-image:url(../../images/front/portfolio_header.jpg);
background-repeat:no-repeat;
width:924px;
height:23px;
padding:4px 0 0 14px;
font:17px Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
}
.portfolio_bg{
background-image:url(../../images/front/portfolio_bg.jpg);
background-repeat:repeat-x;
background-color:#ececec;
}
.balance{
clear:both;
}
/*MENU*/

.top_menu {font-size:12px; padding-bottom:0px; }

/* remove all the bullets, borders and padding from the default list styling */
.top_menu ul {padding:0; margin:0; list-style-type:none;  margin-left:0px; float:right; }

/* style the sub-level lists */
.top_menu ul ul {width:15em; font-size:11px; }

/* float the top list items to make it horizontal and a relative positon so that you can control the dropdown top_menu positon */
.top_menu ul li {float:left; line-height:14px;}

/* style the sub level list items */
.top_menu ul ul li {display:block; width:8em; height:auto; border-bottom:1px solid #CCCCCC; position:relative; line-height:1em;}

/* style the links for the top level */
.top_menu a, .top_menu a:visited {display:block; float:left; height:100%;font-weight:normal; color:#5e5e5e; font-size:12px; padding:0 10px 0 10px; text-decoration:none;}

/* style the sub level links */
.top_menu ul ul a, .top_menu ul ul a:visited {display:block; background: #f3f3f3; color:#5e5e5e; width:6em; height:100%; line-height:.5em; padding:0.5em 1em;}
.top_menu ul table ul a, .top_menu ul table ul a:visited  {width:6em; w\idth:6em;}


/* style the table so that it takes no part in the layout - required for IE to work */
.top_menu table {position:absolute; left:0; top:0; font-size:14px; z-index:-1;}
.top_menu ul ul table {lef\t:-1px;}
.top_menu ul ul table ul.left {margin-lef\t:2px;}

.top_menu li:hover {position:relative;}
* html .top_menu a:hover {position:relative;}


/* style the level hovers */
/* first */
.top_menu a:hover { color:#5e5e5e; text-decoration:underline;}
.top_menu :hover > a {color:#5e5e5e; text-decoration:underline; }
/* second */
.top_menu ul ul a:hover{color:#000;background:#e9ffcd;}
.top_menu ul ul :hover > a {color:#000;background:#e9ffcd;}
/* third */
.top_menu ul ul ul a:hover {background:#ebdaca;}
.top_menu ul ul ul :hover > a {background:#fdf8fe;}
/* fourth */
.top_menu ul ul ul ul a:hover {background:#fdf8fe;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.top_menu ul ul {visibility:hidden; position:absolute; height:0; top:14px; left:-4px; width:14em; }

/* position the third level flyout top_menu */
.top_menu ul ul ul{left:18px; _left:19px; top:0; width:14em;}

/* position the third level flyout top_menu for a left flyout */
.top_menu ul ul ul.left {left:-14em;}


/* make the second level visible when hover on first level list OR link */
.top_menu ul li:hover ul, .top_menu ul a:hover ul {visibility:visible; height:auto; padding-bottom:3em; background:transparent url(images/trans.gif);}
/* keep the third level hidden when you hover on first level list OR link */
.top_menu ul :hover ul ul{visibility:hidden;}
/* keep the fourth level hidden when you hover on second level list OR link */
.top_menu ul :hover ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.top_menu ul :hover ul :hover ul{visibility:visible;}
/* make the fourth level visible when you hover over third level list OR link */
.top_menu ul :hover ul :hover ul :hover ul {visibility:visible;}


.padding_left_1{
	padding-left:10px;
	font-family: Arial, Helvetica, sans-serif;
	}
.block{
width:268px; 
height:230px; 
background-color:#E4F4FF; 
position:relative; 
top:-235px; 
margin-bottom:-235px; 
z-index:1000; 
vertical-align:middle;
}
* html .block{
width:268px; 
height:230px; 
background-color:#E4F4FF; 
position:relative; 
top:-255px; 
margin-bottom:-235px; 
z-index:1000; 
vertical-align:middle;
}
* + html .block{
width:268px; 
height:230px; 
background-color:#E4F4FF; 
position:relative; 
top:-255px; 
margin-bottom:-235px; 
z-index:1000; 
vertical-align:middle;
}
.blue_box1{
border:1px solid #caf1ff;
background-color:#f4fcff;
padding:10px;
margin-bottom:20px;
}
.blue_box2{
border:1px solid #d1e8fe;
background-color:#e9f4ff;
padding:10px;
margin-bottom:20px;
}