#supersized-loader {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 0;
	width: 60px;
	height: 60px;
	margin: -30px 0 0 -30px;
	text-indent: -999em;
	background: url(../images/progress.gif) no-repeat center center;
}
#supersized {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: -999;
	height: 100%;
	width: 100%;
}
#supersized img {
	width: auto;
	height: auto;
	position: fixed;
	display: none;
	outline: none;
	border: none;
}
#supersized.speed img {
	-ms-interpolation-mode: nearest-neighbor;
	image-rendering: -moz-crisp-edges;
}	/*Speed*/
#supersized.quality img {
	-ms-interpolation-mode: bicubic;
	image-rendering: optimizeQuality;
}			/*Quality*/
#supersized li {
	display: block;
	list-style: none;
	z-index: -30;
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #111;
}
#supersized a {
	width: 100%;
	height: 100%;
	display: block;
}
#supersized li.prevslide {
	z-index: -20;
}
#supersized li.activeslide {
	z-index: -10;
}
#supersized li.image-loading {
	background: #111 url(../images/progress.gif) no-repeat center center;
	width: 100%;
	height: 100%;
}
#supersized li.image-loading img {
	visibility: hidden;
}
#supersized li.prevslide img, #supersized li.activeslide img {
	display: inline;
}
/* Controls Bar
	----------------------------*/
#controls-wrapper {
	margin: 0 auto;
	height: 28px;
	width: 100%;
	bottom: 0px;
	left: 0;
	z-index: 4;
	position: fixed;
}
#controls {
	overflow: hidden;
	height: 100%;
	position: relative;
	text-align: left;
	z-index: 5;
}
#navigation {
	float: right;
	margin: 0px 0px 0 0;
}
ul#slide-list {
	padding: 15px 0;
	float: left;
	position: absolute;
	left: 50%;
}
ul#slide-list li {
	list-style: none;
	width: 12px;
	height: 12px;
	float: left;
	margin: 0 5px 0 0;
}
ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover {
	background-position: 0 0px;
}
ul#slide-list li a {
	display: block;
	width: 12px;
	height: 12px;
	background: url('../images/nav-dot.png') no-repeat 0 -24px;
}
ul#slide-list li a:hover {
	background-position: 0 -12px;
	cursor: pointer;
}
/* Progress Bar
	----------------------------*/					
#progress-back {
	z-index: 5;
	position: fixed;
	bottom: 28px;
	left: 0;
	height: 2px;
	width: 100%;
	background: #000;
}
#progress-bar {
	position: relative;
	height: 2px;
	width: 100%;
}
#traywrapp {
	position: fixed;
	right: 0px;
	background: url(../images/bg-black.png);
	bottom: 34px;
	overflow: hidden;
	z-index: 3;
	height: 100px;
	float: left;
	display: block;
	visibility: hidden;
	padding: 0 30px 0 20px;
}
/* Thumbnail Tray
	----------------------------*/			
#thumb-tray {
	position: relative;
	z-index: 3;
	bottom: 0;
	left: 0;
	height: 100px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
#thumb-back, #thumb-forward {
	position: absolute;
	z-index: 5;
	top: 0px;
	height: 108px;
	width: 26px;
}
#thumb-back {
	left: 0;
	background: url(../images/bg-prev.png) no-repeat left top;
}
#thumb-forward {
	right: 0;
	background: url(../images/bg-next.png) no-repeat left top;
}
#thumb-back:hover, #thumb-forward:hover {
	cursor: pointer;
	background-color: rgba(256, 256, 256, 0.1);
}
#thumb-back:hover {
	border-right: 1px solid rgba(256, 256, 256, 0.2);
}
#thumb-forward:hover {
	border-left: 1px solid rgba(256, 256, 256, 0.2);
}
ul#thumb-list {
	display: inline-block;
	list-style: none;
	position: relative;
	left: 0px;
	padding: 0 0px;
}
ul#thumb-list li {
	list-style: none;
	display: inline;
	width: 100px;
	height: 80px;
	padding: 10px;
	padding-right: 0;
	position: relative;
	overflow: hidden;
	float: left;
	margin: 0;
}
ul#thumb-list li img {
	width: auto;
	height: 80px;
}
ul#thumb-list li.current-thumb img {
	opacity: 0.9;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=90);
}
ul#thumb-list li:hover {
	cursor: pointer;
}
ul#thumb-list li span {
	display: none;
	float: left;
	width: 100px;
	height: 80px;
	position: absolute;
	left: 10px;
	top: 10px;
	background: url(../images/img-framegall.png) no-repeat left top;
}
ul#thumb-list li:hover span, ul#thumb-list li.current-thumb span {
	display: block;
}
#panelbox {
	float: left;
	position: fixed;
	right: 0px;
	bottom: 35px;
	z-index: 10;
	display: inline;
	overflow: hidden;
}
#panelbox2 {
	float: left;
	position: fixed;
	right: 0px;
	padding-right: 26px;
	bottom: 35px;
	z-index: 10;
	display: inline;
}
#prevslide, #arrow_left {
	display: block;
	float: left;
	width: 26px;
	height: 100px;
	background: url(../images/bg-prev.png) no-repeat left top;
	cursor: pointer;
	text-indent: -9999px;
}
#arrow_left {
	position: absolute;
	left: -26px;
	top: 0;
}
#arrow_right {
	position: absolute;
	right: 0;
	top: 0;
}
#nextslide, #arrow_right {
	display: block;
	float: left;
	width: 26px;
	height: 100px;
	background: url(../images/bg-next.png) no-repeat left top;
	cursor: pointer;
	text-indent: -9999px;
}
#panelarea, #panelarea {
	float: left;
	width: 100px;
	position: relative;
	z-index: 1000;
	height: 100px;
	margin-right: 26px;
}
#leftpanel, #leftpanel2 {
	width: 100px;
	float: right;
}
#slidecounter, #slidecounter2 {
	float: left;
	width: 100px;
	line-height: 58px;
	color: #fff;
	font-family: 'Signika Negative', sans-serif;
	font-size: 30px;
	letter-spacing: -3px;
	text-align: center;
}
#bottompanel, #bottompanel2 {
	float: left;
	width: 100%;
	padding-top: 10px;
	background:url(../images/border.png) repeat-x top;
}
#bottompanel li, #bottompanel2 li {
	float: left;
	width: 31px;
	height: 30px;
	text-align: center;
	background: url(../images/bg-sep.png) no-repeat left top;
	padding-left: 2px;
	margin: 0;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}
