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

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }

/* Normalizes font-size for headers */
h1,h2,h3,h4,h5,h6 { font-size : 100%; }

/* Removes list-style from lists */
ol,ul { list-style : none; }

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{ font-style : normal; font-weight : normal; }

/* Removes list-style from lists */
table { border-collapse : collapse; border-spacing : 0; }

/* Removes border from fieldset and img */
fieldset,img { border : 0; }

/* Left-aligns text in caption and th */
caption,th { text-align : left; }

/* Removes quotation marks from q */
q:before, q:after { content :''; }

/* Layout
---------------------------------*/
html {
background-color: #6A6A6A;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
color: #FFF;
}

body {
text-align: left;
position: relative;
background-image: url(Images/bkgnd_gradient.gif);
background-repeat: repeat-x;
}

.video {
margin: 0 0 1em 0;
}
/* Typography
---------------------------------*/
p {
font-size: 90%;
line-height:130%;
margin-bottom: 1.2em;
}
h2 {
font-size: 120%;
line-height:120%;
margin-bottom: 0.8em;
}

/* Branding
---------------------------------*/
#branding {
height: 34px;
width: 652px;
position: relative;
top: 3.5em;
margin: 0 auto;
padding: 0 36px;
}

#branding h1 {
background-image: url(Images/logo.gif);
background-repeat: no-repeat;
width: 400px;
height: 34px;
text-indent: -9999px;
}



/* Navigation
---------------------------------*/
#nav_wrap {
width: 100%;
background-color: #cc0000;
height: 2em;
position: absolute;
top: 0;
left: 0;

}
#nav_main  {
width: 652px;
margin: 0 auto;
}
#nav_features li {
float: left;
padding: 0.5em 1em 0.3em 0;
}
ul#nav_features li a {
text-transform: uppercase;
text-decoration: none;
color: #ffaaaa;
font-weight: bold;
letter-spacing: 2px;
font-size: 80%;
}

li#nav_home a:hover, li#nav_home a:focus, li#nav_specs a:hover, li#nav_specs a:focus, li#nav_videos a:hover, li#nav_videos a:focus, li#nav_photos a:hover, li#nav_photos a:focus, li#nav_contact a:hover, li#nav_contact a:focus {
color: #FFF;
}
body#homepage ul#nav_features li#nav_home a, body#specspage ul#nav_features li#nav_specs a, body#videospage ul#nav_features li#nav_videos a, body#photospage ul#nav_features li#nav_photos a, body#contactpage ul#nav_features li#nav_contact a {
color: #ffaaaa;
}



/* Main Content
---------------------------------*/
#content {
width: 760px;
margin: -10px auto;
background-image:url(Images/shadow.png);
background-repeat: repeat-y;
 }
#content_main {
background-color: #3d3d3d;
background-image: url(Images/content_main_gradient.gif);
background-repeat:repeat-x;
padding: 5em 36px 100px 36px;
width: 652px;
margin: 0 auto;
} 

h3 {
	margin: 12px 0px;
}

/* Supplementary Content
---------------------------------*/
#social li a {
	color: #3d98ec;
	text-decoration: none;
	font-size: 160%;
	font-weight: bold;
	display: block;
	height: 58px;
	background-position: left;
	background-repeat: no-repeat;
	padding: 1em 0 0 70px;
}


li#social_videos a {
background-image:url(Images/youtube_icon.gif);
}
li#social_photos a {
background-image:url(Images/flickr_icon.gif);
}
li#social_facebook a {
background-image:url(Images/facebook_icon.gif);
}
li#social_myspace a {
background-image:url(Images/myspace_icon.gif);
}
li#social_twitter a {
background-image:url(Images/twitter_icon.gif);
}



/* Site Information
---------------------------------*/