/*
Title:      robin reigi css
Author:     Jesse Smith jesse@drivendesign.com
Updated:    April 1 2006
*/


body {
	margin:0px;
	padding:0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
	scrollbar-3dlight-color:#ffffff;
	scrollbar-arrow-color:#000000;
	scrollbar-base-color:#cccccc;
	scrollbar-darkshadow-color:#000;
	scrollbar-face-color:#cccccc;
	scrollbar-highlight-color:#000000;
	scrollbar-shadow-color:#0000;
	scrollbar-track-color: #e2e2e2; 
	}
	
.content {
	margin:0px;
	padding:0px;
	font-family: trebuchet, helvetica, verdana, sans-serif;
	font-size: 90%;
	font-weight: normal;
	color: #cccccc;
	margin: 0px;
	padding: 0px;
	background: #ffffff url(../images/content_bg.gif);
	background-repeat: repeat-x
	}
	
.botbgleft {
	background: #990000 url(../images/botbgleft.gif);
	background-repeat: repeat-y
	}
	
.botbgright {
	background: #990000 url(../images/botbgright.gif);
	background-repeat: repeat-y
	}
	
.contentbotbgleft {
	background: #fff url(../images/contentbotbgleft.gif);
	background-repeat: repeat-y
	}
	
.contentbotbgright {
	background: #fff url(../images/contentbotbgright.gif);
	background-repeat: repeat-y
	}
	
img{ border: 0px;
}

/* ---[ links ]------------------------------- */

link {
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	} 
	
	
a:link {
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	} 
    
a:visited {
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	} 

a:hover {
	font-weight: normal;
	color: #fff;
	text-decoration: underline;
	} 

a:active {
	font-weight: normal;
	color: #ccc;
	text-decoration: none;
	} 


/* ---[ common elements ]--------------------- */

#social_media {
	position: absolute;
	top: 295px;
	right: 0px;
	height: 20px;
	width: 145px;
	z-index: 9;
	padding: 0px 0px 0px 0px;	
	}

#social_media_tag {
	position: relative;
	top: 0px;
	font-size: 11px;
	font-weight: normal; 
	text-transform: uppercase;
	color:#9d0f00;
	padding: 0px;
	margin: 0px;
	display: inline;
	}

#social_media ul {
	margin: 0px;
	padding: 0px;
	display: inline-block;
	list-style: none;
	}

#social_media li, #social_media li a {
	list-style: none;
	margin: 0px;
	display: inline-block;
	padding: 0px 0px 0px 1px;
	}
	
	p {
	font-weight: normal;
	color: #999;
	text-decoration: none;
	line-height: 1.5em;
	}
	
.ptop {
	font-weight: normal;
	color: #999;
	padding: 80px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 1.5em;
	text-decoration: none;
	}
	
.product {
	font-size: 11px;
	font-weight: normal;
	color: #999;
	}

.link {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:a {
	font-family: Times New Roman, Times, serif;
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #66330C;
	}

.link:link {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:visited {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #fff;
	}

.link:hover {
	font-weight: normal;
	font-style: italic;
	color: #fff;
	font-size: 100%;
	background-color: #339900
	}

a.link:active {
	font-weight: normal;
	font-style: italic;
	font-size: 100%;
	color: #66330C;
	}

.maintable td {
	vertical-align: middle;
	text-align: center;
	}


.maintable {
	border: 0px;
	width: 722px;
	cellpadding: 0px;
	cellspacing: 0px;
	}
	

/* ---[ main divs ]------------------------------- */
	
#main {
	margin-top: 0px;
	padding:0px;
	text-align: left;
	width:100%;
	height: 100%;
	float:left;
	}
	
#indextopbg {
	position: relative;
	padding:0px;
	margin:0px;
	text-align: center;
	width: 100%;
	height: 326px;
	background: #990000 url(../images/center_bg.gif);
	}
	
.indexbg{
	background: #990000 url(../images/center_bg.gif);
    background-repeat: repeat-x
	}
	
#feature {
	position: relative;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 711;
	height: 326px;
	background: #990000 url(../images/center_bg.gif);
	}
	
.contentbg{
	background: url(../images/content_bg.gif);
	background-repeat: repeat-x
	}
	
#contentfeature {
	position: relative;
	padding: 0px;
	margin: 0px;
	text-align: left;
	width: 711px;
	height: 205px;
	background: url(../images/materials_feature.jpg);
	}
	
#logo {
	position: absolute;
	top: 35px;
	left: 0px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 184px;
	height: 32px;
	}
	
#nav {
	position: absolute;
	top: 292px;
	left: 0px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 480px;
	height: 35px;
	}
	
#contentnav {
	position: absolute;
	top: 171px;
	left: 0px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 400px;
	height: 35px;
	}
	
#bottom {
	position: relative;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 711px;
	height: 326px;
	background: #990000;
	}
	
#content {
	position: relative;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 711px;
	}
		
