@font-face {
  font-family: "Shine";
  src: url("css/type/Shine_Regular.ttf");
  }

@font-face {
  font-family: "Alive";
  src: url("css/type/Alive.ttf");
  }

body {
	margin: 0px; padding: 0px;
	font: 16px/22px Arial, Helvetica, sans-serif;

}
body{
    transition:all .2s linear; 
    -o-transition:all .2s linear; 
    -moz-transition:all .2s linear; 
    -webkit-transition:all .2s linear;	
}
a{
		color: #2795E3;

	font-weight: bold;
	text-decoration: none;
}
a:hover { 	color: #00aba1;		text-decoration: underline; }
a:hover img{  opacity: 0.7; }

h1,h2,h3,h4,h5,p,table{
	margin: 0px; padding: 0px;	
	margin-bottom: 15px;
}
h1{

	font: 45px/45px 'Shine';
	color: #000;
	margin: 0px;
}
.home h1{  
	font: 45px/45px 'Shine';
	color: #FFF;
	padding: 15px;
	background: url(images/black-opacity.png);
	margin-bottom: 30px;
   }
.competition h1{ font-size: 40px; margin-bottom: 0px; }

.competition a{ background: #2795E3; color: #FFF; padding: 10px; float: right;  }

.competition.contentBlock{ padding: 0px; width: 960px; margin-bottom: 15px; }
	
 .home .fullCol h2{
	font: 45px/60px 'Shine';
	letter-spacing: -1px;	
	color: #FFF;
	margin-top: -30px; margin-left: -30px; margin-right: -30px;
	padding-left: 30px;
	background: #00aba1;
	text-shadow: 2px 2px 3px rgba(0,0,0,0.4);
}
.home .fullCol h2{
	padding-bottom: 10px;
}


h2{
	font: 31px/35px 'Shine';
	color: #2795E3;
	background: url(images/white-opacity.png);
	padding: 15px 30px;
	margin-right: -30px; 
		margin-left: -30px;
}	

h3{
	font: 31px/35px 'Shine';
		color: #2795E3;
}


#top h1{
	width: 200px;
	font: 18px/24px Arial, Helvetica, sans-serif;
	margin-top: 35px;
	margin-right: 30px;
	float: right;
	padding: 0px;
		color: #4c4c4c;
		background: none;

}
#wrapthewrapper{
	background: url(images/top.png) repeat-x;	
}
#wrapper, .wrap{
	width: 900px; margin: 0px auto;	
}
#header{ height: 130px; background: #FFF;  }
#menu{ height: 56px; clear:both;background: #525252; }
#menu .wrap{ width: 900px; ; }

/*
#menu ul{
	margin: 0px; padding: 0px;

	width: 100%; 
	display: table; 
}
#menu ul li{
	list-style: none;
	display: inline;
	display: table-cell; 
}
#menu ul li a{
	list-style: inline-block;
	display: inline-block;
	float: left;
	padding: 0px 12px;	
	text-decoration: none;
	color: #FFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 56px;
}
#menu ul li a:hover{
	background: #2795E3;
	color: #FFF;	


}
*/



#menu ul										{ display:block; margin:0; padding:0; list-style:none; 	margin-left: 30px;	 }
#menu ul li									{ display:inline-block; margin:0; padding:0; list-style:none; position:relative; }
#menu ul li a									{ display:block; margin:0; padding:0 12px; color:#fff; font-size:13px; line-height:56px; text-decoration:none;}
#menu ul li a:hover							{ color:#FFF; background: #2795E3}
#menu ul li ul									{ list-style:none; position:absolute; z-index:9999999; left:-9999px; }
#menu ul li ul li								{ display:block;  border:none; }
#menu ul li ul li a							{ display:block; font-size:12px; line-height:16px; padding-top:8px; padding-bottom:8px; width:180px;}
#menu ul li ul li a:hover						{ background-color:#525252; }
#menu ul li:hover ul						{ top:56px; left:0; background: #2795E3; color: #FFF; margin-left: 0px; }


#thong{ float: right; }
#content{  clear: both;  padding-bottom: 0px; margin-top: 30px;}
#content .wrap {    padding-bottom: 0px;   }
.contentBlock{
		margin-bottom: 30px;
		background: url(images/white-opacity.png);
		padding: 30px;
		width: 900px;
}
.fullCol{

	overflow: hidden;
	background: #FFF;
	padding: 30px;
	padding-bottom: 0px;
	padding-right: 30px;
	-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    1px 1px 8px rgba(50, 50, 50, 0.7);
box-shadow:         1px 1px 8px rgba(50, 50, 50, 0.7);
}
.fullCol .left{
	width: 280px;
	margin-left: -30px;
	margin-top: -30px;
	margin-right: 30px;
	float:left;	
}
.left img{
	margin-bottom: 1px;	
}
.left img:last-child{
	margin-bottom: 0px;
}

.fullCol .right{
	width: 560px;
	float: left;
}
.thirdCol{
	width: 280px; 
	float: left;	
	margin-right: 30px;
	margin-bottom: 30px;
	overflow: hidden;

}

