@charset "UTF-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;}
	
img {
border: 0;
}
	
/*sticky footer css*/
	
html, body, #wrap {
	height: 100%;
	font: normal normal normal 13px/110% "Lucida Grande", Helvetica, Geneva, Arial, sans-serif }

body > #wrap {height: auto; min-height: 100%; min-width: 960px;}

#main {padding-bottom: 230px;/* must be same height as the footer */
		min-height: 400px}  

#footer {
	position: relative;
	margin-top: -230px; /* negative value of footer height */
	height: 230px;
	clear:both;
	background: url(../images/bg-page-fold.png) no-repeat bottom right;
	min-width: 960px;} 
	
/*changing bottom background colors*/	
div#footer.rock{background-color: #5EAADB;} div#footer.gteam{background-color: #548A17;}
div#footer.gclosing{background-color: #A5569C;}	div#footer.give{background-color: #89725B;}

	
/*Main Div Styling*/
#main-top {
	margin: 0 100px;
	min-height: 450px;
	min-width: 960px;}


/*main photo styling*/
#rockstar {height: 65%; min-height: 440px; max-height: 800px; position: absolute; top: 2%; left: 8%;}

#gTeam {height: 65%; min-height: 440px; max-height: 800px; position: absolute; top: 2%; left: 7%;}

#gClosing{height: 65%; min-height: 440px; max-height: 800px; position: absolute; top: 2%; left: 6%;}

#giveBack{height: 65%; min-height: 440px; max-height: 800px; position: absolute; top: 2%; left: 8%;}


/*text blocks*/
	
#rockstarsWanted {
	text-indent: -9999px;
	background: url(../images/header-rock-stars-wanted.png) no-repeat top left;
	height: 107px;
	width: 571px;
	padding-bottom: 10px;}
	
#messageRock{width: 570px; padding-right: 10px; margin: 8% 0 0; min-height: 360px; position: absolute; top: 5%; right: 8%; background-color: rgba(255, 255, 255, 0.5); padding: 10px;}
	
#meetGteam {
	text-indent: -9999px;
	background: url(../images/header-meet-the-gteam.png) no-repeat top left;
	height: 107px;
	width: 571px;
	padding-bottom: 10px;}
	
#messageGTeam{width: 570px; padding-right: 10px; margin: 6% 0 0; min-height: 360px; position: absolute; top: 1%; right: 4%; background-color: rgba(255, 255, 255, 0.5); padding: 10px;}

#guaranteedClosing {
	text-indent: -9999px;
	background: url(../images/header-guaranteed-closing.png) no-repeat top left;
	height: 115px;
	width: 590px;
	padding-bottom: 10px;}
	
#messageGclosing{width: 590px; padding-right: 10px; margin: 6% 0 0; min-height: 360px; position: absolute; top: 2%; right: 6%; background-color: rgba(255, 255, 255, 0.5); padding: 10px;}

#giveitBack {
	text-indent: -9999px;
	background: url(../images/header-give-it-back.png) no-repeat top left;
	height: 107px;
	width: 571px;
	padding-bottom: 10px;}
	
#messageGive{width: 570px; padding-right: 10px; margin: 6% 0 0; min-height: 360px; position: absolute; top: 1%; right: 4%; background-color: rgba(255, 255, 255, 0.5); padding: 10px;}


	
#rockstarText{
	font-size: 18px;
	line-height: 130%;
	padding: 10px 0 0;}
	
#signature {
	width: 145px;
	height: 97px;
	text-indent: -9999px;
	background-image: url(../images/signature.gif);
	float: right; /*was this breaking my column-break thingy from Eric Meyer?*/}
	
.story {
	padding: 20px 0;
	line-height: 140%}
	
.story a{
	font-weight: bold;
	color: #000000;}
	
.story a:hover {color: #91C04F;}

/*additional footer styling*/

#footer-lowerNav {
	width: 927px;
	height: 148px;}
	
#footer-bar{
	height: 61px;
	background: url(../images/bg-footer-bar.png) repeat-x top left;
	clear: both;
}

#footer h3 { margin: 0 8px 8px; line-height: 120%; color: white;}
/*.rock h3 {color: #314b5b;}*/


/*nav styling*/


#footer-bar img.diffNav {
	padding: 0 0 0 6px;
	margin: 0;}
	
#diffNav1 {
	text-align: right;
	position: absolute;
	top: -8px;
	right: 60px;}

.column {
	width: 180px;
	height: 90%;
	float: left;
	border-right: 1px dotted white;
	padding: 10px; 
	line-height: 120%;
	}
	
#first {
	padding-left: 20px;}
	
.column a {
	color: white;
	display: block;
	margin: 6px 8px 12px;}
	
div#social.column a{
	display: block;
	margin: 5px 10px 5px;}
	
#footer.rock .column a:hover {color: #BDDFE4;}
#footer.gteam .column a:hover {color: #9ed256;}
#footer.gclosing .column a:hover {color: #DDA5C5;}
#footer.give .column a:hover {color: #D8C6B6;}
	
#promo{
	width: 200px;
	float: left;
	text-align: left;
	padding: 20px 40px;}
	
		#promo h1{ line-height: 130%; font-size: 20px;}
		#promo h1 a {color: #FFFFFF; text-decoration: none;}
		#promo h1 a:hover {color: #CCCCCC ; text-decoration: underline;}
	
/*social media links*/	
.facebook {background: url(../images/facebook.png) no-repeat center left;
	padding: 1px 0 1px 23px; margin-left: 6px; !important;}
.twitter {background: url(../images/twitter.png) no-repeat center left;
	padding: 1px 0 1px 23px; margin-left: 6px; !important;}
.youtube {background: url(../images/youtube.png) no-repeat center left;
	padding: 1px 0 1px 23px; margin-left: 6px; !important;}
	
/*link styling*/


/*text styling*/