@charset "utf-8";
/* CSS Document */

body {
font-family: Arial, Helvetica, sans-serif;
padding: 0; 	
background: #3e6497; /* Old browsers */
background: -moz-linear-gradient(left,  #3e6497 0%, #ffffff 30%, #ffffff 70%, #3e6497 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#3e6497), color-stop(30%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#3e6497)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #3e6497 0%,#ffffff 30%,#ffffff 70%,#3e6497 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #3e6497 0%,#ffffff 30%,#ffffff 70%,#3e6497 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #3e6497 0%,#ffffff 30%,#ffffff 70%,#3e6497 100%); /* IE10+ */
background: linear-gradient(to right,  #3e6497 0%,#ffffff 30%,#ffffff 70%,#3e6497 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e6497', endColorstr='#3e6497',GradientType=1 ); /* IE6-9 */	 
}
a{
	color:#000000;
	text-decoration:none;
	}
a:hover{
	color:#666666;
	text-decoration:none;
	}
.header-wrapper {
    width: 100%;
position:fixed;
top:0;
z-index:999;
}

.header {
	max-width:1000px;	
    background-color:#FFF;
    height:145px;
	border-style:solid;
    border-color:#000000;
	border-width:1px;
	margin:auto;

}
#header-logo{
	position:relative;
	width:215px;
float:left;
	padding-left:10px;
	}
#headerinfo{
position:relative;
width:250px;
float:right;
padding-right:10px;
padding-top:10px;
	}
#headerinfo p{
	font-size:15px;
	text-align:right;
	font-weight:600;
	padding-bottom:3px;
	}
#headerinfo a{
	color:#000000;
	text-decoration:none;
	}
#headerinfo a:hover{
	color:#666666;
	text-decoration:none;
	}
#social-menu{
	position:relative;

	text-align:right;
	}
#menu-wrapper{
	position: absolute;
    width:1000px; 
	top:113px;
	}
.menu {
    position: relative;
}
#page-bottom{
	max-width:1000px;
	height:400px;
	background:#DDDDDD;
	}
#footer {
   font-size:9px;
   left:0px;
   bottom:0px;
   height:20px;
   width:100%;
}
#footer-content {
 height:20px;
 padding-top:5px;
 font-size:9px; 
 width:100%; 
 text-align:left;
}
.page-bottom-section{
	display:inline-block;
	float:left;
	width:30%;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:20px;
	word-wrap:break-word;
	font-size:14px;
	}
	
	
.callToAction{
	max-width:500px;
	background:#000636;
	margin:0 auto;
	border-radius:0px;
	padding:15px 15px 15px 15px;
	text-align:center;
	color:#EEE;
	font-size:20px;
	}

.callToAction a{
	color:#dddddd;

	
}
.callToAction a:hover{
	color:#ffffff;

	
}

