@media screen {

html { 
	min-height: 100%; 
	padding-bottom: 1px;
 }
body {
	margin: 0;
	font: 100%/1.5 "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
	color: #FFF;
	background: #303030 url(../images/flames.jpg) 50% 107px repeat-x;
}
body.gallery { background-image: url(../images/flames2.jpg) }

body.mceContentBody { background: #FFF; color: #333; font-size: 81.25% }
	.mceContentBody * { color: #333 }

	.wrap {
		width: 970px;
		margin: 0 auto;
		font-size: 81.25%
	}
	
		#content {
			position: relative;
			clear: both;
			overflow: hidden
		}
			.article, .aside, .images { margin-top: 2em }

			
/*------ general styles ------*/
a { color: #FFF; font-weight: bold; text-decoration: none }
a:hover, a:focus, a:active { color: #FF9600; text-decoration: underline }
a.active { color: #FF9600 }
h1, h2, h3 {
	color: #FFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin: 1em 0 .5em; 
	line-height: 1.2
}
h1 { 
	margin: 0 0 .6em;
	font-size: 276.92%; 
	line-height: 1
}
h2 { font-size: 184.57% }
h3 { font-size: 138.46% }
h4 { font-size: 123.077% }
h5 { font-size: 100% }
p { margin: 0 0 1em; line-height: 1.5 }
ul, ol { padding-left: 1.5em; margin: 0 0 1em 1.5em }
li { margin-bottom: .5em }
ul { list-style: disc }
ul ul { list-style: circle }
ol { list-style: decimal } 
img { border: 0 }
abbr { border-bottom: 1px dotted }
abbr:hover { cursor: help }
strong { font-weight: bold }
em { font-style: italic }

.offset { 
	position: absolute;
  left: -999em;
  overflow: hidden; 
}

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

/*------ header ------*/
.header { 
	position: relative;
	background: #FFF;
	overflow: hidden;
	color: #00468F;
	font-family: Georgia, "Times New Roman", Times, serif
}

	.logo { 
		float: left;
		font-size: 184.62%;
		font-weight: bold;
		margin: 22px 0 20px 0;
		text-transform: uppercase
	}
		.logo a { color: #00468F; font-weight: normal }
		.logo a:hover, .logo a:focus, .logo a:active { color: #FF9600; text-decoration: none }
		.logo img { margin-right: 5px;	vertical-align: middle }

	.header .nav { 
		float: right;
		height: 65px;
		margin-bottom: 2em;
		padding: 5px 24px 5px 10px;
		background: #00468F;
		font-size: 123.08%
	}
		.header .nav li { 
			float: left;
			line-height: 1;
			margin: 38px 0 0 23px;
			padding-left: 23px;
			border-left: 1px solid #FFF
		}
		.header .nav li:first-child {
			margin-left: 10px;
			padding-left: 0;
			border: 0
		}	
			.header .nav a { color: #FFF; font-weight: normal; text-decoration: none }
			.header .nav a:hover, .header .nav a:focus, .header .nav a:active, .header .nav .active { color: #FF9600 }
	
/*------ content ------*/
.heading {
	float: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	min-height: 14em;
	padding-top: 50px ;
	width: 390px;
}
	.heading h1, .heading h2 { 
		color: #FFF; 
		font: 256.09% Georgia, "Times New Roman", Times, serif;
		margin: 0 0 .2em 
	}
	.heading p { font-size: 200%; margin-bottom: .2em }
	.heading, .heading a { color: #00468F }
	.heading a:hover, .heading a:focus, .heading a:active { color: #FFF }
	.heading .contact { font-size: 153.84% }

#slider {
	position: relative;
	float: right;
	display: inline;
	height: 200px;
	width: 490px;
	margin: 10px 0 0 50px;
	border: 10px solid #FFF;
	border-width: 10px 20px;
	background: #FFF
}
#slider ul { height: 200px; overflow: hidden }
#slider ul, #slider li {
	margin:0;
	padding:0;
	list-style:none
	}
#slider li { 
	width:490px;
	height:200px;
	margin: 0 auto;
	overflow:hidden
}	
#prevBtn a, #nextBtn a {
	position:absolute;
	left:955px;
	top:84px;
	display: block;
	float: left;
	width:11px;
	height:30px;
	margin: 1em 0;
	background: url(../images/arrows.png) -15px 0 no-repeat;
	text-indent: -999em
}
#prevBtn a:focus, #nextBtn a:focus, 
#prevBtn a:active, #nextBtn a:active { outline: none }
#prevBtn a { left: 445px }
#prevBtn a {background-position: 0 0 }
#nextBtn + p { clear: both }

.article {
	float: right;
	width: 530px;
}

.article img { 
	float: right;
	margin: .5em 0 1em 15px;
}

/* Home */
.home, div.error {
	clear: left;
	float: left;
	width: 300px
}
.home { width: 410px }
	.home h2, .gallery h1 {
		color: #FF9600;
		font: 138.46% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif;
		margin-top: 0;
	}

.images {
	float: right;
	width: 530px
}
	.images img:first-child { margin-right: 10px }

/* Contact */
.vcard {
	width: 970px
}
	.vcard h2 { font: normal 100% "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans serif }
	.vcard p { margin: 0 }
	.map { float: right; width: 530px }
	.vcard em { font-style: normal }
	form { font-size: 90%; margin: 2em auto }
	
		label {
			display: block;
			float: left;
			width: 9em;
			margin-bottom: .2em
		}
		
		input, textarea {
			padding: 2px 4px;
			font-size: 14px;
		}
		
		input, textarea { 
			width: 200px;
			margin-bottom: .5em;
			background-color: transparent;
			border: 1px solid #C9C9C9
		}
		
		label.error { 
			float: none;
			display: block;
			width: auto;
			margin-left: 9em;
			color: #FF9600
		}
		input.error, textarea.error { border-color: #FF9600 }
		
/* Gallery */
.gallery .article {
	width: 970px;
	margin-top: 155px
}

.galleria {
	float: left;
	width: 400px;
	margin: 0;
	padding-bottom: 0;
	list-style: none;
	overflow: hidden
}
	.galleria li { 
		display: block;
		float: left;
		width: 90px;
		height: 70px;
		margin: 0 10px 10px 0;
		border: 3px solid #DADADA;
		overflow: hidden		
	}
		.galleria li a { display: none }
			.gallery li img {
				display: none;
				float: none;
				margin: 0
			}
			.gallery li .thumb { display: inline }
		.galleria li div {
			position: absolute;
			display: none;
			top: 0;
			left: 180px
		}
		.galleria li div img { cursor: pointer }
		.galleria li.active div img,.galleria li.active div { display: block }
		.galleria li img.thumb { 
			top: auto;
			left: auto;
			display: block;
			width: auto;
			height:auto;
			cursor: pointer
		}
		.galleria_wrapper { text-align: center }
		.galleria_container .caption { 
			display: block;
			color: #FFF;
			font-style: italic;
			font-weight: bold;
			padding-top: .5em;
			text-align: center;
			text-shadow: #074363 1px 1px
		}
		* html .galleria li div span { width: 400px }
		
.main {
	float: right;
	width: 530px;
	overflow: hidden
}
	.main img {
		float: none;
		margin: 0;
		padding: 3px;
		background: #BDBDBC;
	}

/*------ sidebar ------*/
.aside {
	float: left;
	width: 280px
}
	.aside h2 { margin-top: 0 }
	.aside ul { font-size: 107.69% }
		.aside li {
			border-bottom: 1px solid #009BF3;
			margin-bottom: .2em;
			padding-bottom: .2em;
		}
			.aside a { font-weight: normal }
				.aside a:hover, .aside a:focus { text-decoration: none }

}

@media print {

body {
	font-family: Verdana, sans-serif;
	font-size: 10pt;
	color: black;
	width: 600px;
}

#wrap { width: 100% !important }

.nav, .skip, .aux-nav,
.offset, form,
.aside,
.footer a { display: none }

h1, h2, h3, h4, h5 { 
	margin: 15px 0 5px;
	font-family: "Trebuchet MS", Verdana, sans-serif; 
}

a img { border: none; }
a:link, a:visited {	color: #999; text-decoration: none; }

.img { 
	float: right;
	margin: 5px 0 5px 15px;
}

table { margin: 1px; text-align: left }
th { border-bottom: 1px solid #333; font-weight: bold }
td { border-bottom: 1px solid #333 }
th,td { padding: 4px 10px 4px 0 }
tfoot { font-style: italic }
caption { background: #fff; margin-bottom:2em; text-align:left }
thead { display: table-header-group }
tr { page-break-inside: avoid } 

.footer { clear: both; margin: 20px 0; font-size: 85% }
.footer ul { list-style: none; margin: 0; padding: 0 }

}