/* CORE */

* {
  margin:0;
  padding:0; 
}

body {
  font-size:12px;
  font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
  background: url('../images/bg2.jpg') repeat-y center;
  color:#000;
}
/* TYPO */

h1 {
  
  background:url('../images/logo.png') no-repeat;
  padding:0px 0px 0px 20px;
  margin:0 0 50px 30px;
}

h1 a {
  display:block;
  width:500px;
  height:84px;
  font-style:italic;
  text-transform:uppercase;
  font-size:0px;
}

h2 {
  font-size:14pt;
  font-weight:normal;
  margin:10px 0;
}

a {
  
  text-decoration:none;
  
}

#left a {
  color:#A52A2A;
  font-weight:bold;
}

#right a {
  color:#D8D4B9;
  cursor:pointer;
}

ul {
  margin-bottom:10px;
}

li {
  margin-left:30px;
  padding-left:0px;
}

/* CONTENT */

#container {
  width:100%;
  background:url('../images/bg.jpg') no-repeat fixed center;
  position:absolute;
  min-height:100%;
}

/* LEFT */

#left {
  float:left;
  width:50%;
  margin-top:121px;
  position:relative;
}

#left_content {
  width:500px;
  float:right;
  margin-right:30px;
  position:fixed;
  left:50%;
  margin-left:-550px;
}

#left p {
  padding:0.5em 30px 0.5em 0px;
}



/* PORTFOLIO */

.preview {
  border:5px solid #A52A2A;
  padding:5px 5px 2px;
  display:inline-block;
  margin-right:30px;
  background:#000;
  position:relative;
  text-decoration:none;
}

.preview img {  
  max-width:480px;
  border:0px solid #A52A2A;
}

.port_view {
	display:none;
	position:absolute;
	top:50%;
	left:0;
	margin-top:-10px;
	text-align:center;
	background:url('../images/hover.png');
	width:100%;
	padding:5px 0px;
	color:white;
}

.preview:hover .port_view {
	display:block;
}

.port_container {
  position:relative;
  margin-top:10px;
}

.port_left {
  float:left;
  width:98px;
  border:1px solid #A52A2A;
  text-align:right;
  padding:0 3px 0 0;
  font-weight:bold;
}

.port_right {
  float:left;
  width:370px;
  margin-left:10px;
}

.port_right a {
  letter-spacing:1px;
}

.port_right a:hover {
  text-decoration:underline;
}

.port_divider {
  border-bottom:1px solid #A52A2A;
  margin:3px 0;
  clear:both;
}

/* RIGHT */

#right {
  float:left;
  width:50%;
  margin-top:50px;
  padding-bottom:50px;  
}

#right_content {
  
}

#right p {
  padding:0.5em 0 0.5em 0;
  line-height:18px;
}

#right .left {
  float:left;
  width:60%;
  
}

#right .left p {
  padding-right:30px;
}

#right .right {
  float:left;
  width:40%;
}

.opener {
  display: block;
  height:1.4em;
  margin-top:10px;
  cursor:pointer;
  font-size:1.3em;
  padding:2px 0px 0px 20px;
  color:white;
  background:#000;
  font-family:Arial;
}

.block {
  height:0px;
  overflow:auto;
  overflow: hidden;
  padding:0 80px 0 20px;
  position:relative;
}

/* BLOCK2 */

#block2 {
  padding:0 0 0 20px;
}

.thumb {
  cursor:pointer;
  border:1px solid #821616;
  padding:0;
  width:202px;
  height:109px;
  display:inline-block;
  padding:5px;
  margin:10px;
  position:relative;
}

.thumb img {
  border:1px solid #000;
  width:200px;
  height:107px;
}

.thumb:hover {
  border:1px solid #000;  
}

.thumb_view {
	display:none;
	position:absolute;
	top:50%;
	margin-top:-10px;
	text-align:center;
	background:url('../images/hover.png');
	width:201px;
	padding:5px 0px;
	color:white;
}

.thumb:hover .thumb_view {
	display:block;
}

.clear {
  clear:both;
}