/*
Template 2040 Blue Arc
http://www.tooplate.com/view/2040-blue-arc
*/


body {
	margin: 0;
	padding: 0;
	color: #9c9893;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 13px;
	line-height: 1.7em; 
	background-image:url(images/background/bg.jpg);	
	 -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-attachment:fixed;
		
}

a, a:link, a:visited { 
	color: #f9b507; 
	font-weight: normal; 
	text-decoration: underline; 
	font-size: 12px; 
}

a:hover { 
	text-decoration: none; 
}

a.more { 
	display: block; 
	width: 77px; 
	line-height: 25px; 
	height: 25px; 
	text-align: center; 
	text-decoration: none; 
	font-weight: 700; 
	font-size: 11px; 
	background: url(images/tooplate_more.png)  no-repeat top center; 
	color: #46b8fb;
}

a.more:hover { 
	color: #fff; 
}

p { 
	margin: 0 0 10px 0; 
	padding: 0; 
}

img { 
	border: none; 
}

blockquote { 
	font-style: italic; 
	margin: 0 0 0 10px;
}

cite { 
	font-weight: bold; 
	color:#fff; 
}

cite span { 
	color: #fff; 
}

em { 
	color: #c8690a; 
}

h1, h2, h3, h4, h5, h6 { color: #ffcc00; font-weight: normal; }
h1 { font-size: 34px; margin: 0 0 20px; padding: 5px 0 }
h2 { font-size: 28px; margin: 0 0 15px; padding: 5px 0; }
h3 { font-size: 24px; margin: 0 0 15px; padding: 0; }
h4 { font-size: 18px; margin: 0 0 15px; padding: 0; }
h5 { font-size: 16px; margin: 0 0 10px; padding: 0;  }
h6 { font-size: 14px; margin: 0 0 5px; padding: 0; }

.cleaner { clear: both }
.h10 { height: 10px }
.h20 { height: 20px }
.h30 { height: 30px }
.h40 { height: 40px }
.h50 { height: 50px }
.h60 { height: 60px }

.float_l { float: left }
.float_r { float: right }

.image_wrapper { 
	display: inline-block; 
	border: 1px solid #1b72e9; 
	padding: 4px; 
	background: #000; 
	margin-bottom: 5px; 
}

.image_fl { 
	float: left; 
	margin: 3px 30px 0 0; 
}

.image_fr { 
	float: right; 
	margin: 3px 0 0 30px; 
}

.tooplate_list { 
	margin: 21px 40px 30px 3px; 
	padding: 0; 
	list-style: none; 
	text-align:left;

}

.tooplate_list li { 
	color:#fff; 
	margin: 0; 
	padding: 0 0 10px 20px; 
	background: url(images/tooplate_list.png) no-repeat scroll 0 7px;
  
}

.tooplate_list li a { 
	color: #fff; 
	font-weight: normal; 
	font-size: 12px; 
	text-decoration: none;
	 
}

.tooplate_list li a:hover { 
	text-decoration: underline;
	 
}

#tooplate_wrapper {
	width: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
    
}

/* menu */

#tooplate_menu {
	float: right;
	width: 988px;
	height: 88px;
	background: url(images/tooplate_menu.png);
	
	
	
}

#tooplate_menu ul {
	display: block;
	width: 600px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	
	
}

#tooplate_menu ul li {
	float: left;
	display: block;
	width: 120px;
	height: 88px;
	padding: 0;
	margin: 0;
	display: inline;
	
	background: url(images/tooplate_menu_divider.png) right top no-repeat;
	
	
}

#tooplate_menu ul .last { 
	background: none; 
}

#tooplate_menu ul li a {
	float: left;
	display: block;
	width: 120px;
	padding: 10px 0 0;
	font-size: 16px;
	color: #5473a8;	
	text-align: center;
	text-decoration: none;
	font-weight: 400;
	outline: none;
	border: none;
    

	
}


