/**
* CSS
* 
* @version 1.1
* @author Vaska 
* @author Gregory Cadar
* @author Rob Sawyer (http://www.robksawyer.com)
*/
* {
	margin:				0;
	padding:			0;
}

body {
	font-size:			10px;
	font-family:		Verdana, sans-serif;
	/*background: 		#171717;*/
	/*background: 		#080b0d;*/
	background:			url(./images/bg_boxes_color.jpg) repeat-x fixed top left;
	/*background: 		#ffffff;*/
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

h1 {
	padding:			25px 0px 10px 0px;
	margin:				0;
	text-align:			left;
	font:				Bold 55px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:		-2px;
	line-height:		50px;
	color:				#000000;
}
		   
h1 a { color: #000000; text-decoration:	none; }
h1 a:visited { color: #000000; text-decoration:	none; }
h1 a:active { color: #000000; text-decoration:	none; }
h1 a:hover { 
	color: #000000;
	border-bottom: 2px solid #000000;
	text-decoration:	none; 
}

h2 {
	padding:		  	30px 0px 50px 0px;
	margin:			  	0px;
	text-align:		  	left;
	font:			  	Bold 24px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:	  	-2px;
	line-height:	 	22px;
}
		   
h2 a { color: #000000; text-decoration:	none; }
h2 a:visited { color: #000000; text-decoration:	none; }
h2 a:active { color: #000000; text-decoration:	none; }
h2 a:hover { 
	color: #000000; 
	text-decoration:	none; 
}


h3 {
	padding:		  	30px 0px 30px 0px;
	margin:			  	0px;
	text-align:		  	left;
	font:			  	Bold 16px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:	  	-2px;
	line-height:	  	14px;
}
		   
h3 a { color: #000000; text-decoration:	none; }
h3 a:visited { color: #000000; text-decoration:	none; }
h3 a:active { color: #000000; text-decoration:	none; }
h3 a:hover { 
	color: #000000;
	text-decoration:	none; 
}


h4 {
	padding:		  	30px 0px 50px 0px;
	margin:			  	0px;
	text-align:		  	left;
	font:			  	Bold 12px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:	  	-2px;
	line-height:	  	10px;
}
		   
h4 a { color: #000000; text-decoration:	none; }
h4 a:visited { color: #000000; text-decoration:	none; }
h4 a:active { color: #000000; text-decoration:	none; }
h4 a:hover { 
	color: #000000; 
	text-decoration:	none; 
}

a:link { text-decoration: none; color: #666666; letter-spacing: -0.02em;}
a:active { text-decoration: none; color: #666666; letter-spacing: -0.02em;}
a:visited { text-decoration: none; color: #666666; letter-spacing: -0.02em;}
a:hover { text-decoration: underline; color: #222222; letter-spacing: -0.02em;}

#header{
	position:			absolute;
	width:				100%;
	height:				auto;
	top:				50px;
	margin:				0px;
	padding:			0px 0 25px 0;
	text-align:			center;
	color:				#000000;
}

#header h1{
	text-align:			center;
}


a img { border: none;}

#menu {
	position:			absolute;
	width:				235px;
	overflow:			auto;
	overflow-x:			hidden;
	top:				133px;
	left:				25px;
	background:			transparent;
	padding:			0px;
	margin:				0px;
}

#menu ul {
	list-style:			none;
	margin: 			0 0 11px 0;
	padding:			0;
}

#menu ul li.section-title { 
	background:			#000000;
	font:				Bold 55px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:		-2px;
	line-height:		50px;
	letter-spacing:		-0.025em;
}

#menu ul li.active{ 
	font-weight:		normal;
	text-transform:		uppercase;
	text-decoration:	none;
	color:				#000000;
	background-color:	#12dddb;
	font-size:			21px;
	letter-spacing:		-0.15em;
	padding:			5px 5px 5px 10px;
}

#menu ul li.active:hover{ 
	color:				#000000;
	background-color:	#12dddb;
	text-decoration:	none;
}

#menu ul li{ 
	font-weight:		normal;
	text-transform:		uppercase;
	text-decoration:	none;
	background:			#222222;
	color:				#ffffff;
	font-size:			21px;
	letter-spacing:		-0.15em;
	padding:			5px 5px 5px 10px;
}

#menu ul li:hover{ 
	text-decoration: 	none;
}

#menu ul.indexibit li{ 
	font-weight:		normal;
	text-transform:		uppercase;
	text-decoration:	none;
	background:			#222222;
	color:				#ffffff;
	font-size:			12px;
	letter-spacing:		-0.15em;
	padding:			5px 5px 5px 10px;
}

#menu ul li.active a:link{ color: #000000; }
#menu ul li.active a:active{ color: #000000; }
#menu ul li.active a:visited{ color: #000000; }
#menu ul li.active a:hover{
	color:				#e8e8e8;
	text-decoration:	none;
	border-bottom:		2px solid #ffd200;
}

#menu ul li a:link{ color: #999999; text-decoration: none; }
#menu ul li a:active{  color: #999999; text-decoration: none; }
#menu ul li a:visited{	color: #999999; text-decoration: none; }
#menu ul li a:hover{ border-bottom: 2px solid #ffd200; color: #e8e8e8; text-decoration: none; }

#menu ul.indexibit li a:link{ color: #999999; text-decoration: none; }
#menu ul.indexibit li a:active{	 color: #999999; text-decoration: none; }
#menu ul.indexibit li a:visited{	color: #999999; text-decoration: none; }
#menu ul.indexibit li a:hover{ color: #f5f5f5; text-decoration: none; }


#content {
	position:			absolute;
	top:				130px;
	left:				275px;
	width:				auto;
	height:				100%;
	margin:				0px;
	padding:			0px;
}

#content .container {
	padding:			0px;
	margin:				0px;
}

#content p { 
	width:				400px; 
	margin-bottom:		9px;
}

p {
	padding:			0 0 9px 0;
	font-weight:		bold;
	text-transform:		none;
}

p.copyright {
	font-weight:		normal;
	text-transform:		none;
	padding:			5px 3px 13px 10px;
	color:				#000000;
	background-color:	#ff002a;
	font-weight:		bold;
	letter-spacing:		-0.1em;
}

p.login {
	font-weight:		normal;
	text-transform:		none;
	padding:			7px 3px 7px 10px;
	color:				#ff002a;
	background-color:	#000000;
	font-weight:		bold;
	letter-spacing: 	-0.1em;
}

p.login:hover {
	color:				#000000;
	background-color:	#12dddb;
}

p.login a:link{
	font-weight:		normal;
	text-decoration:	none;
	text-transform:		uppercase;
	color:				#000000;
	font-weight: 		bold;
	letter-spacing: 	-0.1em;
}
p.login a:active{ text-decoration: none; text-transform: uppercase; color: #222; }
p.login a:visited{ text-decoration: none; text-transform: uppercase; color: #222; }
p.login a:hover{ text-decoration: none; text-transform: uppercase; color: #000000; }

.indexhibit{
	margin: 			0 0 9px 0;
	font-weight:		normal;
	text-transform:		none;
}

.fat {
	text-decoration: 	none;
	font-size: 			54px; 
	line-height: 		54px; 
	margin: 			0 0 33px 0; 
	letter-spacing: 	-0.10em; 
	font-weight: 		normal; 
	margin-bottom: 		27px; 
}


.work_title{
	text-decoration: 	none;
	font-size:			54px; 
	line-height: 		54px; 
	margin: 			0 0 33px 0; 
	letter-spacing: 	-0.10em; 
	font-weight: 		normal; 
	margin-bottom: 		27px; 
	padding:			2px 2px 5px 2px;
	width:auto;
	background:			#222222;
	color:				#ffffff;
}

/* Home page thumbnails */

#home_thumbs { 
	position: 			relative; 
	background:			transparent;
	width:				850px;
	margin:				0;
	padding:			0;
}
#home_thumbs #thumb { 
	float:				left;
	text-align:			center; 
	text-decoration:	none;
	background:			#222222; 
	width:				184px; 
	height:				184px; 
	margin:				0px 0px 5px 5px; 
	padding:			0;
}

/* ROLLOVER THUMBNAILS */
#home_thumbs #thumb a span {
	display:			block;
	width:				500px;
	visibility:			hidden;
	position:			absolute;
	font-weight:		normal;
	text-transform:		uppercase;
	letter-spacing:		-0.05em;
	margin:				-184px 0 0 184px;
	font-size:			4em;
}

#home_thumbs #thumb a{
	text-decoration:	none;
}

#home_thumbs #thumb:hover{
	text-decoration:	none;
	background-color:	#12dddb;
	color:				#ff002a;
}

#home_thumbs #thumb a:link span { color: #ff002a; text-decoration:none; }
#home_thumbs #thumb a:active span { color: #ff002a; text-decoration:none; }
#home_thumbs #thumb a:visited span { color: #ff002a; text-decoration:none; }
#home_thumbs #thumb a:hover span {
	text-align: 		left;
	display:			block;
	text-decoration:	none;
	visibility: 		visible;
	position:			relative;
	margin: 			0;
	padding: 			0.2em 0 0.25em 0.53em;
	background-color:	#12dddb;
	color:				#ff002a;
}

