/* 
(C)2010 Richard Gott

Design and Development by: firstbasedesign
Created: Wed 25 Jun 2008
Version: 1.0
*/


/* ----- Layout / Structure (screen) -----  */


* { 
	margin : 0;
	
	padding : 0;
	
	}
	

body {

	background: #000 url(../images/night-background.jpg) no-repeat;
	
	background-position: 50% 0; 
	
	height: 100%;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	}


#clientLoginArea {

	background: #000 url(../images/night-background.jpg) no-repeat;
	
	background-position: 50% 0; 
	
	height: 100%;
	
	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	}	
	

#wrapper {

	width : 1000px;

	text-align: left;
	
	margin: 17px auto 0px auto;

	}
	
	
#header {
	
	background-image: url(../images/header.png);
	
	height: 123px;
	
	}
	
	
#header img {
	
	display: block;
	
	}	
	
	
#mainContainer {

	float: left;
	
	width: 1000px;
	
	height: 355px;

	background: url(../images/content.png) no-repeat;

	}
	
	
#leftContent {
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0 20px 0 85px;
	
	}
	
	
#leftContent2 {

	display: none;
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0px 20px 0 85px;
	
	}
	
	
#leftContent3 {
	
	display: none;
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0px 20px 0 85px;
	
	}
	
	
#leftContent4 {
	
	display: none;
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0px 20px 0 85px;
	
	}
	
	
#leftContent5 {
	
	display: none;
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0px 20px 0 85px;
	
	}
	
	
#leftContent6 {
	
	display: none;
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0px 20px 0 85px;
	
	}
	
	
#leftContent7 {
	
	display: none;
	
	float: left;
	
	width: 400px;
	
	height: 340px;
	
	padding: 0px 20px 0 85px;
	
	}
	
	
#rightContent {
	
	float: right;
	
	width: 400px;
	
	height: 340px;
	
	padding: 10px 60px 0 30px;
	
	}
	
	
#rightContent2 {

	display: none;
	
	float: right;
	
	width: 400px;
	
	height: 340px;
	
	padding: 100px 65px 0 30px;
	
	}
	
	
#rightContent3 {

	display: none;
	
	float: right;
	
	width: 400px;
	
	height: 340px;
	
	padding: 100px 65px 0 30px;
	
	}
	
	
#rightContent4 {

	display: none;
	
	float: right;
	
	width: 400px;
	
	height: 340px;
	
	padding: 100px 65px 0 30px;
	
	}
	
	
#rightContent5 {

	display: none;
	
	float: right;
	
	width: 400px;
	
	height: 340px;
	
	padding: 100px 65px 0 30px;
	
	}
	

#lampPost {

	float: left;
	
	width: 160px;
	
	height: 310px;
	
	padding-top: 52px;
	
	overflow: hidden;
	
	}
	
	
#smallStar {
	
	position: absolute;
	
	right: 30px;
	
	top: 100px;
	
	width: 81px;
	
	height: 178px;
	
	z-index: 1;

	}
	
	
#largeStar {
	
	position: absolute;
	
	left: 28px;
	
	top: 165px;
	
	width: 81px;
	
	height: 178px;
	
	z-index: 1;

	}
	
	
#footer {

	clear: both;
	
	height: 362px;
	
	background: url(../images/footer.png);

	}
		
	
#footer #right {

	color: #fff;

	float: right;
	
	padding: 340px 0 0 0;
	
	}
	
	
#footerClientLogin {

	clear: both;
	
	width: 1000px;
	
	height: 362px;
	
	background: url(../images/footer-client-login.png);
	
	}
	
	
#footerFaq {

	clear: both;
	
	width: 1000px;
	
	height: 362px;
	
	background: url(../images/footer-faq.png);
	
	}
	
	
#footerContact {

	clear: both;
	
	width: 1000px;
	
	height: 362px;
	
	background: url(../images/footer-contact.png);
	
	}

	
