/*-----------------------------------------------------------------------------
version:   1.0
author:    Heath Bell
email:     dyonisus33@gmail.com
website:   http://www.shivermedia.com
/-----------------------------------------------------------------------------*/

/* Remove padding and margin */
* {  
	margin: 0;	
	padding: 0;
}

/* Class for clearing floats */
.clear {
	clear:both;
}

img { 
	display: block;
	border: 0;
}

h2 {
	font-size: 18px;
	color: #fff;
}

h3 {
	font-size: 20px;
	color: #91c31a;
}

hr {
	color:#91c31a;
}

p {
	color: #faf4a9;
	margin: 10px 0 0 10px;
	line-height: 1.275em;
}

a:link {color: #91c31a; font-weight: bold;}
a:visited {color: #91c31a;}
a:hover {color: #91c31a;}

body {
	background-image: url(images/bg.png);
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
}

/* Main Sections */
#container {
	width: 960px;
	margin: 0 auto;
}

#header {
	margin-top: 20px;
	background-image: url('images/header-bg.png');
	width: 960px;
	height:50px;
}

#logo {
	padding: 10px 0 0 10px;
	float: left;
}

/* Menu Styles */
#menu {
	width: 600px;
	font-size: 14px;
	text-align: right;
	float: right;
}

#menu ul {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	_display: inline;
	position: relative;
	text-align: center;
}

#menu li {
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	_display: inline;
	height: 50px;
	margin: 0 -1px;
	position: relative;
	text-align: center;
	vertical-align: bottom;
}

#menu a {
	border-right: 1px solid #fff;
	color: #faf4a9;
	display: -moz-inline-box;
	display: inline-block;
	font-weight: bold;
	height: 40px;
	line-height: 50px;
	padding: 0 20px;
	text-decoration: none;
	text-transform: uppercase;
}

#menu a:hover,
#menu a.current {
	color: #ee1f00;
}

/* Spotlight Section */
#spotlight {
	width: 960px;
	margin: 2px auto;
}

#art {
	width: 479px;
	float: left;
}

#tech {
	width: 479px;
	float: right;
}

#creative {
	width: 239px;
	height: 330px;
	background-image: url('images/fea-bg.png');
	float: left;
}

#imagery {
	width: 238px;
	height: 330px;
	background-image: url('images/fea-bg.png');
	float: right;
}

#develop {
	width: 239px;
	height: 330px;
	background-image: url('images/fea-bg.png');
	float: left;
}

#market {
	width: 238px;
	height: 330px;
	background-image: url('images/fea-bg.png');
	float: right;
}

.title {
	margin: 10px;
}

.imgFix {
	margin-top: 20px;
}

/* Main Section */
#leftColumn {
	width: 239px;
	height: 450px;
	margin: 16px auto;
	float: left;
	background-image: url('images/left-bg.png');
}

#loginHeader {
	background-color: #18817f;
	width: 210px;
	height: 16px;
	color: #fff;
	padding: 15px;
}

.loginTitle {
	font-size: 16px;
	text-align: center;
}

#login {
	color: #faf4a9;
	font-size: 14px;
	margin: 10px;
}

.theInput {
	font-size: 12px;
	margin: 5px;
}

.theSubmit {
	font-size: 10px;
	background-color: #faf4a9;
	color: #000;
	margin: 5px;
}

#infoHeader {
	background-color: #00529a;
	width: 210px;
	height: 16px;
	color: #fff;
	padding: 15px;
}

.infoTitle {
	font-size: 16px;
	text-align: center;
}

.infoShiver {
	font-size: 14px;
	line-height: 18px;
	color: #faf4a9;
	margin: 10px;
}

.infoFriends {
	font-size: 14px;
	line-height: 18px;
	color: #faf4a9;
	margin: 10px;
}

#rightMain {
	width: 719px;
	height: 450px;
	margin: 16px auto;
	float: right;
	background-image: url('images/right-bg.png');
}

#video {
	width:520px;
	margin:50px auto;
	border:1px solid #00529a;
}

/* Photobook */
#portrait {
	width: 940px;
	margin: 0 auto;
	background: #074c7f;
	padding-left: 20px;
}

#travel {
	width: 940px;
	margin: 0 auto;
	background: #00529a;
	padding-left: 20px;
}

#surf {
	width: 940px;
	margin: 0 auto;
	background: #074c7f;
	padding-left: 20px;
}

#wake {
	width: 940px;
	margin: 0 auto;
	background: #00529a;
	padding-left: 20px;
}

.thumbnail {
	width: 125px;
	border: 1px solid #faf4a9;
	margin: 10px;
}


#footer {
	clear: both;
	width: 960px;
	height: 50px;
	margin: 0 auto;
	text-align: center;
	background: #074c7f;
}