body
{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

img
{
	max-width:100%;
}

#container
{
	width:100%;
	min-height:1px;
	position:relative;
	margin-top:0px;
}

#header
{
	width:100%;
	height:100px;
	padding-bottom:10px;
	background:#beb18f;
	position:fixed;
	z-index:9999;
	
}

.logo
{
	
	float:left;
	padding-top:10px;
	margin:.5% 0 0 5%;
}

nav
{
	float: left;
	margin: 1% 0 0 35%;
	position: absolute;
	left:0px;
	/*left: -70px;*/
	width: 70%;
	top: 30px;
}

#animation
{
	width:100%;
}

.wraper
{
	max-width:960px;
	height:470px;
	margin:0 auto;
	position:relative;
}

#box
{
	width: 228px;
	height: 420px;
	float: left;
	margin: 0 0 0 20px;
	top: 67px;
	padding-left: 20px;
	position: absolute;
	left: -12px;
	
	
}


/*Dropdown Menu Starts Here*/
#fdw nav select {
	display:none; /* this is just for the mobile display */
}
#fdw nav ul {
	display:block;
	z-index:999999;
	text-decoration:none;
	
}
#fdw nav ul li {
	display:inline-block;	
	position:relative;
	margin-left:30px;
	margin-top:20px;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	
}
#fdw nav ul li a:link, #fdw nav ul li a:visited {
	color:#444;
	font:normal 20px;
	text-transform:uppercase;
	display:inline-block;
	position:relative;
	text-decoration:none;
	
  /* First we need to help some browsers along for this to work.
     Just because a vendor prefix is there, doesn't mean it will
     work in a browser made by that vendor either, it's just for
     future-proofing purposes I guess. */
	  -o-transition:1s;
	  -ms-transition:1s;
	  -moz-transition:1s;
	  -webkit-transition:1s;
	  /* ...and now for the proper property */
	  transition:.5s;
}
#fdw nav ul li a:hover, #fdw nav ul li a:active {
	color:#e25d29;
	text-decoration:none;
	position:relative;
	width:110%;
	-webkit-transition: color 2s;
	
		
}
#fdw nav ul li span {
	position:absolute;
	bottom:6px;
	width:7px;
	height:8px;
	margin:0 0 0 3px;
	display:block;
	font:0/0 a;
}

#fdw nav ul li.current a {
	color:#e25d29;
	cursor: default;
}
#fdw nav ul li.current a span {
	background:url('../images/nav_arrow.png') no-repeat left 0;
}
#fdw nav ul li.current ul li a {
	cursor:pointer;
}

/*===== sub_menu Style =======*/
#fdw nav ul li ul.sub_menu {
	position:absolute;
	left:0;
	margin:0;
	padding:0;
	background:#fff;
	border:1px solid #ececec;
	border-top:5px solid #e25d29;
	display:none;
	z-index:999999;
    -moz-box-shadow: 0px 6px 7px #121012;
    -webkit-box-shadow: 0px 6px 7px #121012;
    box-shadow: 0px 6px 7px #121012;
}
#fdw nav ul li ul.sub_menu li.arrow_top {
	position:absolute;
	width:13px;
	height:8px;
	display:block;
	border:none;
	background:url('images/arrow_top.png') no-repeat left top;
}
#fdw nav ul li ul.sub_menu li {
	float:none;
	margin:0;
	padding:0;
	
}
#fdw nav ul li ul.sub_menu li a {
	white-space: nowrap;
	width: 150px;
	padding:12px;
	font:13px Arial, tahoma, sans-serif;
	text-transform:capitalize;
	color:#777;
}
#fdw nav ul li ul.sub_menu li a:hover {
	background:#f9f9f9;
	color:#333;
}
#fdw nav ul li ul.sub_menu li a.subCurrent {
	color:#e25d29;
	cursor:default;
}
#fdw nav ul li ul.sub_menu li a.subCurrent:hover {
	background:none;
}
/*===================== end Header style ======================*/


@media only screen and (min-width: 768px) and (max-width: 959px) {
		/* nav */
		/*#fdw nav ul li{
			margin-left:12px;
		}*/
}

	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {

		/* nav menu ul & select */
		/*#fdw nav ul {
			display:none;
		}
		#fdw nav select {
			width:100%;
			display:block;
			margin-bottom:30px;
			cursor:pointer;
			padding:6px;
			background:#f9f9f9;
			border:1px solid #e3e3e3;
			color:#777;
		}*/
}






