@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'CabinSketchRegular';
    src: url('assets/fonts/CabinSketch-Regular-webfont.eot');
    src: url('assets/fonts/CabinSketch-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('assets/fonts/CabinSketch-Regular-webfont.woff') format('woff'),
         url('assets/fonts/CabinSketch-Regular-webfont.ttf') format('truetype'),
         url('assets/fonts/CabinSketch-Regular-webfont.svg#CabinSketchRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	background:url(assets/images/paper.png);
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	color:#333;
}

h1, h2, h3, h4, p{
  padding:5px 30px;
}

h1{
	font-family: 'CabinSketchRegular';
	font-size:40px;
  color:#333;
}

h2{
	font-family: 'CabinSketchRegular';
	font-size:18px;
}

h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
}

a{
	color:#2693A4;
	font-weight:bold;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	font-weight:bold;
}

#wrapper{
	width:960px;
	margin:30px auto;
	position:relative;
	-webkit-box-shadow:  0px 0px 4px 1px #cccccc;
    box-shadow:  0px 0px 4px 1px #cccccc;
}

#inner-wrapper{
	width:960px;
	position:relative;
	background:#fff;
	padding-bottom:30px;
	box-shadow:0px 1px 1px #ccc;
}

#header, #main-content, #footer{
	width:960px;
	position:relative;
    clear:both;
}

#header{
	height:50px;
}

#nav, #logo, #left-content, #right-content, #left-footer, #right-footer{
	float:left;
}

body.GALLERY #left-content{width:600px;}
body.GALLERY #right-content{width:360px;}

#nav{
  margin-top:35px;
}

#nav a{
  color:#333;
  text-decoration:none;
  margin:10px;
  font-size:14px;
  font-weight:normal;
}

#nav a:hover{
  border-bottom:1px solid #2693A4;
  color:#2693A4;
}

.gallery-nav{
	margin-left:80px;
}

.gallery-nav li{padding:5px 0;}

h2.gallery-nav { 
	margin-top:100px;
}

#logo{
	width:460px;	
}

#nav{
	width:500px;
}

ul.nav {
	margin:0px;
	padding:0px;
}

ul.nav li{
	list-style:none;
	float:left;
}

ul.timetables li{
	cursor:pointer;
	font-weight:bold;
}

ul.timetables li:hover{
	color:#2693A4;
}


#left-content, #right-content{
	width:480px;
}

#left-footer{
	width:600px;
}

#right-footer{
	width:360px;
	text-align:right;
	color:#666;
}

#right-footer p{
	margin:0;
	padding:0;
}

#footer{
	margin-top:10px;
}

#footer a, #footer a:visited{
	color:#888;
	text-decoration:none;
}

#footer li:after{
	content:"|";
	margin:0 10px;
	
}

#footer a:hover{
	border-bottom:1px solid #2693A4;
	color:#2693A4;
}

fieldset{
	border:none;
}

input, textarea{
	background:#eee;
	border:1px solid #333;
	width:300px;
	margin-top:10px;
}

label{width:300px; display:block;}

input.button{
	width:auto;
	margin-left:10px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}