#welcome {
	position: absolute;
	top: 35px;
	left: 15px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 350px;
	height: 275px;
	}
	
#welcome h1{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #fff;
	}

#welcome p{
	margin: 2px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height: 20px;
	font-weight: normal;
	color: #fff;
	text-align:justify;
	}
	
#announcements {
	position: absolute;
	top: 35px;
	left: 420px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 275px;
	height: 250px;
	}
	
#announcements h1{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: trebuchet, helvetica, verdana, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #fff;
	}

#announcements p{
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-family: helvetica, verdana, sans-serif;
	font-size: 70%;
	font-weight: normal;
	color: #fff;
	}
	
.hr {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 15px;
	background: #990000 url(../images/announcements_hr.gif) no-repeat scroll center;  
	}


#signup {
	position: absolute;
	top: 300px;
	left: 0px;
	padding:0px;
	margin:0px;
	text-align: left;
	width: 275px;
	height: 75px;
	}
	
#signup h1 {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 0px;
	font-family: trebuchet, helvetica, verdana, sans-serif;
	font-size: 95%;
	font-weight: normal;
	color: #fff;
	}
	
	
   
/* ---[ footer ]----------------------------------- */
	
#footer {
	margin: 0px 0px;
	padding: 10px 0px;
	width: 100%;
	height: 30px;
	font-size: 70%;
	color: #fff;	
	font-family: Helvetica, Verdana, sans-serif;
	font-weight: normal;
	text-align: center;
	}
	
#footer p {
	color: #660000;	
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
	}
	
#footer p a:link {
	color: #660000;	
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: underline;
	} 
    
#footer p a:visited {
	color: #660000;	
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
	} 

#footer p a:hover {
	color: #660000;	
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: underline;
	} 

#footer p a:active {
	color: #660000;	
	margin: 10px 10px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-weight: normal;
	text-decoration: none;
	} 
	
	/* ---[ navigation ]----------------------------------- */
	
a .alt { display: none; }
a.materials {
  	display: block;
   	width: 82px;
   	height: 34px;
   	background-image:url(../images/btn_materials.gif);
}
a.materials:hover {
   	background-image:url(../images/btn_materials.gif);
}

a.materialsSelected
{
	display: block;
   	width: 82px;
   	height: 34px
   	background-image:url(../images/btn_materials.gif);
}



a.news {
  	display: block;
   	width: 60px;
   	height: 34px;
   	background-image:url(../images/btn_news.gif);
}
a.news:hover {
   	background-image:url(../images/btn_news.gif);
}

a.newsSelected {
  	display: block;
   	width: 60px;
   	height: 34px;
   	background-image:url(../images/btn_news.gif);
}



a.about {
  	display: block;
   	width: 68px;
   	height: 34px;
   	background-image:url(../images/btn_about.gif);
}
a.menuPrint:hover {
   	background-image:url(../images/btn_about.gif);
}

a.menuPrintSelected {
  	display: block;
   	width: 68px;
   	height: 34px;
   	background-image:url(../images/btn_about.gif);
}


a.quotes {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_quotes.gif);
}
a.quotes:hover {
   	background-image:url(../images/btn_quotes.gif);
}

a.quotesSelected {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_quotes.gif);
}

a.samples {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_samples.gif);
}
a.samples:hover {
   	background-image:url(../images/btn_samples.gif
}

a.samplesSelected {
  	display: block;
   	width: 74px;
   	height: 34px;
   	background-image:url(../images/btn_samples.gif
}

a.contact {
  	display: block;
   	width: 80px;
   	height: 34px;
   	background-image:url(../images/btn_contact.gif);
}
a.contact:hover {
   	background-image:url(../images/btn_contact.gif
}

a.contactSelected {
  	display: block;
   	width: 80px;
   	height: 34px;
   	background-image:url(../images/btn_contact.gif
}



/* ---[ forms ]----------------------------------- */

.subscribe {
	font-family: helvetica, arial, san-serif;
	color: #fff; 
	height: 15px;
	font-size: 10px;
	font-weight: normal; 
	margin-left: 0px;
	padding-left: 5px;
	border-top: 0px #339900 solid;
	border-bottom: 0px #339900 solid;
	border-left: 0px #339900 solid;
	border-right: 0px #339900 solid;
	background: #663300;
	}
	
.input {
	margin-left: 0px;
	padding-left: 5px;
	font-weight: normal;
	color: #fff;
	border-top: 1px #CC3401 dotted;
	border-bottom: 1px #CC3401 dotted;
	border-left: 1px #CC3401 dotted;
	border-right: 1px #CC3401 dotted;
	background-color: #660000;
	}
	
.inputrows {
	font-family: verdana, helvetica, arial, san-serif;
	color: #fff; 
	font-size: 10px;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 5px;
	border-top: 1px #339900 solid;
	border-bottom: 1px #339900 solid;
	border-left: 1px #339900 solid;
	border-right: 1px #339900 solid;
	background: #000000;
	}
	
.error
	{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #cc0000;
	}