#tooplate_menu ul li a:hover, #tooplate_menu ul .current {
	color: #fff;
	text-shadow: 1px 1px 1px #000;
	
	
}

/* end of menu */

#tooplate_header {
	clear: both;
	width: 988px;
	text-align: center;
	background: url(images/tooplate_header.png) no-repeat top ;
	

}

#site_title { 
	width: 300px; 
	margin: 0 auto; 
}

#site_title h1 { 
	margin: 0; 
	padding: 0; 
}

#site_title h1 a { 
	display: block; 
	width: 100px;	 
	height: 90px;	
	margin-left:-300px;
	margin-top:30px;

	
		
	
	color: #fff;
	outline:; 
	text-indent: -10000px; 
	background:url(images/logo.png)  no-repeat  ;
	 
	
	
	
	
}

/* end of menu */
#about_mid{
	clear: both;
	width: 800px;
	height: 227px;
	padding: 100px 94px;
	overflow: hidden;
	
	}


#tooplate_middle { 
	clear: both;
	width: 800px;
	height: 227px;
	padding: 100px 100px;
	overflow: hidden;
	
	margin-left:110px;
	margin-top:-400px;
	
}

#mid_title { 
	font-size: 34px; 
	font-weight: 400; 
	color: #000066; 
	margin-bottom: 20px; 
	text-shadow: 1px 1px 3px #000;
	margin-left:85px; 
}

#tooplate_middle p {
	width: 700px;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 30px;
	margin-bottom: 40px;
	margin-left:85px;
	
}

/* main */

#tooplate_main {
	clear: both;
	width: 960px;
	padding: 0 14px;
	margin: 0;
	margin-left:120px;
	
	
	
}

.col_w960 { width: 960px; margin-bottom: 60px; color:#FFFFFF }
.col_w600 { width: 600px }
.col_w450 { width: 450px }
.col_w300 { width: 300px  }
.col_w200 { width: 200px }
.col_allw300 { float: left; width: 300px; margin-right: 30px }
.col_last { margin: 0 }

.frontpage_box h2 { 
	font-size: 20px; 
	padding: 0; 
	margin-bottom: 5px; 
	color: #FFCC00;
	 
	
}

.frontpage_box img { 
	float: left; 
	margin-right: 15px;
}

.frontpage_box a.more { 
margin-top: 15px; 
}

.tagline { 
	display: block; 
	font-size: 11px; 
	font-weight: bold; 
	font-style: italic; 
	color: #666; 
	margin-bottom: 20px; 
}

.lp_frontpage { 
	margin: 0; 
	padding: 0; 
	list-style: none; 
}

.lp_frontpage li { 
	margin: 0; 
	padding: 0; 
	display: inline; 
}

.lp_frontpage li a { 
	float: left; 
	display: block; 
	width: 200px; 
	height: 100px; 
	margin: 0 10px 10px 0; 
}

.lp_frontpage li a img { 
	width: 190px; 
	height: 90px; 
	border: 1px solid #203252; 
	padding: 4px; 
}

.sb_lp_box { 
	clear: both; 
	margin-bottom: 20px; 
}

.sb_lp_box img { 
	width: 280px; 
	height: 140px; 
	padding: 9px; 
	border: 1px solid #ccc; 
}

#gallery { 
	margin: 0; 
	padding: 0;
	margin-top:-20px; 
}

#gallery .gallery_box { 
	clear: both; 
	margin-bottom: 30px; 
	padding-bottom: 30px; 
	margin-left:180px;
	margin-top:88px;
}

#gallery .gallery_box img { 
	float: right; 
	width: 420px; 
	height: 200px; 
	border: 1px solid #ccc; 
	padding: 9px; 
	margin-left: 20px; 
	background: #fff;
     margin-top:-5px;	 
}

#gallery .last_box { 
	margin-bottom: 0; 
	padding-bottom: 0; 
	background: none; 
}

.news_box { 
	margin-bottom: 60px; 
}

.news_box h2 { 
	font-size: 16px; 
	margin-bottom: 0; 
}