#bottompanel li a, #bottompanel li a span, #bottompanel2 li a, #bottompanel2 li a span {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	cursor: pointer;
}
#bottompanel li a#showcaption span, #bottompanel2 li a#showcaption2 span {
	background: url(../images/ico-info.png) no-repeat left top;
}
#bottompanel li a#showcaption:hover span, #bottompanel li a#showcaption span.active, #bottompanel2 li a#showcaption2:hover span, #bottompanel2 li a#showcaption2 span.active {
	background: url(../images/ico-infoac.png) no-repeat left top;
}
#bottompanel li a#play-button span, #bottompanel2 li a#play-button2 span {
	background: url(../images/ico-play.png) no-repeat left top;
}
#bottompanel li a#play-button:hover span, #bottompanel2 li a#play-button2:hover span {
	background: url(../images/ico-playhov.png) no-repeat left top;
}
#bottompanel li a#play-button span.active, #bottompanel2 li a#play-button2 span.active {
	background: url(../images/ico-pause.png) no-repeat left top;
}
#bottompanel li a#play-button:hover span.active, #bottompanel2 li a#play-button2:hover span.active {
	background: url(../images/ico-pausehov.png) no-repeat left top;
}
#bottompanel li a#tray-button span, #bottompanel2 li a#tray-button2 span {
	background: url(../images/ico-showlist.png) no-repeat left top;
}
#bottompanel li a#tray-button:hover span, #bottompanel li a#tray-button span.active, #bottompanel2 li a#tray-button2:hover span, #bottompanel2 li a#tray-button2 span.active {
	background: url(../images/ico-showlistac.png) no-repeat left top;
}
#rightpanel {
	float: left;
	height: 100px;
	width: 120px;
	display: none;
	position: absolute;
	right: 26px;
	top: 0;
	border-left: 1px solid #9a9013;
	background: url(../images/bg-transyelllow.png) repeat left top;
}
#leftslide {
	float: left;
	height: 100px;
	width: 120px;
	display: none;
	top: 0;
	overflow: hidden;
}
#wrappleft {
	float: left;
	height: 100px;
}
#wrappright {
	float: right;
	position: absolute;
	height: 100px;
	right: 0;
}
#rightpanel div, #leftslide div {
	overflow: hidden;
	width: 100px;
	height: 80px;
	float: left;
	display: none;
	margin-top: 10px;
	margin-left: 9px;
}
#rightpanel div img, #leftslide div img {
	height: 80px;
	cursor: pointer;
}
#outerfooter {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	background: url(../images/bg-black.png);
	height: 28px;
}
#copyright {
	float: left;
}
#copyright p {
	padding: 0;
	margin: 0;
	line-height: 28px;
	font-size: 11px;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 10px;
}
#rightfooter {
	float: right;
	padding-right: 10px;
}
.keyboardcontrol {
	float: left;
	padding-right: 8px;
	border-right: 1px solid #1e231e;
}
.keyboardcontrol span {
	display: block;
	float: left;
	line-height: 28px;
	font-size: 11px;
	color: #626262;
	font-family: Arial, Helvetica, sans-serif;
}
.keyboardcontrol ul {
	float: left;
}
.keyboardcontrol ul li {
	float: left;
	padding-top: 7px;
	padding-left: 6px;
}
#socialcon {
	float: left;
}
#socialcon span {
	display: block;
	float: left;
	padding: 0 12px;
	height: 22px;
	padding-top: 6px;
	cursor: pointer;
}
#sociallink {
	float: left;
	border-right: 1px solid #1e231e;
	padding-right: 8px;
	display: none;
}
#playlist {
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	border-left: 1px solid #1e231e;
	height:26px;
}
#sociallink li {
	float: left;
	padding-left: 8px;
	padding-top: 6px;
}
#sociallink li a {
	float: left;
	display:inline-block;
	height:15px;
	background-position:top;
	background-repeat:no-repeat;
}
#sociallink li a:hover {
	background-position:bottom;
}
#sociallink li a.so-twitter {
	width:11px;
	background-image:url(../images/img-so1.png);
}
#sociallink li a.so-fb {
	width:11px;
	background-image:url(../images/img-so2.png);
}
#sociallink li a.so-dribble {
	width:14px;
	background-image:url(../images/img-so3.png);
}
#sociallink li a.so-vimeo {
	width:16px;
	background-image:url(../images/img-so4.png);
}
#sociallink li a.so-grove {
	width:15px;
	background-image:url(../images/img-so5.png);
}
.removepadding {
	width: 100px;
}
.option {
	width: auto !important;
}
.removepadding a#nextslide, .removepadding a#prevslide {
	display: none !important;
}
#animationwrapp {
	float: left;
	position: fixed;
	width: 682px;
	left: 50px;
	bottom: 35px;
	z-index: 10;
}
#slidecaption {
	float: left;
	font-family: 'Signika Negative', sans-serif;
	font-size: 40px;
	display: inline;
	line-height: 40px;
	text-transform: uppercase;
	padding: 0px 18px;
	width: 646px;
	min-height: 50px;
}
#slidedescription {
	float: left;
	width: 652px;
	line-height: 18px;
	font-size: 12px;
	min-height: 50px;
	padding: 0px 0px 15px 20px;
	color: #FFF;
}
#menuarea {
	float: left;
	position: relative;
	z-index: 500;
	width: 209px;
	margin-top: 8px;
	margin-left: 10px;
}
#menu {
	float: left;
	width: 200px;
	position: relative;
	display: none;
	margin: 0;
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
	background: rgba(0,0,0,0.8);
	border-top: 1px solid #2A2A1A;
}
.menuinner {
	top: -10px !important;
}
#logo {
	float: left;
	width: 100%;
	position: relative;
}
#logoinner:hover span.tooltiplog {
	display: block;
}
span.tooltiplog {
	display: none;
	float: left;
	width: 87px;
	height: 31px;
	line-height: 31px;
	font-family: 'Signika Negative', sans-serif;
	font-size: 11px;
	color: #fff;
	text-align: center;
	position: absolute;
	right: -87px;
	top: 20px;
	cursor: pointer;
	text-transform: uppercase;
	background: url(../images/tooltipmenu.png) no-repeat left top;
}
#logo img {
	float: left;
}
#navigation {
	float: left;
	width: 178px;
	padding-left: 14px;
	padding-right: 8px;
	padding-top: 18px;
	padding-bottom: 12px;
}
#navigation ul {
	margin: 0;
	padding: 0;
}
#navigation ul li {
	float: left;
	margin-bottom: 6px;
	width: 100%;
}
#navigation ul li a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 15px;
	color: #fff;
	font-family: 'Signika Negative', sans-serif;
}
#navigation ul ul {
	margin-top: 10px;
	padding-left: 10px;
	float: left;
	width: 167px;
	border-left: 1px dashed #828282;
}
#navigation ul ul li a {
	color: #828282;
}
#navigation ul ul li:last-child {
	margin: 0;
}
#searchbar {
	float: left;
	width: 100%;
	border-top: 1px solid #2a2a1a;
	padding-top: 10px;
	padding-bottom: 12px;
}
#searchbar input.txtfld {
	float: left;
	border: none;
	background: url(../images/bg-searchbar.png) no-repeat left top;
	width: 134px;
	height: 16px;
	font-size: 11px;
	margin: 0 0 0 10px;
	padding: 6px 10px;
}
#searchbar button {
	float: left;
	width: 27px;
	height: 28px;
	text-indent: -9999px;
	cursor: pointer;
	border: none;
	margin: 0;
	background: url(../images/bg-searchbtn.png) no-repeat left top;
}
#outerwrapper {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	background: url(../images/bg-blog.png);
}
#outerwrappermain #animationwrapp {
	display: none;
}
#outerwrappermain {
	float: left;
	width: 100%;
	position: absolute;
	height: 100%;
	z-index: 110;
}
#wrapper {
	margin-top: 20px;
	float: left;
	margin-left: 10px;
	position: relative;
	z-index: 2;
	padding-bottom: 35px;
}
#leftcontent {
	margin: 0;
	position:fixed;
}
#logoinner, .logomain {
	margin: 0;
	background: rgba(0,0,0,0.8);
	text-align: center;
	padding-top: 5px;
	padding-bottom: 6px;
	line-height: 0;
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
	margin-bottom: 26px;
	position: relative;
}
.logomain {
	margin-bottom: 0;
	left: 6px;
	top: 5px;
	width: 200px;
}
span#sideicon {
	display: block;
	float: left;
	position: absolute;
	background: url(../images/bg-plusmenu.png) no-repeat left top;
	width: 18px;
	height: 34px;
	cursor: pointer;
	right: -18px;
	top: 12px;
}
span#sideicon:hover, span#sideicon.activemenu {
	background: url(../images/bg-plusmenu-hover.png) no-repeat left top;
}
#nav {
	margin: 0;
	font-family: 'Signika Negative', sans-serif;
	font-size: 12px;
	position: relative;
}
#nav ul {
	margin: 0;
	padding: 0;
}
#nav ul li {
	margin: 0;
	background: rgba(0,0,0,0.8);
	border-radius: 2px;
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
	margin-bottom: 10px;
	float: left;
	width: 100%;
}
#nav ul li a {
	display: block;
	padding: 0 18px 0 10px;
	line-height: 35px;
	text-decoration: none;
	background: url(../images/ico-plus.png) no-repeat 180px center;
	text-transform: uppercase;
	color: #fff;
}
#nav ul li a.active {
	background: url(../images/ico-minus.png) no-repeat 180px center;
}
#nav ul ul {
	border-top: 1px solid #1e1e1d;
	padding-top: 10px;
	float: left;
	padding-left: 10px;
}
#nav ul ul li {
	background: none;
	box-shadow: none;
	margin: 0;
	padding-left: 10px;
	padding-bottom: 10px;
	background: url(../images/bg-border1.png) repeat-y 0px top;
	border-radius: 0;
}
#nav ul ul li a {
	text-transform: none;
	line-height: 18px;
	padding: 0;
	background: none;
}
#rightcontent {
	
	margin: 0;
	margin-top: 80px;
	float: right;
	position: relative;
	border-radius: 2px;
}
.blackbg {
	background: rgba(0,0,0,0.8);
	box-shadow: 0 0 8px rgba(0,0,0,0.8);
}
.headingmain {
	margin: 0;
	border-bottom: 1px solid #272825;
	padding: 12px 0;
}
.headingmain h1 {
	padding: 0;
	margin: 0;
	font-family: 'Signika Negative', sans-serif;
	line-height: 32px;
	font-size: 20px;
	text-transform: uppercase;
	float: left;
	padding-left: 15px;
}
a.iconbox {
	display: block;
	float: right;
	width: 32px;
	height: 32px;
	margin-right: 10px;
	z-index: 1000;
	text-indent: -9999px;
	background: url(../images/icon-head.png) no-repeat left top;
}
a.iconbox:hover, a.iconbox.activeicon {
	background: url(../images/icon-headhov.png) no-repeat left top;
}
#blogsec {
	width: 700px;
	padding: 20px 20px 0 20px;
	margin: 0;
	margin-bottom: 20px;
}
.container .blogbox {
	margin: 0;
	padding: 0;
	width: 698px;
	border-radius: 4px;
	box-shadow: 0 0 4px rgba(0,0,0,0.8);
	margin-bottom: 20px;
	overflow: hidden;
	border: 1px solid #131313;
}
#wrapper .leftblog {
	width: 94px;
	padding: 0;
	margin: 0;
	height: 220px;
	position: relative;
	text-align: center;
	background: url(../images/bg-leftblog.png);
}
.datebox {
	position: absolute;
	left: 10px;
	top: 12px;
	width: 80px;
	height: 134px;
}
.datebox span {
	display: block;
	float: left;
}
.datebox span.cale {
	display: block;
	float: left;
	width: 80px;
	background: url(../images/bg-cale.png) no-repeat left top;
	height: 80px;
	text-align: center;
}
.datebox span.cale small {
	display: block;
	float: left;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 15px;
	padding-top: 16px;
	width: 100%;
	font-weight: bold;
}
.datebox span.cale strong {
	display: block;
	float: left;
	font-size: 36px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 30px;
	width: 100%;
	font-weight: bold;
}
.datebox span.comments {
	display: block;
	float: left;
	width: 57px;
	text-align: center;
	font-size: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #696969;
	line-height: 30px;
	padding-top: 15px;
	height: 52px;
	position: relative;
	top: -15px;
	left: 10px;
	background: url(../images/bg-comment.png) no-repeat left top;
	font-weight: bold;
}
#wrapper .rightblog {
	margin: 0;
	width: 565px;
	border-left: 1px solid #131313;
	min-height: 197px;
	padding: 23px 18px 0 22px;
	background: rgba(10,10,10,0.8);
}
#wrapper .descblogfull {
	width: 565px;
	margin: 0;
}
#wrapper .imgarea {
	margin: 0;
	padding: 0;
	position: relative;
	width: 220px;
}
#wrapper .imgarea img {
	float: left;
}
#wrapper .imgarea span.posttype {
	display: block;
	float: left;
	position: absolute;
	right: 4px;
	bottom: 4px;
	text-indent: -9999px;
	background: url(../images/ico-video.png) no-repeat left top;
	width: 45px;
	height: 46px;
}
#wrapper .descblogfull .postedby {
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 565px;
	line-height: 16px;
	margin-bottom: 8px
}
#wrapper .descblog {
	width: 325px;
	float: right;
	margin: 0;
	padding: 0;
}
#wrapper .rightblog h2 {
	font-size: 18px;
	font-family: 'Signika Negative', sans-serif;
	margin-bottom: 7px;
	line-height: 20px;
}
#wrapper .rightblog a {
	text-decoration: none;
	color: #fff;
}
#wrapper .postedby {
	margin: 0;
	padding: 0;
	font-size: 11px;
	width: 325px;
	line-height: 16px;
	margin-bottom: 8px;
}
#wrapper .postedby span {
	display: block;
	float: left;
	padding-right: 10px;
	color: #555;
}
#wrapper .postedby span a {
	color: #555;
}
#wrapper .rightblog p {
	text-align: justify;
	font-size: 11px;
	line-height: 18px;
	color: #8a8a89;
	margin-bottom: 8px;
}
#wrapper .rightblog p.readmore a {
	display: inline-block;
	padding-left: 15px;
	line-height: 15px;
	font-size: 10px;
	color: #494948;
	background: url(../images/bg-arrowread.png) no-repeat left center;
}
.pagination {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	border-radius: 2px;
	background: rgba(24,24,24,0.8);
}
.pagination a.prev, .pagination a.next {
	display: block;
	float: left;
	line-height: 34px;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	margin-left: 10px;
	text-decoration: none;
}
.pagination ul {
	margin: 0;
	float: left;
	padding-left: 8px;
}
.pagination ul li {
	float: left;
	margin: 0;
}
.pagination ul li a {
	display: block;
	float: left;
	line-height: 34px;
	padding: 0 10px;
	font-size: 12px;
	color: #5f5f5f;
	font-weight: bold;
	text-decoration: none;
}
.pagination ul li a:hover, .pagination ul li a.active {
	background: rgba(45,45,45,0.2);
}
#desctext {
	margin: 0;
}
#desctext p {
	font-size: 11px;
	color: #8a8a89;
	line-height: 18px;
	margin-bottom: 10px;
	text-align: justify;
}
#desctext iframe {
	width:100%;
	height:320px;
}
#sortby {
	margin: 0;
	border-radius: 4px;
	background: rgba(24,24,24,0.8);
	margin-bottom: 20px;
	padding: 4px 0;
}
#sortby h4 {
	float: left;
	margin: 0;
	text-transform: uppercase;
	padding-left: 10px;
	line-height: 25px;
	font-size: 12px;
	font-family: 'Signika Negative', sans-serif;
}
#sortby #filter {
	float: left;
	margin: 0;
	padding-left: 10px;
}
.right {
	float: right !important;
}
#sortby #filter a {
	display: block;
	float: left;
	border-radius: 3px;
	border: 1px solid transparent;
	line-height: 23px;
	font-size: 11px;
	font-family: 'Signika Negative', sans-serif;
	text-transform: uppercase;
	padding: 0 5px;
	text-decoration: none;
	color: #676767;
	margin: 0 4px;
}
#sortby #filter a:hover {
	background: rgba(0,0,0,0.2);
	border: 1px solid #3e3f3f;
	color: #fff;
}
#sortby #filter a.active {
	background: rgba(0,0,0,0.2);
	border: 1px solid #3e3f3f;
	color: #fff;
}
#wrapper .wrappbox {
	margin: 0;
	margin-bottom: 20px;
}
#wrapper .mediumbox, #wrapper .smallbox {
	margin: 0;
	position: relative;
	overflow: hidden;
}
.nomargin {
	margin-left: 0 !important;
}
#wrapper .mediumbox img, #wrapper .smallbox img {
	float: left;
}
#wrapper .mediumbox span.angleshadow {
	display: block;
	float: left;
	width: 332px;
	height: 222px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	border: 4px solid rgba(0,0,0,0.1);
}
#wrapper .smallbox span.angleshadow {
	display: block;
	float: left;
	width: 212px;
	height: 162px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	border: 4px solid rgba(0,0,0,0.2);
}
#wrapper .smallbox {
	width: 220px;
	margin-left: 20px;
}
#wrapper .mediumbox:hover span.angleshadow, #wrapper .smallbox:hover span.angleshadow, #wrapper .smallboxother:hover span.angleshadow {
	background: url(../images/bg-frameborder.png);
	border: 4px solid rgba(255,255,255,0.4);
}
#wrapper .mediumbox h3, #wrapper .smallbox h3, #wrapper .smallboxother h3 {
	float: left;
	margin: 0;
	line-height: 30px;
	padding-left: 15px;
	position: absolute;
	left: 4px;
	font-size: 16px;
	font-family: 'Signika Negative', sans-serif;
	z-index: 100;
	background: rgba(0,0,0,0.8);
	bottom: 8px;
	font-weight: normal;
	padding: 0 10px;
}
#wrapper .mediumbox h3 a, #wrapper .smallbox h3 a, #wrapper .smallboxother h3 a {
	text-decoration: none;
	color: #fff;
}
#wrapper .imgbox {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	height: 230px;
	position: relative;
}
#wrapper .smallbox .imgbox {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	width: 220px;
	height: 170px;
	position: relative;
}
#wrapper .mediumbox p, #wrapper .smallbox p {
	line-height: 18px;
	font-size: 11px;
	margin-bottom: 8px;
	color: #8a8a89;
}
#wrapper .mediumbox p a.readmore, #wrapper .smallbox p a.readmore {
	background: url(../images/bg-arrowread.png) no-repeat left center;
	color: #494948;
	display: inline-block;
	font-size: 11px;
	line-height: 15px;
	padding-left: 12px;
	margin-left: 10px;
	text-decoration: none;
}
#wrapper .smallboxother {
	margin: 0;
	margin-left: 20px;
}
#wrapper .smallboxother .imgbox {
	margin: 0;
	margin-bottom: 15px;
	padding: 0;
	width: 160px;
	height: 130px;
	overflow: hidden;
	position: relative;
}
#wrapper .smallboxother span.angleshadow {
	display: block;
	float: left;
	width: 152px;
	height: 122px;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0;
	border: 4px solid rgba(0,0,0,0.2);
}
#widgetarea {
	float: right;
	width: 280px;
	margin: 0;
	padding: 0;
	margin-bottom: 50px;
	margin-top: 20px;
	margin-right: 20px;
}
#upcomingevents {
	float: left;
	background: #e18a1a;
	border: 1px solid #de7d00;
	width: 278px;
}
.widget {
	margin-bottom: 10px;
}
.toprow {
	float: left;
	width: 100%;
	padding-top: 15px;
}
.datearea {
	float: left;
	width: 100%;
	width: 77px;
	margin-top: 5px;
	text-align: center;
	height: 64px;
	border-right: 1px solid #e7a148;
	color: #fff;
}
.datearea strong {
	display: block;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 50px;
	font-weight: bold;
	letter-spacing: -2px;
	color:#FFF;
}
.datearea small {
	display: block;
	float: left;
	width: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	letter-spacing: -1px;
}
.contentbox {
	width: 178px !important;
	float: right !important;
	padding-right: 10px;
}
.contentbox h2 {
	font-family: 'Signika Negative', sans-serif;
	font-size: 16px;
	margin-bottom: 4px;
	line-height: 20px;
}
.contentbox h2 a {
	color: #fff;
	text-decoration: none;
}
.contentbox p {
	font-size: 11px;
	color: #fff2b8;
	line-height: 18px;
	margin: 0;
}
.bottomarea {
	width: 228px !important;
	padding: 10px 35px 10px 15px;
	position: relative;
	background: #de7d00;
	color: #fff;
}
.bottomarea h2 {
	font-size: 16px;
	color: #fff;
	padding-left: 40px;
	margin: 0;
	background: url(../images/ico-calender.png) no-repeat left top;
	line-height: 28px;
	text-transform: uppercase;
	font-family: 'Signika Negative', sans-serif;
}
#latestnews {
	float: left;
	background: #d3b800;
	border: 1px solid #dec200;
	width: 278px;
}
#latestnews .bottomarea {
	background: #dec200;
	font-weight: normal;
}
#latestnews .bottomarea h2 {
	background: url(../images/ico-latestnews.png) no-repeat 5px top;
	padding-left: 30px;
	font-weight: normal;
	line-height: 24px;
}
#widgetslider {
	position: relative;
	width: 278px;
	height: 104px;
	float: left;
}
#widgetslider div {
	float: left;
	width: 246px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 16px 20px 0 12px;
}
#widgetslider div h3 {
	font-size: 14px;
	font-family: 'Signika Negative', sans-serif;
	margin: 0;
	font-weight: normal;
	line-height: 18px;
	margin-bottom: 5px;
}
#widgetslider div h3 a {
	color: #fff;
	text-decoration: none;
}
#widgetslider div h5 {
	line-height: 15px;
	font-size: 11px;
	color: #fff2b8;
	font-weight: normal;
	text-transform: uppercase;
	margin-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
}
#widgetslider div h5 span {
	display: inline-block;
	margin-left: 12px;
}
#widgetslider div p {
	margin: 0;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	line-height: 18px;
}
#latesttweets {
	float: left;
	background: #00bbec;
	border: 1px solid #00c5f9;
	width: 278px;
}
#latesttweets .bottomarea {
	background: #00c5f9;
}
#latesttweets .bottomarea h2 {
	background: url(../images/ico-latestnews.png) no-repeat left center;
	line-height: 29px;
}
#tweetslider {
	position: relative;
	width: 278px;
	height: 104px;
	float: left;
}
#tweetslider div {
	float: left;
	width: 246px;
	position: absolute;
	left: 0;
	top: 0;
	padding: 16px 20px 0 12px;
}
#tweetslider div h3 {
	font-family: 'Signika Negative', sans-serif;
	color: #fff;
	margin: 0;
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 5px;
	line-height: 16px;
}
#tweetslider div h3 a {
	color: #fff;
	text-decoration: none;
}
#tweetslider div h3 a small {
	font-size: 12px;
}
#tweetslider div p {
	font-size: 11px;
	color: #fff;
	line-height: 17px;
	margin: 0;
}
#sliderevent {
	position: relative;
	width: 278px;
	float: left;
	overflow: hidden;
	height: 108px;
}
#sliderevent div.slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 278px;
	height: 108px;
}
.controls {
	float: left;
	position: absolute;
	right: 8px;
	top: 0;
	width: 24px;
	height: 14px;
	top: 50%;
	margin-top: -7px;
}
.controls span {
	display: block;
	float: left;
	text-indent: -9999px;
	width: 7px;
	cursor: pointer;
	height: 14px;
}
.controls span.leftarrow {
	background: url(../images/bg-arrowleft.png) no-repeat left top;
}
.controls span.leftarrow:hover {
	background: url(../images/bg-arrowleft-h.png) no-repeat left top;
}
.controls span.rightarrow {
	background: url(../images/bg-arrowright.png) no-repeat left top;
	float: right;
}
.controls span.rightarrow:hover {
	background: url(../images/bg-arrowright-h.png) no-repeat left top;
}
#imagecaption {
	float: left;
	width: 370px;
	background: url(../images/bg-transblack.png);
	position: absolute;
	left: 10px;
	height: 35%;
	display: none;
	overflow: hidden;
	padding: 25px 20px 20px 40px;
	bottom: 140px;
	z-index: 1000;
}
span.fancyclose {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/closebtn.png) no-repeat left top;
	position: absolute;
	right: 10px;
	top: 10px;
	text-indent: -9999px;
}
#imagecaption h2 {
	font-weight: normal;
	font-size: 50px;
	font-family: 'Signika Negative', sans-serif;
	line-height: 45px;
	margin-bottom: 10px;
}
#contentscroll {
	float: left;
	width: 370px;
	height: 70%;
	position: relative;
}
#contentscroll p {
	font-size: 12px;
	line-height: 24px;
	color: #c2c2c2;
	padding-right: 15px;
	text-align: justify;
	margin-bottom: 0px;
}
/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}
.jspPane {
	position: absolute;
}
.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 6px;
	height: 100%;
}
.jspHorizontalBar {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 16px;
}
.jspVerticalBar *, .jspHorizontalBar * {
	margin: 0;
	padding: 0;
}
.jspCap {
	display: none;
}
.jspHorizontalBar .jspCap {
	float: left;
}
.jspTrack {
	background: #878787;
	background: rgba(135,135,135,0.5);
	position: relative;
}
.jspDrag {
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}
.jspArrow {
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}
.jspArrow.jspDisabled {
	cursor: default;
	background: #80808d;
}
.jspVerticalBar .jspArrow {
	height: 16px;
}
.jspHorizontalBar .jspArrow {
	width: 16px;
	float: left;
	height: 100%;
}
.jspVerticalBar .jspArrow:focus {
	outline: none;
}
.jspCorner {
	background: #eeeef4;
	float: left;
	height: 100%;
}
/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
	margin: 0 -3px 0 0;
}
#righttop {
	float: right;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 100;
}
#righttop span.fancyclosetop {
	display: block;
	float: right;
	background: url(../images/fancyclose-btn.png) no-repeat left top;
	width: 30px;
	height: 32px;
	text-indent: -9999px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 0;
}
#righttop span.fancyclosetop:hover {
	background: url(../images/fancyclose-btnhover.png) no-repeat left top;
	width: 76px;
	z-index: 100;
}
#shareicon {
	float: left;
	position: absolute;
	right: 35px;
	top: 0;
}
a#btnshare {
	display: block;
	float: right;
	background: url(../images/social-icontop.png) no-repeat left top;
	width: 31px;
	height: 32px;
	text-indent: -9999px;
}
a#btnshare:hover, a#btnshare.active {
	background: url(../images/share-btntop-h.png) no-repeat left top;
	width: 75px;
}
#sharedrop {
	float: left;
	width: 105px;
	position: absolute;
	right: 0;
	top: 35px;
	display: none;
}
#sharedrop ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sharedrop li {
	float: left;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
	width: 100%;
}
#sharedrop li a {
	display: block;
	float: left;
	border-radius: 3px;
	line-height: 30px;
	padding-left: 5px;
	width: 100px;
	box-shadow: 0 0 4px rgba(0,0,0,0.3);
	color: #fff;
	text-decoration: none;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	background: rgba(0,0,0,0.75);
}
#sharedrop li a:hover {
	background: #000;
}
#sharedrop li a img {
	float: left;
	margin-right: 6px;
	margin-top: 9px;
}
.cp-controls, .cp-controls li {
	float: left;
	margin: 0;
	padding: 0;
}
#loaderwrapper {
	float: left;
	position: fixed;
	width: 100%;
	height: 100%;
}
.mc-hide-scrolls {
	overflow: hidden;
}
body .mc-cycle {
	height: 100%;
	left: 0;
	overflow: hidden;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: -1;
}
div.mc-image {
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	height: 100%;
	width: 100%;
}
.mc-old-browser .mc-image {
	overflow: hidden;
}
#cycle-loader {
	height: 32px;
	left: 50%;
	margin: -8px 0 0 -8px;
	position: absolute;
	top: 50%;
	width: 32px;
	z-index: 999;
}
/*I want to avoid jumpiness as the JS loads, so I initially hide my cycle*/
#maximage {
	display: none;
	background: #aaa;
	position: fixed !important;
}
#loadcontent {
	position: fixed;
	z-index: 1000;
	left: 0px;
	top: 0;
	background: #000;
	height: 100%;
	width: 100%;
	overflow: hidden;
}
body {
	overflow-x: hidden;
}
.loaderajax {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -8px;
	margin-top: -8px;
}
/* Styles - Kax
==============================================*/

