/*
CSS Credit: http://www.templatemo.com
*/

body {
	margin: 0;
	padding: 0;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #838fbb;
	background: #08123a;
}

a:link, a:visited { color: #ffffff; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #99FFFF; text-decoration: underline; }

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

img {
	margin: 0px;
	padding: 0px;
	border: none;
}

.cleaner { clear: both; width: 100%; height: 0px; font-size: 0px;  }

.margin_bottom_10 { float: left; width: 100%; height: 10px; font-size: 1px;	}
.margin_bottom_20 { clear: both; width: 100%; height: 20px; font-size: 1px;	}
.margin_bottom_30 { clear: both; width: 100%; height: 30px; font-size: 1px;	}
.margin_bottom_40 { clear: both; width: 100%; height: 40px; font-size: 1px;	}
.margin_bottom_50 { clear: both; width: 100%; height: 50px; font-size: 1px;	}
.margin_bottom_60 { clear: both; width: 100%; height: 60px; font-size: 1px;	}

.margin_right_10 { margin-right: 10px; }
.margin_right_60 { margin-right: 60px; }

/* header */
#templatemo_header_wrapper{
	clear: both;
	width: 100%;
	height: 150px;	
	margin: 0 auto;
	background: url(images/templatemo_header_repeat.jpg) repeat-x;
}

#templatemo_header_wrapper #templatemo_header_panel{
	width: 980px;
	height: 150px;	
	margin:0 auto;
	color: #FFF;
	text-align: center;
	background: url(images/templatemo_header.jpg) no-repeat;
}

#templatemo_header_panel #templatemo_header{
	padding-top: 50px;
	font-size: 40px;
	font-family: "Times New Roman", Times, serif;
}

#templatemo_header_panel #templatemo_tagline{
	font-size: 20px;
	padding: 20px 0px 5px 0px;
	font-family: "Times New Roman", Times, serif;
}

/* end of header */

/* banner */
#templatemo_banner_wrapper{
	clear: both;
	width: 100%;
	height: 240px;	
	margin: 0 auto;
	background: url(images/templatemo_banner_repeat.jpg) repeat-x;
}

#templatemo_banner_wrapper #templatemo_banner_panel{
	width: 980px;
	height: 240px;	
	margin:0 auto;
	text-align: center;
	background: url(images/templatemo_banner.jpg) no-repeat;
}

/* end of banner */

/* menu */
#templatemo_menu_wrapper{
	width: 100%;
	height: 90px;	
	margin: 0 auto;
	background: url(images/templatemo_menu_bg_repeat.jpg) repeat-x;
}

#templatemo_menu_wrapper #templatemo_menu_panel{
	width: 980px;
	height: 90px;	
	margin:0 auto;
	background: url(images/templatemo_menu_bg.jpg) no-repeat;
}

#templatemo_menu_panel ul {
	float: left;
	margin: 20px 0 0 10px;
	padding: 0;
	list-style: none;
}

#templatemo_menu_panel ul li{
	display: inline;
}

#templatemo_menu_panel ul li a{
	float: left;
	width: 115px;
	height: 52px;
	padding: 8px 0 0 0;
	margin-right: 40px;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #37a5dd;
	background: url(images/templatemo_menu_button.png) no-repeat;
}

#templatemo_menu_panel li a:hover, #templatemo_menu_panel li .current{
	color: #ffffff;
	background: url(images/templatemo_menu_button_hover.png) no-repeat;
}

#templatemo_menu_panel li .last {
	padding-right: 0px;
	border-right: none;
}
/* end of menu */

/* content */
#templatemo_content_wrapper{
	clear: both;
	width: 100%;
	margin: 0 auto;
	background: url(images/templatemo_content_bg.jpg) repeat-x;
}

#templatemo_content_wrapper #templatemo_content_panel{
	width: 960px;
	padding: 40px 10px 0 10px;
	margin:0 auto;
}

#templatemo_content_panel .content_panel_3col_section{ 
	float: left;
	width: 280px;
}

.content_panel_3col_section p{
	text-align: justify;
	margin-bottom: 10px;
}

.content_panel_3col_section p a {
	color: #abbdfe;
}

.p_section {
 	color: #abbdfe;
	text-align: justify;
	text-decoration: underline;
	margin-bottom: 10px;
}

.services {
	margin: 20px 0 0 30px;
	padding: 0px;
}

.services li{
	padding-bottom: 10px;
}

.header_01 {
	font-size: 18px;
	color: #ffffff;
	letter-spacing: 5px;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.image_box_01 {
	padding: 4px;
	background: #7a93d0;
	margin-bottom: 10px;
}

.image_box_01 img {
	border: 1px solid #fff;	
}

.news_section {
	clear: both;
}

.news_section .news_image {
	float: left;
	margin: 3px 0 0 0;
	width: 82px;
	padding: 4px;
	background: #7a93d0;
}

.news_image img {
	width: 80px;
	height: 80px;
	border: 1px solid #ffffff;
}

.news_section .news_content {
	float: right;
	width: 170px;
}

.news_section .news_title {
	font-size: 12px;
	font-weight: bold;
	color: #abbdfe;
}


/* end of content */

/* footer */
#templatemo_footer_wrapper{
	clear: both;
	width: 100%;
	margin: 0 auto;
	border-top: 1px solid #203172;
	/*background: #040a25;*/
}

