/* CSS STYLE SHEET */


/* BASIC STYLES */

html, body, img { margin: 0;padding: 0; }
	  
body {
	font-size: 12px;
	font-family: georgia, arial, sans-serif;
	background: #000000;
	color: #CCCCCC;
	}

/* Hide from IE5-mac. Only IE-win sees this. \*/
* html body { font-size: x-small; }
* html body { fon\t-size: small; }
/* End hide from IE5/mac */

h1 { font-size: 150%; }
h2 { font-size: 140%; }
h3 { font-size: 130%; }
h4 { font-size: 120%; }
h5 { font-size: 110%; }


h1, h2, h3, h4, h5 { 
                     font-family: georgia, Arial, sans-serif;
	                 color: #FFFFFF;
	                 }

p { font-size: 100%;
	margin-left: 5px;
	}
	
	
	
/* LINK STYLES */

a { text-decoration: none; }

a:link { color: #999999; }
a:visited { color: #999999; }
a:hover {color: #FFFFFF; }
a:active { color: #FFFFFF; }


/* LIST STYLES */

ul li, ol li { font-size: 100%; }
ul li ul li a { font-size: 100%; }


	
/* ID STYLES */

#wrap {
	position: relative;
	width: 800px;
	margin: 0 auto 0 auto;
	padding: 0; 
	text-align: center;
	border-bottom: 1px solid #999999;
	background: #111111;
	}

#head { position: relative;
        height: 177px;
        background: url(images/header.jpg) left top no-repeat;
        }

#new_head { position: relative;
        height: 177px;
        }
        
#headblue { position: relative;
        height: 177px;
        background: url(images/header_blue.jpg) left top no-repeat;
        }
        
#toplinks1 { font-size: 14px; 
            position: absolute; 
            top: 5px; 
            left: 10px; 
            color: #CC0003;
            text-align: left;
            }

        
#toplinks2 { font-size: 14px; 
            position: absolute; 
            top: 5px; 
            right: 10px; 
            color: #CC0003;
            text-align: right; 
            }


#toplinks1 a:link, #toplinks2 a:link { color: #AF0002; }
#toplinks1 a:visited,#toplinks2 a:visited { color: #AF0002; }
#toplinks1 a:hover,#toplinks2 a:hover { color: #CC0003; }
#toplinks1 a:visited:hover, #toplinks2 a:visited:hover { color: #CC0003; }

#toplinks1 img, #toplinks2 img { position: relative; top: 8px; }


#nav {
	position: absolute;
	width: 800px;
	margin: 0 auto 0 auto;
	top: 149px;
	left: 0;
	padding: 0;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	text-align: center;
	}

#nav ul { margin: 5px 0 5px 0; 
          padding: 0; 
          text-align:center;
          }
          
#nav li { position: relative;
          display: inline; 
          margin: 0 10px 0 10px; 
          padding: 0;
          }

#nav li a { font-size: 12px; text-decoration: none; margin: 0; padding: 0; }
#nav li a:link { color: #FFFFFF; }
#nav li a:visited { color: #FFFFFF; }
#nav li a:hover { color: #CCCCCC; }
#nav li a:visited:hover { color: #CCCCCC; }


#build { text-align: left; 
         padding: 0 20px 10px 20px; 
         margin: 0;
         }

#build_box { background: url(images/build_back.jpg) left top repeat-y;
             color: #FFFFFF;
             font-size: 12px;
             width: 600px;
             padding: 10px;
             margin: 0 auto 0 auto;
             }
  
.buildtitle { color: #FFFFFF; 
              font-size: 12px;
              }

#product_image { margin: 0 30px 10px 30px; padding: 0; float: right; }

.line { clear: both; width: 100%; height: 1px; border-top: 1px solid #FFFFFF; margin: 10px auto 10px auto; padding: 0; }

.component { position: relative; margin: 0 0 10px 0; padding: 0; clear: both; border-bottom: 1px solid #333333;}

.component1 { position: relative; margin: 0 0 10px 0; padding: 0; width: 100%;clear: both; border-top: 2px solid #333333;}

.component p { margin: 0 0 0 5px; padding: 2px 0 10px 0; }

.component_right { position: absolute; top: 0; right: 0; }

.component_right1 { float: right; margin: 0; padding: 10px 0 10px 0; width: 300px; text-align: left; }


.order select { width: 300px; color: #FFFFFF; background: #333333; border: 1px solid #333333; padding: 0; margin: 0; }

#image {
	position: relative;
	width: 800px;
	margin: 0 auto 0 auto;
	border-bottom: 1px solid #999999;
	padding: 0; 
	text-align: center;
	}

#content {
	position: relative;
	width: 780px;
	margin: 10px;
	padding: 0; 
	text-align: left;
	font-size: 12px;
	}

#content p { margin: 0; padding: 0 20px 10px 0; }

#content a:link { text-decoration: none; color: #FFFFFF; }
#content a:visited { text-decoration: none; color: #FFFFFF; }
#content a:hover { text-decoration: underline; color: #FFFFFF; }
#content a:visited:hover { text-decoration: underline; color: #FFFFFF; }

#contactform { font-famiy: arial; font-size: 12px; }
#contactform input {  border: none; width: 250px;}
#contactform textarea {  border: none; width: 250px; height: 150px; }

#gallery_content {
	position: relative;
	margin: 0;
	padding: 0; 
	text-align: center;
	font-size: 12px;
	}
	

#login { width: 140px; font-size: 11px; color: #999999; float: left; margin: 10px 20px 10px 10px; padding: 15px 5px 15px 10px; background: #36090C; text-align: left; }

#footer { position: relative;
	margin: 0 auto 40px auto;
	padding: 10px 0 0 0;
	text-align: center;
	font-size: 10px;
	height: 400px;
	width: 800px;
	}

#home_footer { position: relative;
	margin: 0 auto 40px auto;
	padding: 250px 0 0 0;
	text-align: center;
	font-size: 10px;
	height: 400px;
	width: 800px;
	background: url(images/gn_3_bottom.jpg) left top no-repeat;
	}
	
#press_link { position: absolute; top: 20px; left: 0; width: 800px; height: 200px; display: block; }

#footer a { text-decoration: none; }

.red_footer { background: url(images/gn_1b_bottom.jpg) left top no-repeat; }
.blue_footer { 	background: url(images/blue_bottom.jpg) left top no-repeat; }		



/* END CSS */
/* END CSS */
/* END CSS */
/* END CSS */
/* END CSS */
/* END CSS */