@font-face {
    font-family: 'pt_sansregular';
    src: url('../fonts/pt_sans-web-regular-webfont.eot');
    src: url('../fonts/pt_sans-web-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-web-regular-webfont.woff') format('woff'),
         url('../fonts/pt_sans-web-regular-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-web-regular-webfont.svg#pt_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MisterGiaccoRegular';
    src: url('../fonts/mistergiacco-light-webfont.eot');
    src: url('../fonts/mistergiacco-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mistergiacco-light-webfont.woff') format('woff'),
         url('../fonts/mistergiacco-light-webfont.ttf') format('truetype'),
         url('../fonts/mistergiacco-light-webfont.svg#MisterGiaccoRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'HelveticaNeueRegular';
    src: url('../fonts/helveticaneue-thincond-webfont.eot');
    src: url('../fonts/helveticaneue-thincond-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helveticaneue-thincond-webfont.woff') format('woff'),
         url('../fonts/helveticaneue-thincond-webfont.ttf') format('truetype'),
         url('../fonts/helveticaneue-thincond-webfont.svg#HelveticaNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a {
	/*color: #727272;*/
	text-decoration: none;
	-webkit-transition:all 200ms ease-in;
	-o-transition:all 200ms ease-in;
	-moz-transition:all 200ms ease-in;
}




body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../images/wraper-bg.jpg);
	background-repeat: repeat-x;
}#wrapper-out {
	float: left;
	width: 100%;
	background-repeat: repeat-x;
	background-image: url(../images/center-blue.jpg);
	background-position: left bottom;
}
#wrapper-out-inner {
	float: left;
	width: 100%;
}
#wrapperalign {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
#wraper-center {
	float: left;
	height: 201px;
	width: 1000px;
}
#lions-logo {
	float: left;
	height: 201px;
	width: 167px;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
}
#for-news {
	float: left;
	height: 54px;
	width: 833px;
}
#news-bg {
	float: left;
	height: 34px;
	width: 108px;
	background-image: url(../images/news-bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	padding-top: 20px;
}
#news-line {
    font-family: 'pt_sansregular', "Arial Narrow", Arial;
	float: left;
	color:#4f5050;
	font-size:13px;
	height: 34px;
	width: 725px;
	padding-top: 20px;
}
#companyname {
	float: left;
	height: 84px;
	width: 833px;
}
#btn-main {
	float: left;
	height: 63px;
	width: 833px;
	background-image: url(../images/phone-icon.jpg);
	background-repeat: no-repeat;
	background-position: right;
}
#btn-only {
	float: left;
	height: 46px;
	width: 556px;
	padding-top: 17px;
}
/*...........................navi start here................*/

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	position:relative;
}

#nav a{
	display:block;
	/*border:1px solid #333;*/
	color:#232B32;
	text-decoration:none;
	font-family:'pt_sansregular', "Arial Narrow", Arial;
	font-size: 14px;
	text-transform: uppercase;
	padding-right: 6px;
	padding-left: 6px;
	line-height: 39px;
}

#nav a:hover{
	/*background-color:#fff;*/
color:#00529C;
}

#nav li{
	float:left;
	position:relative;
	background-repeat: no-repeat;
	background-position: right center;
}

#nav ul {
	position:absolute;
	display:none;
	top:1.6em;
	z-index: 9999;
	border-radius:5px;
	background-image: url(../images/bg.gif);	/*border-radius:7px;*/
	margin-top: 10px;
}
#nav ul li{

}


#nav li ul a{
	width:150px;
	float:left;
	font-size: 13px;
	color: #FFF;
	line-height: 22px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #404040;	/*border-radius:7px;*/
	background-image: none;
	padding-top: 5px;
	padding-bottom: 5px;
	z-index: 600;
	padding-left: 20px;
}