#templatemo_footer_wrapper #templatemo_footer_panel{
	width: 980px;
	margin:0 auto;
	padding: 15px 0;
	text-align: center;
}

#templatemo_footer_panel a {
	color: #abbdfe;
}
/**
 *********************************************
 * Prototype of styles for horizontal CSS-menu
 * @data 30.06.2009
 *********************************************
 * (X)HTML-scheme:
 *  <div id="menu">
 *      <ul class="menu">
 *          <li><a href="#" class="parent"><span>level 1</span></a>
 *              <div><ul>
 *                  <li><a href="#" class="parent"><span>level 2</span></a>
 *                      <div><ul><li><a href="#"><span>level 3</span></a></li></ul></div>
 *                  </li>
 *              </ul></div>
 *          </li>
 *          <li class="last"><a href="#"><span>level 1</span></a></li>
 *      </ul>
 *  </div>
 *********************************************
 */

/* menu::base */
div#menu {
    height: 52px;
    padding-left: 6px;
    background: url(images/left.png) no-repeat;
    _background: url(images/left.gif) no-repeat;
    width:auto;
}

div#menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}
div#menu ul.menu {
    padding-right: 6px;
    background: url(images/right.png) no-repeat right 0;
    _background: url(images/right.gif) no-repeat right 0;    
}

div#menu li {
    position: relative;
    margin: 0;
    padding: 0 0px 0 0;
    display: block;
    float: left;
    z-index: 9;
    width: auto;
}
div#menu ul ul li {
    z-index: 9;
}
div#menu li div {
    list-style: none;
    float: left;
    position: absolute;
    z-index: 11;
    top: 52px;
    left: 0;
    visibility: hidden;
    width: 180px;
	  margin: 0px 0 0 -4px;
    padding: 0;  
}
div#menu ul ul {
	  z-index: 12;
    padding: 0px 4px 10px 4px;      
    margin: 10px 0 0 0;    
}
div#menu li:hover>div {
    visibility: visible;
}

div#menu a {
    position: relative;
    z-index: 10;
    height: 50px;
    display: block;
    float: left;
    line-height: 50px;
    text-decoration: none;
    margin-top: 1px;
    white-space: nowrap;
    width: auto;
    padding-right:5px;
    text-align:center;
}
div#menu span {
    margin-top: 2px;
    padding-left: 15px;
    color: #fff;
    font: normal 13px Helvetica,Arial,FreeSans,sans-serif;
    background: none;
    line-height: 50px;	
    display: block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: 95% 0;
    text-align: center;
}

/* menu::level1 */
div#menu a {
    padding: 0 10px 0 0;
    line-height: 50px;
    height: 52px;
    margin-right: 5px;
    _margin-right: 1px;
    background: none;
    text-transform: uppercase;
}
div#menu a:hover {
    background:  url(images/selected-right-sub.png)  no-repeat right -1px;
}
div#menu a:hover span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
}
div#menu li.current a,
div#menu ul.menu>li:hover>a {
    background: url(images/selected-right-sub.png)  no-repeat right -1px;
}
div#menu li.current a span,
div#menu ul.menu>li:hover>a span {
    background: url(images/selected-left-sub.png) no-repeat 0 -3px;
}

div#menu ul.menu>li:hover>a span {
	  color: #24c9ff;
}
div#menu li {  }
div#menu li.last { background: none; }

/* menu::level2 */
div#menu ul ul li {
    background: none;
    padding: 0;
}
div#menu ul ul a {
    padding: 0px;
    height: auto;
    float: none;
    display: block;
    line-height: 25px;
    font-size: 13px;
    color: #fff;
    z-index: -1;
    padding-left: 5px;
    white-space: normal;
    width: 152px;
    margin: 0 8px;
    text-transform: none;
}
    
div#menu ul ul a span {
	  padding: 0 5px;
    line-height: 25px;
    font-size: 13px;
}
div#menu li.current ul a,
div#menu li.current ul a span {
    background:none;
}
div#menu ul ul a:hover {
 background:none;
 background-color: #004054;
}
div#menu ul ul a:hover span {
	
}
div#menu ul ul a.parent {
}
div#menu ul ul a.parent span {
  background:none; 
}
div#menu ul ul a.parent:hover {
  background-color: #004054;
}
div#menu ul ul a.parent:hover span {
  background:none; 
}
div#menu ul ul span {
	
    margin-top: 0;
    text-align: left;
}
div#menu ul ul li.last { background: none; }
div#menu ul ul li {
    width: 100%;
}

/* menu::level3 */
div#menu ul ul div {
    width: 180px;
    padding: 0;
    margin: -62px 0 0 165px !important;
}
div#menu ul ul ul {
    padding: 10px 4px 0 4px;	
}
div#menu ul ul div li {
    position:relative;
    top:-10px;
}