.news_box p.date { 
	color: #000; 
	margin-bottom: 0; 
} 

.news_box img { 
	float: left; 
	width: 100px; 
	height: 100px; 
	border: 5px solid #ccc; 
	margin-right: 60px;
 
}

.news_box a.more { 
	float: right; 
}

.lbe_box { 
	clear: both; 
	margin-bottom: 20px; 
}

.lbe_date { 
	float: left; 
	width: 100px; 
	font-size: 12px; 
	font-weight: bold; 
}

.lbe_date span { 
	display: block; 
	font-weight: normal; 
}

.lbe_content { 
	float: right; 
	width: 320px; 
}

.lbe_box h3 { 
	font-size: 16px; 
	margin-bottom: 0 
}

.lbe_box h3 a { 
	color: #f9b507; 
	font-size: 16px; 
	font-weight: normal; 
}

.lbe_box h3 a span { 
	font-size: 12px; 
	color: #333; 
}

.lbe_box p { 
	margin-bottom: 0; 
}

.lbe_box p.date { 
	font-size: 10px; 
	font-weight: 700; 
	color: #f9b507; 
}

#cp_contact_form { 
	padding: 0; 
	width: 400px; 
}

#cp_contact_form form { 
	margin: 0px; 
	padding: 0px; 
}

#cp_contact_form form .input_field { 
	width: 270px;  
	color: #ccc;
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	padding: 8px; 
	border: 1px solid #102a61;  
	background: #050C17; 
}

#cp_contact_form form label { 
	display: block; 
	width: 100px; 
	margin-bottom: 10px; 
	font-size: 13px; 
	color: #fff; 
}

#cp_contact_form form textarea { 
	width: 388px; 
	height: 200px; 
	padding: 8px; 
	color: #ccc; 
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	border: 1px solid #102a61;  
	background: #050C17; 
	resize:none;
}

#cp_contact_form form .submit_btn { 
	margin: 5px 0px; 
	padding: 8px 14px; 
	color: #fff;
	font-family: Tahoma, Geneva, sans-serif; 
	font-size: 12px; 
	border: 1px solid #102a61; 
	background: #050C17; 
}

#map img { 
	width: 270px; 
	height: 160px; 
	border: 1px solid #999; 
	padding: 4px; 
}

#tooplate_footer_wrapper {
	margin-top:30px;
	clear: both;
	width: 100%;
	border-top: 1px solid #111f37;
	background: #050c17;
}

#tooplate_footer {
	clear: both;
	width: 960px;
	padding: 30px 14px;
	text-align: center;
	color: #ccc;
	margin: 0 auto;
}

#tooplate_footer a {
	font-weight: normal;
	color: #fff;
}
/*
Image Caption
*/



caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}


/* Style */


#mainwrapper {
	font: 10pt normal Arial, sans-serif;
	height: auto;
	margin: -127px auto 0 auto;
	text-align: center;
	width: 660px;
}

/* Image Box Style */
#mainwrapper .box {
	border: 5px solid #fff;
	cursor: pointer;
	height: 182px;
	float: left;
	margin: 5px;
	position: relative;
	overflow: hidden;
	width: 200px;
	margin-left:30px;
		-webkit-box-shadow: 1px 1px 1px 1px #ccc;
		-moz-box-shadow: 1px 1px 1px 1px #ccc;
		box-shadow: 1px 1px 1px 1px #ccc;
}
#mainwrapper .box img {
	position: absolute;
	left: 0;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/* Caption Common Style */
#mainwrapper .box .caption {
	background-color: rgba(0,0,0,0.8);
	position: absolute;
	color: #fff;
	z-index: 100;
		-webkit-transition: all 300ms ease-out;
		-moz-transition: all 300ms ease-out;
		-o-transition: all 300ms ease-out;
		-ms-transition: all 300ms ease-out;	
		transition: all 300ms ease-out;
	left: 0;
}