#nav li ul a:hover{
	color: #fb9d9d;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
	left:10em;
	margin:0px 0 0 10px;
	background-image: none;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:none;
}
/*...........................navi end here................*/
#banner {
	background-image: url(../images/banner-bg.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 487px;
	width: 1000px;
}
#banner-inner {
	background-image: url(../images/inner-banner.png);
	background-repeat: no-repeat;
	height: 351px;
	width: 1000px;
	float: left;
}
#animatted {
	float: left;
	height: 417px;
	width: 959px;
	margin-top: 19px;
	margin-left: 43px;
}
#content-area {
	float: left;
	height: 313px;
	width: 1000px;
	background-image: url(../images/glasing-bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
#content-area-innerarea {
	float: left;
	width: 1000px;
	background-repeat: no-repeat;
	background-position: center top;
	padding-bottom: 20px;
	background-image: url(../images/shadow.png);
}

#forbox-bg {
	float: left;
	height: 313px;
	width: 1000px;
	background-image: url(../images/box.png);
	background-repeat: no-repeat;
	background-position: right;
}
#left-content {
	float: left;
	width: 488px;
}
#thethrust {
	float: left;
	height: 313px;
	width: 456px;
	margin-left: 27px;
}
#tittile {
	float: left;
	height: 32px;
	width: 456px;
	padding-top: 25px;
}
#foricon {
	float: left;
	height: 256px;
	width: 456px;
}

.normal {
	font-family: 'pt_sansregular',Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #f7fafd;
}
.normalb {
	font-family: 'pt_sansregular',Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #000;
}
.normalinner {
	font-family: 'pt_sansregular',Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 22px;
	color: #FFFFFF;
}
.more{
	font-family: 'pt_sansregular',Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	text-decoration:none;
}
a:hover.more {
	color: #FFFFFF;
}
.footer-more{
	font-family: 'pt_sansregular',Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #EFEFEF;
	text-decoration:none;
}
a:hover.footer-more {
	color: #ffcf01;
}
.tittile {
	font-family: 'HelveticaNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 28px;
	color: #ffcf01;
	line-height: 20px;
}
.subhead {
	font-family: 'HelveticaNeueRegular', Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ffcf01;
	line-height: 20px;
}
#welcome {
	float: left;
	height: 42px;
	width: 486px;
	background-image: url(../images/dotbg.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}
#inner-tittile {
	float: left;
	height: 42px;
	width: 1000px;
	background-repeat: repeat-x;
	background-position: bottom;
	margin-top: 20px;
}
#readmore {
	background-image: url(../images/readmore.png);
	background-repeat: no-repeat;
	text-align: center;
	float: right;
	height: 20px;
	width: 78px;
	padding-top: 5px;
}
.yelloelist ul {
	margin: 0px;
	padding: 0px;
}
.yelloelist ul li {
	line-height: 28px;
	background-image: url(../images/liicon.jpg);
	background-repeat: no-repeat;
	list-style-image: none;
	list-style-type: none;
	background-position: left 8px;
	padding-left: 15px;
}
.yelloelist ul li a {
	font-family: 'pt_sansregular', Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
	cursor: text;
}
.yelloelist ul li a:hover {
	color: #E8EEF4;
	padding-left: 5px;
}
#footer {
	background-color: #001930;
	float: left;
	height: 68px;
	width: 100%;
}
#footer-align {
	height: 68px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}
.quinte {
	color: #ffcf01;
	text-decoration: none;
}
a:hover.quinte {
	color: #FE9901;
	text-decoration: none;
}
.logo {
	background-image: url(../images/name.jpg);
	background-repeat: no-repeat;
	float: left;
	height: 34px;
	width: 396px;
	margin-top: 10px;
}
.texftstyle {
	font-family: 'pt_sansregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 30px;
	width: 400px;
	border: 1px solid #D7EAFF;
	background-color: #004B91;
	border-radius:5px;
	padding-left: 5px;
	color: #CCCCCC;
}
.areastyle {
		font-family: 'pt_sansregular', Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 100px;
	width: 400px;
	border: 1px solid #D7EAFF;
	background-color: #004B91;
	border-radius:5px;
	padding-left: 5px;
	color: #CCCCCC;
	padding-top: 10px;
}
/*----------------------OLD CSS ---------------------------*/