.fullCol h3{
	color: #2795E3;
	background: none;
}
.thirdCol h3{
	color: #2795E3;
		background:#FFF;
	padding: 15px;
	padding-bottom: 15px;
	margin-bottom: 0px;
}
.thirdCol p{
	background:#FFF;
	padding: 15px;	
	margin-bottom: 0px;
}
.last{ 
	margin-right: 0px;
}
.clear, .clearfix{
	clear: both;	
}
.alignright{
	float: right;
	margin-left: 30px;
	margin-bottom: 30px;


}
li{
	margin-bottom: 5px;	
}
table.dataTable{
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
	font-size: 11px;
	line-height: 18px;

	overflow: hidden;
}
.dataTable td{
	padding: 4px;
		background: #FFF;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.offerTable{
	border-right: 1px solid #CCC;
	border-top: 1px solid #CCC;
}

.contentBlockCoral{ background:#00aba1; padding: 30px; border-radius: 7px; margin-bottom: 45px;	-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    1px 1px 8px rgba(50, 50, 50, 0.7);
box-shadow:         1px 1px 8px rgba(50, 50, 50, 0.7); }
.contentBlockCoral h2{ font: 400 45px/50px 'Alive'; letter-spacing: 0px; margin: 0px; margin-bottom: 5px; padding: 0px; }
.home a.blueButton{ 	background: #2795E3;
	color: #FFF;	font-size: 18px; padding: 20px; float: right;  border-radius: 7px; margin-top: -58px; 	-webkit-box-shadow: 1px 1px 8px rgba(50, 50, 50, 0.7);
-moz-box-shadow:    1px 1px 8px rgba(50, 50, 50, 0.7);
box-shadow:         1px 1px 8px rgba(50, 50, 50, 0.7);}
.home a:hover.blueButton{ 
background: #7dc242;
color: #FFF;
text-decoration: none;
}

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 30px;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

.rslides_nav{margin-top: -30px;  }
 a.rslides_nav{
		color: #FFF;
	
}

.prev, .next{ position: absolute; z-index:999999; font-family:"Times New Roman", Times, serif; margin-top: -300px; font-size: 60px; font-weight: normal; }
.prev{ margin-left:50px; }
.next{ margin-left: 820px;}

a:hover.prev, a:hover.next{ opacity: 0.8; }


 a:hover.rslides_nav{
	text-decoration:none; 
 }

.caption{ background:url(images/black-opacity.png); padding: 15px; color: #FFF; position: absolute;right: 0px; bottom: 30px; font-size: 18px;} 

#mobile{ display: none; }
.padding15{ padding: 15px; background: #FFF; }

#footer{ background: url(images/black-opacity.png); color: #FFF;  }
#footer .wrap{ padding: 30px; }
#footer h3{ font-family: Arial, Helvetica, sans-serif; color: #FFF; font-size: 18px; }
.footerLeft{ float: left; }
.footerRight{ float: right; }



#jPanelMenu-menu {
	background:#3b3b3b;
		margin: 0px;
	padding: 0px;


}
#jPanelMenu-menu ul {
	border-bottom:1px solid #484848;
	list-style: none;
	margin: 0px;
	padding: 0px;

}
#jPanelMenu-menu ul li{
	list-style:none;
	margin: 0px;
		display:block;
}