.silverspoonLogo {

	float: left;

	margin: 2px 0 0 0;
	
	border: none;
	
	}
	
	
.tickets {

	float: right;

	margin: -92px 12px 0 0;
	
	border: none;
	
	}
	
	
.projector {
	
	border: none;
	
	}
	
	
.polaroid {

	float: right;
	
	width: 281px;
	
	height: 303px;
	
	padding-right: 90px;
	
	}
	
	
.contentLinks {
	
	text-decoration: none;
	
	margin-left: 0;
	
	padding: 0 11px 0 11px;
	
	border: none;
	
	}
	
	
#flashplayer {
	
	padding-top: 35px;
	
	padding-right: 20px;
	
	}
		
	
/* ----- Navigation -----  */


#nav {

	float: right;
	
	margin-right: 200px;
	
	margin-top: 27px;
	
	padding: 0;
	
	height: 57px;
	
	list-style: none;
	
	display: inline;
	
	overflow: hidden;
	
	}


#nav li {
	
	margin: 0; 
	
	padding: 0;
    
	list-style: none;
	
	display: inline;
	
	}


#nav a {
	
	float: left;
	
	padding: 57px 0 0 0;
	
	overflow: hidden;
	
	height: 0px !important; 
	
	height /**/:57px; /* for IE5/Win only */
	
	}
	

#nav a:hover {
	
	background-position: 0 -57px;
	
	}


#nav a.active {
	
	background-position: 0 -114px;
	
	}

#navBlog a {
	
	width: 144px;
	
	background: url(../images/back2blog-buttons.gif) top left no-repeat;
	
	}	
	
#navHome a {
	
	width: 144px;
	
	background: url(../images/portfolio-buttons.gif) top left no-repeat;
	
	}
	
	
#navPortfolio a {
	
	width: 144px;
	
	background: url(../images/morevids-buttons.gif) top left no-repeat;
	
	}
	
	
#navFaq a {
	
	width: 144px;
	
	background: url(../images/shorties-buttons.gif) top left no-repeat;
	
	}
	
	
#navContact a {
	
	width: 144px;
	
	background: url(../images/contact-buttons.gif) top left no-repeat;
	
	}
	
	
/* ----- Billboard Navigation -----  */


#billboardHomeNav {

	float: left;
	
	width: 530px;
	
	margin-left: 85px;
	
	margin-top: 82px;
	
	display: inline;
	
	overflow: hidden;

	}
	
	
#billboardPortfolioNav {

	float: left;
	
	width: 450px;
	
	margin-left: 139px;
	
	margin-top: 63px;
	
	font-size: .84em;
	
	display: inline;
	
	overflow: hidden;

	}
	
	
#billboardHomeNav ul, #billboardPortfolioNav ul {
	
	float: left;
	
	margin: 0;
	
	padding: 0;
	
	list-style: none;
	
	}
	
	
#billboardHomeNav li, #billboardPortfolioNav li {

	float: left;
	
	margin: 0;
	
	padding: 0;
    
	list-style: none;
	
	display: inline;
	
	}
	
	
#billboardHomeNav a  {
	
	float: left;
	
	padding: 5px 10px 5px 10px;
	
	font-weight: bolder;
	
	text-decoration: none;
	
	color: #58522d;
	
	}
	
	
#billboardPortfolioNav a {

	float: left;
	
	padding: 5px 10px 5px 10px;
	
	font-weight: bolder;
	
	text-decoration: none;
	
	color: #58522d;
	
	}
	
	
#billboardHomeNav a:hover, #billboardPortfolioNav a:hover, #billboardFaq a:hover {
	
	color: #58522d;
	
	background-color: #e5dca1;
	
	}
	
	
#billboardHomeNav a.active, #billboardPortfolioNav a.active, #billboardFaq a.active {
	
	color: #58522d;
	
	background-color: #aa9f58;
	
	}
	
	
