/****************************
			GLOBAL
*****************************/

* {
	margin:0px;
	padding:0px;
}

body {
	font-size:62.5%;
	color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#000;
}

:focus, :active { 
	outline: 0; 
}

.clear {
	clear:both;
}

.clearleft {
	clear:left;
}

.clearright {
	clear:right;
}

.pink {
	color:#CB006A;
}

.blue {
	color:#0095D2;
}

.green {
	color:#B7D13D;
}


/****************************
		  CONTAINER
*****************************/

#container {
	width:830px;
	margin:80px auto 0;	/*100px auto 0*/
/*	border:1px solid red;*/
}

/****************************
		TOP NAVIGATION
*****************************/

#top-nav {
	width:830px;
	height:40px;
}

	#top-nav img {
		float:left;
		margin-left:40px;
	}
	
	#top-nav a img {
		border:0px;
	}

	#top-nav ul {
		font-size:1.4em;
		margin-right:14px;
	}
	
		#top-nav li {
			float:right;
			list-style:none;
			/*margin:22px 24px 0px;*/
			
			margin:6px 24px 0px;
			
			/*hacks for crisp fonts*/
			text-shadow: 0 0 0 #000;	/*safari*/
			opacity:0.99;	/*firefox*/
		}
	
	#top-nav a {
		color:#fff;
		text-decoration:none;
	}
	
		#top-nav a:hover {
			color:#0095D2;
		}
		
		#top-nav .current {
			color:#0095D2;
		}

/****************************
	HORIZONTAL SEPARATOR
*****************************/

.horisep {
	width:830px;
	height:2px;
	/*margin:10px 0px;*/
	background-image: url(../images/horizontalsep.gif);
}

/****************************
	FLASH CONTENT (INTRO)
*****************************/

#content_flash {
	width:830px;
	height:397px;
	margin:10px 0px;
}

#intro {
	width:758px;
	margin:0px 36px;
}

/****************************
			CONTENT
*****************************/

#content {
	width:830px;
	height:330px;
	margin:10px 0px;
}

/****************************
		CONTENT LEFT
*****************************/

#content_left {
	width:252px;	/*280px (w/o padding)*/
	height:272px;	/*300px (w/o padding)*/
	background-color:#111;
	margin:20px 26px 0px 36px;
	padding:13px;
	float:left;
	border:1px solid #222;
}

	#content_left img {
		border:1px solid #666;
	}
	
	#content_left p {
		font-size:1.6em;
		text-align:center;
		margin-top:10px;
		font-family: 'Gill Sans', Arial , sans-serif;
		
		/*hacks for crisp fonts*/
		text-shadow: 0 0 0 #000;	/*safari*/
		opacity:0.99;	/*firefox*/
	}

/****************************
		CONTENT RIGHT
*****************************/

#content_right {
	width:390px;	/*452px (w/o padding)*/
	height:258px;	/*300px (w/o padding)*/
	background-color:#111;
	margin:20px 36px 0px 0px;
	padding:20px 30px;	/*20px 30px*/
	float:left;
	font-size:1.2em;
	border:1px solid #222;
}

	#content_right p {
		padding-bottom:16px;	/*20px*/
		
		/*hacks for crisp fonts*/
		text-shadow: 0 0 0 #000;	/*safari*/
		opacity:0.99;	/*firefox*/
	}
	
	#content_right a {
		color:#fff;
		text-decoration:none;
		border-bottom:1px dotted #666;	/*#333*/
	}

		#content_right a:hover {
			color:#0095D2;
		}
		
	#content_right ul {
		list-style:none;
		margin-left:40px;
	}
	
		#content_right li {
			margin:10px 0px;
			
			/*hacks for crisp fonts*/
			text-shadow: 0 0 0 #000;	/*safari*/
			opacity:0.99;	/*firefox*/
		}

/****************************
		CONTACT FORM
*****************************/

#contact label {
	width:100px;
	float:left;
	margin:5px 0px;
	
	/*hacks for crisp fonts*/
	text-shadow: 0 0 0 #000;	/*safari*/
	opacity:0.99;	/*firefox*/
}

	#contact input {
		background-color:#111;
		border:1px solid #333;
		color:#fff;
		margin:5px 0px;
		height:16px;
		float:left;
	}
	
		#contact input:focus {
			border:1px solid #0095D2;
		}
	
	#contact textarea {
		background-color:#111;
		border:1px solid #333;
		color:#fff;
		margin:5px 0px;
		font-family: Arial, Helvetica, sans-serif;
		font-size:1em;
		overflow:auto
	}
	
		#contact textarea:focus {
			border:1px solid #0095D2;
		}
		
	#contact .blue {
		color:#0095D2;
		font-size:1.2em;
	}