/*Dropdown Menu Starts Here*/

/* Image Gallery Starts Here */
.rslides 
{
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin-top:85px;
}

.rslides li 
{
  -webkit-backface-visibility: hidden;
 
  display: none;
  width: 100%;
  left: 0;
  top: 0;
}

.rslides li:first-child 
{
  position: relative;
  display: block;
  float: left;
}

.rslides img 
{
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
}
 
 .image-slider
{
 	margin-bottom:none;
	
}

/* Image Gallery Ends Here */


/* #Buckets Starts Here
================================================== */
.container-buckets
{
	max-width:1300px;
	height:950px;
	margin:0 auto;
	position:relative;
}

.buckets
{
	/*width:300px;*/
	width:23%;
	height:400px;
	float:left;
	margin-left:10px;
	margin-top:20px;
	background:#fbebc2;
	padding:5px;
	margin-bottom:20px;	
}

.bucket-big
{
	/*width:630px;*/
	width:48.4%;
	height:400px;
	float:left;
	padding-top:10px;
	margin-left:10px;
	margin-top:20px;
	background:#fbebc2;
	padding-bottom:20px;
	margin-bottom:20px;
}

.img-buckets
{
	margin:1.25em 0 0 1.25em;
	display:block;
}
.img-buckets_left
{
	margin:0.25em 0 0 1.25em;
	display:block;
}

.p-description-buckets
{
	width:260px;
	margin:20px auto;
	color:#a26030;
	font-size:12px;
	text-align:justify;
	line-height:20px;
}
.p-description-buckets_left
{
	width:99%;
	margin-left:0px;
	color:#a26030;
	font-size:12px;
	text-align:justify;
	line-height:20px;
}
.p-description-buckets_left_bottom
{
	width:99%;
	margin-left:0px;
	color:#a26030;
	font-size:12px;
	text-align:justify;
	padding-left:20px;
	padding-top:10px;
	line-height:20px;
}
.bucket-contents /*image and text*/
{
	float:left;
	margin:1.25em 0 0 1.25em;
}

.p-description-buckets-big
{
	width:580px;
	margin:1em 0 0 1.25em;
	float:right;
	position:absolute;
	color:#a26030;
	font-size:15px;
	text-align:justify;
}

.h3-heading-buckets
{
	margin:20px 0 0 20px;
	color:#7f3804;
}
.h3-heading-buckets_left
{
	margin:20px 0 0 0px;
	color:#7f3804;
}

.a-bucket
{
	margin-left:20px;
	color:#7f3804;
	text-decoration:none;
	font-size:12px;
	
}

p
{
	font-size:12px;
}
.a-bucket:hover
{
	margin-left:20px;
	color:#990000;
	text-decoration:none;
	line-height:20px;
}

/* #Buckets Ends Here
================================================== */


/* #Footer Strats Here
================================================== */
#footer {
   position:relative;
   height:90px;
   bottom:0;
   width:100%;
   background:#beb18f;
   
}
.footer-sections
{
	width:23%;
	float:left;
	margin-left:1.25em;
	margin-top:1.25em;
}
.footer_text
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding-top:20px;
}
.index_bucket_content_top
{
	padding-left:20px;
	padding-top:10px;
	text-align:justify;
}
.index_bucket_content_bottom
{
	padding-left:20px;
	text-align:justify;
}
.text_inner_left
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
#community_site
{
	width:200px;
	float:right;
}

tabs starts here

.tab-container {
	position: relative; /* It's important to keep this position relative and the absolute positions in this file the same */
	width: 100%; 
	z-index:0;
}
.tab-container > div { 
	display: inline;
}

