#header {
	width: 100%;
	min-height: 122px;
	background: #FFF;
	margin: 0px auto;
}
#header-top { width:100%; min-height:15px; background-color:#EFEFEF; border-bottom:1px dashed #D8D8D8; }
#header-wrapper {
	width: 96%;
	min-height: 122px;
	margin: 0px auto;
	
}
.logo
{
	width:468px; min-height:122px; float:left;	
}
.menu
{
	width:800px; min-height:55px; float:right; margin-top:50px;	
}
/*----2nd Container Slider---*/

#slide_home {
	width: 70%;
	overflow:hidden;
	margin: 0px auto;
	background: #09F;
	border-bottom:6px solid #70cef7;
	border-top:1px solid #70cef7;
}

#slide {
	width: 100%;
	overflow:hidden;
	margin: 0px auto;
	background: #09F;
	border-bottom:6px solid #70cef7;
	border-top:1px solid #70cef7;
}


/*----3rd Container Body Cont---*/
#body_content {
	width: 100%;
	min-height: 200px;
	background: #f4f4f4;
	margin: 0px auto;
	overflow: hidden;
	padding: 10px 0 10px 0;
}
#body-wrapper {
	width: 980px;
	min-height: 200px;
	margin: 0px auto;
	background: #f4f4f4;
	padding: 0 0 50px 0;
}
.first-cont {
	width: 940px;
	min-height: 80px;
	margin: 0px auto;
	padding: 20px;
	border-bottom: 1px solid #fc0;
}
/*----4th Container Footer---*/
.footer_container {
	width: 100%;
	overflow:hidden;
	background: #202020;
	margin: 0px auto;
	
}
/*=====PRE DEFINE STYLES
==============================================================================*/


/* --- announcement --- */
.announcement {
	background: #FFFFFF;
	border:1px dotted #CCCCCC;
	padding: 20px 30px;
}
.announcement p {
	padding: 10px 0;
}
.announcement .vertical_align {
	height: 69px;
}
/* --- vertical align --- */
.vertical_align {
	display: table-row;
}
.vertical_align_cell {
	display: table-cell;
	vertical-align: middle;
}
/* --- more --- */
.more {
	float: left;
	color: #3156A3;
	line-height: normal;
}
.more.dark_blue, .more.light, .more.blue {
	padding: 5px 8px 7px;
	background-position: right center;
	color: #FFF;
	border: 1px solid #FFF;
}
.more.dark_blue:hover, .more.light:hover, .more.blue:hover {
	text-decoration: none;
}
.more.dark_blue, .more.blue:hover {
	background-color: #42B3E5;
	border: 1px solid #42B3E5;
}
.more.dark_blue:hover {
	background-color: #3156A3;
	border-color: #3156A3;
}
.more.light {
	color: #666;
	border-color: #EEE;
}
.more.light:hover {
	background-color: #FFF;
	color: #000;
	border-color: #FFF;
}
.more.blue {
	border-color: #3156A3;
	background-color: #3156A3;
}
.more.tiny {
	padding: 4px 8px;
	font-size: 11px;
}
.more.medium {
	padding: 9px 15px;
}
.more.large {
	padding: 15px 20px;
	font-size: 15px;
}
.more.icon_small_arrow {
	padding: 5px 24px 7px 8px;
}
.more.icon_small_arrow.tiny {
	padding: 4px 24px 4px 8px;
}
.more.icon_small_arrow.medium {
	padding: 9px 24px 9px 15px;
}
.more.icon_small_arrow.large {
	padding: 15px 24px 15px 20px;
}
/* --- PAGE MARJ TOP --- */

.page_margin_top_section {
	margin-top: 50px;
}
/* --- Holder --- */
.holder {
}
.holder p {
	padding: 10px 0;
}
.holder .vertical_align {
	height: 69px;
}
/* --- Features Image --- */

.features_image {
	display: block;
	width: 76px;
	height: 88px;
	margin: 10px 10px;
}
.img-position {
	float: left;
	margin-right: 30px;
	margin-top: 0px;
}
.text {
	width: 210px;
	overflow: hidden;
	float: right;
}
/* --- Box Header --- */
.box_header:after {
	content: "";
	display: block;
	bottom: 0;
	width: 50px;
	height: 2px;
	background: #42B3E5;
	margin-top: 10px;
}
.box_header.margin {
	margin-top: 27px;
}
/*=====NEW DEFINE STYLES
==============================================================================*/

.colum {
}
.left {
	width: 306px;
	overflow: hidden;
	float: left;
}
.center {
	width: 306px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}
