/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block}
mark, rp, rt, ruby, summary, time {display:inline}
/* Left & Right alignment */
.left {float:left}
.right {float:right}
.wrapper {width:100%;overflow:hidden}
/* Global properties ======================================================== */
body {
	border:0;
	color:#666666;
	line-height:20px;
	min-width:1100px;
	height:100%;
	overflow:hidden;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 60%;
}

html {
/*background: url('../images/background2.jpg') no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;*/
}

p {font-size:1.6em;}

img {
  max-width: 100%;
  height: auto;
}


.ic {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}
/* Global Structure ============================================================= */
.main {	margin:0 auto;width:1100px}
.bg_spinner {width:100px;height:13px;position:absolute;z-index:2;background:url(../images/loader.gif) 0 0 no-repeat;top:5px;left:5px}

.spinner {position:absolute;z-index:99;background:url(../images/loader.gif) 50% 50% no-repeat #000;width:100%;height:100%;top:0;left:0}
.block {height:92px}
.extra {min-height:100%;height:auto !important;height:100%;margin:0 auto -92px;position:relative}
body, html {height:100%}
.bg1 {
	position:relative;
	z-index:1;
	height:90px;
	background-color: rgba(51, 51, 51, 0.8);
}
.box {
	width:100%;
	overflow:hidden;
	padding-top:0px;
	padding-bottom:110px;
	position:relative
}
.pagination {
	position:absolute;
	top:-35px;
	left:0;
	background-color: #333333;
}
.pagination li {float:left;padding-right:2px;font-size:20px;line-height:34px}
.pagination a {display:inline-block;width:35px;height:35px;color:#000;text-align:center;text-decoration:none;text-align:center;background:#fff}
.pagination a:hover, .pagination .current a {background-position:left;color:#333;background:#000}
/* ============================= main layout ====================== */
a {color:#808080;text-decoration:underline;outline:none}
a:hover {text-decoration:none}
h1 {
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
h2 {font-size:2.6em;line-height:1.2em;padding:17px 0 20px 0;color:#333;font-weight:700}
p {padding-bottom:20px}
/* ============================= header ====================== */
header {
	width:300px;
	float:left
}
#logo {
	display:block;
	text-indent:-9999px;
	background:url(../images/logo.png) 0 0 no-repeat;
	width:280px;
	height:90px
}
#menu {
	padding-top:60px
}
#menu > li {width:20em;overflow:hidden;padding-bottom:4px}
#menu > li > a {
	display:inline-block;
	font-size:2em;
	line-height:2.4em;
	height:2.4em;
	color:#fff;
	background:#333333;
	text-decoration:none;
	position:relative;
	letter-spacing:0px;
	cursor:pointer
}
#menu > li > a span {display:block;background:#fff;position:absolute;width:100%;height:100%;top:0;left:0}
#menu > li > a strong {
	position:relative;
	display:block;
	height:3em;
	width:22em;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 1em;
}
#menu > li > a:hover, #menu > li > a.active {color:#333333}
#menu > li > a:hover strong, #menu > li > a.active strong{}


/* ============================= content ====================== */

/*#content {height:868px;width:740px;float:left;position:relative}*/
#content {height:70%;width:740px;float:left;position:relative}
#content > ul > li {position:relative;height:100%;width:100%;bottom:0}
.box1 {background:url(../images/bg.png) repeat;width:100%;height:100%;position:absolute;top:0;left:0}
/*#page_Gallery .box1 {background:transparent}
#page_Events .box1 {background:transparent} 
#page_Videos .box1 {background:transparent}*/
.inner {padding:25px 55px 25px 60px;position:relative}
.close {position:absolute;top:20px;right:20px;width:25px;height:25px;background:url(../images/close.gif) 0 0 no-repeat;display:block}
.close span {display:block;background:url(../images/close.gif) 0 bottom no-repeat;width:100%;height:100%}
#page_Home .pad_left1 {padding-left:34px; }
.pad_bot1 {padding-bottom:25px}
.pad_bot2 {padding-bottom:4px}
.pad_bot3 {padding-bottom:10px}
.marg_right1 {margin-right:29px}
#page_Services .pad_bot3 {padding-bottom:15px}
#content figure {padding-top:5px}
.button1 {display:inline-block;font-size:16px;color:#000;text-transform:uppercase;text-decoration:none;background:#fff;line-height:33px;position:relative}
.button1 span {position:absolute;top:0;left:0;width:100%;height:100%;background:#000}
.button1 strong {position:relative;font-weight:400;display:block;padding:0 14px;letter-spacing:-1px}
.button1:hover {color:#fff}
.date {float:left;width:52px;margin-right:17px;text-align:center;font-size:49px;font-weight:700;color:#333;letter-spacing:-1px;line-height:1.2em}
.date strong {margin-top:-9px;display:block}
.date span {font-weight:400;font-size:25px;line-height:1.2em;margin-top:-13px;display:block}
.color1 {color:#333}
.list1, .list2 {margin-top:-2px}
.list1 li, .list2 li {line-height:24px}
.list1 a, .list2 a {padding-left:10px;background:url(../images/marker_1.gif) 0 6px no-repeat;text-decoration:none}
.list1 a:hover {color:#fff}
.list2 a {color:#fff}
.list2 a:hover {color:#808080}
.tabs .nav {padding-top:5px}
.tabs .nav li {line-height:28px;padding-bottom:2px}
.tabs .nav li a {position:relative;font-size:1em;letter-spacing:-1px;text-transform:uppercase;text-decoration:none;height:28px;line-height:26px;padding:0 9px 0 9px;color:#fff;background:#333333;display:inline-block; width:100%;}
.tabs .nav li a span {
	display:block;
	position:absolute;
	top:0;
	width:100%;
	left:0px;
	height:31px;
	background:#ffffff
}
.tabs .nav li a strong {font-weight:400}
.tabs .nav li a:hover, .tabs .nav .selected a {color:#000}

.tab-content figure {padding-bottom:15px}
.tab-content figure.marg_right1 {margin-right:20px}

/* Lightbox image */
.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff;z-index:1}
.lightbox-image img {position:relative;z-index:1}
.lightbox-image > span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/border.gif) 0 0 no-repeat;z-index:2}
.pp_details {height:0;padding:0;margin:0;font-size:0;line-height:0;visibility:visible !important}
.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}
.pp_close {position:absolute;z-index:99;top:-30px;right:0;display:none !important}
div.light_square .pp_next {position:absolute;top:48%;right:-68px;width:35px;height:35px;background:url(../images/marker_right.gif) left top no-repeat;visibility:visible !important}
div.light_square .pp_next:hover {background-position:bottom}
div.light_square .pp_previous {position:absolute;top:48%;left:-68px;width:35px;height:35px;background:url(../images/marker_left.gif) left top no-repeat;visibility:visible !important}
div.light_square .pp_previous:hover {background-position:bottom}
.pp_arrow_previous, .pp_arrow_next {display:none !important}
.link1 {color:#333;text-decoration:none}
.link1:hover {text-decoration:underline}


/* ============================= footer ====================== */
footer {font-size:1.5em;font-weight:400;line-height:40px;position:relative;padding:24px 0 0 0;color:#fff}
footer a {color:#fff;text-decoration:none}
footer a:hover {color:#fff}
.col_1 {width:300px;float:left}
.col_2 {width:700px;float:left;text-align:right}
.col_3 {width:150px;float:left;text-align:right}
#footer_logo {float:left;background:url(../images/footer_logo.gif) 0 0 no-repeat;width:111px;height:45px;text-indent:-9999px;margin-right:22px}

.social {position:absolute;top:33px;right:0}
.social li {float:left;padding-right:2px;font-size:20px;line-height:34px}
.social a {display:inline-block;width:30px;height:30px;text-align:center;text-decoration:none;text-align:center;background:transparent}
.social a:hover, .pagination .current a {background-position:left;}

.facebook{padding-top:50px; padding-left:20px}

.language {position:absolute;top:10px;left:20px;} 
.language li {float:left;padding-right:8px;font-size:1.5em;line-height:34px}
.language a {display:inline-block;height:32px;color:#000;text-align:center;text-decoration:none;text-align:center;background:transparent}
.language a:hover, .pagination .current a {background-position:left;color:#fff;}

/* ============================= forms ============================= */
#ContactForm {margin-top:-2px}
#ContactForm .wrapper {overflow:inherit;min-height:30px}
#ContactForm span {float:left;width:75px;color:#333;padding-top:2px}
#ContactForm a {margin-right:10px;float:left;margin-top:23px;width:112px;text-align:center}
#ContactForm a span {width:100%}
#ContactForm .input {float:left;margin:0;width:525px;height:16px;background:#fff;padding:4px 10px;color:#808080;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}
#ContactForm textarea {overflow:auto;margin:0;float:left;width:525px;height:289px;background:#fff;padding:4px 10px;color:#808080;font:14px "Trebuchet MS", Arial, Helvetica, sans-serif}


/*mobilynotes*/
.notes_img {
position:relative;
float:left;
clear:both;
width:200px;
height:200px;
}

.note {
position:absolute;
top:0;
left:0;
padding:10px;
background:#fff;
border:1px solid #D8D8D8;
width:200px;
}

.slider {
	width:100%;
}
.items{
	display:none;
}


/*****/
.event{
	width:400px;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left:0px;
	border: 1px solid #999999;
	overflow:auto;
	background-color: #D8E2EC;
}

	.event-title{
		width:280px;
		background:url(images/bgpost-title.jpg) repeat-x top center;
		height:38px;
		-webkit-border-radius:2px;
		-webkit-box-shadow:0 1px 2px #2b2a2a;
		z-index:5;
	}
	
	.event-title h2{
	color:#333333;
	font-size:14px;
	text-shadow:0 1px #fff;
	text-transform:uppercase;
	font-weight:normal;
	font-size:14px;
	line-height:38px;
	float:left;
	display:block;
	padding:0 0 0 22px;
		}
	
		.event-title h2 a{
	color:#717171;
	font-size:14px;
	text-shadow:0 1px #fff;
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	font-size:24px;
	line-height:38px;
	float:left;
	display:block;
	word-spacing:-1px;
		}
		
    .event-content{
	width:400px;
	overflow:auto;
	background-color: #66CCCC;
	}
	
	.event-content p{
		font-size:14px;
	}
	
.slpagination {
	position:absolute;
	top:200px;
	z-index:100;
	left:00px;
}
.slpagination li {
	float:left;	
	cursor:pointer;
	padding:0;	
	margin-right:2px;
}
.slpagination li a {
	display:block;
	width:24px;
	height:24px;
	padding:0 !important;
	font-size:0;
	line-height:0;
	background:url(images/nav-bg.png) left 0px no-repeat;
}
.slpagination li.current a, .slpagination li:hover a{
	background:url(images/nav-bg.png) left -24px no-repeat;
}