/* Website template by freewebsitetemplates.com */
/*------------------------- Layout styles ------------------------*/
body {
background:url(../images/bg-body.jpg);
margin:0;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p a {
outline:none;
}
p a:hover {
color:#cecccc;
}
/*------------------------- Header ------------------------*/
.header {
background:url(../images/bg-header1.png) repeat-x 0 0;
overflow:hidden;
min-height: 199px;
}
.header div {
background:url(../images/bg-header2.png) no-repeat center 0;
margin:0 auto;
width:960px;
min-height:199px;
}
.header div ul {
list-style:none;
margin:0 0 0 150px;
overflow:hidden;
padding:2px 0 0;
width:685px;
}
.header div ul li:first-child {
margin:0;
}
.header div ul li {
float:left;
height:59px;
margin:0 0 0 20px;
text-align:center;
width:97px;
}
.header div ul li.selected {
background:url(../images/bg-selected-menu.png) no-repeat;
}
.header div ul li.selected a, .header div ul li a:hover {
color:#fff;
text-shadow:-1px -1px 1px #5B5B5B, 1px 1px 1px #5B5B5B, 1px -1px 1px #5B5B5B, -1px 1px 1px #5B5B5B;
}
.header div ul li a {
color:#959595;
display:block;
font-size:14px;
line-height:45px;
outline:medium none;
text-decoration:none;
text-transform:uppercase;
}
.header div a#logo {
display:block;
margin:25px auto 0;
width:760px;
}
.header div a.logo {
display:block;
margin: 25px auto 46px;
width:760px;
}
.header div > img {
display:block;
height:565px;
position:absolute;
top:188px;
}
.header div a#logo img, .header div a.logo img {
border:0;
display:block;
height:auto;
position:static;
}
/*------------------------- Body ------------------------*/
.body {
background:url(../images/bg-content.png);
}
.body.home {
margin:268px 0 0;
}
.body div {
background:url(../images/border-content.png) repeat-x 0 0;
}
.body div div {
background:none;
margin:0 auto;
width:960px;
}
.body div div.section {
background:none;
overflow:hidden;
padding:287px 0 138px;
}
.body div div.section div:first-child {
margin:0;
padding-left:10px;
text-align:center;
width:auto;
}
.body div div.section div:first-child h3 {
width:210px;
}
.body div div.section div:first-child ul {
list-style:none;
margin:0;
overflow:hidden;
padding:0;
width:210px;
}
.body div div.section div:first-child ul li {
background:url(../images/separator.png) repeat-x left top;
margin:0;
padding:12px 0 16px;
width:210px;
}
.body div div.section div:first-child ul li p {
color:#7e7e7e;
font-size:14px;
line-height:24px;
margin:0;
letter-spacing:0.05em;
}
.body div div.section div:first-child ul li span {
color:#7e7e7e;
display:block;
font-size:12px;
padding-top:5px;
}
.body div div.section div h3 {
font-size:30px;
font-weight:400;
margin:0 0 18px;
text-align:center;
text-transform:uppercase;
}
.body div div.section div {
float:left;
margin-left:30px;
width:490px;
}
.body div div.section div h3 a {
color:#fff;
text-decoration:none;
text-shadow:-2px -2px 2px #5B5B5B, 2px 2px 2px #5B5B5B, 2px -2px 2px #5B5B5B, -2px 2px 2px #5B5B5B;
letter-spacing:0.075em;
}
.body div div.section div ul {
list-style:none;
margin:0;
overflow:hidden;
padding:5px 0 0;
}
.body div div.section div ul li {
float:left;
margin-left:20px;
width:150px;
}
.body div div.section div ul li a img {
border:0;
display:block;
}
.body div div.section div ul li h4 {
font-weight:400;
line-height:24px;
margin:10px 0 0;
text-align:center;
text-transform:uppercase;
}
.body div div.section div ul li h4 span {
color:#7e7e7e;
text-decoration:none;
font-size:14px;
}
.body div div.section div.last {
margin-left:10px;
width:210px;
}
.body div div.section div.last h3 {
margin-left:30px;
}
.body div div.section div.last ul li {
background:url(../images/separator.png) repeat-x left top;
line-height:24px;
margin:0 0 0 20px;
padding:10px 0 13px;
text-align:center;
width:200px;
}
.body div div.section div.last ul li a {
color:#7e7e7e;
font-size:14px;
text-decoration:none;
text-transform:uppercase;
line-height:24px;
letter-spacing:0.075em;
}
.body div div.events {
min-height:1001px;
}
.body div div.events ul {
list-style:none outside none;
margin:0 0 36px;
overflow:hidden;
padding:52px 10px 0;
width:940px;
}
.body div div.events ul li {
float:left;
margin:0 0 0 35px;
width:290px;
}
.body div div.events ul li h3 {
text-align:center;
color:#7e7e7e;
font-size:20px;
text-transform:uppercase;
font-weight:normal;
font-size:20px;
line-height:30px;
margin:0 0 18px;
letter-spacing:0.05em;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
.body div div.events ul li p {
color:#7e7e7e;
font-size:14px;
line-height:24px;
margin:22px 0 0;
text-align:justify;
padding: 0;
}
.body div div.events p {
color:#7e7e7e;
font-size:14px;
line-height:24px;
margin:0;
padding: 0 10px;
}
.body div div.games {
min-height:1001px;
padding:0 10px;
width:940px;
}
.body div div.games p:first-child {
margin:0;
padding:49px 0 0;
}
.body div div.games h4 {
color:#7e7e7e;
font-size:20px;
margin:8px 0 0;
line-height:30px;
letter-spacing:0.05em;
text-transform:uppercase;
}
.body div div.games p {
color:#7e7e7e;
font-size:14px;
line-height:30px;
margin:2px 0 0;
text-align:justify;
letter-spacing:0.05em
}
.body div div.menu ul {
list-style:none;
margin:0 auto 24px;
overflow:hidden;
padding:0 35px;
width:890px;
}
.body div div.menu {
min-height:1001px;
}
.body div div.menu ul li {
float:left;
margin:0 0 0 70px;
text-align:center;
width:250px;
}
.body div div.menu ul li h3 {
color:#7e7e7e;
font-size:20px;
margin:51px 0 25px;
text-transform:uppercase;
line-height:30px;
letter-spacing:0.05em;
}
.body div div.menu ul ul {
padding:0;
width:250px;
}
.body div div.menu ul ul li:first-child {
background:none;
padding:0 0 14px;
}
.body div div.menu ul ul li {
background:url(../images/border.png) repeat-x left top;
margin:0;
padding:0 0 9px;
width:300px;
}
.body div div.menu ul ul li p {
color:#7E7E7E;
float:left;
font-size:14px;
line-height:24px;
margin:10px 0 0;
padding:0;
letter-spacing:0.05em;
width:auto;
float:left;
}
.body div div.menu ul ul li span {
color:#7e7e7e;
display:block;
font-size:14px;
line-height:24px;
margin:10px 0 0 30px;
float:left;
}
.body div div.menu ul ul li:first-child span {
margin:0 0 0 30px!important;
}
.body div div.menu p {
color:#7e7e7e;
font-size:14px;
line-height:24px;
margin:0;
padding:0 35px 138px;
width:890px;
letter-spacing:0.05em;
}
.body div div.about {
min-height:951px;
padding: 50px 10px 0;
width:940px;
}
.body div div.about h4 {
color:#7e7e7e;
font-size:20px;
margin:0;
line-height:30px;
letter-spacing:0.075em;
text-transform:uppercase;
}
.body div div.about h5 {
color:#7e7e7e;
font-size:14px;
line-height:30px;
letter-spacing:0.075em;
text-transform:uppercase;
margin:0;
}
.body div div.about p {
color:#7e7e7e;
font-size:14px;
line-height:30px;
margin:2px 0 58px;
letter-spacing:0.075em;
text-align: justify;
}
.body div div.blog {
overflow:hidden;
min-height:951px;
padding:50px 10px 0;
width:940px;
}
.body div div.blog div:first-child {
margin:0;
width:705px;
float:left;
}
.body div div.blog div:first-child h4 {
color:#7e7e7e;
font-size:20px;
margin:0 0 32px;
text-transform:uppercase;
line-height:30px;
letter-spacing:0.075em;
font-weight:bold;
}
.body div div.blog div:first-child p {
color:#7e7e7e;
font-size:14px;
line-height:30px;
margin:0 0 30px;
padding:0;
letter-spacing:0.075em;
text-align:justify;
}
.body div div.blog div {
float:right;
width:190px;
}
.body div div.blog div div:first-child {
margin:63px 0 33px;
width:230px;
}
.body div div.blog div div {
float:none;
margin:0;
width:230px;
}
.body div div.blog div div h3 {
color:#7e7e7e;
font-size:14px;
margin:0;
line-height:30px;
letter-spacing:0.075em;
text-transform:uppercase;
}
.body div div.blog div div ul {
color:#7e7e7e;
list-style:disc;
margin:0;
padding:6px 0 0;
}
.body div div.blog div div ul li:first-child {
margin-top:0;
}
.body div div.blog div div ul li {
margin:13px 0 0 14px;
font-size:10px;
}
.body div div.blog div div ul li a {
color:#7e7e7e;
font-size:14px;
text-decoration:none;
}
.body div div.blog div div ul li a:hover {
text-decoration:underline;
}
.body div div.section div:first-child ul li:first-child {
background:none;
padding-top:0;
}
.body div div.section div.last ul li:first-child {
margin:0 0 0 20px;
background:none;
padding-top:0;
}
.body div div.section div:first-child ul li p a, .body div div.events ul li p a, .body div div.events p a, .body div div.games p a, .body div div.menu p a, .body div div.about p a, .body div div.blog div:first-child p a {
color:#7e7e7e;
}
.body div div.section div ul li:first-child, .body div div.events ul li:first-child, .body div div.menu ul li:first-child, .body div div.menu ul ul li:first-child p, .body div div.menu ul ul li:first-child span {
margin:0;
}
.body div div.section div ul li a img:hover, .body div div.events ul li a img:hover {
filter:alpha(opacity=80);/* Needed for IE7 */
opacity:0.8;
}
.body div div.section div ul li h4 a:hover, .body div div.section div.last ul li a:hover, .body div div.events ul li h3 a:hover {
color:#fff;
text-shadow:-1px -1px 1px #5B5B5B, 1px 1px 1px #5B5B5B, 1px -1px 1px #5B5B5B, -1px 1px 1px #5B5B5B;
}
.body div div.events ul li a img, .body div div.menu ul ul li:first-child {
border:0;
}
.body div div.events ul li p a:hover, .body div div.events p a:hover, .body div div.games p a:hover, .body div div.menu p a:hover, .body div div.about p a:hover, .body div div.blog div:first-child p a:hover, .body div div.blog div div ul li a:hover {
color:#cecccc;
}
/*------------------------- Footer ------------------------*/
.footer {
background:url(../images/bg-footer.png) repeat-x left top;
padding:38px 0 0;
}
.footer div.connect {
margin:0 auto 29px;
overflow:hidden;
width:167px;
}
.footer div.connect a {
display:block;
float:left;
height:48px;
text-indent:-99999px;
width:47px;
}
.footer div.connect a#twitter {
background:url(../images/icons.png) no-repeat 0 -200px;
}
.footer div.connect a#twitter:hover {
background:url(../images/icons.png) no-repeat 0 -250px;
}
.footer div.connect a#facebook {
background:url(../images/icons.png) no-repeat 0 0;
margin:0 0 0 13px;
}
.footer div.connect a#facebook:hover {
background:url(../images/icons.png) no-repeat 0 -50px;
}
.footer div.connect a#googleplus {
background:url(../images/icons.png) no-repeat 0 -100px;
margin:0 0 0 13px;
}
.footer div.connect a#googleplus:hover {
background:url(../images/icons.png) no-repeat 0 -150px;
}
.footer p {
clear:both;
color:#717171;
font-size:14px;
margin:0;
padding:0 0 110px;
text-align:center;
text-shadow:0 1px 0 #cfcfcf;
}
/* 1.2 rev 1412181400 */
/*
Main carousel wrapper.
*/
.kc-wrap {
/* Various commands to stop items being selected when mouse-dragging/touching. */
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
/* Disable IE10/11 default actions */
-ms-touch-action: none;
overflow:hidden;
position:relative;
background-image:url('');
background-position: center;
width:250%;
/* This makes wrapper scale vertically in proportion to width */
padding-bottom:80%;
}
.kc-horizon {
visibility:hidden;
}
/*
This wraps carousel items.
*/
.kc-item {
position:absolute;
top:100% !important;
/* These sizes are from the examples - change as appropriate */
width:300px;
height:350px;
-webkit-tap-highlight-color:rgba(0,0,0,0);
visibility:hidden;
}
/*
Item Shadows are made from three sections, bottom, left and right.
This appears to give better performance than using CSS shadows, and minimizes the
pixel area of shadow drawn.
The image URLs used for the shadows will actually be copied into ![]()
elements.
You can of course change the images if required.
*/
.kc-shadow-bottom {
position:absolute !important;
top:100% !important;
width:100% !important;
height:10% !important;
background-image:url(../shadow-bottom.png);
left:0px !important;
}
.kc-shadow-left,.kc-shadow-right {
position:absolute !important;
top:0% !important;
width:10% !important;
height:100% !important;
left:-10% !important;
background-image:url(../shadow-left.png);
}
.kc-shadow-right {
left:100% !important;
background-image:url(../shadow-right.png);
}
@-moz-document url-prefix() {
/* Fix for FireFox specific dark edge showing on shadows */
.kc-shadow-bottom,.kc-shadow-left,.kc-shadow-right {
outline: 1px solid transparent;
}
.kc-reflection {
outline: 1px solid transparent;
}
}
/*
Reflection.
This is applied to an inserted