/* END ROLLOVER THUMBNAILS */

#home_thumbs #thumb a:link{ }
#home_thumbs #thumb a:active{ }
#home_thumbs #thumb a:visited{ }
#home_thumbs #thumb a:hover{ }
#home_thumbs #thumb img{
	padding-top:		10px;
	width:				164px;
	height:				164px;
}
.clear { clear:both; }

/* Gallery image thumbnails */
#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }
#img-container .thumb { margin-right:4.5px; border:#111111 1px double; border-width:4px; padding: 4px 4px 8px 4px;}

#content div.about{
	margin:				-50px 0;
	padding:			0px;
	height:				100%;
	color: 				#000000	;
	text-decoration: 	none;
	font-size: 			54px; 
	line-height: 		54px; 
	letter-spacing: 	-0.10em; 
	font-weight: 		normal; 
	margin-bottom: 		27px;
}

#content div.about a:link{ 
	color: 				#000000; 
	border-bottom: 		2px solid #12dddb;
}
#content div.about a:active{ color: #000000; border-bottom: 2px solid #12dddb;}
#content div.about a:visited{ color: #000000; border-bottom: 2px solid #12dddb;}
#content div.about a:hover{
	color:				#000000;
	text-decoration: 	none;
	border-bottom: 		2px solid #ffd200;
}

#content p.contact{
	width:				auto;
	margin:				100px 0;
	padding:			0px;
	color: 				#000000	;
	text-decoration: 	none;
	font:				Bold 25px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:		-2px;
	line-height: 		10px;
}

#content p.contact span.fat{
	padding:			0 4px 0 0;
	color: 				red;
	text-decoration: 	none;
	font:				Bold 35px 'Arial Black', Tahoma, Helvetica, sans-serif;
	letter-spacing:		-2px;
	line-height: 		20px;
}

#content p.contact a:link{ 
	color: 				#000000; 
	border-bottom: 		2px solid #12dddb;
}
#content p.contact a:active{ color: #000000; border-bottom: 2px solid #12dddb;}
#content p.contact a:visited{ color: #000000; border-bottom: 2px solid #12dddb;}
#content p.contact a:hover{
	color:				#000000;
	text-decoration: 	none;
	border-bottom: 		2px solid #ffd200;
}


#once { clear: left; }