/*
	RED:  RGB(237, 32, 36);
	GREY: RGB(177, 183, 176);
*/

/* ------ Main ------ */

body { background:#000000; }

div.content { 
	color: #FFFFFF;
	font-size: 12pt;
}

div.content a {
	color: RGB(237, 32, 36);
	text-decoration: none;
	font-variant: small-caps;
}
	
div.content a:hover {
	text-decoration: underline;
}

.preload_image { display:none; }

/* ------ Main Layout ------ */

#spacer {width:750px; height:25px; position:relative;}

div.content, div.nav-header, div.nav-footer {
 	width: 750px;
	background: #000000;
	margin: 0 auto;
	font-family: "Helvetica Light", Helvetica, "Century Gothic", Verdana, Arial;
}

div.nav-header { height: 100px; }
div.content    { height: 475px; }
div.nav-footer { height:  50px; }

/* ------ Header ------ */

div.nav-header { }

p#logo	{display: block; float: left; width:300px; height:100px; background:url(../images/Reflection-Logo.png); margin: 0;}

a.nav_btn, p.nav_btn {
	display: block;
	float: right;
	width: 75px;
	height: 100px;
	margin: 0;
	
	background:url(../images/nav_buttons.png);
}
/*

#nav_about	 { background:url(../images/nav_btn_about.png); }
#nav_gallery { background:url(../images/nav_btn_gallery.png); }
#nav_store   { background:url(../images/nav_btn_store.png); }
#nav_home	 { background:url(../images/nav_btn_home.png); }

a#nav_about:hover	{ background-position: -75px 0; }
a#nav_gallery:hover	{ background-position: -75px 0; }
a#nav_store:hover	{ background-position: -75px 0; }
a#nav_home:hover	{ background-position: -75px 0; }

p#nav_about		{ background-position: -150px 0; }
p#nav_gallery	{ background-position: -150px 0; }
p#nav_store		{ background-position: -150px 0; }
p#nav_home		{ background-position: -150px 0; }

*/
/*
nav_btn:hover { background-position: -75px 0; }
*/

#nav_about	 { background-position: 0 -300px; }
#nav_gallery { background-position: 0 -200px; }
#nav_store   { background-position: 0 -100px; }
#nav_home	 { background-position: 0 0; }


a#nav_about:hover	{ background-position: -75px -300px; }
a#nav_gallery:hover	{ background-position: -75px -200px; }
a#nav_store:hover	{ background-position: -75px -100px; }
a#nav_home:hover	{ background-position: -75px 0; }

p#nav_about		{ background-position: -150px -300px; }
p#nav_gallery	{ background-position: -150px -200px; }
p#nav_store		{ background-position: -150px -100px; }
p#nav_home		{ background-position: -150px 0; }

/* ------ Footer ------ */

div.nav-footer { margin-top:-32px; width: 750px; }
div#footer-left { display: block; float: left; width: 50%; margin: -6px 0 0 0;}
div#footer-right { display: block; float: right; width: 50%; margin: -6px 0 0 0;}

hr#footer-hr {
	color: RGB(177, 183, 176);
	width: 100%;
}

p.footer-text{
	color: RGB(177, 183, 176);
	font-size: 10pt;
	margin: -0 0 0 0;
}

p.footer-text#footer-right {
	text-align: right;
}

p.footer-text a {
	color: RGB(237, 32, 36);
	text-decoration: none;
	font-variant: small-caps;
}
	
p.footer-text a:hover {
	text-decoration: underline;
}

a.footer-btn {
	display: block;
	float: left;
	width: 75px;
	height: 15px;
	margin: 0;
	
	background:url(../images/social_media_buttons.png);
}

#footer_flickr	 { background-position: -225px 0; }
#footer_youtube  { background-position: -150px 0; }
#footer_twitter  { background-position: -75px 0; }
#footer_facebook { background-position: 0 0; }