@import url("reset.css");

body
{
	background: #151515;
	color: #AAA;
	font-size: 12px;
	font-family: 'Droid Sans', Arial, Helvetica, sans-serif;
}

/* Misc Styles */
#logo {background-image:url(../images/logo.png);
 float: center; height:147px; width:1024px;
}

a { color: #00FFFF; text-decoration: none; }
a:hover { color: #FFF; text-decoration: none; }
img.alignright { float: right; border: 1px solid #333; padding: 5px; margin: 0 0 10px 10px; }

/* Main Styles */

#headercont
{
	width: 100%;
	background: #111;
}

	#headercont #header
	{
		margin: 0 auto;
		width: 900px;
	}
	
		#headercont #header #headerleft
		{
			float: left;		
			width: 400px;
			height: 100px;
		}
		
			#headercont #header #headerleft h1
			{
				color: #FFF;
				font-size: 26px;
				margin: 40px 0 0 0;
				font-weight: bold;
				letter-spacing: -1px;
				text-transform: uppercase;
			}
		
				#headercont #header #headerleft h1 a
				{
					color: #FFF;
				}
			
				#headercont #header #headerleft h1 a:hover
				{
					color: #00FFFF;
				}

		
		#headercont #header #headerright
		{
			float: left;		
			width: 500px;
			height: 100px;
		}
		
			#headercont #header #headerright ul
			{
				clear: both;
				float: right;
				margin: 30px 0 0 0;
				list-style-type: none;
			}
		
			#headercont #header #headerright ul li
			{
				float: left;
				overflow: hidden;
				height: 40px;
			}
		
			#headercont #header #headerright ul li a
			{
				padding: 10px 20px;
				float: left; 
				text-decoration: none; 
				color: #FFF;
				text-transform: uppercase;
				height: 20px;
				line-height: 20px;
				background: #111;
				margin: 0 0 0 5px;
				font-weight: bold;
			
				-moz-border-radius: 5px;
				border-radius: 5px;
			}
		
			#headercont #header #headerright ul li a.active
			{
				background: #222;
			}
		
			#headercont #header #headerright ul li a:hover
			{
				background: #00FFFF;
			}
		
#container
{
	margin: 0 auto;
	width: 900px;
}

	#container #gallerycont
	{
		width: 900px;
		padding: 20px 0;
		border-bottom: 1px solid #050505;
	}
	
		#container #gallerycont #galleryleft
		{
			float: left;
			width: 380px;
			padding: 0 20px 0 0;
			line-height: 20px;
		}
		
			#container #gallerycont #galleryleft p
			{
				margin: 0 0 20px 0;
			}
		
			#container #gallerycont #galleryleft h3
			{
				color: #FFF;
				margin: 0 0 20px 0;
				font-size: 24px;
				font-weight: bold;
				text-transform: uppercase;
				letter-spacing: -1px;
			}
		
		#container #gallerycont #galleryright
		{
			float: left;
			width: 500px;
		}
	
	#container #portfoliocont
	{
		width: 900px;
		padding: 20px 0;
		border-top: 1px solid #222;
		border-bottom: 1px solid #050505;
	}
	
	#container #portfoliocont .slideboxes { position: relative; float: left; overflow: hidden; width: 290px; height: 140px;  }
	#container #portfoliocont .slideboxes img { left: 0; position: absolute; top: 0; z-index: 99; cursor: pointer; }
	#container #portfoliocont .boxcont { padding: 20px; width: 250px; height: 100px; background: #111; cursor: pointer; line-height: 14px; }
	#container #portfoliocont .slideboxes.middle { margin: 0 15px; }

	#container #maincont
	{
		width: 900px;
		line-height: 22px;
		padding: 20px 0;
		
		background: url("../images/bg-maincont.png") repeat-y;
		
		border-top: 1px solid #222;
		border-bottom: 1px solid #050505;
	}
	
	#container #maincont p { margin: 0 0 15px 0; }
	
	#container #maincont h1, #container #maincont h2, #container #maincont h3, #container #maincont h4, #container #maincont h5 { margin: 0 0 10px 0; color: #FFF; font-weight: normal; text-transform: uppercase; letter-spacing: -1px; }
	#container #maincont h1 { font-size: 26px; }
	#container #maincont h2 { font-size: 24px; }
	#container #maincont h3 { font-size: 24px; }
	#container #maincont h4 { font-size: 22px; }
	#container #maincont h5 { font-size: 22px; }
	
	#container #maincont ul { margin: 0 0 20px 35px; list-style-type: square; }
	#container #maincont ul li { padding: 0 0 0 2px; }
	
	#container #maincont ol { margin: 0 0 20px 35px; list-style-type: decimal; }
	#container #maincont ol li { padding: 0 0 0 2px; }
	
	#container #maincont blockquote { font-family: Georgia; font-size: 13px; font-style: italic; background: #181818; border-left: 3px solid #00FFFF; padding: 15px; margin: 0 0 20px 0; }
	
		#container #maincont #mainleft
		{
			float: left;
			width: 580px;
			padding: 0 20px 0 0;
		}
		
		#container #maincont #mainright
		{
			float: left;
			width: 280px;
			padding: 0 0 0 20px;
		}
		
	#container #footercont
	{
		clear: both;
		width: 900px;
		padding: 20px 0;
		text-align: right;
		font-size: 11px;
		border-top: 1px solid #222;
	}





/* Button Styles */

a.button
{
	float: left;
    display: block;
    height: 32px;
	width: 150px;
	line-height: 32px;
	background: transparent url('../images/button_small_150.png') no-repeat top left;
    text-decoration: none;
    color: #FFF;
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
	border: 0;
	text-align: center;
}

a:hover.button
{
	background: transparent url('../images/button_small_150.png') no-repeat bottom left;
	cursor: pointer;
}