/* Blog Detail
==============================================*/
.blog-detail {
	width: 700px !important;
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
}
/* Banner
================================================== */
.banner {
	float: left;
	width: 100%;
	height: 320px;
	margin-bottom: 20px;
	position:relative;
}
.sliderwrapper{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 320px;
}
.sliderwrapper .contentdiv{
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	background: #;
	width: 100%;
	height: 100%;
}
.pagination{
	left: 10px;
	bottom: 10px;
	padding: 2px 5px 2px 3px;
	position: absolute;
	border-radius: 20px;
	z-index: 9990;
	display: inline-block;
	background: url(../images/black.png);
}
.pagination a{
	float: left;
	width: 14px;
	height: 14px;
	margin-left: 2px;
	text-indent: -9999px;
	display: inline-block;
	background: url(../images/post-bullets.png) no-repeat bottom;
}
.pagination a:hover, .pagination a.selected{
	background-position: top;
}
.pagination a:first-child {
	margin-left: 0px;
}
.pagination a.prev, .pagination a.next{
	display:none;
}
/* Page Navigation
================================================== */
.page-nav {
	float: right;
}
a.prev-post {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	z-index: 1000;
	text-indent: -9999px;
	background: url(../images/page-nav.png) no-repeat left top;
}
a.next-post {
	display: block;
	float: left;
	width: 26px;
	height: 26px;
	margin-right: 10px;
	z-index: 1000;
	text-indent: -9999px;
	background: url(../images/page-nav.png) no-repeat left bottom;
}
a.iconbox {
	width: 26px;
	height: 26px;
	background: url(../images/icon-head.png) no-repeat left top;
}
a.iconbox:hover, a.iconbox.activeicon {
	background: url(../images/icon-head.png) no-repeat left top;
}
/* Blog Detail
================================================== */
.blog-desc {
	float: left;
	width: 100%;
	margin-bottom: 20px;
	position: relative;
	font-size: 11px;
	color: #8a8a89;
}
.blog-desc a {
	text-decoration: none;
}
.blog-desc p {
	margin: 0px;
	line-height: 18px;
	padding: 5px 0px;
}
.blog-desc .date {
	float: left;
	width: 80px;
	height: 65px;
	position: absolute;
	top: 0;
	left: 0;
	padding: 15px 0px 0px 0px;
	text-align: center;
	display: inline-block;
	background: url(../images/bg-cale.png) no-repeat;
}
.blog-desc .date h6 {
	color: #FFF;
	font-size: 16px;
	line-height: 18px;
}
.blog-desc .date h2 {
	color: #FFF;
	line-height: 27px;
}
.blog-desc .desc {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog-desc .desc .blog-opts {
	width: 100%;
	float: left;
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: #555555 solid 1px;
}
.blog-desc .desc .blog-opts p {
	float: left;
	color: #555555;
	padding: 0px 10px;
	line-height: 16px;
	background: url(../images/sep.png) no-repeat left;
}
.blog-desc .desc .blog-opts p a {
	color: #818181;
}
.blog-desc .desc .blog-opts p:first-child {
	padding-left: 0px;
	background: none;
}
.blog-desc .share {
	width: 100%;
	float: left;
	padding: 12px 10px;
	margin: 10px 0px 0px 0px;
	background: #151615;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.blog-desc .share h6 {
	float: left;
	padding: 0px 10px 0px 0px;
}
.blog-desc .share a {
	float: left;
	margin: 0px 5px;
}
.blog-desc .share a.print {
	color: #FFF;
	display: inline-block;
	padding: 0px 0px 0px 15px;
	margin: 5px 0px 0px 0px;
	background: url(../images/print.png) no-repeat 0px 0px;
}
/*
About Author
==============================================*/
.about-author {
	width: 100%;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.about-author .avatar {
	float: left;
	position: absolute;
	top: 20px;
	left: 20px;
}
.about-author .avatar img {
	float: left;
	border: #3e3e3e solid 1px;
}
.about-author .desc {
	float: left;
	width: 100%;
	padding: 0px 0px 0px 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.about-author .desc p {
	font-size: 11px;
	color: #8a8a89;
	padding: 3px 0px;
	margin: 0px;
	line-height: 18px;
}
/* Comments Section
================================================== */
.comments-sec {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.heading {
	margin: 0;
	border-bottom: 1px solid #272825;
	padding: 12px 0 12px 15px;
	line-height: 26px;
	font-size: 20px;
	text-transform: uppercase;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.headingone {
	margin: 0;
	border-bottom: 1px solid #272825;
	padding: 12px 0 12px 0px;
	line-height: 26px;
	font-size: 20px;
	text-transform: uppercase;
	float: left;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comments-sec ul {
	width: 100%;
	float: left;
	padding: 20px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comments-sec ul li {
	width: 100%;
	float: left;
	margin: 0;
	margin-top: 20px;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comments-sec ul li p {
	font-size: 11px;
	margin: 0;
	color: #8a8a89;
}
.comments-sec ul li a.reply {
	font-size: 11px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 10px;
	color: #555555;
	display: inline-block;
	text-decoration: none;
	background: url(../images/reply.png) no-repeat 0px 6px;
}
.comments-sec ul li:first-child {
	margin-top: 0px;
}
.comments-sec ul li .avatar {
	float: left;
	width: 48px;
	border: #b1b1b1 solid 1px;
	position: absolute;
	left: 0;
	right: 0;
}
.comments-sec ul li .avatar img {
	float: left;
}
.comments-sec ul li .desc {
	float: right;
	width: 100%;
	padding: 0px 0px 0px 65px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: relative;
}
.comments-sec ul li .desc .desc-in {
	float: left;
	width: 100%;
	position: relative;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	box-shadow: 0px 0px 3px #000;
	border: #181817 solid 1px;
	border-left: #181817 solid 5px;
}
.comments-sec ul li .desc .pointer {
	width: 9px;
	height: 15px;
	display: inline-block;
	position: absolute;
	left: -14px;
	top: 8px;
	background: url(../images/pointer.png) no-repeat;
}
.comments-sec ul li .desc .text-desc {
	width: 100%;
	padding: 10px 20px;
	position: relative;
	background: url(../images/black.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.comments-sec .desc .text-desc h5 {
	float: left;
}
.comments-sec .desc .text-desc h5 a {
	text-decoration: none;
	color: #FFF;
	font-size: 12px;
}
.comments-sec .desc .text-desc p.ago {
	float: left;
	color: #555555;
	padding: 3px 0px 0px 10px;
}
.comments-sec.desc .text-desc p.txt {
	float: left;
	width: 100%;
	padding: 5px 0px;
}
.comments-sec ul li.leveltwo {
	background: url(../images/comments-sep.gif) no-repeat 0px 0px;
	padding-left: 20px;
}
.comments-sec ul li.leveltwo .avatar {
	left: 20px;
}
.comments-sec ul li.levelthree {
	background: url(../images/comments-sep.gif) no-repeat 20px 0px;
	padding-left: 40px;
}
.comments-sec ul li.levelthree .avatar {
	left: 40px;
}
/* Leave A Reply Section
================================================== */
.leavereply {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.forms ul {
	width: 100%;
	float: left;
	padding: 20px;
	margin: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.forms ul li {
	width: 100%;
	float: left;
	margin: 0;
}
.forms input[type="text"], .forms input[type="password"], .forms input[type="email"], .forms select {
	height: 19px;
	line-height: 31px;
	width: 429px;
}
.forms ul li textarea {
	width: 100%;
	height: 120px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.forms ul li button {
	height: 30px;
	padding-bottom: 8px;
	border: #393837 solid 1px;
	background: none;
	color: #FFF;
	text-shadow: none;
	text-transform: uppercase;
	margin: 0;
}
.forms ul li button:hover {
	background: url(../images/black.png);
}
/* News Page
==============================================*/
#news-page {
	width: 100%;
	padding: 20px 20px 0 20px;
	margin-bottom: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#news-page a {
	text-decoration: none;
}
#news-page p {
	font-size: 11px;
	line-height: 18px;
	margin: 0;
	color: #8a8a89;
}
a.readmore {
	text-decoration: none;
	font-size: 11px;
	padding: 0px 0px 0px 10px;
	color: #555555;
	display: inline-block;
	text-decoration: none;
	background: url(../images/reply.png) no-repeat 0px 6px;
}
#news-page .tab_menu_container {
	width: 100%;
	padding: 10px;
	margin-bottom: 15px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/gray.png);
}
#news-page .tab_menu_container h6 {
	float: left;
	padding-right: 10px;
}
#news-page .tab_menu_container ul {
	float: left;
	margin: 0;
}
#news-page .tab_menu_container ul li {
	float: left;
	padding: 0px 5px;
	margin: 0;
}
#news-page .tab_menu_container ul li a {
	float: left;
	height: 20px;
	color: #676767;
	font-size: 11px;
	text-decoration: none;
	padding: 3px 10px 0px 10px;
	border: transparent solid 1px;
	font-family: 'Signika Negative', sans-serif;
	border-radius: 2px;
	cursor: pointer;
}
#news-page .tab_menu_container ul li a:hover, #news-page .tab_menu_container ul li a.current {
	background: url(../images/black.png);
	color: #ffffff;
	border: #454544 solid 1px;
}
#news-page .tab-list {
	display: none;
}
ul.news-list {
	width: 100%;
	float: left;
}
ul.news-list li {
	width: 100%;
	float: left;
	margin: 0;
	margin-top: 20px;
	border: #131313 solid 1px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url(../images/bg-blog.png);
	position: relative;
	box-shadow: 0px 0px 3px #000;
}
ul.news-list li:first-child {
	margin-top: 0px;
}
ul.news-list li .date {
	width: 80px;
	height: 80px;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	color: #FFF;
	display: inline-block;
	background: url(../images/bg-cale.png) no-repeat;
	float: left;
	margin: 10px 10px 0px 10px;
}
ul.news-list li .date h5 {
	color: #FFF;
	line-height: 18px;
	padding: 12px 0px 0px 0px;
}
ul.news-list li .date h2 {
	color: #FFF;
}
ul.news-list li .desc {
	background: url(../images/black.png);
	float: left;
	width: 100%;
	padding: 0px 0px 0px 100px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.news-list li .desc .desc-in {
	border-left: #151515 solid 1px;
	float: left;
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul.news-list li .desc h4 {
	margin: 0;
}
ul.news-list li .desc h4 a {
	color: #FFF;
}
ul.news-list a.readmore {
	margin: 10px 0px 0px 0px;
}
/* Gallery
-----------------------------------------------*/
#gal-container {
	display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	position:relative;
}
#gal-container li {
	float: left;
	position: relative;
}
#gal-container li h4{
	position: absolute;
	padding: 5px 8px;
	left: 0;
	bottom: -5px;
	background:url(../images/black.png);
}
#gal-container li h4 a{
	text-decoration:none;
	color:#FFF;
	font-size:18px;
}
#gal-container ul.hidden {
	display:none;
}
/* Gallery Two Column
================================================== */
.gallery-two-col {
	width:740px;
	float:left;
	overflow:hidden;
	margin:0px 0px -20px -20px;
}
.gallery-two-col li{
	width:340px;
	height:230px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 20px;
	border:#000000 solid 1px;
}
/* Gallery Three Column
================================================== */
.gallery-three-col {
	width:740px;
	float:left;
	overflow:hidden;
	margin-bottom:-20px;
	margin-left:-20px;
}
.gallery-three-col li{
	width:220px;
	height:170px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0px 0px 20px 19px;
	border:#000 solid 1px;
}
/* Gallery Four Column
================================================== */
.gallery-four-col {
	width:740px;
	float:left;
	overflow:hidden;
	margin-left:-20px;
	margin-bottom:-20px;
}
.gallery-four-col li{
	width:160px;
	height:130px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 20px;
	border:#000 solid 1px;
}
/* Gallery Two Column
================================================== */
.portfolio-two-col {
	width:740px;
	float:left;
	overflow:hidden;
	margin:0px 0px -20px -20px;
}
.portfolio-two-col li{
	width:340px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 20px;
}
.portfolio-two-col li .thumb{
	position:relative;
}
.portfolio-two-col li h4 a{
	background:url(../images/black.png);
	bottom:10px;
	float:left;
	font-size:16px;
	left:0;
	padding:2px 10px;
	position:absolute;
	color:#FFF;
	text-decoration:none;
}
.portfolio-two-col li p{
	color:#8A8A89;
	font-size:11px;
	margin-bottom:0px;
}
/* Gallery Three Column
================================================== */
.portfolio-three-col {
	width:740px;
	float:left;
	overflow:hidden;
	margin-bottom:-20px;
	margin-left:-20px;
}
.portfolio-three-col li{
	width:220px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0px 0px 20px 19px;
}
.portfolio-three-col li .thumb{
	position:relative;
}
.portfolio-three-col li h4 a{
	background:url(../images/black.png);
	bottom:10px;
	float:left;
	font-size:16px;
	left:0;
	padding:2px 10px;
	position:absolute;
	color:#FFF;
	text-decoration:none;
}
.portfolio-three-col li p{
	color:#8A8A89;
	font-size:11px;
	margin-bottom:0px;
}
/* Gallery Four Column
================================================== */
.portfolio-four-col {
	width:740px;
	float:left;
	overflow:hidden;
	margin-left:-20px;
	margin-bottom:-20px;
}
.portfolio-four-col li{
	width:160px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 20px;
}
.portfolio-four-col li .thumb{
	position:relative;
}
.portfolio-four-col li h4 a{
	background:url(../images/black.png);
	bottom:10px;
	float:left;
	font-size:16px;
	left:0;
	padding:2px 10px;
	position:absolute;
	color:#FFF;
	text-decoration:none;
}
.portfolio-four-col li p{
	color:#8A8A89;
	font-size:11px;
	margin-bottom:0px;
}
/* Contact Us
-----------------------------------------------*/
#contactus {
	width: 700px;
	padding: 20px 20px 0 20px;
	margin: 0;
	margin-bottom: 20px;
}
#contactus iframe {
	margin-bottom: 20px;
}
/* Quick Inquiry
================================================== */
.quickinquiry {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
.quickinquiry ul {
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0;
}
/*----------------------------
	Styling the forms
-----------------------------*/


#formContainer {
	width: 740px;
	position: relative;
	z-index: 9999;
	-moz-perspective: 740px;
	-webkit-perspective: 740px;
	perspective: 740px;
}
#formContainer .threedbox {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	/* Enabling 3d space for the transforms */
	-moz-transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	/* When the forms are flipped, they will be hidden */
	-moz-backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Enabling a smooth animated transition */
	-moz-transition: 0.4s;
	-webkit-transition: 0.4s;
	transition: 0.4s;
	/* Configure a keyframe animation for Firefox */
	-moz-animation: pulse 2s infinite;
	/* Configure it for Chrome and Safari */
	-webkit-animation: pulse 2s infinite;
}