#jPanelMenu-menu li a {
	background:#3b3b3b;
	background:-o-linear-gradient(top, #3e3e3e, #383838);
	background:-ms-linear-gradient(top, #3e3e3e, #383838);
	background:-moz-linear-gradient(top, #3e3e3e, #383838);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #383838));
	background:-webkit-linear-gradient(#3e3e3e, #383838);
	background:linear-gradient(top, #3e3e3e, #383838);
	font-family:Arial;
	font-size: 14px;
	list-style:none;
	font-weight:700;
	display:block;
	padding:10px;

	text-decoration:none;
	text-shadow:0 -1px 2px #222;
	color:#FFF;
}
#jPanelMenu-menu li a:hover, #jPanelMenu-menu li a:focus {
	background:#404040;
	background:-o-linear-gradient(top, #484848, #383838);
	background:-ms-linear-gradient(top, #484848, #383838);
	background:-moz-linear-gradient(top, #484848, #383838);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #484848), color-stop(1, #383838));
	background:-webkit-linear-gradient(#484848, #383838);
	background:linear-gradient(top, #484848, #383838);

}
#jPanelMenu-menu li a:active {
	background:#363636;
	background:-o-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-ms-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-moz-linear-gradient(top, #3e3e3e, #2e2e2e);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(1, #2e2e2e));
	background:-webkit-linear-gradient(#3e3e3e, #2e2e2e);
	background:linear-gradient(top, #3e3e3e, #2e2e2e);
	-moz-box-shadow:0 2px 7px #222 inset;
	-webkit-box-shadow:0 2px 7px #222 inset;
	box-shadow:0 2px 7px #222 inset;


}
.compform input[type="text"], .compform textarea{ width: 96%; padding: 4px; } 


@media only screen and (max-width: 960px) {
	.prev, .next{  display: none; }
		#wrapper, .wrap{ width: auto; }
.contentBlock{ width: auto; }
		#top{  display: none; }
	#thong{ display: none; }	
	#content{ padding: 10px; }
	.thirdCol{ width: 32%; margin-right: 10px; }	
	.thirdCol img{ width: 100%; height: auto; }
	#menu ul li a{ font-size: 12px; padding: 0px 7px; }
	.contentBlockCoral{ width: auto;  padding: 15px; margin-bottom: 10px; }
	.contentBlockCoral h2{  font-size: 40px; }
		.home a.blueButton{  font-size: 14px;  padding:20px; }
		.fullCol .right{ float: none; width: 100%; }
		.fullCol .left{ float: left;  }
		h2{ width: auto; }
}
@media only screen and (max-width: 767px) {

	body{ font: 13px/22px Arial, Helvetica, sans-serif; }
#footer{ font-size: 11px; }
	#wrapthewrapper{ background: none;  }
	#wrapper, .wrap{ width: auto; }

.home h1, h1{ font-size: 22px; line-height: 24px; }

h2{
	font: 20px/25px 'Shine';
	color: #2795E3;
	background: url(images/white-opacity.png);
	padding: 15px 30px;
	margin-right: -30px; 
		margin-left: -30px;
}	

h3{
	font: 18px/25px 'Shine';
		color: #2795E3;
}

	.contentBlock{ width: auto; }
	#content{ padding: 10px; margin-top: 70px; }
	#header{ height: 50px; position: fixed; width: 100%; top: 0px; z-index: 9999999999;}
	#top { display: none; }
	#logo{ background: #FFF; }
	#logo img{ height: 80px; width: auto; }
	#thong{ display: none; }	
	#menu{ display: none; }
	.thirdCol{ width: 280px; float: none; margin-bottom: 15px; }
	.contentBlockCoral{ width: 250px;  padding: 15px; margin-bottom: 15px;}
	.contentBlockCoral h2{ font-size: 30px; line-height: 34px; margin-bottom: 30px; }
	.home a.blueButton{ float: none; font-size: 14px;  padding: 10px;margin-top: 0px; }
	.fullCol { padding: 10px; }
	.fullCol .right{ width: auto; float: none; }
	.fullCol .left{ width: 60%; float: left; margin-left: -15px; margin-bottom: 15px; margin-top: -10px; }
	.fullCol .left img{ width: 100%; height: auto; }
	iframe{ width: auto; height: auto;  }
	.news .left{ display: none; }
	img.alignright{ width: 30%; height: auto; }
		h2{ width: auto; }
	
	.thirdCol h3{ padding-bottom: 2px; }
	.thirdCol p{ padding-top: 4px; }
#mobile{  float:right; display: block; z-index: 9999999;  }
#mobile ul												{ padding:0; margin:0; list-style:none; }
#mobile ul li											{ padding:0; margin:0; list-style:none; text-shadow: black 0.1em 0.1em 0.2em; display:inline-block; *display: inline; zoom:1; }
#mobile ul li a											{ padding:0px 10px; margin:0; margin-top: 10px; color:#fff; font-size:15px; font-weight:700; line-height:50px; display:block; text-decoration:none; padding-bottom:8px; }
#mobile ul li.current-menu-item > a,
#mobile ul li.current-menu-parent > a					{ color:#fff; }
#mobile ul li a:hover									{  }
#mobile ul li ul.sub-menu								{  position:absolute; margin:0;width: 100%; padding:0; background:#525252; display:none; z-index:99999999999; left: -9999px; overflow:hidden; border:none; left: 0px;  }
#mobile ul li ul.sub-menu li							{ display:block; margin:0; padding:0; width: 100%;}
#mobile ul li ul.sub-menu li a							{ margin:0; padding:0 20px; font-size:14px; width: 100%; border-bottom: 1px solid #FFF;  font-weight:normal;  line-height:40px; display:block; }
#mobile ul li ul.sub-menu li a:hover,
#mobile ul li ul.sub-menu li.current-menu-item a		{ background-color:#7dc242; color:#fff; border-radius:0;  }

	/* Force table to not be like tables anymore */
	table, 
	thead, 
	tbody, 
	th, 
	td, 
	tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	tr { border: 1px solid #ccc; }
 
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding: 6px;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
	
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: normal;
	}
 
	/*
	Label the data
	*/
	td:before { content: attr(data-title); margin-left: 50px; }	
	
	
}
@media only screen and (max-width: 480px) {
	.thirdCol{ width:auto }
	.thirdCol img{ width: 100%; height: auto; }
	.contentBlock{ padding: 15px; margin-bottom: 15px;}
	.caption{ font-size: 13px; top: 0px; bottom: auto; padding: 7px;}
	.backstretch{ display: none; }
}
@media only screen and (max-width: 300px) {
	#logo img{ height: 80px; width: auto; }
	.thirdCol{ width:auto }
	.contentBlockCoral{ width: auto;   margin-bottom: 15px;}
}