@charset "UTF-8";

/* CSS reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
html,body {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img {
	border:0;
}
input{
	border:1px solid #b0b0b0;
	padding:3px 5px 4px;
	color:#979797;
	width:190px;
}
address,caption,cite,code,dfn,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/***GENERAL STYLES***/

body {
    background: #fff;
    font-family: "quatro-slab",serif;
	font-style: normal;
	font-size: 100%;
	color: #333;
	overflow-y: scroll;
	overflow-x: hidden;
}
.ie7 body{
	overflow:hidden;
}

#container {
	max-width: 78%;
	min-height: 600px;
	margin: 5% auto;
	padding: 20px;
	background: #fff;
	opacity: .9;
	-moz-opacity: .9%;
}

header {
	width: 78%;
	padding: 20px 60px;
	margin: 0 0 20px;
	float: left;
	}

#content {
	max-width: 800px;
	min-height: 500px;
	margin: 60px;
}

footer {
	width: 100%;
	text-align: center;
	margin: 0;
}

h1 {
	font-family: "quatro-slab",serif;
	font-style: normal;
	font-weight: 700;
	font-size: 5.5em;
	color: #ff9933;
	padding:  0 0 10px;
	border-bottom: 2px dashed #ccc;
}

h2 {
	font-style: italic;
	font-size: 2em;
	padding:  0 0 10px;
}

li {
	display: inline-block;
	color: #333;
	padding: 0 20px;
	margin:  0 0 10px;
	border-left: 1px dashed #ccc;
	border-bottom: 0;
}
.left {
	border-left: none;
	}

p {
	font-size: 1em;
	line-height: 1.7;
	padding:  0 0 1em;
}

.small {
	font-size: .7em;
	}

cite {
font-style: italic; }

.clearfix {
		clear: both;
	}

a:link, a:hover, a:active, a:focus {
	text-decoration: none;
}

a:link, a:active {
	color: #ff9933;
	}

a:hover, a:visited {
	color: #993300;
	}


/* 0 to 539px ----------------------------------------------------------------------- */
@media only screen and (min-width: 240px) and (max-width: 539px) {

#container {
	max-width: 100%;
	margin: 5% auto;
	padding: 30px;

}
header {
	padding: 20px 60px 20px 0;
	margin: 0 0 20px;
	}

#content {
	border-bottom: 2px dashed #ccc;
	margin: 0 0 20px 0;
}

footer {
	width: 100%;
	text-align: left;
	margin: 0;
}

h1 {
	font-family: "quatro-slab",serif;
	font-style: normal;
	font-weight: 700;
	font-size: 4em;
	color: #ff9933;
	padding-bottom: 10px;
	border-bottom: 2px dashed #ccc;
}

h2 {
	font-style: italic;
	font-size: 1.5em;
	padding-bottom: 10px;
}

li {
	font-size: 1.5em;
	text-align: left;
	color: #333;
	padding: 20px;
	border-left: 0;
	border-bottom: 2px dashed #ccc;
}

.left {
	font-size: .7em;
	border-top: 2px dashed #ccc;
	border-bottom: 2px dashed #ccc;
	}


#bg, #bg img {
	display:none;
	}

.cb-slideshow, .cb-slideshow:after, .cb-slideshow li span, .cb-slideshow li:nth-child(1) span, .cb-slideshow li:nth-child(2) span, .cb-slideshow li:nth-child(3) span, .cb-slideshow li:nth-child(4) span, .cb-slideshow li:nth-child(5) span, .cb-slideshow li:nth-child(6) span, .no-cssanimations .cb-slideshow li span {
 	display: none;
}
@-webkit-keyframes imageAnimation {display: none;}
@-moz-keyframes imageAnimation {display: none;}
@-o-keyframes imageAnimation {display: none;}
@-ms-keyframes imageAnimation {display: none;}
@keyframes imageAnimation {display: none;}


}
/* 540px and up -------------------------------------------------------------------- */
@media only screen and (min-width: 540px) {

}