.right {
	width: 306px;
	overflow: hidden;
	float: left;
	margin-left: 20px;
}
.no_width {
	width: auto;
}
.column_left, .column_right {
	width: auto;
}
.column_left {
	float: left;
	margin-right: 30px;
}
.column_right {
	float: right;
}
.page_left {
	float: left;
	width: 630px;
	overflow: hidden;
}
.page_right {
	float: right;
	width: 330px;
	overflow: hidden;
}
/* --- blog --- */
.blog {
}
.comment_box {
	float: left;
	width: 85px;
	text-align: center;
	margin-right: 25px;
}
.columns .comment_box {
	clear: both;
	width: 100%;
	margin-bottom: 25px;
	margin-right: 0;
}
.comment_box .date .value {
	float: left;
	width: 60px;
	background-color: #3156A3;
	color: #FFF;
	padding: 9px 10px;
	font-size: 11px;
	text-align: center;
}
.arrow_date {
	float: right;
	width: 5px;
	height: 5px;
	background: url('../images/arrow_date.png');
}
.post {
	float: left;
	margin-top: 30px;
	border-bottom: 1px solid #CCC;
	padding: 0 0 30px 0;
}
.post_content {
	float: right;
	width: 520px;
	background: #0CF;
	min-height: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #E0E0E0;
}
.post_image {
	width: 300px;
	min-height: 200px;
	background: #42b3e5;
	margin-top: 50px;
}
.post-description {
	width: 300px;
	overflow: hidden;
	margin-top: 50px;
}
.post_footer {
	width: auto;
}
.post_footer_details {
	float: left;
	margin-right: 20px;
	margin-bottom: 5px;
	margin-top: 50px;
}
.post_footer_details:last-child {
	margin-right: 0;
}
.post_footer_details li {
	float: left;
	font-size: 11px;
	color: #909090;
	margin-right: 5px;
}
.post_footer_details li:last-child {
	margin-right: 0;
}
.post_footer_details li a {
	display: block;
}
.focus-box
{
	width:auto; min-height:240px; margin-top:30px; border:1px solid #E0E0E0; border-bottom:5px solid #42b3e5; padding:20px 12px 20px 20px;
}
.focus-box ul{}
.focus-box ul li{
		
		 border-bottom:1px dotted #999999; padding:15px 0px;
	
	}
	.focus-box li a:hover{color:#0384ce;}
.no-underline
{
	border-bottom:none;
}


/* --- sidebar box --- */
.sidebar_box
{
	float: left;
	width: 330px;
	margin-top: 50px;
	overflow: hidden;
}
.sidebar_box.first
{
	margin-top: 0;
}
.sidebar_box .header_left, .footer_box.last .header_left
{
	width: 268px;
}
.footer_box .header_left
{
	width: 238px;
}
.sidebar_box .header_right, .footer_box .header_right
{
	width: 62px;
}

.sidebar_box .accordion
{
	margin-top: 30px;
}


/* --- social icon --- */
.social_icon
{
	display: block;
	width: 29px;
	height: 29px;
	background-repeat: no-repeat;
	transition: background-position .3s ease;
	-moz-transition: background-position .3s ease;
	-webkit-transition: background-position .3s ease;
	-o-transition: background-position .3s ease; 
}
a.social_icon:hover
{
	transition: background-position .3s ease;
	-moz-transition: background-position .3s ease;
	-webkit-transition: background-position .3s ease;
	-o-transition: background-position .3s ease; 
	background-position: 0 -29px;
	text-decoration: none;
}
.social_icon.blogger
{
	background-image: url('../images/social_body/blogger.png');
}
.social_icon.devianart
{
	background-image: url('../images/social_body/devianart.html');
}
.social_icon.dribble
{
	background-image: url('../images/social_body/dribble.png');
}
.social_icon.envato
{
	background-image: url('../images/social_body/envato.png');
}
.social_icon.facebook
{
	background-image: url('../images/social_body/facebook.png');
}
.social_icon.flickr
{
	background-image: url('../images/social_body/flickr.png');
}
.social_icon.form
{
	background-image: url('../images/social_body/form.png');
}
.social_icon.forrst
{
	background-image: url('../images/social_body/forrst.png');
}
.social_icon.googleplus
{
	background-image: url('../images/social_body/googleplus.png');
}
.social_icon.linkedin
{
	background-image: url('../images/social_body/linkedin.png');
}
.social_icon.mail
{
	background-image: url('../images/social_body/mail.png');
}
.social_icon.myspace
{
	background-image: url('../images/social_body/myspace.png');
}
.social_icon.phone
{
	background-image: url('../images/social_body/phone.png');
}
.social_icon.picasa
{
	background-image: url('../images/social_body/picasa.png');
}
.social_icon.skype
{
	background-image: url('../images/social_body/skype.png');
}
.social_icon.soundcloud
{
	background-image: url('../images/social_body/soundcloud.png');
}
.social_icon.stumbleupon
{
	background-image: url('../images/social_body/stumbleupon.png');
}
.social_icon.tumblr
{
	background-image: url('../images/social_body/tumblr.png');
}
.social_icon.twitter
{
	background-image: url('../images/social_body/twitter.png');
}
.social_icon.vimeo
{
	background-image: url('../images/social_body/vimeo.png');
}
.social_icon.xing
{
	background-image: url('../images/social_body/xing.png');
}
.social_icon.youtube
{
	background-image: url('../images/social_body/youtube.png');
}
.footer .social_icon.blogger
{
	background-image: url('../images/social_footer/blogger.png');
}
.footer .social_icon.devianart
{
	background-image: url('../images/social_footer/devianart.html');
}
.footer .social_icon.dribble
{
	background-image: url('../images/social_footer/dribble.png');
}
.footer .social_icon.envato
{
	background-image: url('../images/social_footer/envato.png');
}
.footer .social_icon.facebook
{
	background-image: url('../images/social_footer/facebook.png');
}
.footer .social_icon.form
{
	background-image: url('../images/social_footer/form.png');
}
.footer .social_icon.flickr
{
	background-image: url('../images/social_footer/flickr.png');
}
.footer .social_icon.forrst
{
	background-image: url('../images/social_footer/forrst.png');
}
.footer .social_icon.googleplus
{
	background-image: url('../images/social_footer/googleplus.png');
}
.footer .social_icon.linkedin
{
	background-image: url('../images/social_footer/linkedin.png');
}
.footer .social_icon.mail
{
	background-image: url('../images/social_footer/mail.png');
}
.footer .social_icon.myspace
{
	background-image: url('../images/social_footer/myspace.png');
}
.footer .social_icon.phone
{
	background-image: url('../images/social_footer/phone.png');
}
.footer .social_icon.picasa
{
	background-image: url('../images/social_footer/picasa.png');
}
.footer .social_icon.skype
{
	background-image: url('../images/social_footer/skype.png');
}
.footer .social_icon.soundcloud
{
	background-image: url('../images/social_footer/soundcloud.png');
}
.footer .social_icon.stumbleupon
{
	background-image: url('../images/social_footer/stumbleupon.png');
}
.footer .social_icon.tumblr
{
	background-image: url('../images/social_footer/tumblr.png');
}
.footer .social_icon.twitter
{
	background-image: url('../images/social_footer/twitter.png');
}
.footer .social_icon.vimeo
{
	background-image: url('../images/social_footer/vimeo.png');
}
.footer .social_icon.xing
{
	background-image: url('../images/social_footer/xing.png');
}
.footer .social_icon.youtube
{
	background-image: url('../images/social_footer/youtube.png');
}
/* --- social_icons --- */
.social_icons
{
	margin-top: 30px;
}
.social_icons li
{
	float: left;
	margin-left: 5px;
}
.social_icons li:first-child
{
	margin-left: 0;
}

/* --- contact data --- */
.contact_data li
{
	padding: 10px 0;
	color: #666;
	border-bottom: 1px solid #E0E0E0;
}
.contact_data li:first-child
{
	border-top: 1px solid #E0E0E0;
}
.contact_data li .social_icon
{
	float: left;
}
.contact_data li:hover .social_icon
{
	transition: background-position .3s ease;
	-moz-transition: background-position .3s ease;
	-webkit-transition: background-position .3s ease;
	-o-transition: background-position .3s ease; 
	background-position: 0 -29px;
}
.contact_data li .value
{
	float: left;
	clear: none;
	padding: 5px 0;
	margin-left: 10px;
}

.footer
{
	margin:0px auto;
	overflow:hidden;
	width:980px;
	
}

.footer_box
{
	width: 300px;
	float:left;
	overflow:hidden;
	
}

.footer_box_center,.footer_box_right
{
	width: 300px;
	overflow:hidden;
	margin-left:30px; float:left;
}
.info-foot{color:#FFF; margin-top:10px; margin-bottom:20px;}

.footer_contact_info_left
{
	float: left;
	width: 150px;
}
.footer_contact_info_right
{
	float: right;
	width: 120px;
	margin-left: 20px;
	margin-right:10px;
}
.footer_contact_info_row
{
	clear: both;
	padding-top: 5px;
}
.footer_contact_info_container
{
	clear: both;
}

.footer_container a{ color:#999999;  }
.footer_container a:hover{ color:#009999;}


/* --- copyright area --- */
.copyright_area
{
	
	border-top: 1px solid #353535;
	padding: 15px 0;
	font-size: 11px;
	color: #909090;
	margin-top: 15px;
}
.copyright_left
{
	float: left;
}
.copyright_right
{
	float: right;
}
.copyright_right .scroll_top
{
	font-size: 11px;
	color: #C5C5C5;
	background-position: right center;
	padding-right: 15px;
}




.table tr td { padding:5px; }



#footer_link { color:#FFFFFF;  }
#footer_link .a{ color:#CCCCCC;   }
#footer_link .a:hover{ color:#0066CC;   }



.arrowlistmenu{
width: 800px; /*width of menu*/
min-height:100px;
}

.arrowlistmenu .headerbar{
font: bold 18px Arial;
color: #006699 ;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
}

.arrowlistmenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li{

font-family:Arial, Helvetica, sans-serif;
font-size:20px;
color: #000000;
background: url(images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: inline-block;
padding: 10px;
padding-left:0px; /*link text is indented 19px*/
text-decoration: none;
/*border-bottom: 1px solid #dadada;*/
font-size: 90%;
margin-bottom:20px;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
padding:20px;
border:1px dotted #999999;
font-size:16px;
margin-bottom:10px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #FFFFFF;
background-color: #0099CC;
padding:20px;
border:1px dotted #009999;
font-size:16px;
margin-bottom:10px;
}













