/*----- Layout -----*/
body{
	background: #111;
	font-family: verdana, arial;
	font-size: 14px;
	margin: 0px;}
	
#header{
	background: #111;
	height: 50px;
	border-bottom: 2px solid #333;}
	
#content{
	background: #222 url('images/black_paper.png');
	color: #ccc;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;}
	
#footer{
	background: #111;
	color: #ccc;
	border-top: 2px solid #333;}
	

/*----- Unique Div Styling -----*/
#navigation{
	font-family: arial;
	font-size: 14px;
	text-align: center;
	float: right;}
	
#preload{
	display: none;}
	
#copyright{
	font-size: 12px;
	text-align: center;}
	
	
/*----- General Div Styling -----*/
.wrapper{
	width: 960px;
	margin: 0px auto;}
	
.whole{
	width: 920px;
	padding: 10px;
	margin: 10px;
	float: left;}
	
.half{
	width: 440px;
	padding: 10px;
	margin: 10px;
	float: left;}

.third{
	width: 280px;
	padding: 10px;
	margin: 10px;
	float: left;}
	
.twothird{
	width: 600px;
	padding: 10px;
	margin: 10px;
	float: left;}

.fourth{
	width: 200px;
	padding: 10px;
	margin: 10px;
	float: left;}
	
.threefourth{
	width: 680px;
	padding: 10px;
	margin: 10px;
	float: left;}
	
.clear{
	clear: both;}
	
.right{
	text-align: right;}
	
.center{
	text-align: center;}
	
.blackbox{
	background: url('images/bg_black.png');}
	
.vertlineSmall{
	background-color: #333;
	height: 170px;
	width: 2px;
	margin: 20px -2px 20px 0px;
	float: left;}
	
.vertlineLarge{
	background-color: #333;
	height: 300px;
	width: 2px;
	margin: 20px -2px 20px 0px;
	float: left;}


/*----- Links and Navigation -----*/
a{text-decoration: none;}
a:link, a:visited{color: #00aaff;}
a:hover, a:active{color: #00ffff;}

ul.nav{list-style-type: none; padding: 0px; margin: 0px;}
li.nav{display: inline;}

a.nav:link, a.nav:visited{
	background: #111;
	color: #666;
	font-weight: bold;
	height: 20px;
	padding: 10px 5px 10px 5px;
	border-bottom: 2px solid #333;
	margin: 10px;
	float: left;}
	
a.nav:hover, a.nav:active{
	background: #111;
	color: #999;
	font-weight: bold;
	height: 20px;
	padding: 10px 5px 10px 5px;
	border-bottom: 2px solid #666;
	margin: 10px;
	float: left;}
	
a.navActive{
	background: #111;
	color: #fff;
	font-weight: bold;
	height: 20px;
	padding: 10px 5px 10px 5px;
	border-bottom: 2px solid #fff;
	margin: 10px;
	float: left;}


/*----- Images -----*/
img{
	border: 0;}

.icon{
	float: left;
	margin: 0px 5px 10px 0px;}

.thumbnail{
	border: 1px solid #000;}
	
.thumbnail:hover{
	border: 1px solid #fff;}


/*----- Headers and Text -----*/
span.header{font-family: 'Lato'; font-size: 40px; color: #ccc;}
span.large{font-family: 'Lato'; font-size: 26px; color: #ccc;}

p.large{font-size: 16px;}


/*----- Contact Form -----*/
#contact{
	text-align: left;}
	
#contact-area{
	width: 440px;
	margin-top: 25px;}

#contact-area input, #contact-area textarea{
	font-size: 16px;
	width: 426px;
	padding: 5px;
	border: 2px solid #666;
	border-radius: 5px;
	margin: 0px 0px 5px 0px;}

#contact-area textarea{
	height: 80px;}

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

#contact-area input.submit-button{
	background: #111;
	color: #ccc;
	font-size: 14px;
	font-weight: bold;
	height: 40px;
	width: 100px;
	float: right;}
	
#contact-area input.submit-button:hover{
	background: #333;}


/*----- Nivo Slider -----*/
#slider {
    position:relative;
    width: 920px;
    height: 300px;
    background: url(nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;}
	
#slider img {
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;}
	
#slider a {
    border: 0;
    display: block;}


/*----- Misc Elements -----*/
hr{
	background: #999;
	color: #999;
	height: 1px;
	border-width: 0px;}