/* Syscoms CSS Document */

body{
	background-color:#9db7c2;
	margin:0;
	padding:0;
	
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#121212;
	}
.clear{
	clear:both;
	}	
.block{
	display:block;
	}	
.float_l{
	display:block;
	float:left;
	}	
.float_r{
	display:block;
	float:right;
	}	
.rel{
	position:relative;
	}	
.abs{
	position:absolute;
	}	
a{
	color:#121212;
	text-decoration:none;
	}
a:hover{
	text-decoration:underline;
	}		
img{
	border:none;
	}
*:focus {outline: none;}
*::-moz-focus-inner {border: none; }	
/*-----Wrappers---------*/
.wrapper{
	width:980px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
/*---- Header ------*/
.header{
	width:980px;
	height:288px;
	margin:0;
	padding:0;
	position:relative;
	}
.header_logo{
	height:248px;
	width:225px;
	margin:0;
	padding:0;
	z-index:1;
	
	position:absolute;
	left:0;
	top:25px;
	}		
.header_logo_t{
	width:225px;
	height:15px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/page_t.png);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	}	
.header_logo_b{
	width:225px;
	height:15px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/page_b.png);
	background-position:top left;
	background-repeat:no-repeat;
	overflow:hidden;
	}
.header_logo_c{
	width:205px;
	height:178px;
	margin:0;
	padding:40px 5px 0 15px;
	display:block;
	float:left;
	background-image:url(../images/page_bg.png);
	background-position:left;
	background-repeat:repeat;
	overflow:hidden;
	}	
.header_partners{
	width:205px;
	height:auto;
	margin:0px 0 0 0;
	padding:5px 0 0px 0;
	display:block;
	overflow:hidden;
	background-color:#fff;
	
	text-align:center;
	}	
.header_news{
	height:299px;
	width:203px;
	margin:0;
	padding:0;
	z-index:2;
	
	position:absolute;
	right:0;
	top:0px;
	}		
.header_news_t{
	width:203px;
	height:10px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/page_t.png);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
	}	
.header_news_b{
	width:203px;
	height:15px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/page_b.png);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
	}
.header_news_c{
	width:192px;
	height:273px;
	margin:0;
	padding:1px 11px 0 0;
	display:block;
	float:left;
	background-image:url(../images/page_bg.png);
	background-position:right;
	background-repeat:repeat;
	overflow:hidden;
	}
.header_news_c h1{
	display:block;
	height:25px;
	margin:0 0 0px 0;
	padding:8px 0 0 15px;
	background-color:#383b3e;
	background-image:url(../images/news_head.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	
	font-size:13px;
	text-align:left;
	color:#FFFFFF;
	}	
.header_news_block{
	width:187px;
	height:auto;
	margin:5px 0 0 0;
	padding:0;
	display:block;
	}
.news_block{
	display:block;
	margin:0;
	padding:10px 10px 10px 10px;
	background-color:#FFFFFF;
	}		
.news_block h2{
	display:block;
	margin:0 0 0 0;
	
	font-size:12px;
	font-weight:bold;
	text-align:left;
	color:#000000;
	}	
.news_block p{
	display:block;
	margin:0 0 5px 0;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color:#000000;
	}
.news_block p a{
	color:#00aeff;
	}	
.news_block p a:hover{
	color:#0090d3;
	}			
.header_banner{
	height:288px;
	width:572px;
	margin:0;
	padding:0;
	z-index:2;
	
	position:absolute;
	left:215px;
	top:0;
	}		
.header_banner_t{
	width:572px;
	height:13px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/banner_t.png);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
	}	
.header_banner_c{
	width:546px;
	height:275px;
	margin:0;
	padding:0 13px;
	display:block;
	float:left;
	background-image:url(../images/banner_bg.png);
	background-position:right;
	background-repeat:repeat;
	overflow:hidden;
	}	
header_banner_c .img_block{
	margin:0;
	padding:0;
	display:block;
	}	