#billboardFaq {

	float: left;
	
	width: 530px;
	
	font-size: .7em;
	
	margin-left: 120px;
	
	margin-top: 17px;
	
	overflow: hidden;

	}
	
	
#billboardFaq ul {
	
	margin: 0;
	
	padding: 0;
	
	list-style: none;
	
	}
	
	
#billboardFaq li {
	
	margin: 0;
	
	padding: 0 0 8px 0;
    
	list-style: none;
	
	}
	
	
#billboardFaq a  {
	
	padding: 5px 10px 5px 10px;
	
	font-weight: bolder;
	
	text-decoration: none;
	
	color: #58522d;
	
	}
	
	
#latestNews li {

	padding: 0 0 5px 10px;
	
	font-size: .7em;
	
	list-style: none;
	
	}
	
	
#companyLinks li {

	padding: 0 0 5px 10px;
	
	font-size: .7em;
	
	list-style: none;
	
	}

	
/* ----- Form -----  */	


fieldset {


  
	margin: 5px 30px 0 0;
	  
	padding-top: 5px;
	
	} 


legend {  
	
	margin-left: 14px;  
	
	color: #003;
	
	font-size: .6em;  
	
	font-weight: bold; 
	
	} 


fieldset ol {  
	
	padding: 5px 5px 10px 5px;  
	
	list-style: none; 
	
	} 


fieldset li {  
	
	padding-bottom: 5px; 
	
	} 


fieldset.submit {
	
	border-style: none;
	
	float: none;  
	
	width: auto;  
	
	border: 0 none #fff;  
	
	padding: 0 0 20px 317px;  
		
	}
	
	
fieldset.login {
	
	border-style: none;
	
	float: none;  
	
	width: auto;  
	
	border: 0 none #fff;  
	
	padding: 0 0 20px 215px;  
		
	}
	
	
label {  
	
	display: block;
	
	float: left;  
	
	width: 100px;
	
	font-size: .6em;  
	
	margin-right: 15px;
	
	text-align: right; 
	
	}
	
	
input {
	
	border: 1px solid #036;
	
	}
	
	
textarea {
	
	font: small Arial, Geneva, Verdana, sans-serif;
	
	border: 1px solid #036;
	
	margin-top: 3px;
	
	margin-left: 10px;
	
	}
	

/* ----- Typography -----  */


h1 {
	
	padding: 0 0 0 0;
	
	}
	
	
h2 {
	
	font-size: .10em;
	
	color: #58522d;
	
	padding: 5px 0 0 10px;
	
	}
	
	
h3 {
	
	font-size: .9em;
	
	font-weight: bold;
	
	color: #58522d;
	
	padding: 0 0 10px 10px;
	
	}
	
	
a {
	
	color: #58522d;  
	
	}


p {

	font-family: Geneva, Arial, Helvetica, sans-serif;
	
	color: #333;
	
	font-size: .64em;
	
	padding: 5px 15px 5px 10px;
	
	}
	
#teamListing li {
	
	list-style: none;
	
	font-size: .7em;
	
	padding: 0 0 5px 10px;
	
	}
	
	
.companyDescription  {

	padding: 5px 30px 5px 10px;
	
	}
	
	
.newsDescription  {

	padding: 5px 30px 5px 10px;
	
	}
	
	
.firstbaseLink {

	float: left;
	
	margin: 210px 0 0 615px;
	
	padding: 2px 2px 2px 2px;
	
	font-size: .6em;
	
	color: #fff;
	
	background-color: #2f2c17;
	
	text-decoration: none;
	
	border: none;
	
	}
	
	
p.fbLogo {
		
	float: left;
	
	padding: 7px 20px 20px 0;
	
	}
	
	
p.pixelLogo {

	float: left;
	
	padding: 7px 20px 20px 0;
	
	}
	
	
p.a2bLogo {
	
	float: left;
	
	padding: 7px 20px 20px 0;
	
	}
	
	
p.lifestoryLogo {
	
	float: left;
	
	padding: 7px 20px 20px 0;
	
	}