@charset "UTF-8";

/**
made by Schirok SD, 2011
www.schirok.com
*/

/* Lets reset browser styles first */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    font-family: Georgia, 'Times New Roman',Times,serif;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}

ul {
    list-style:none;
    list-style-type:none;
    position:relative;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline: 0;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #431709;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
/* ++++++ reset END ++++++++++++++++++++++++++++++++++ */

/* Colors */
.petrol {
	color:#00838a;
}
.orange { 
	color:#ec751a;
}
.darkbrown {
	color:#431709;
}
.white {
  color:#ffffff;
}

/* Layout */
html,body{
	height:100%;
	margin:0;
	padding:0;
	color:#431709;
}
body{
	text-align:center;
	min-width:900px;
	min-height:500px;
}
#vertical{
	float:left;
	height:50%;
	margin-top:-245px;/* half vertical height*/
	width:100%;
}
#hoz {
  width:100%;
	clear:both;
	background:#fff url(../img/bg.gif) repeat-x 50% 125px;
}
#hoz-wrapper {
  width:905px;
  height:490px;
  margin-left:auto;
  margin-right:auto;
  overflow:auto;/* allow content to scroll inside element */
  text-align:left;
}

.left {
	float:left;
	height: 490px;
	width: 240px;
}
.left .inner{
  margin:0 20px;
}

.middle {
	float:left;
	width:465px;
	height:490px;
	overflow:auto;
	position:relative;
}
.right {
  float:left;
	height: 490px;
	width: 200px;
}

.right .inner{
  margin:150px 20px 10px 20px;
}

/* typography */
#hoz-wrapper {
  font-size:0.75em;
  line-height:1.3em;
}
p {
  padding-bottom:0.5em;
}
a:link, a:visited {
  color:#431709;
  text-decoration: none;
}

a:hover,
a:focus, a:active {
  color:#ec751a;
}

cite {
  font-style: italic;
  color:#ec751a;
}

/* navigation */
ul.nav {
  padding:87px 0px 0px 65px;
}
.nav .active a {
  color:#EC751A;
}
.contact a.active {
  color:#EC751A;
}
.contact .white a:link {
  color:#ffffff;
}

/* logo */
h1.logo {
  text-indent:-999px;
  padding:0;
  margin:0;
  width:200px;
  height:63px;
  background:#fff url(../img/logo.png) repeat-x center center;
  cursor:pointer;
}

/* showcase */
.showcase-wrapper {
  height:460px;
  width:460px;
  text-align:left;
  position:absolute;
  top:0;
  left:0;
  background-image: url(../img/bg_showcase.jpg);
  background-repeat:no-repeat;
  background-position: top left;

}
  
.showcase {
  position:relative;
  width:450px;
  height:450px;
  padding:0;
  margin:0;
}

.showcase .item img {
  display:block;
  width:450px;
  height:450px;
}
.item, .showcase .about {
  position:relative;
  width:450px;
  height:450px;
}
.item .item-meta {
  position:absolute;
}

.about .info {
  position:absolute;
  top:20px;
  left:245px;
  width:190px;
}
.about .info cite {
  display:block;
  padding-bottom:20px;
}
.about .info h2 {
  font-size:1em;
  padding-bottom:20px;
}
dt, dd {
  font-size:0.875em;
  font-family: Verdana,Arial,sans-serif;
  line-height:1.3em;
}
.about .info dt {
  padding-right:0.5em;
  float:left;
  clear:both;
}
.about .info dd {
  padding-left:70px;
  padding-bottom:3px;
}