@import url(navi.css);
@import url(forms.css);
@import url(tables.css);
@import url(slider.css);
@import url(homepage.css);
@import url(gallery.css);
@import url(portfolio.css);
@import url(https://fonts.googleapis.com/css?family=Marcellus+SC);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:700,400italic,700italic,400);

html{
	overflow-y:scroll;
}

body{
	margin:0; 
	padding:0; 
	font-size:13px; 
	font-family: 'Noto Sans', sans-serif;
	//font-family:Georgia, "Times New Roman", Times, serif;
	color:#666;
	line-height:24px;
	background:url(../images/bg_classroom.jpg);
}

.spacer10 {
	height:10px;
}

.spacer20 {
	height:20px;
}

.spacer40 {
	height:40px;
}

.centerbox {
	display:block;
	margin:80px auto;
	text-align:center;
	font-size:18px;
	line-height:30px;
	width:400px;
	padding:30px;
	background:#fff;
	border:1px solid #999;
	border-radius:8px;
}

.justify{
	text-align:justify;
}

.bold{
	font-weight:bold;
}

.center{
	text-align:center;
}

.right{
	text-align:right;
}

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

.hidden{
	display:none;
}

.clear:after{
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden; 
	line-height:0;
}

.clear{
	display:block; 
	clear:both;
}

html[xmlns] .clear{
	display:block;
}

* html .clear{
	height:1%;
}

a{
	outline:none; 
	text-decoration:none;
}

.fl_left{
	float:left;
}

.fl_right{
	float:right;
}

.two_col-left{
	width:478px;
	float:left;
}

.two_col-right{
	width:478px;
	float:right;
}

img{
	margin:0; 
	padding:0; 
	border:none; 
	line-height:normal; 
	vertical-align:middle;
}

.imgholder, .imgl, .imgr{
	padding:4px; 
	border:1px solid #D6D6D6; 
	text-align:center;
}

.imgl{
	float:left; 
	margin:0 15px 15px 0; 
	clear:left;
}

.imgr{
	float:right; 
	margin:0 0 15px 15px; 
	clear:right;
	padding:0;
}

.shadowimage {
    border:8px solid #fff;
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
}

.byline {
	font-style:italic;
	color:#333;
	font-size:11px;
}

.hr-dot {
	border-bottom:dotted 1px #666;
}

.email-link {
	padding-top:6px;
}


/*----------------------------------------------HTML 5 Overrides-------------------------------------*/

address, article, aside, figcaption, figure, footer, header, hgroup, nav, section{
	display:block; 
	margin:0; 
	padding:0;
}

q{
	display:block; 
	padding:0 10px 8px 10px; 
	color:#979797; 
	background-color:#ECECEC; 
	font-style:italic; 
	line-height:normal;
}

q:before{
	content:'“ '; 
	font-size:26px;
}

q:after{
	content:' „'; 
	font-size:26px; 
	line-height:0;
}

/* ----------------------------------------------Wrapper-------------------------------------*/

div.wrapper, div.header-wrapper, div.footer-wrapper, div.copyright-wraper, div.nav-wrapper {
	display:block; 
	width:100%; 
	margin:0; 
	padding:0; 
	text-align:left;
}

div.header-wrapper {
    
}

div.nav-wrapper {
	background:#253b8f;
	box-shadow:0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.7);
    -moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
    -o-box-shadow: 0px 0px 4px rgba(0,0,0,0.4);
	
}

div.footer-wrapper {
	background:#333;
}

div.copyright-wrapper {
	background:#000;
}

.row1, .row1 a{
	color:#666666;
}

.row1{
	border-top:8px solid #232323;
}

.row2{
	color:#666;
	background-color:rgba(255,255,255,0.5)
}

.row2 a{
	color:#009900; 
}

.row3{
	color:#bbb; 
	background-color:#333333;
}

.row3 a{
	color:#009900; 
}

.row4{
	color:#666; 
}

.row4 a, .row4 a:link, .row4 a:visited {
	color:#4C97CB;
}

/*----------------------------------------------Generalize-------------------------------------*/


#topbar, #header, #navheader, #container, #footer, copyright {
	display:block; 
	margin:0 auto; 
	width:960px;
}

#copyright {
	text-align:center;
}


#header {
	background:url(../images/header_bg.jpg);
}

h1, h2, h3, h4, h5, h6{
	font-family: 'Marcellus SC', serif;
	margin:0; padding:0;  
	font-style:normal; 
	line-height:normal;
}

h1 {
	color:#253b8f;
}

h2 {
	color:#C60;
}

address{
	font-style:normal;
}

blockquote, q{
	display:block; 
	padding:8px 10px; 
	color:#979797; 
	background-color:#ECECEC; 
	font-style:italic; 
	line-height:normal;
}