.tab-container > div > a {  
	position: relative !important; /* Keeps the tabs in line with each other */
	text-decoration: none; 
	color: #7f3804; 
	display: inline-block;
	padding: 4px 14px; 
	font-size:15px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	margin:2px;
	background: #7f3804; /* old browsers */
	background: -moz-linear-gradient(top, #8A8889 0%, #A2A0A1 52%, #ABABAB 100%); /* firefox */
	background: linear-gradient(top, #8A8889 0%, #A2A0A1 52%, #ABABAB 100%); /* future browsers */
	-pie-background: linear-gradient(top, #8A8889 0%, #A2A0A1 52%, #ABABAB 100%); /* pie for ie */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A8889), color-stop(52%,#A2A0A1), color-stop(100%,#ABABAB)); /* webkit */
	/** filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8889', endColorstr='#ABABAB',GradientType=0 ); **/ /* uncomment this when ie decides not to put boxes behind elements with a border radius */
	
	padding: 4px 14px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 0px;
	border-radius: 3px;
    text-shadow: 0 -1px 0 #ADADAD;
	-moz-box-shadow: 0 4px 10px -5px #000000;
	box-shadow: 0 4px 10px -5px #000000;
	-webkit-box-shadow: 0 4px 10px -5px #000000;
}

.tab-container > div:not(:target) > a {
}	

.tab-container > div:target > a { 
    background: none repeat scroll 0 0 #ABABAB;
    text-shadow: 0 1px 0 #8A8889;
	color:#E7E7E7;
}	

.tab-container > div > div { /* This is the container which holds the tab content */
	background: #8A8889; /* old browsers */
	background: -moz-linear-gradient(top, #8A8889 0%, #A2A0A1 84%, #ABABAB 100%); /* firefox */
	background: linear-gradient(top, #8A8889 0%, #A2A0A1 84%, #ABABAB 100%); /* future browsers */
	-pie-background: linear-gradient(top, #8A8889 0%, #A2A0A1 84%, #ABABAB 100%); /* pie for ie */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8A8889), color-stop(84%,#A2A0A1), color-stop(100%,#ABABAB)); /* webkit */
	/** filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8A8889', endColorstr='#ABABAB',GradientType=0 ); **/ /* uncomment this when ie decides not to put boxes behind elements with a border radius */
	box-shadow: 0 1px 1px 0 #A7A7A7;
	-webkit-box-shadow: 0 1px 1px 0 #A7A7A7;
	-moz-box-shadow: 0 1px 1px 0 #A7A7A7;
	z-index: -2;
	top: 50px;
	padding: 20px;
	min-height: 250px; /* Change this value if you need more or less content space */
	position: absolute; /* Fixes IE 7 & 8 */
	height: 400;
}	
.tab-container > div:not(:target) > div { 
	position: absolute; /* This keeps the tab module contained */
}

.tab-container > div:target > div { 
	position: absolute; 
	z-index: 3 !important; /* Brings the content to the front depending on the tab that was clicked */ 
	outline-offset: -8px; /*Delete if you don't want an offset*/
	-moz-box-shadow: 0 0 12px 1px #000000 inset;
	-webkit-box-shadow: 0 0 12px 1px #000000 inset;
	box-shadow: 0 0 12px 1px #000000 inset;
}

div.tab-content{ /* Styles the inner content of the tabs */
	padding-bottom: 70px;
    padding-left: 20px;
    padding-right: 20px;
}
	
.tab-content img{ 
	margin:0 auto; 
	display:block; 
	padding-bottom: 20px;
    padding-top: 10px;
}

/*Updated by midhun*/
#content_area
{
	min-width:100%;
    position:relative;
	
}
#content_innerpage
{
	margin-right:auto;
	margin-left:auto;
	margin-top:150px;
	/*background-color:#666666;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	vertical-align:top;
	max-width:93%;
	min-height:400px;
}
#content_holder
{
	min-height:500px;
}
#footer_inner 
{
   margin-top:20px;
   height:90px;
   bottom:0;
   width:100%;
   background:#beb18f;
   position: relative;
   left: 0;
   bottom: 0; 
   
}
.inner_sidebar_title
{
	font-size:16px;
	color:#7f3804;
	text-align:center;
}
.content
{
	min-height:250px;
	padding:15px;
	color:#a26030;
	font-size:12px;
	line-height:20px;
	text-align:justify;
}
h2
{
	color:#7f3804;
}
.admin_member_img
{
	width:230px;
	height:250px;
	display:inline;
	margin-left:10px;
	background-color:#FFFFFF;
}
.contact_admin
{
	font-size:10px;
	padding:10px;
	
}
/**/