/** Caption 1: Simple **/
#mainwrapper .box .simple-caption {
	height: 30px;
	width: 200px;
	display: block;
	bottom: -30px;
	line-height: 25pt;
	text-align: center;
}

/** Caption 2: Full Width & Height **/
#mainwrapper .box .full-caption {
	width: 170px;
	height: 170px;	
	top: -200px;
	text-align: left;
	padding: 15px;
}

/** Caption 3: Fade **/
#mainwrapper .box .fade-caption, #mainwrapper .box .scale-caption  {
	opacity: 0;
	width: 170px;
	height: 170px;
	text-align: left;
	padding: 15px;
}

/** Caption 4: Slide **/
#mainwrapper .box .slide-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	left: 200px;
}

/** Caption 5: Rotate **/
#mainwrapper #box-5.box .rotate-caption {
	width: 170px;
	height: 170px;	
	text-align: left;
	padding: 15px;
	top: 230px;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

#mainwrapper .box .rotate {
	width: 200px;
	height: 400px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

/** Caption 6: Scale **/
#mainwrapper .box .scale-caption h3, #mainwrapper .box .scale-caption p {
	position: relative;
	left: -200px;
	width: 170px;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;	
	transition: all 300ms ease-out;
}

#mainwrapper .box .scale-caption h3 {
	-webkit-transition-delay: 300ms;
	-moz-transition-delay: 300ms;
	-o-transition-delay: 300ms;
	-ms-transition-delay: 300ms;	
	transition-delay: 300ms;
}

#mainwrapper .box .scale-caption p {
	-webkit-transition-delay: 500ms;
	-moz-transition-delay: 500ms;
	-o-transition-delay: 500ms;
	-ms-transition-delay: 500ms;	
	transition-delay: 500ms;
}

/** Simple Caption :hover Behaviour **/
#mainwrapper .box:hover .simple-caption {
	-moz-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	opacity: 1;
	transform: translateY(-100%);
}

/** Full Caption :hover Behaviour **/
#mainwrapper .box:hover .full-caption {
	-moz-transform: translateY(100%);
	-o-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	opacity: 1;
	transform: translateY(100%);
}

/** Fade Caption :hover Behaviour **/
#mainwrapper .box:hover .fade-caption, #mainwrapper .box:hover .scale-caption  {
	opacity: 1;
}

/** Slide Caption :hover Behaviour **/
#mainwrapper .box:hover .slide-caption {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	opacity: 1;
	transform: translateX(-100%);
}
#mainwrapper .box:hover img#image-4 {
	-moz-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 1;
}

/** Rotate Caption :hover Behaviour **/
#mainwrapper .box:hover .rotate {
	background-color: rgba(0,0,0,1) !important;
	-moz-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
}

/** Scale Caption :hover Behaviour **/
#mainwrapper .box:hover #image-6 {
	-moz-transform: scale(1.4);
	-o-transform: scale(1.4);
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

#mainwrapper .box:hover .scale-caption h3, #mainwrapper .box:hover .scale-caption p {
	-moz-transform: translateX(200px);
	-o-transform: translateX(200px);
	-webkit-transform: translateX(200px);
	transform: translateX(200px);
}

/*
sidebar
*/

.point-top,
.point-bottom {
    width:0;
    height: 0;
    border-right: 75px solid transparent;
    border-left: 75px solid transparent;
}



.triangles-menu {
  background-color:transparent;
  width: 150px;
  padding-bottom: 1em;
  margin-top:90px;
  border:double;
}

.triangles-menu a {
  display: block;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 50;
  font-size: 1.4em;
  color: white;
  text-align: center;
  text-decoration:none;
  margin-bottom: .6em;
  
}

.triangles-menu a:first-of-type { 
  padding-top: 1em;
  text-decoration: none;
}

.triangles-menu a:hover {
  text-decoration:none;
  
 
}

.point-bottom {
  border-top: 50px solid rgb(177, 99, 163);
  border-bottom: 0;
}
a:hover{
color:#06F;
	}