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

/* 

	CSS Layout	 v 1.0
		01/2008
	
	Designed by Alex Stillwagon
	www.holygrafx.com
	
	Notes: 
	--------
	
	Equal sign (=) is used as search tag. (Example: "=p" would find the 'p' HTML tag.)
	
	Basic Site Structure:
	-------------------------
		
		BRANDING (#branding)
		
		CONTENT (#content)
		
			- MAIN CONTENT (#content_main)
			- SUB CONTENT (#content_sub)
		
		NAVIGATION (#navigation)
		
			- MAIN NAVIGATION (#nav_main)
			- SUB NAVIGATION (#nav_sub)
		
		SITE INFORMATION (#site_info)
	
*/


html {
text-align: center;
}

body {
text-align: left;
width: 46em;
margin: 0 auto 2em auto;
background: #777;
color: #fff;
}

a:link, a:visited, a:active {
text-decoration: none;
color: #999;
}

a:hover, a:focus {
text-decoration: underline;
}

div#wrap {
background: #000000;
}
div#branding {
margin: 1em 0 0 0;
border-bottom: 1px solid #ccc;
padding: 0 0 1.5em 0;
}
div#branding   h1 {
background: url(../images/banner.jpg) no-repeat;
text-indent: -1000em;
height: 75px;
}
div#branding  p#tagline {
color: #009E00;
font: italic bold 90% Geneva, Arial, Helvetica, sans-serif;
float: right;
margin: 0 1em 0 0;
}

div#content_main {
text-align: center;
}

div#content_main h2 {
color: #F68428;
font-size: 125%;
font-weight: bold;
padding: 1em 0;
}
div#content_main  h2  a:link,
div#content_main h2 a:active {
color: #F68428;
text-decoration: underline;
}

div#content_main h2 a:visited {
color:#999;
text-decoration: underline;
}

div#content_main h2 a:hover,
div#content_main h2 a:focus {
color: #FFF;
text-decoration: underline;
font-weight: bold;
}

div#content_main h3.metrock_action a:link,
div#content_main h3.metrock_action a:visited,
div#content_main h3.metrock_action a:active {
background: url(../images/metrock_video_3.jpg) no-repeat 10em .5em;
padding: 1.5em 0 3em 5.5em;
display: block;
color: #177410;
font-weight: bold;
font-size: 120%;
}
div#content_main  h3.youtube  a:link,
div#content_main  h3.youtube  a:visited,
div#content_main  h3.youtube  a:active {
background: url(../images/youtube.jpg) no-repeat 9.5em .7em;
padding: 1.4em 0 1em 5.5em;
display: block;
color: #177410;
font-weight: bold;
font-size: 120%;
}
div#content_main  h3.metrock_action a:hover,
div#content_main  h3.metrock_action a:focus,
div#content_main  h3.youtube a:hover,
div#content_main  h3.youtube a:focus {
color: #F68428;
text-decoration: none;
}
div#content_main p {
font: 80% Geneva, Arial, Helvetica, sans-serif;
color: #ccc;
padding: 0 0 1em 0;
}
div#content_main p#usa {
color: #00990A;
padding: 0;
margin-bottom: 1em;
}

div#content_main  p#contact {
color: #00990A;
font: 110%/1.5 Arial, Helvetica, sans-serif;
margin: .3em auto;
}
div#content_sub {
clear: both;
text-align: center;
}
div#content_sub  div#movie-posterless {
margin: 0 2em;
text-align: center;
}


div#content_sub h3 {
padding: .5em 0 1em 0;
text-align: center;
}

div#content_sub h3 a:link,
div#content_sub h3 a:visited,
div#content_sub h3 a:active {
color: #00990A;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}

div#content_sub h3 a:hover,
div#content_sub h3 a:focus {
color: #FFF;
}

div#partner_links li {
display: inline;
}
div#partner_links {
padding: .3em .5em 1em 1em;
border-top: 1px solid #888;
border-bottom: 1px solid #888;
margin: 2em;
}
div#partner_links h3 {
color: #009E00;
font: 110% Geneva, Arial, Helvetica, sans-serif;
display: block;
margin: 0 0 1em 1em;
}
div#partner_links img {
margin: 0 1em;
padding: 0.5em;
border: 1px solid #009E00;
}

div#site_info {
padding: 1em 2em 1em 1em;

}

div#site_info p.copyright {
font: 70%/1.2 Verdana, Arial, Helvetica, sans-serif;
color: #009E00;
text-align: right;
}