blockquote:before, q:before{
	content:'“ '; 
	font-size:26px;
}

blockquote:after, q:after{
	content:' „'; 
	font-size:26px; 
	line-height:0;
}

.one_quarter, .two_quarter, .three_quarter, .four_quarter{
	display:block; 
	float:left; 
	margin:0 40px 0 0;
}

.one_quarter{
	width:210px;
}

.two_quarter{
	width:460px;
}

.three_quarter{
	width:710px;
}

.four_quarter{
	width:960px; 
	float:none; 
	margin-right:0; 
	clear:both;
}

.lastbox{
	margin-right:0;
}

/*----------------------------------------------Main Header-------------------------------------*/

#header{
	
}

#header hgroup{
	float:left; 
	padding:20px 20px 20px 0;
}

#header hgroup h1, header hgroup h2{}

#header hgroup h1{
	font-size:36px;
}

#header hgroup h2{
	font-size:13px;
}

/*----------------------------------------------Content Area-------------------------------------*/

#container{
	padding:20px 0;
}

#container h1 {
	margin-bottom:10px;  
	color:#253b8f; 
}

#container h2 {
	color:#666666;
}

#container h4, #container h5, #container h6 {
	color:#666666;
	margin-bottom:-10px;
}

#container h3 {
	color:#C60;
}

#container .more{
	text-align:left;  
	font-size:12px;
}

#container .more-arrow {
	font-size:16px;
}

/* ------Content-----*/

#container #content{
	float:left; 
	width:660px; 
	margin-bottom:0;
}

#container #content-full{
	float:left; 
	width:940px; 
	margin-bottom:0;
}

#container section{
	margin:0 0 30px 0;
}

#container .last{
	margin:0;
}

/* ------Comments-----*/

#comments ul{
	margin:0 0 40px 0; 
	padding:0; 
	list-style:none;
}

#comments li.comment_odd, #comments li.comment_even{
	margin:0 0 10px 0; 
	padding:15px; 
	list-style:none;
}

#comments li.comment_odd{
	color:#666666; 
	background-color:#F7F7F7;
}

#comments li.comment_odd a{
	color:#FF9900; 
	background-color:#F7F7F7;
}

#comments li.comment_even{
	color:#666666; 
	background-color:#E8E8E8;
}

#comments li.comment_even a{
	color:#FF9900; 
	background-color:#E8E8E8;
}

#comments article, #comments header{
	display:block; 
	width:100%;
}

#comments figure{
	float:right; 
	margin:0 0 10px 10px; 
	padding:3px; 
	border:1px solid #DEDACB; 
	text-align:center;
}

#comments figure img{
	float:inherit;
}

#comments header address{
	font-weight:bold;
}

#comments header time{
	font-size:smaller;
}

#comments article section{
	margin:0; 
	padding:0;
}

#comments article section p{
	margin:10px 5px 10px 0; 
	padding:0;
}

/* ------Right Column-----*/

#container #right_column{
	float:right; width:260px;
}

aside h2{
	padding-bottom:8px; 
	font-size:16px; 
	border-bottom:5px solid #CCCCCC; 
	text-align:right;
}

/*----------------------------------------------Footer-------------------------------------*/

#footer{
	padding:30px 0; 
	font-size:12px; 
	line-height:1.4em;
	// background-color:#333;
}

#footer a, #footer a link, #footer avisited {
	color:#4C97CB;
}

#footer .more{
	text-align:right;
}

#footer .more-arrow {
	font-size:16px;
}

#footer section h2.title{
	margin:0 0 25px 0; 
	padding:0; 
	color:#FFFFFF;  
	font-size:12px; 
	font-weight:bold; 
	text-transform:uppercase;
}

/* ------About Us-----*/

#footer section figure.imgholder{
	border-color:#555555;
}

/* ------Quick Links-----*/

#footer section nav li{
	margin:0 0 5px 0; 
	padding:0 0 5px 0; 
	border-bottom:1px solid #555555;
}

#footer section nav li.last{
	margin:0;
}
#footer section nav a{
	padding:0 0 0 10px; 
	background:url("../images/footer_arrow.gif") left center no-repeat;
}

/* ------Blogposts-----*/

#footer section article header, #footer section article address, #footer section article time, #footer section article p{
	margin:0; 
	padding:0;
}

#footer section article p{
	margin-top:10px;
}

#footer section article header h2{
	font-size:14px; 
	font-weight:bold;
}

#footer section article address, #footer section article time{
	font-size:10px; 
	font-style:normal;
}


/*----------------------------------------------Copyright-------------------------------------*/

#copyright{
	padding:20px 0;
}

#copyright p{
	margin:0; 
	padding:0; 
	line-height:normal;
}