/* Firefox Keyframe Animation */
@-moz-keyframes pulse {
 0% {
box-shadow:0 0 1px #008aff;
}
 50% {
box-shadow:0 0 8px #008aff;
}
 100% {
box-shadow:0 0 1px #008aff;
}
}

/* Webkit keyframe animation */
@-webkit-keyframes pulse {
 0% {
box-shadow:0 0 1px #008aff;
}
 50% {
box-shadow:0 0 10px #008aff;
}
 100% {
box-shadow:0 0 1px #008aff;
}
}
#post-1 {
	z-index: 100;
}
#post-2 {
	z-index: 1;
	opacity: 0;
	/* Rotating the recover password form by default */
	-moz-transform: rotateY(135deg);
	-webkit-transform: rotateY(135deg);
	transform: rotateY(135deg);
}
#formContainer.flipped #post-1 {
	opacity: 0;
	/**
	 * Rotating the login form when the
	 * flipped class is added to the container
	 */
	
	-moz-transform: rotateY(-135deg);
	-webkit-transform: rotateY(-135deg);
	transform: rotateY(-135deg);
}
#formContainer.flipped #post-2 {
	opacity: 1;
	/* Rotating the recover div into view */
	-moz-transform: rotateY(0deg);
	-webkit-transform: rotateY(0deg);
	transform: rotateY(0deg);
}