/* Main Elements*/
html, body {
    height:100%;
}
body {
    font-family:Trebuchet MS, Arial;
    color:#fff;
    background-color:#000000;
    background-image:url(graphics/bg.gif);
    background-repeat:repeat-y;
    margin:0 0 0 22px; 
    padding:0; 
}
img {
    border:none;
}
hr {
    border:none 0; 
    border-top:1px solid #212121;
    height:1px;
    margin:22px 0 22px 0;
} 
/* -- End -- */
/* -- Floating -- */
#floating_box {
  position:absolute;
  width:230px;
}
#floating_content {
  position:absolute;
  top: 0;
  margin-top:0px;
}
/* -- End -- */
/* -- Top -- */
#top {
    position:absolute;
    top:0px;
    left:22px;
    z-index:100;
    width:1216px;
    background-color:#000000;
}
#top_left {
    margin-top:22px;
    float:left;
    width:270px;
    background-color:#ff0014;
    height:5px;
    margin-right:22px;
    font-size:1px; 
    overflow:hidden; 
    display:block;
}
#top_mid {
    margin-top:22px;
    float:left;
    width:610px;
    background-color:#ff351a;
    height:5px;
    margin-right:22px;
    font-size:1px; 
    overflow:hidden; 
    display:block;
}
#top_right {
    margin-top:22px;
    float:left;
    width:270px;
    background-color:#ff6422;
    height:5px;
    font-size:1px; 
    overflow:hidden; 
    display:block;
}
/* -- End -- */
/* -- Wrapper -- */
#wrapper {
    text-align:left;
    width:1216px;
    height:100%;
}
/* -- End -- */
/* -- Columns -- */
#columns { }
#col_left {
    float:left;
    width:270px;
    margin-right:22px;
}
#col_mid {
    float:left;
    width:610px;
    margin-right:22px;
}
#col_right {
    float:left;
    width:270px;
}
/* -- End -- */
/* -- Holders -- */
.content_holder {
    margin:47px 22px 22px 22px;
}
.case_holder {
    margin-bottom: 0px;
}
#empty_case_holder {
    height:650px;
}
/* -- End -- */
/* -- Images -- */
.logo_img {
    /*background-image:url(graphics/logo.gif);
    height:56px;
    width:184px;*/
    margin:0 0 25px 0;
}
.case_img {
    margin:0 0 25px 0;
}
.thumb_img {
    margin:0 9px 9px 0;
    float:left;
    cursor:pointer;
    border:1px solid #212121;
}
/* -- End -- */
/* -- Text -- */
p {
    font-size:12px;
    line-height:14px;

}
p.contact_text {
    font-size:11px;
}
p.small_text 
{
    padding:0 4px;
    font-size:10px;
    color:#fff;
}
h1 {
    font-size: 22px;
    color: #ffffff;
    font-weight:normal;
    font-style:normal;
    margin:0 0 7px 0;
}
h2 {
    font-size: 16px;
    color: #ffffff;
    font-weight:normal;
    font-style:normal;
    margin:0 0 7px 0;
}
h2.works {
    font-size: 16px;
    color: #ffffff;
    font-weight:normal;
    font-style:normal;
    margin:0 0 12px 0;
}
/* -- End -- */
/* -- Link -- */
a {
    font-size: 12px;
    color: #00ffae;
    font-weight:normal;
    font-style:italic;
    text-decoration:underline;
    text-transform:uppercase;
}
a:link {}
a:visited {}
a:hover  {
	color: #999999;
}
a:active {}
a:focus {
    outline:none;
}
/* -- End -- */
/* -- Misc -- */
.clear {
    clear:both;
}
/* -- End -- */
/* -- Image Slider -- */
.image_slider ul, .image_slider li {
	margin:0;
	padding:0;
	list-style:none;
}
.image_slider {   
    margin-top:0px;
    /*border:1px solid #212121;*/
    margin-bottom:5px;
}
.image_slider li { 
	/* 
		define width and height of list item (slide)
		entire slider area will adjust according to the parameters provided here
	*/ 
	width:566px;
	height:342px;
	overflow:hidden; 
}	
.image_slider li.collapse {
    display:none;
}

/* numeric controls */	

ol.controls{
	padding:0;
	height:17px;	
	}
ol.controls li{
	margin:0 8px 0 0; 
	padding:0;
	float:left;
	list-style:none;
	height:17px;
	line-height:17px;
	}
ol.controls li a{
	float:left;
	height:17px;
    font-size:8px;
    background-image:url(graphics/btn_slider.gif);
    background-repeat:no-repeat;
	color:#000;
	padding:0 7px;
	text-decoration:none;
	}
ol.controls li.current a{
	background-image:url(graphics/btn_slider_highlight.gif);
	background-repeat:no-repeat;
	color:#000;
	}
ol.controls li a:focus{outline:none;}
	
/* -- End -- */
/* -- Cover -- */
.case_grid {
    margin:0 9px 9px 0;
	width:65px; 
	height:39px; 
	float:left; 
	overflow:hidden; 
	position:relative; 
}
.case_grid img { 
	position:absolute; 
	top:0; 
	left:0; 
	border:0; 
}
.case_caption {
    text-align:center;
    cursor:pointer; 
	float: left; 
	position:absolute; 
	background:#000; 
	height:42px; 
	width:65px; 
}
.cover {}
.caption .case_caption {
	top:65px;
	left: 0;
}
/* -- End -- */