/****************************
 CONTENT RIGHT (LEFT COLUMN)
*****************************/
		
#content_right_left {
	float:left;
	width:220px;	/*222px*/
	margin-right:40px;
}

/****************************
 CONTENT RIGHT (RIGHT COLUMN)
*****************************/

#content_right_right {
	float:left;
	width:130px;	/*118px*/
}

	#content_right_right .current {
		color:#0095D2;
	}

	#content_right_right ul {
		font-size:0.9em;
		list-style:none;
		margin-left:20px;
	}
	
		#content_right_right li {
			margin:3px 0px;
			
			/*hacks for crisp fonts*/
			text-shadow: 0 0 0 #000;	/*safari*/
			opacity:0.99;	/*firefox*/
		}

/****************************
	  CONTENT PORTFOLIO
*****************************/
		
#content_portfolio {
	width:756px;
	height:338px;
	background-color:#111;
	margin:30px auto 18px;	/*20px auto 0px;*/
	border:1px solid #222;
}

/****************************
	  	   GALLERY
*****************************/

#gallery {
	font-size:1.2em;
/*	z-index:50;
	position: relative;*/
	
	/*hacks for crisp fonts*/
	text-shadow: 0 0 0 #000;	/*safari*/
	opacity:0.99;	/*firefox*/
}

	#gallery li {
		height:340px
	}
	
		#gallery img {
			float:left;
/*			margin-top:1px;*/
		}
		
		#gallery p {
			margin:24px;
			padding:6px 0px 0px 24px;
			float:left;
			border-left:1px solid #666;		/*#fff*/
			height:286px;
			width:220px;
		}
		
		#gallery a {
			color:#fff;
			text-decoration:none;
			border-bottom:1px dotted #333;
		}
		
			#gallery a:hover {
				color:#0095D2;
			}

/****************************
	  		PAGES
*****************************/

#pages {
	margin:3px 0px 4px;	/*17px 0px 5px;*/
}

	#pages ul {
		font-size:1.4em;
		margin-left:56px;	/*47px*/
		margin-right:47px;

	}

		#pages li {
			float:left;
			list-style:none;
			margin:0px 5px 9px 4px;
/*			padding:0px 5px 9px 4px;*/
			/*hacks for crisp fonts*/
			text-shadow: 0 0 0 #000;	/*safari*/
			opacity:0.99;	/*firefox*/
			position: relative;
		}

		#pages a {
			color:#fff;
			text-decoration:none;
		}

			#pages a:hover {
				color:#0095D2;
			}

		#pages .current {
			color:#0095D2;
		}

		#pages a .preview
		{
			display: none;
		}

		#pages a:hover .preview
		{
			display: block;
			position: absolute;
			top: -86px;
			left: -43px;
			z-index: 500;
		}

		#pages .preview
		{
			border: none;
			width: 102px;
			height: 83px;
			/*margin-top:-60px;*/
		}

/****************************
		CONTENT BOTTOM
*****************************/
		
#content_bottom {
	width:830px;
	margin:10px 0px;
}

	#content_bottom p {
		font-size:1.6em;
		text-align:center;
		
		/*hacks for crisp fonts*/
		text-shadow: 0 0 0 #000;	/*safari*/
		opacity:0.99;	/*firefox*/
	}
	
	#content_bottom a {
		color:#fff;
		text-decoration:none;
	}

		#content_bottom a:hover {
			color:#0095D2;
		}

/****************************
TAGLINE (ACTIVATE YOUR SENSES)
*****************************/

#activate {
	font-size:1.4em;
	text-align:right;
	margin-right:40px;
	margin-top:20px;
	font-family: 'Gill Sans', Arial , sans-serif;
	
	/*hacks for crisp fonts*/
	text-shadow: 0 0 0 #000;	/*safari*/
	opacity:0.99;	/*firefox*/
}

/****************************
	  BOTTOM NAVIGATION
*****************************/

#bottom-nav {
	width:830px;
	height:40px;
	margin-top:10px;
}

	#bottom-nav ul {
		font-size:1.4em;
		margin-left:31px;
	}
	
		#bottom-nav li {
			float:left;
			list-style:none;
			margin:0px 29px 0px;
			
			/*hacks for crisp fonts*/
			text-shadow: 0 0 0 #000;	/*safari*/
			opacity:0.99;	/*firefox*/
		}
		
		#bottom-nav a {
			color:#fff;
			text-decoration:none;
		}

			#bottom-nav a:hover {
				color:#0095D2;
			}
			
		#bottom-nav .current {
			color:#0095D2;
		}