body { 
				 background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMTAwJSIgeTI9IjAlIj48c3RvcCBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwLjAwMDk5OTk5OTk5OTk5OTk0MzIiLz48c3RvcCBzdG9wLWNvbG9yPSIjZjlmOWY5IiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4wMDEiLz48c3RvcCBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMC4zIi8+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAuNyIvPjxzdG9wIHN0b3AtY29sb3I9IiNmOWY5ZjkiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
			    background-image: -webkit-gradient(linear, 0% 0%, 100% 0%,color-stop(0, rgb(210, 210, 210)),color-stop(0.001, rgb(210, 210, 210)),color-stop(0.001, rgb(210, 210, 210)),color-stop(0.3, rgb(255, 255, 255)),color-stop(0.7, rgb(255, 255, 255)),color-stop(1, rgb(210, 210, 210)));
			    /* Android 2.3 */
			    background-image: -webkit-repeating-linear-gradient(left,rgb(210, 210, 210) 0.1%,rgb(255, 255, 255) 30%,rgb(255, 255, 255) 70%,rgb(210, 210, 210) 100%);
			    /* IE10+ */
			    background-image: repeating-linear-gradient(to right,rgb(210, 210, 210) 0.1%,rgb(255, 255, 255) 30%,rgb(255, 255, 255) 70%,rgb(210, 210, 210) 100%);
			    background-image: -ms-repeating-linear-gradient(left,rgb(210, 210, 210) 0.1%,rgb(255, 255, 255) 30%,rgb(255, 255, 255) 70%,rgb(210, 210, 210) 100%);
				margin:0px auto;				
			    font-family: 'Titillium Web', sans-serif;
			    font-size: 16px;
				height:100%;
	}

					

.clear 
{
	border: medium none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	line-height: 0;
}
h1, h2, h3, h4, h5, h6 
{
	margin: 0px;
}
a 
{
	border: medium none;
	outline-style: none;
	outline-width: medium;
	text-decoration:none;
}
a img 
{
	border: medium none;
	outline-style: none;
	outline-width: medium;
	text-decoration:none;
}
ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
.main
{
	width:100%;
	min-height:100%;
	margin: 0px auto;
	padding:0px;
	margin-bottom:-40px;
}

.wrapper 
{
	margin: 0px auto;
	width:100%;
}
/*************top-section start*********/
.top-section
{
	width:100%;
	margin:0px auto;
}
.header-top
{
	width:100%;
	height:24px;
	background-color:#000000;
	margin:0px auto;
}
/*************top-section end*********/
/**********middle-section start**********/
.middle-section
{
	width:100%;
	margin:0px auto;
}
.mid-left
{
	width:514px;
	float:left;
	position:reltive;
}
.mid-right
{
	width:514px;
	float:right;
	position:relative;
}
.logo-section
{
	float:left;
	margin:217px 30px 240px -21px; 
	position:relative;
}
.logo
{
	width: 200px;
	height:160px;
	position:relative;
}

.menu-section
{
	width:135px;
	/*position:absolute;*/
	height:185px;
	background-color: #000000;//need transparent effect, so will need image
}
.menu-tabs
{
	width:135px;
	background-color: #000000;//need transparent effect, so will need image
}
.menu-tabs ul
{
	padding:10px;
	font-size:14px;
	color: #d1d1d1;
	line-height:12px;
}
.menu-tabs ul li
{
	font-size:14px;
	color: #d1d1d1;
	padding:5px;
	font-weight:600;
	line-height:15px;
}
.menu-tabs ul li a
{
	color: #d1d1d1;
	border: medium none;
	outline-style: none;
	outline-width: medium;
	text-decoration:none;

}
.menu-tabs li a:hover,.menu-tabs li a.active
{
	color:#feff00;
	border: medium none;
	outline-style: none;
	outline-width: medium;
	text-decoration:none;
}
/*.social-links
{
	width:160px;
	background-color: #000000;//need transparent effect, so will need image
}*/
.social-links ul
{
	display:inline;	
	color: #d1d1d1;
	line-height:12px;
	padding:10px;

}
.social-links ul li
{
	display:inline;
	text-decoration:none;
	font-size:12px;
	font-weight:600;
	line-height:15px;
	padding-left:5px;
}
.social-links li a
{
	color: #d1d1d1;
	border: medium none;
	outline-style: none;
	display:inline;
	text-decoration:none;
}
.social-links li a:hover
{
	color: #feff00;
}
.mobile-icon{ display:none; z-index:9999;}
/**********middle-section end**********/
@media only screen and (max-width : 1000px) {
	
	.main{
		height:100%;
		width:100%;
		margin-bottom:-45px;
	}
	.site-btm
	{
		height:45px;
	}
	
}
@media only screen and (max-width : 699px) {
	
	.main{
		min-height:100% !important;
		width:100%;
		margin-bottom:-90px;
	}
	.site-btm
	{
		height:90px;
	}
	.fadein {
		 max-width: 100% !important;
	}
}
@media only screen and (max-width : 499px) {
	
	.main{
		min-height:290px !important;
		width:290px;
		margin-bottom:-90px;
	}
	.site-btm
	{
		height:90px;
	}
	.menu-section
	{
		position:absolute !important;
		top:0%;
		left:0%;
		float:right;
	}
	.fadein {
		 max-width: 100% !important;
	}
}
@media only screen and (max-width : 400px) {
	
	.main{
		min-height:290px !important;
		width:290px;
		margin-bottom:-90px;
	}
	.site-btm
	{
		height:90px;
	}
	.menu-section
	{
		position:absolute !important;
		top:0%;
		left:0%;
		float:right;
	}
	.fadein {
		 max-width: 100% !important;
	}
}
@media only screen and (max-width : 360px) {
	
	.main{
		min-height:290px !important;
		width:290px;
		margin-bottom:-90px;
	}
	.site-btm
	{
		height:90px;
	}
	.menu-section
	{
		position:absolute !important;
		top:0%;
		left:0%;
		float:right;
	}
	.fadein {
		 max-width: 100% !important;
	}
}
@media only screen and (min-width : 1000px){

}