.callToAction-button {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 6px 18px;
    border: 1px solid #898989;
    border-radius: 5px;
    background: #e1e1e1;
    background: -webkit-gradient(linear, left top, left bottom, from(#e1e1e1), to(#898989));
    background: -moz-linear-gradient(top, #e1e1e1, #898989);
    background: linear-gradient(to bottom, #e1e1e1, #898989);
    text-shadow: #000636 1px 1px 1px;
    font: normal normal bold 20px arial;
    color: #ffffff;
    text-decoration: none;
}
.callToAction-button:hover,
.callToAction-button:focus {
    border: 1px solid #c4c4c4;
    background: #ffffff;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#a4a4a4));
    background: -moz-linear-gradient(top, #ffffff, #a4a4a4);
    background: linear-gradient(to bottom, #ffffff, #a4a4a4);
    color: #ffffff;
    text-decoration: none;
}
.callToAction-button:active {
    background: #898989;
    background: -webkit-gradient(linear, left top, left bottom, from(#898989), to(#898989));
    background: -moz-linear-gradient(top, #898989, #898989);
    background: linear-gradient(to bottom, #898989, #898989);
}


.content-wrapper {
    background:none;
    width: 100%;
    margin-top:155px;
	overflow:auto;
}

.content-index {
    max-width:990px;
    border-style:solid;
    border-color:#666666;
	border-width:1px;
	margin:  auto;
	background:rgba(255,255,255,0.6);
	overflow:hidden;
}
.content-page {
    max-width:990px;
    border-style:solid;
    border-color:#666666;
	border-width:1px;
	margin:  auto;
	background:rgba(255,255,255,0.6);
	overflow:hidden;
	margin-top:30px;

}

#main {
	position:inherit;
    max-width: 1000px;
	left:2.5px;
	border-style:solid;
            }
#main-page {
	position: absolute;
    max-width: 990px;
    top:40px;
	left:5px;
	border-style:solid;
    border-color:#00005f;
	border-width:1px;
	background-image:url('../img/bck.png');	
            }
#cat-outer {
	max-width:980px;
	margin-left:10px
}
.catblock {
	display: inline-block;
	height: 165px;
	width: 215px;
    border-style:solid;
	border-width:2px;
    border-color:#000000;
	box-shadow: 0 0 3px 3px #888;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	margin: 20px 10px 0 10px;
	vertical-align: top;
}
.catblock p{
	font-family: Arial, Helvetica, sans-serif;
	color:#ddd9c3;
	font-size:14px;
	}

.catblock img{
    margin-left:7.5px;
	margin-top:5px;
	}			
.textblock {
	white-space: normal;
	height: auto;
	max-width: 930px;
	margin-top:0px;
	font-size:12px;
	padding-left: 30px;
	padding-right: 30px;
	text-align: justify;
	display: block;
}	
#breadcrumbs {
    max-width: 988px;
	margin-top:0px;
	margin-left:0px;
	padding-top: 7px;
	padding-left: 10px;
	padding-bottom: 7px;
	background-image:url('../img/bck.png');	
	border-style:solid;
    border-color:#000000;
	border-width:1px;
            }
#breadcrumbs  p{
	font-size:12px;
	color:#000000;
            }
#breadcrumbs  a{
	color:#000000;
            }
#breadcrumbs  a:hover{
	color:#0000FF;
            }
img.floatLeft { 
    float: left; 
    margin: 20px; 
}
img.floatRight { 
    float: right; 
    margin: 20px; 
}
#fbLike {
position:fixed; 
z-index:100;
left:0px;
bottom:5px;
display:block;
}
#googleplus {
position:absolute; 
z-index:999;
left:0px;
top:75px;
display:block;
}
.parageaphDivide{
	width:100%;
    border-bottom: medium solid #aaaaaa;
	margin-left:0px;
	}	
.videoThumb{
	display:block;
	margin-left:0px;
	}	
/* Mobile Tablet CSS */
#menu-button{
	display:none;
	cursor:pointer;
	border-radius:5px;
	width: 67px;
	padding-top:5px;
	padding-bottom:4px;
	padding-left:5px;
	background-color: #FFF;
	background-color: rgba( 255, 255, 255, .75 );
	z-index: 9999;
	}
#menu-button img{
opacity:0.8;
filter:alpha(opacity=80); /* For IE8 and earlier */
}
#menu-button img:hover{
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}


.image-container{
	}
	
.image-container img{
	max-width:100%;
	}



/*
Item: Elan-Responsive CSS3 Dropdown Menu
Author: http://codecanyon.net/user/sky_lab
Version: 1.3
*/
@import url("icons.css");    /* Font Awesome Icons */

/************START_RESET_STYLE****************/
* {
	padding: 0;
	margin: 0;
}
/**********END_RESET_STYLE************/



/***********START_BASIC_STYLE**************/

/*********END_BASIC_STYLE***********/


/************START_STYLE_OF_DIV_THAT_HOLDS_MAIN_LINKS**********/

