/*
    Created by Keith Donegan of Code-Sucks.com
	
	E-Mail: Keithdonegan@gmail.com
	
	You can do whatever you want with these layouts,
	but it would be greatly appreciated if you gave a link
	back to http://www.code-sucks.com
	
	------------------------------------------------------
	
	Mosaic - Sliding Boxes and Captions jQuery Plugin
	Version 1.0.1
	www.buildinternet.com/project/mosaic
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
	
	------------------------------------------------------
	
	jQuery lightBox plugin
	This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
	and adapted to me for use like a plugin from jQuery.
	@name jquery-lightbox-0.5.css
	@author Leandro Vieira Pinho - http://leandrovieira.com
	@version 0.5
	@date April 11, 2008
	@category jQuery plugin
	@copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
	@license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
	@example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
*/

* { padding: 0; margin: 0; }

html, body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background: #1c1c1c url('http://morepolygons.com/images/body_background_dark.png') repeat;
}

ul, li {
 padding: 0px;
 margin: 0px 0px 0px 1em;
}

a:link {color:#FFF;text-decoration:underline;}      /* unvisited link */
a:visited {color:#bcaf5e;}  /* visited link */
a:hover {color:#e5d575;}  /* mouse over link */
a:active {color:#ffed80;}  /* selected link */

#wrapper {  
 margin: 0 auto;
 width: 922px;
 color: red;
}

#header {
 color: #FFF;
 width: 900px;
 float: left;
 padding: 30px 10px 0px 10px;
 height: 20px;
 margin: 10px 0px 5px 0px;
 text-align: right;
 overflow: hidden;
}

#header a:link{ /* unvisited link */
 color:#FFF;
 text-decoration:none;      
}
#header a:visited{ /* visited link */
 color:#FFF;  
}
#header a:hover{ /* mouse over link */
 color:#e5d575;  
}
#header a:active{ /* selected link */
 color:#ffed80;  
}
#headerbanner {
 color: #FFF;
 width: 920px;
 float: left;
 padding: 0px; 
 height: 320px;
 margin: 0px 0px 5px 0px;
 overflow: hidden;
 position: relative;
}

/* Mosaic - Sliding Boxes and Captions jQuery Plugin */
.clearfix{ display: block; height: 0; clear: both; visibility: hidden; }
.details{
 font-size: 1em;
 margin: 10px 20px 0px 20px;
 color: #FFF;
 text-transform:uppercase;
}
 
.details h2 {
 font-size: 8em;
 margin: -30px 0px 0px -5px;
}
.details h3 {
 display: inline;
 font-size: 4em;
 color: #e5d573;
 margin: 0px 0px -10px -5px;
}
.details h4 {
 display: inline;
 font-size: 4em;
 color: #FFF;
 margin: 0px 0px -10px 0px;
}
.details p{ color: #FFF; }
.details a{ text-decoration:none; }
.mosaic-block {
	float:left;
	position:relative;
	overflow:hidden;
	width:920px;
	height:320px;
	border: 1px solid #0e0e0e;
	margin:0px;
	background:#111 url(../img/progress.gif) no-repeat center center;	
}
	.mosaic-backdrop {
		display:none;
		position:absolute;
		top:0;
		height:100%;
		width:100%;
		background:#111;
	}	
	.mosaic-overlay {
		display:none;
		z-index:5;
		position:absolute;
		width:100%;
		height:100%;
		background:#111;
	}
.bar1 .mosaic-overlay {
	overflow: auto;
	bottom:-95px;
	height:200px;
	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
}
.bar2 .mosaic-overlay {
	overflow: auto;
	bottom:-130px;
	height:200px;
	opacity:0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70);
}
#home-line {
position: absolute;
left: 300px;
top: 10px;
width: 1px;
height: 90px;
background-color: #FFF;
}

#home-description {
position: absolute;
left: 320px;
top: 10px;
text-transform:uppercase;
}