.style54 {color: #000033;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
}


div.pagination {padding: 3px; 
    margin: 3px;
}
div.pagination a {padding: 2px 5px 2px 5px; margin: 2px; border: 1px solid #AAAADD; text-decoration: none;color: #000099;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #000099;color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;
    border: 1px solid #000099;font-weight:bold;
	background-color: #000099;
	color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px;
    margin: 2px;
	border: 1px solid #EEE;
	color: #DDD;
}

.style55 {
	color: #990000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.style13 {color: #0099CC;
	font-weight: bold;
	font-size: 18px;
}



.members {
	width: 186px;
	height:159px;
	background-color:#FFF;
	float:left;
	border-radius:5px;
}

.membersphoto {
	border:5px solid #E0E0E0;
	border-radius:5px;
}

.events {
	width: 265px;
	height:180px;
	background-color:#FFF;
	float:left;
	border-radius:5px;
	border:5px solid #E0E0E0;
}





/*----------------------OLD CSS ---------------------------*/


/*-------------------sidebutton--------------------*/
#navigationMenu li{
	list-style:none;
	height:39px;
	padding:2px;
	width:40px;
}

#navigationMenu span{
	/* Container properties */
	width:0;
	left:38px;
	padding:0;
	position:absolute;
	overflow:hidden;
	/* Text properties */
	font-family: 'pt_sansregular', Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:0.6px;
	white-space:nowrap;
	line-height:39px;
	/* CSS3 Transition: */
	-webkit-transition: 0.25s;
	/* Future proofing (these do not work yet): */
	-moz-transition: 0.25s;
	transition: 0.25s;
	color: #FFF;
}

#navigationMenu a{
	height:39px;
	width:38px;
	display:block;
	position:relative;
	background-image: url(../images/navigation.jpg);
	background-repeat: no-repeat;
}

/* General hover styles */
.linons a{ width:auto; padding:0 20px;overflow:visible; }


#navigationMenu a:hover span{ width:auto; padding:0 20px;overflow:visible; }
#navigationMenu a:hover{
	text-decoration:none;
	
	/* CSS outer glow with the box-shadow property */
	-moz-box-shadow:0 0 5px #9ddff5;
	-webkit-box-shadow:0 0 5px #9ddff5;
	box-shadow:0 0 5px #9ddff5;
}

/* Green Button */
#navigationMenu {
	margin-top: 140px;
	margin-left: -40px;
	position: fixed;
}


#navigationMenu a.home {
	background-position:0;
	;
	color:#3d4f0c;
	text-shadow:1px 1px 0 #99bf31;
	width: 38px;
	height:234px;
	background-repeat: no-repeat;
	background-image: url(../images/lionsmainmenu.png);
}

#navigationMenu a.elions{
	background-position:0;
	;
	text-shadow:1px 1px 0 #99bf31;
	width: 38px;
	height:39px;
	background-repeat: no-repeat;
	background-image:url(../images/318.png);
	top: 6px;
}


/* Blue Button */

#navigationMenu .about {
	background-position:-38px 0;
	margin-top: 191px;
}
#navigationMenu .about:hover { background-position:-38px -39px;}
#navigationMenu .about span{
	background-color:#1e8bb4;
	text-shadow:1px 1px 0 #44a8d0;
}

/* Orange Button */

#navigationMenu .services { background-position:-76px 0;
margin-top: 187px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
border-bottom-right-radius: 5px;
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
border-bottom-left-radius: 5px;
}
#navigationMenu .services:hover { background-position:-76px -39px;}
#navigationMenu .services span{
	background-color:#02D5D5;
	text-shadow:1px 1px 0 #02D4D5;
}

/* Yellow Button */

#navigationMenu .portfolio { background-position:-114px 0;}
#navigationMenu .portfolio:hover{ background-position:-114px -39px;}
#navigationMenu .portfolio span{
	background-color:#d0a525;
	color:#604e18;
	text-shadow:1px 1px 0 #d8b54b;
}



/*----------------------------------- sidebtn end-----------------------------*/