#block_navigation {
	height: 35px;
	width: 990x;
	position: relative;
	background: #10151B;
	margin: auto;
	padding-left:10px;
	-webkit-box-shadow:0 0 5px #999;
	-moz-box-shadow:0 0 5px #999;
	box-shadow:1px 1px 3px #999;
	background-image: url(bg_ie/bg.png); /***for IE**/ 
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	z-index:99999;
}

#block_navigation  ul li {
	position:relative;
	list-style: none;
	float: left;
	z-index:99999;
	
	}
#block_navigation  social {
	position: relative;
	list-style: none;
z-index:99999;
	/* [disabled]float: right; */	
	}
	
#block_navigation ul li a {
	font-weight: normal;
	text-decoration: none;
	display: block;
	line-height: 35px;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-left:15px;
	padding-right: 15px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}


#block_navigation ul li:hover > a{
	background: #232F3A; /***for IE**/ 
	background: #232F3A;  
	background-image: url(bg_ie/bg.png); /***for IE**/ 	
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
}


#block_navigation  li a:active{ 
	color: #888;
}
/************END_STYLE_OF_DIV_THAT_HOLDS_MAIN_LINKS**********/

/**********START_STYLE_OF_DIV_THAT_HOLDS_SUB_LINKS**********/

#block_navigation ul li ul{
	position: absolute;

	box-shadow: 0 0 3px 3px #333;
}	

#block_navigation ul ul {
	z-index: 1;
	opacity:0;
	visibility: hidden;
	border-bottom:solid 1px #e7e7e7;
	background: #fff; 
	display: block; 
	
	-webkit-box-shadow:0 1px 1px #eee;
	-moz-box-shadow:0 1px 1px #eee;
	box-shadow:0 1px 1px #eee;
	margin-left: 30px;
	-webkit-transition:opacity 0.2s linear, margin-left 0.2s linear;
	-moz-transition:opacity 0.2s linear, margin-left 0.2s linear;
	-ms-transition:opacity 0.2s linear, margin-left 0.2s linear;
	-o-transition:opacity 0.2s linear, margin-left 0.2s linear;
	transition:opacity 0.2s linear, margin-left 0.2s linear;
	
	z-index:99999;
	

}

 #block_navigation ul li ul li{
	position: relative;
	display: block;
	float: none;
	border-top:solid 1px #e7e7e7;
	border-right:solid 1px #e7e7e7;
	border-left:solid 1px #e7e7e7;
}
#block_navigation ul li ul li a {
	width:220px;
	font-weight: normal;
	font-size: 12px;
	line-height: 28px; 
	color: #000;
	display: block;
	padding-left: 10px ;
	background: #fff;
}	
#block_navigation ul ul ul {
	position: absolute; 
	top: ;
	left: 100%;
	top:-1px;
	left:100%;
	padding:0;
}

#block_navigation  i {
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	padding-right: 7px; 
}
#block_navigation ul li:hover > ul   {
	z-index: 1;
	opacity: 1;
	visibility: visible;
	margin: 0;
	
}
	
#block_navigation ul ul li:hover > a{
	background: #f3f3f3;
}
/**********END_STYLE_OF_DIV_THAT_HOLDS_SUB_LINKS**********/

/*******START_STYLE_OF_RIGHT_ITEM********/

#block_navigation li.right_item {
	float: right;
	right:10px;
	
}
/*******END_STYLE_OF_RIGHT_ITEM********/




/*********START_STYLE_OF_PLUS_SPAN_DIVS_STYLE************/

#block_navigation span.span_level_1, span.span_level_2{
	position: absolute;
	top:0;
	right:10px;
	font-size:14px;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-ms-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	
}

#block_navigation ul  ul  li:hover  span.span_level_1{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg));
	opacity: 0.5;
	
}
	
#block_navigation ul  ul ul li:hover span.span_level_2{
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg));
	opacity: 0.5;
}