/*----------- Menu ------------*/
.menu_wrap{
	width:765px;
	height:39px;
	border:1px solid #FFFFFF;
	background-color:#323232;
	background-image:url(../images/menu_bg.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	position:absolute;
	top:-5px;
	left:10px;
	}
.menu_wrap ul{
	width:765px;
	height:39px;
	margin:0;
	padding:0;
	list-style:none;
	}	
.menu_wrap ul li{
	height:39px;
	display:block;
	float:left;
	}
.menu_wrap ul li a{
	height:29px;
	display:block;
	float:left;
	margin:0;
	padding:10px 15px 0 15px;
	
	color:#cacaca;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	}
.menu_wrap ul li a:hover{
	background-image:url(../images/menu_bg.jpg);
	background-position:0 0;
	
	color:#FFFFFF;
	text-decoration:none;
	}	
.menu_wrap ul li .active{
	height:29px;
	display:block;
	float:left;
	margin:0;
	padding:10px 15px 0 15px;
	background-image:url(../images/menu_bg.jpg);
	background-position:0 0;
	
	color:#fff;
	font-size:13px;
	font-weight:bold;
	text-align:center;
	}	
				
/*----------- Footer ------------*/
.footer_wrap{
	width:745px;
	height:27px;
	border:1px solid #FFFFFF;
	background-color:#3f3f3f;
	position:absolute;
	bottom:-5px;
	left:10px;
	margin:0;
	padding:10px 10px 0 10px;
	
	color:#FFFFFF;
	font-size:11px;
	text-align:left;
	}	
.footer_wrap a{
	color:#FFFFFF;
	}	
.footer_wrap a:hover{
	text-decoration:none;
	color:#47c7f1;
	}
.footer_logos{
	width:745px;
	height:48px;
	padding:5px 10px 5px 10px;
	margin:0;
	position:absolute;
	bottom:34px;
	left:11px;
	background-color:#FFFFFF;
	border-top:1px solid #ebebeb;
	
	text-align:center;
	}	
.footer_logos img{
	margin:0 20px;
	}			
/*---------- Inner Wrappers -------------*/		
.inner_wrapper{
	width:980px;
	height:auto;
	display:block;
	float:left;
	margin:0;
	padding:0;
	position:relative;
	}
.inner_wrapper_t{
	width:980px;
	height:15px;
	display:block;
	float:left;
	background-image:url(../images/page_t.png);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	left:0;
	top:-10px;
	z-index:10;
	}	
.inner_wrapper_b{
	width:980px;
	height:15px;
	display:block;
	float:left;
	background-image:url(../images/page_b.png);
	background-position:0 0;
	background-repeat:no-repeat;
	overflow:hidden;
	position:absolute;
	left:0;
	bottom:-10px;
	z-index:10;
	}	
.inner_cont{
	width:980px;
	height:auto;
	display:block;
	float:left;
	margin:5px 0;
	padding:25px 0 95px 0;
	background-image:url(../images/page_bg.png);
	background-position:0 0;
	background-repeat:repeat-y;
	position:relative;
	z-index:20;
	}
/*-------------------*/
.inner_cont_l{
	width:735px;
	height:auto;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:25px 0 0 25px;
	}	
.inner_cont_r{
	width:203px;
	height:auto;
	display:block;
	float:left;
	margin:0 0 0 0;
	padding:0 0 0 25px;
	}
ul.list{
	display:block;
	margin:0 0 10px 0;
	padding:0 0 0 40px;
	list-style:none;
	}
ul.list li{
	display:block;
	margin:0 0 4px 0;
	padding:0 0 0 18px;
	background-position:0 4px !important;
	background-repeat:no-repeat;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#121212;
	text-align:left;
	line-height:16px;
	}
ul.list li a:hover{
	text-decoration:none;
	}	
ul.grn li{
	background-image:url(../images/bullet_grn.jpg);
	}	
ul.blue li{
	background-image:url(../images/bullet_blue.jpg);
	}	
.grn a:hover{
	color:#7ca800;
	}	
.blue a:hover{
	color:#0098ca;
	}		
ul.orng a{
	color:#ff7c00 !important;
	}	
ul.orng li a:hover{
	color:#ff3e02 !important;
	text-decoration:underline !important;	
	}			
/*------------------- Side Menu ---------------------*/	
.side_menu{
	width:203px;
	height:auto;
	margin:0;
	padding:0;
	display:block;
	float:right;
	}		
.side_menu_t{
	width:203px;
	height:10px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/page_t.png);
	background-position:top right;
	background-repeat:no-repeat;
	overflow:hidden;
	}	
.side_menu_b{
	width:203px;
	height:10px;
	margin:0;
	padding:0;
	display:block;
	float:left;
	background-image:url(../images/page_b.png);
	background-position:-584px -5px ;
	background-repeat:no-repeat;
	overflow:hidden;
	}
.side_menu_c{
	width:192px;
	height:auto;
	margin:0;
	padding:1px 11px 1px 0;
	display:block;
	float:left;
	background-image:url(../images/page_bg.png);
	background-position:right;
	background-repeat:repeat;
	overflow:hidden;
	}
.side_menu_c h1{
	display:block;
	height:25px;
	margin:0 0 0px 0;
	padding:8px 0 0 15px;
	background-color:#383b3e;
	background-image:url(../images/right_menu_h2_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	
	font-size:13px;
	text-align:left;
	color:#FFFFFF;
	}
/*----------*/	
.side_menu_c h2{
	display:block;
	height:33px;
	margin:0;
	padding:0;
	}	
.side_menu_c h2 a{
	display:block;
	height:25px;
	margin:0 0 0px 0;
	padding:8px 0 0 15px;
	background-color:#383b3e;
	background-image:url(../images/right_menu_h1_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	
	font-size:13px;
	text-align:left;
	color:#FFFFFF;
	}	
.side_menu_c h2 a:hover{
	background-position:right bottom;
	text-decoration:none;
	}
/*---------*/
.side_menu_c h3{
	display:block;
	height:33px;
	margin:0;
	padding:0;
	}	
.side_menu_c h3 a{
	display:block;
	height:25px;
	margin:0 0 0px 0;
	padding:8px 0 0 15px;
	background-color:#383b3e;
	background-image:url(../images/right_menu_h3_bg.jpg);
	background-position:right top;
	background-repeat:no-repeat;
	
	font-size:13px;
	text-align:left;
	color:#FFFFFF;
	}	
.side_menu_c h3 a:hover{
	background-position:right bottom;
	text-decoration:none;
	}		
/*---------- Contact Page --------*/
.contact_cont{
	width:330px;
	display:block;
	float:left;
	margin:0;
	padding:0px 0 20px 50px;
	
	text-align:left;
	}
.send_mail a{
	width:87px;
	height:18px;
	display:block;
	float:left;
	margin:0;
	padding:4px 0 0 0;
	background-image:url(../images/read_more_bg.png);
	background-position:bottom left;
		
	color:#b7cb22;
	text-align:center;
	font-size:11px;
	font-weight:normal;
	}
.send_mail a:hover{
	background-position:top left;
	text-decoration:none;
	}	
.table_contents{
	margin:0;
	padding:0;
	
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#017cbc;
	line-height:16px;
	}	
.thank_you{
	width:330px;
	margin:0;
	padding:0px 0px 0px 0px;
	float:left;
	display:block;
	}	
.thank_you p{
	display:block;
	margin:0;
	padding:30px 0px 0 20px;
	
	font-size:13px;
	color:#017cbc;
	font-weight:bold;
	}	
/*--------------------------*/
.page_table{
	margin:0 10px 12px 10px;
	padding:0;
	
	text-align:left;
	font-size:12px;
	color:#666666;
	}
.page_table td{
	padding:2px 10px 2px 10px;
	}	
.page_table h1{
	margin:0;
	padding:0;
	text-align:center;
	
	color:#FFF;
	font-size:13px;
	font-weight:bold;
	}	
.page_table h2	{
	margin:0;
	padding:0;
	text-align:left;
	
	color:#ff7c00;
	font-size:13px;
	font-weight:bold;
	}	
/*--------- Fonts -------*/

.main_content{
	display:block;
	margin:0 10px 12px 10px;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#121212;
	text-align:justify;
	line-height:16px;
	}	
h1.main_head{
	display:block;
	height:26px;
	background-color:#d9f4ff;
	margin:0 0 10px 0;
	padding:5px 10px 0 10px;
	
	text-align:left;
	color:#017cbc;
	font-size:15px;
	font-weight:bold;
	}			
h2.sub_head{
	display:block;
	height:18px;
	margin:0 0 10px 0;
	padding:0px 10px 0 10px;
	
	text-align:left;
	color:#121212;
	font-size:13px;
	font-weight:bold;
	}	
h3.sub_head{
	display:block;
	height:18px;
	margin:0 0 10px 0;
	padding:0px 10px 0 10px;
	background-color:#eefaff;
	border-bottom:1px solid #c2edff;
	
	text-align:left;
	color:#7d9e21;
	font-size:13px;
	font-weight:bold;
	}	
h4.sub_head{
	display:block;
	height:18px;
	margin:0 0 10px 0;
	padding:0px 10px 0 10px;
	
	text-align:left;
	color:#ff7c00;
	font-size:13px;
	font-weight:bold;
	}					
	
/*--------- Input Fields -----*/

.input1_1{
	width:190px;
	height:15px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 0px 0;
	padding:2px 3px 0 3px;
	
	font-size:11px;
	color:#666666;
	text-align:left;
	}	
.input2_2{
	width:193px;
	height:70px;
	display:block;
	float:left;
	border:1px solid #333333;
	margin:0 0 0px 0;
	overflow:auto;
	padding:0px 0px 0 3px;
		
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#666666;
	text-align:left;
	}		
	
/*----- Accordion -----*/
.basic  {
	width:192px;
	height:auto;
	display:block;
	margin:0;
	padding:0;
	
	font-family:Arial, Helvetica, sans-serif;	
	font-size:11px;
	text-align:left;
}
.basic a.acc_tab {
	height:16px;
	display:block;
	width:176px;
	padding:2px 0 0 16px;
	margin:0;
	background-color:#5f8ea2;
	cursor:pointer;
	background-image:url(../images/shadow_vertical_r.png);
	background-position:0 0;
	background-repeat:repeat-y;
	border-bottom:1px solid #FFFFFF;
	
	text-decoration: none;
	font-weight: normal;
	color: #FFFFFF;
}
.basic a:hover.acc_tab {
	background-color:#4e7d91;
	text-decoration:none;
}
.basic a.acc_tab.selected {
	cursor:default;
	background-color:#4e7d91;
}	
.basic .acc_items{
	width:192px;
	height:auto;
	}
.basic .acc_items a{
	height:16px;
	width:170px;
	padding:2px 0 0 22px;	
	display:block;
	background-color:#a1c5d4;
	background-image:url(../images/shadow_vertical_r.png);
	background-position:0 0;
	background-repeat:repeat-y;
	border-bottom:1px solid #FFFFFF;
	
	color:#252525;
	}	
.basic .acc_items a:hover{
	background-color:#8db8ca;
	text-decoration:none;
	}	
	
/*---------------------*/	

/*************************** ColorBox ***********************************/
.colorbox_hidden{
	display:none;
	}
.colorbox_content{
	display:block;
	margin:0;
	padding:30px 10px 5px 10px;
	background-color:#FFFFFF;
	}	
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:#000000;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(../images/borderTopLeft.png) 0 0 no-repeat;}
	#cboxTopCenter{height:21px; background:url(../images/borderTopCenter.png) 0 0 repeat-x;}
	#cboxTopRight{width:21px; height:21px; background:url(../images/borderTopRight.png) 0 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(../images/borderBottomLeft.png) 0 0 no-repeat;}
	#cboxBottomCenter{height:21px; background:url(../images/borderBottomCenter.png) 0 0 repeat-x;}
	#cboxBottomRight{width:21px; height:21px; background:url(../images/borderBottomRight.png) 0 0 no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(../images/borderMiddleLeft.png) 0 0 repeat-y;}
	#cboxMiddleRight{width:21px; background:url(../images/borderMiddleRight.png) 0 0 repeat-y;}
	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:0;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(../images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-25px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(../images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:0px -25px;}
		#cboxLoadingOverlay{background:url(../images/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(../images/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; top:0; right:0; background:url(../images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-50px -25px;}
		
/**************************************************************/