@font-face {
    font-family:'Asap-Regular';
	src: url('../fonts/Asap-Regular.ttf');
}

@font-face {
    font-family:'DroidSans';
	src: url('../fonts/DroidSans.ttf');
}

@font-face {
    font-family:'OpenSans-Regular';
	src: url('../fonts/OpenSans-Regular.ttf');
}
body{ margin:0px; padding:0px; background-color:#EEEEEE;}
h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
p{ margin:0px; padding:0px; font-size:13px;}
ul{ padding:0px; margin:0px; }
ul li{ padding:0px; margin:0px; list-style-type:none;}
a{ text-decoration:none;}

.fixed-width{ width:980px; margin:auto; -moz-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;
-webkit-transition:all ease-in-out 0.2s; }

#socialnwt-bg{ background:#fff; width:100%; overflow:hidden; box-shadow: 0 0 3px rgba(0, 0, 0, 0.14);}
#fb-root{}
#socialnwt-bg ul{ float:right;}
#socialnwt-bg ul li{ float:left; padding:3px 2px; }

#head-bg{ clear:both; overflow:hidden; background:#FFF; width:100%; box-shadow:0 0px 2px #aaa;}

#logo{ padding:10px 0px; float:left;}
#logo a{ text-align:center !important; display:block;}

#small-menu{ text-align:right;}
#small-menu ul{ display:inline-block;}
#small-menu ul li{ float:left; font-family:'OpenSans-Regular'; }
#small-menu ul li a{ line-height:30px; background: url("../images/RightArow01.png") no-repeat scroll left 14px rgba(0, 0, 0, 0);
padding: 8px 12px 7px 12px;color:#c3590b; font-size:12px;}


#small-menu ul li a:hover{ color:#333; text-decoration:underline;}

#navigation{}
.mainmenu{ z-index:999; float:right; margin:0px 0px;  font-family:'Asap-Regular'; width:80%; }
.mainmenu ul{ text-align:left; float:right; margin-top:15px;}
.mainmenu ul li{ float:left; font-size:15px; text-align:center;}
.mainmenu ul li a{ display:block; margin:0px 1px;
     color:#000; display: block; font-size: 11px;  padding: 10px 14px 10px 14px; position:relative; font-family:'OpenSans-Regular'; text-transform:uppercase; 
    -moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -o-transition:all ease-in-out 0.2s;
}

.mainmenu ul li:hover a{}
.mainmenu li:hover a{ color:#fff; background:#c3590b;}

.main-menu{  border:none !important;}

.sub-menu{ position: absolute !important; margin-top:0px !important; padding:0px !important; width:130px; display:none; border:none !important; z-index:999 !important; box-shadow:0px 0px 4px #444; background:#FFF;}

.sub-menu li{ float:none !important; text-align:left !important;}
.sub-menu li a{ display:block; padding:0px 10px !important; line-height:30px !important; color:#333 !important;  background:none !important;
-moz-transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; 
-o-transition:all ease-in-out 0.2s; top:0px !important; border-bottom:1px solid #f2f2f2; font-weight:normal !important;}

.sub-menu li a:hover{background-color:#A75F36 !important; color:#FFF !important;}

ul.sub_sub_menu{ margin-left:180px; margin-top:-31px !important;}

.active-tab{ color:#fff !important; background:#c3590b !important;}


.nav{ margin:auto; margin-top:10px; border:1px solid #e2e2e2; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;
	-o-transition:all ease-in-out 0.4s; }
.nav h2 a{ margin:0px; font-family:"Segoe UI", Arial, Verdana, Helvetica; color:#333; padding:5px 5px 5px 10px; font-size:14px; line-height:25px;
	font-weight:normal; overflow:hidden; transition:all ease-in-out 0.2s;  cursor:pointer; text-shadow:none !important;}
.nav h2 img{ border-left:1px solid #e2e2e2;  margin-left:5px; float:right; }
.nav2{ display:none; }
.nav2 p{ margin:0px; font-size:13px; color:#555; padding:5px 8px; }

.nav2 ul li a{ border:none !important; margin:0px !important;}
.nav2 ul li a:hover{ background:#A75F36; color:#FFF !important;}

#respo_menu{ display:none; width:100%;}
.respoicon{ float:right;  cursor:pointer; width:100%; background:#A75F36; padding:5px; }
.respoicon img{ float:right;}
#respo-submenu{ display:none; clear:both; background:#fff; position:relative; padding:10px;}
#respo-submenu li a{  font-family:"Segoe UI", Arial, Verdana, Helvetica; font-size:14px; line-height:25px; border:1px solid #e2e2e2; line-height:25px; padding:5px;
 color:#333; display:block; margin-top:10px; padding-left:10px;}

#respo-submenu li a:hover{ background:#A75F36; color:#FFF !important;}


#capt-bg{ background: none repeat scroll 0 0 #FFFFFF;  box-shadow: 0 0 3px rgba(0, 0, 0, 0.14);  padding: 22px 0 26px; position: relative; 
margin-top:15px !important; overflow:hidden; width:100%; text-align:center;}
#capt-bg h2{ font-family:'Asap-Regular'; 
    color: #000000;
	font-size:31px;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 32px;
    margin: 0; -webkit-transition:all ease-in-out 0.2s; -ms-transition:all ease-in-out 0.2s; -moz-transition:all ease-in-out 0.2s;
	-o-transition:all ease-in-out 0.2s;}


.firstrowbg{ overflow:hidden;}

#content-div{ margin: 20px 0 0; clear: both; font-size: 12px; color: #767676; overflow:hidden;}

.col-3{ float:left; width:33.3%;}
.col-3 .col{
	padding:20px;
	border: 1px solid #CCC;
	background-color:#fff;
}

	
	
#content-div .col h2{ font: normal 24px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3590b; text-decoration: none;	margin-bottom: 18px; }
#content-div .col h2 span{ color: #1a232b; }
#content-div .col img{ border: solid 1px #d8d8d8; padding: 2px; float: right; margin-left: 10px; margin-bottom: 10px; }
.rightInner h3{ font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3590b; text-decoration: none; margin:20px 0px 0px 0px;}
.cap-tag{ font:normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#1A232B; text-decoration: none; }


#content-div .col p{ margin-bottom:15px; line-height: 17px; font-family:'OpenSans-Regular'; font-size:12px; color:#1A232B; }
#content-div .col a.readmore{ font-weight: bold; color:#c3590b; text-decoration: underline; font-family:'Asap-Regular'; }
#content-div .col a:hover.readmore{ text-decoration: none; }

.content-divbg{ background:#FFF; overflow:hidden;  border: 1px solid #CCC;}
.secrow-col{ padding: 20px 20px 20px 20px;}

.secrow-col h2{ font: normal 28px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3590b; text-decoration: none;	margin-bottom: 18px; }

.secrow-col h2 span{ color: #1a232b; }
.secrow-col p{ margin-bottom:15px; line-height: 17px; font-family:'OpenSans-Regular'; font-size:13px; color: #1A232B; line-height:19px;}


.secrow-col a.readmore{ font-weight: bold; color:#c3590b; text-decoration: underline; font-family:'Asap-Regular'; }
.secrow-col a:hover.readmore{ text-decoration: none; }


.recent_div{ position:relative; clear:both;}
.recent_div h3{font-family:'OpenSans-Regular'; color:#c3590b; font-size:13px; font-weight:normal;}
.recent_div p,
.content p{ font-family:'OpenSans-Regular'; margin-bottom:0px !important; line-height:19px;}
.recent_div p a{ color:#333; font-family:'OpenSans-Regular'; font-size:12px; }
.recent_div p a:hover{ color:#004D7B; text-decoration:underline;}

.clearborder{ position:relative; clear:both; line-height:19px;}
.clearborder img{ width:100%;}


.cont-div{ float: left; width:32%;}

.profil-div{ margin:5px 0px 12px 0px;}

.content{
	overflow:hidden;
	background-color:#fff;
}
.root-links{
	overflow:hidden;
	margin:10px 0 8px 0;
	padding:10px 0 10px 3.4%;
}
.root-links li{
	float:left;
	padding:0 5px 0 0;
	font-family:'OpenSans-Regular';
	color:#999;
}.root-links li a{
	color:#505050;
}
.root-links li a:hover{
	color:#f00;
}
.page-bann{
	border:3px solid #ccc;
}

.leftDiv{
	width:23%;
	float:left;
	text-align:center;
}
.rightDiv{
	width:77%;
	float:left;
	background:url(../images/border-devide.jpg) no-repeat left top;
}
.leftInner{
	margin-right:5px;
	background-color:#fff;
}
.rightInner{
	margin-left:5px;
	padding:0 20px 10px 15px;
	background-color:#fff;
	overflow:hidden;
}
.leftInner h3{
	font: normal 16px 'OpenSans-Regular', Arial, Helvetica, sans-serif; color:#c3590b;
	color:#1A232B;
	margin:0;
	padding:5px 0px 5px 0px;
	font-weight:bold;
	text-align:left;
}
.content h2{ font: normal 30px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#c3590b; 
text-decoration: none; padding:10px 0;}
.content h2 span{ color: #1a232b; }
.content p{
	padding:10px 0 0 0;
	color:#505050;
	font-size:13px;
	text-align:justify;
}
.clear{
	clear:both;
}
.widgest-link{
	padding:0;
	margin:15px 0 0 0;
	display:inline-block;
	text-align:left;
	clear:both;
	width:70%;
}
.widgest-link li{
	font-family:'OpenSans-Regular';
	font-size:13px;
	background: url("../images/RightArow01.png") no-repeat scroll left 11px rgba(0, 0, 0, 0);	
}
.widgest-link li a{
	color:#505050;
	display:block;
	padding:5px 0 5px 10px;
	border-radius:3px;
}
.widgest-link li a:hover{
	color:#fff;
	background-color:#A75F36;
}
.left-active{
	color:#fff !important;
	background-color:#A75F36 !important;
}

.nav{ margin:auto; margin-top:10px; border:1px solid #e2e2e2; -moz-transition:all ease-in-out 0.4s; -webkit-transition:all ease-in-out 0.4s; -ms-transition:all ease-in-out 0.4s;
	-o-transition:all ease-in-out 0.4s; }
.nav h2{ margin:0px; font-family:"Segoe UI", Arial, Verdana, Helvetica; background-color:#fff;  color:#333; padding:5px 5px 5px 10px; font-size:14px; line-height:25px;
	font-weight:normal; overflow:hidden; transition:all ease-in-out 0.2s;  cursor:pointer; text-shadow:none !important; }
.nav h2 img{ border-left:1px solid #e2e2e2;  margin-left:5px; float:right; }
.nav2{ display:none; padding:10px; }
.nav2 p{ margin:0px; font-size:13px; color:#555; }

.nav2 ul li img{  float:none !important; border-right:none !important; width:100%;}


.fieldset{ color:#333333; font-family:'OpenSans-Regular'; font-size:13px; width:100%;}
legend{ font-weight:bold; padding-left:0px; padding-right:10px; color:#A9CF47; font-size:18px; font-family:'OpenSans-Regular';}
.aa{ overflow:hidden; padding:5px;}
.aa p{ width:28%; float:left; margin:0px;  font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
.aa1{ overflow:hidden;}
.aa1 p{ float:left; line-height:26px; margin:0px; text-align:right; padding-right:10px;
 font-weight:bold; }
.aa input{ float:right; margin-top:4px; vertical-align:middle; border:1px solid #ccc; height:25px; padding:3px; font-family:'OpenSans-Regular'; font-size:13px;
color:#333; opacity:1; width:70%; }

.aa input:hover{ box-shadow:0px 0px 2px #aaa;}
.aa input:focus{box-shadow:0px 0px 2px #A75F36;}
.aa textarea{ float:right; vertical-align:middle; overflow:hidden; border:1px solid #ccc; height:100px; padding:3px; font-family:'OpenSans-Regular'; font-size:13px;
color:#333; opacity:1; width:70%; }

.aa select{ float:left; vertical-align:middle; border:1px solid #ccc; padding:3px; font-family:'OpenSans-Regular';
font-size:11px; color:#333; }
.aaa{ float:left; width:25%; margin-top:20px;}
.aaa{  background-color:#A75F36; width:30%; height:30px ; color:#FFF; border:1px solid #A75F36;
font-weight:bold !important; cursor:pointer; position:inherit; }

#sitemap li{background: url("../images/RightArow01.png") no-repeat scroll left 11px rgba(0, 0, 0, 0);}
#sitemap li a{ margin-left:10px; line-height:25px; color:#505050;font-size: 13px; padding: 10px 0 0; font-family: 'OpenSans-Regular';}
#sitemap li ul { margin-left:25px;}
#sitemap li a:hover{ color:#A75F36;}

#footerbg{ background:#1A232B; clear:both; margin-top:20px;}
#footerbg p{ text-align:center; line-height:35px; color:#FFF; font-family:'OpenSans-Regular'; font-size:12px;}
#footerbg p a {color:#FFF;}

/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver Fluid Grid Properties
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	Inspiration from "Responsive Web Design" by Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	and Golden Grid System by Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobile Layout: 480px and below. */

@media only screen and (min-width: 119px) {
	.fixed-width{width: 90.675%;}
	.mainmenu,#top-nav{ display:none;}
	#respo_menu{ display:block;}
	#logo{ width:100%;}
	.boxes{ width:100%; margin-left:0px;}
	#content-div .col-3{ width:100%;}
	



.col-3 .leftcol,
.col-3 .midcol,
.col-3 .rightcol{
	margin:0 0 10px 0;
}

.h-left,
.h-right{
	width:100%;
	float:left;
}
	
	.leftDiv,
	.rightDiv{
		width:100%;
	}

.widgest-link{
	display:block;
	margin:0 20px;
}

}

@media only screen and (min-width: 319px) {
	.fixed-width{width: 90.675%;}
	.mainmenu,#top-nav{ display:none;}
	#respo_menu{ display:block;}
	#logo{ width:100%;}
	.boxes{ width:100%; margin-left:0px;}
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */


/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */
@media only screen and (min-width: 481px) {
	.fixed-width{width: 90.675%;}
	.mainmenu,#top-nav{ display:none;}
	#respo_menu{ display:block;}
	#logo{ width:100%;}
	.boxes{ width:100%; margin-left:0px;}
}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */
@media only screen and (min-width: 769px) {
	.fixed-width{ width: 80%;}
	.mainmenu,#top-nav{ display:none;}
	#respo_menu{ display:block;}
	#logo{ width:160px;}
	.boxes{ width:100%; margin-left:0px;}
	#content-div .col-3{ width:33.3%;}
	
	.leftDiv{
		width:23%;
	}
	.rightDiv{
		width:77%;
	}
	
.h-left{
	width:70%;
	float:left;
}
.h-right{
	width:30%;
}
.col-3 .leftcol{
	margin-right:10px;
	margin-bottom:0;
}
.col-3 .midcol{
	margin:0 10px;
	margin-bottom:0;
}
.col-3 .rightcol{
	margin:0 0 0 10px;
	margin-bottom:0;
}

.widgest-link{
	display:inline-block;
	margin:15px 0 0 0px;
}


}

@media only screen and ( min-width:980px){
	.fixed-width{ width:940px;}
	.mainmenu,#top-nav{ display:block;}
	#respo_menu{ display:none;}
	#logo{ width:160px;}
}

@media only screen and ( min-width:1200px){
	
	.fixed-width{ width:980px;}
	.boxes{ width:30.5%;  margin-left:26px; }
}