/*********END_STYLE_OF_PLUS_SPAN_DIVS_STYLE************/	

/************START_STYLE_OF_CONTACT_BLOCK*************/
 .contact_block { 
	background: #fff; 
	display: none;
	color:#000000;
	position: absolute; 
	width:50px;
	padding-left:5px;
	padding-right:15px;
	padding-top:10px;
	right:40;
	border-right:solid 1px #e7e7e7;
	border-left:solid 1px #e7e7e7;
	border-bottom:solid 1px #e7e7e7;
	-webkit-box-shadow:0 1px 1px #eee;
	-moz-box-shadow:0 1px 1px #eee;
	box-shadow: 0 0 3px 3px #333;
	}
	
 .contact_block a{ 
 color:#000000;
 }
	

#block_navigation li.right_item:hover   .contact_block {
	display: block;
}


#block_navigation h1, #block_navigation textarea, #block_navigation input{
	margin: 0;
	padding: 0;
	outline: none;
	border: none;
}
#block_navigation h1{
	line-height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 20px;
	font-weight: normal;
	margin-top:0;
	margin-left: 25px;
	margin-right: 25px;
	color: #555;
	border-bottom: solid 1px #e7e7e7;
}
#block_navigation input{
	position: relative;
	width: 200px;
	height: 25px;
	padding-top: 2px;
	
}
#block_navigation textarea {
	width: 250px;
	height: 100px;
	padding-top: 7px;
	
}
#block_navigation input, #block_navigation textarea{

	display: block;
	padding-left: 7px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	margin: 25px;
	border: solid 1px #e7e7e7;
}

#block_navigation input:focus, #block_navigation textarea:focus{
	border:1px solid #bbb;
}

#block_navigation input[type=submit] {
	color: #fff;
	padding: 0;
	width: 60px;
	display: block;
	position: relative;
	border:none;
	background: #000; /***for IE**/ 
	background: hsla(0, 0%, 0%, 1);
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
}

#block_navigation input[type=submit]:hover {
	cursor: pointer;
	background: #333333; /***for IE**/ 
	background: hsla(0, 0%, 20%, 1);        
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.09) 0%);
}
/************END_STYLE_OF_CONTACT_BLOCK*************/
#mobile-menu{
display:none;
z-index:9999;
position:fixed;
top:0px;
left:0px;
max-width:100%;
min-width:300px;
height:25px;
background: url('menu-mobile.png') no-repeat 0 0px;
background-color:none;	
	}

@media screen and (max-width: 950px) {
.header-wrapper{
	position:relative;
	}
#menu-wrapper{
	top:30px;
width:200px;
	}
#mobile-menu{
display:block;	
	
	}

#block_navigation {
	display:none;
	position: absolute;
    left: -20px;
	height: auto;
	background: #000; /***for IE**/ 
	background: hsla(0, 0%, 0%, 1);
	width:220px;
}
#block_navigation ul li a:active{
	color: #888;
}
#block_navigation i {	
	text-align: center;
	padding-right: 10px;
    padding-left: 10px;
	text-align: center;
	font-size: 18px;
}
#block_navigation ul ul ul {
	position: absolute;
	left: 0;
	top:100%;
}
#block_navigation ul li {
	float: none;
	display: inline-block;
	position: relative;
}
#block_navigation li.right_item {
	float: right;
	display: none;
}	
#block_navigation ul li ul{
	top:-30px;
	left:190px;
}	
#block_navigation  ul li a{
	background-image: linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -o-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -moz-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -webkit-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);
	background-image: -ms-linear-gradient(bottom, rgba(0,0,0, 0) 50%, rgba(255,255,255, 0.04) 0%);	
}
#block_navigation ul li a:active{	
	color: #888;
	}
#block_navigation ul li {
	float: none;
	display: block;
}
#block_navigation ul ul {
	left: 20%;
}
}