#navigationbar{
 color: #FFF;
 width: 920px;
 float: left;
 padding: 0px;
 /* border: 1px solid #0e0e0e; */
 height: 130px; /* 147px if you use the horizontal scrollbar */
 margin: 10px 0px 10px 0px;
 overflow: hidden;
 /* use following if you'd like to scroll horizontally when there's a bunch of images lined up next to each other. Obviously delete overflow: hidden; before you do so.
 overflow-x: scroll;
 overflow-y: hidden;
 */
 white-space: nowrap;
}
#navigationbar img{
 display: inline-block;
 vertical-align: middle;
}

#leftcolumn { 
 color: #FFF;
 text-align: justify;
 border: 1px solid #0e0e0e;
 background: #292929;
 margin: 0px 5px 5px 0px;
 padding: 10px;
 min-height: 355px;
 width: 250px;
 float: left;
}

#rightcolumn { 
 float: right;
 color: #FFF;
 border: 1px solid #0e0e0e;
 background: #373737;
 margin: 0px 0px 5px 0px;
 padding: 10px;
 min-height: 382px;
 width: 623px;
 display: inline;
 overflow: auto;
}

#notification { 
    float: left; 
    margin: 4px; 
}

#rightcolumn img { border: 1px solid #0e0e0e; }

#imgnoborder img{
border-width: 0px;
}

#footer { 
 font-size: 10px;
 width: 900px;
 clear: both;
 color: #6a6b66;
 border: 1px solid #0e0e0e;
 background: #0f0f0f;
 margin: 0px 0px 0px 0px;
 padding: 15px 10px 5px 10px;
}

.imagethumbnail { position: relative; width: 120px; height: 120px; }
.hoverimage { position: absolute; top: 0; left: 0; display: none; }
.imagethumbnail:hover .hoverimage { display: block; }

/* contact form */
input {
background-color: #666666;
}

#contact-area {
 width: 623px;
}

#contact-area input, #contact-area textarea {
 color: #FFF;	
 padding: 5px;	
 width: 611px;
 font-size: 1;
 margin: 0.5em 0px 0px 0px;
 border: 1px solid #ccc;
}

#contact-area textarea {
 background-color: #666666;
 height: 100px;
}

#contact-area textarea:focus, #contact-area input:focus {
 border: 2px solid #e5d573;
}

#contact-area input.submit-button {
 color: #000;
 width: 100px;
 float: right;
 background-color: #FFF;
}

label {

}

/*! fancyBox v2.0.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1002;
}

.fancybox-outer {
	position: relative;
	padding: 0;
	margin: 0;
	background: #0e0e0e;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
			border-radius: 4px;
}

.fancybox-opened {
	z-index: 1003;	
}

.fancybox-opened .fancybox-outer {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-inner {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
	overflow: hidden;
}

.fancybox-error {
	color: #444;
    font: 14px/20px Arial,sans-serif;
    margin: 0;
    padding: 10px;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #000;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('http://morepolygons.com/images/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 1010;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('http://morepolygons.com/images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 1004;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('http://morepolygons.com/images/blank.gif'); /* helps IE */
	z-index: 1003;
}

.fancybox-prev {
	left: 0;	
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 1003;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 20px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 1001;
	background: #000;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;	
	font: normal 13px/20px Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 1005;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 1003;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: #373737; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(55, 55, 55, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
			border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;	
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

#fancybox-thumbs {
	border: 1px solid #000;
	position: fixed;
	left: 0px;
	width: 100%;
	overflow: hidden;
	z-index: 1005;
}

#fancybox-thumbs.bottom {
	bottom: 2px;
}

#fancybox-thumbs.top {
	top: 2px;
}

#fancybox-thumbs ul {
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0;
}

#fancybox-thumbs ul li {
	float: left;
	padding: 1px;
	opacity: 0.5;
}

#fancybox-thumbs ul li.active {
	opacity: 0.75;
	padding: 0;
	border: 1px solid #000;
}

#fancybox-thumbs ul li:hover {
	opacity: 1;
}

#fancybox-thumbs ul li a {
	display: block;
	position: relative;
	overflow: hidden;
	border: 1px solid #222;
	background: #111;
	outline: none;
}

#fancybox-thumbs ul li img {
	display: block;
	position: relative;
	border: 0;
	padding: 0;
}