body {
	background-color: #330000;
	margin-top: 30px;
	color: #fff;
}

img { 
	margin: 0;
	padding: 0;
}

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

#container {
	width: 778px;
	margin-left: auto;
	margin-right: auto;
	border: 2px solid #fff;
}

#h_left {
	float: left;
	width: 310px;
	padding: 0;
	margin: 0;
}

#h_right { 
	background-color: #cc6600;
	margin: 0;
	padding: 0;
	float: left;
	width: 468px;
}

#nav { 
	border: 2px solid #fff;
	background-color: #330000;
	text-align: center;
	color: #fff;
}

#nav p {
	margin: 0;
	padding: 18px 0;
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
}

#info { 
	border: 2px solid #fff;
	background-color: #666600;
	text-align: center;
	margin: 0;
	padding: 0;
}

#info p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	margin: 0;
	padding: 9px 0 8px 0;
}

#main_gallery {
	border: 2px solid #fff;
}

#logo {
	border: 2px solid #fff;
	text-align: center;
  padding: 28px 0;
  margin: 0;
}

#main_left {
	border: 2px solid #fff;
	float: left;
	width: 306px;
	height: 408px;
	text-align: right;
}

.m_left_img {
	border-left: 4px solid #fff;
}

#main_right { 
	background-color: #666600;
	margin: 0;
	padding: 0;
	float: left;
	width: 464px;
	height: 412px;
}

#f_left {
	padding: 14px 0 15px 0;
	margin: 0;
	border: 2px solid #fff;
	float: left;
	width: 306px;
	text-align: center;
	color: #fff;
	font-size: 12px;
	font-family: tahoma;
	background-color: #cc6600;
}

#f_right { 
	border: 2px solid #fff;
	background-color: #666600;
	text-align: center;
	margin: 0;
	padding: 2px 0 2px 0;
	float: left;
	width: 464px;
}

#m_header {
	border: 2px solid #fff;
	width: 100%;
	
}

#m_header p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding: 20px 10px;
	margin: 0;
	background-color: #666600;
}

#m_pic {
	background-color: #cc6600;
	border: 2px solid #fff;
	text-align: center;
	width: 100%;
	padding: 0;
	margin: 0;
}

#m_footer {
	width: 100%;
	border: 2px solid #fff;
	text-align: center;
	background-color: #330000;
	padding: 0;
	margin: 0;
}

.m_foot_img_rbr {
	border-right: 4px solid #fff;
}

#story_left {
	border: 2px solid #fff;
	float: left;
	width: 556px;
	background-color: #666600;
	height: 409px;
}

#story_left p{
	padding: 0 15px;
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
}

#story_right { 
	border: 2px solid #fff;
	background-color: #666600;
	margin: 0;
	padding: 0;
	float: left;
	width: 214;
}

#contact_left {
	border: 2px solid #fff;
	float: left;
	width: 306px;
	height: 412px;
	background: url(../images/metalwork.jpg) no-repeat;

}

#contact_right { 
	background-color: #666600;
	margin: 0;
	padding: 0;
	float: left;
	width: 464px;
	height: 412px;
}

#c_header {
	border: 2px solid #fff;
	width: 100%;
}

#c_header p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding: 20px 10px;
	margin: 0;
	background-color: #666600;
}

#c_content {
	border: 2px solid #fff;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 298px;
	background-color: #666600;
}

#c_content p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding: 0px 20px;
	margin: 0;
}

#c_list {
	padding-top: 10px;
}

#c_list p{
	padding-left: 40px;
	line-height: 16px;
}

.signup {
	padding: 0px 60px;
	float: right;
	border: none;
}

#news_left {
	border: 2px solid #fff;
	float: left;
	width: 306px;
	height: 412px;
	background: url(../images/metalwork_n.jpg) no-repeat;

}

#news_right { 
	border: 2px solid #fff;
	background-color: #666600;
	margin: 0;
	padding: 0;
	float: left;
	width: 464px;
	height: 412px;
}

#n_header {
	width: 100%;
	background-color: #666600;
}

#n_header p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding: 20px 10px;
	margin: 0;
	background-color: #666600;
}

#n_content {
	width: 100%;
	padding: 0;
	margin: 0;
	background-color: #666600;
}

#n_content p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding: 0px 20px;
	margin: 0;
}

#archived {
	border: 2px solid #fff;
	background-color: #666600;
	padding: 0 40px;
}

#archived p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding-bottom: 40px;
	margin: 0;
}

#footer_left {
	padding: 5px 0;
	color: #fff;
	font-family: tahoma;
	font-size: 10px;
	font-weight: none;
	margin: 0;
	float: left;
	width: 48%;
	text-align: left;
}

#footer_right { 
	padding: 5px 0 0 0;
	color: #fff;
	font-family: tahoma;
	font-size: 10px;
	font-weight: none;
	margin: 0;
	float: left;
	width: 52%;
}

#footer_right p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	line-height: 0;
	text-align: left;
	margin: 0;
	padding: 5px 0 8px 100px;
}

.footer_comingsoon {
	color: #c5831a;
}

#rareb {
	border: 2px solid #fff;
}

#rareb p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	padding-bottom: 40px;
	margin: 0;
}

#rare {
	border: 2px solid #fff;
	padding: 20px;
}

#rare p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	margin: 0;
}


#rare_left {
	border: 2px solid #fff;
	float: left;
	height: 393px;
	width: 120px;
}

#rare_right { 
	border: 2px solid #fff;
	margin: 0;
	padding: 0;
	float: left;
	width: 650px;
}

#r_left {
	border: 2px solid #fff;
	float: left;
	width: 430px;
	padding: 20px 20px 0 20px;
	background-color: #666600;
	min-height: 180px;
}

#r_left p {
	color: #fff;
	font-family: tahoma;
	font-size: 12px;
	font-weight: none;
	margin: 0;
}

#r_right { 
	border: 2px solid #fff;
	background-color: #666600;
	margin: 0;
	padding: 0;
	float: left;
	width: 300px;
}

#bottom {
	width: 778px;
	margin-left: auto;
	margin-right: auto;
}

ul.gallery  {
	list-style-type: none;
	padding: 10px;
	margin: 0;
	text-align: right;
}

#gallery li {
	font-family: tahoma;
	font-size: 13px;
	padding: 0;
	margin: 0;
	color: #fff;
}

/* hide from incapable browsers */
div#scrollbar { 
    display:none;
    }

/* below in external file */
div#wn	{ 
		margin: auto;
    position:relative; 
    width:375px;
    overflow:hidden;	
	}
div#scrollbar { 
	margin: auto;
    position:relative; 
    width:184px; height:11px;
    display:block; /* display:none initially */
    font-size:1px;  /* so no gap or misplacement due to image vertical alignment */
  }

div#track { 
    position:absolute; left:12px; top:0;
    width:160px; height:11px; 
    background: #330000;
  }
div#dragBar {
    position:absolute; left:1px; top:1px;
    width:20px; height:9px; 
    background-color:#ceced6;
  }  
div#left { position:absolute; left:0; top:0; }  
div#right { position:absolute; right:0; top:0;  }

/* for safari, to prevent selection problem  */
div#scrollbar, div#track, div#dragBar, div#left, div#right {
    -moz-user-select: none;
    -khtml-user-select: none;
}

/* so no gap or misplacement due to image vertical alignment
font-size:1px in scrollbar has same effect (less likely to be removed, resulting in support issues) */
div#scrollbar img {
    display:block; 
    } 
    
.image_border{
	border: 1px solid #fff;
}

.clearer {
	clear: both
}