html { min-height: 100%; margin-bottom: 1px; } /* mozilla shift */
* { margin: 0; padding: 0; }

body { background: #737374; text-align: center;font-family: verdana, arial, lucida, helvetica, sans-serif; font-size: 11px; color: #444446; }


table, th, td {	font-family: verdana, arial, lucida, helvetica, sans-serif;	font-size: 11px; color: #444446;}

img {display: block; }
#skip	{ display: none;}
a img, :link img, :visited img { border: none }
a:link, a:visited { color: #039; text-decoration: none; }
a:hover, a:active { color: #E73913; text-decoration: none; }

/* end basic elements
 * ------------------------------------------------------------------------------------- */
#container_bg_scale	{ background: url(../images/bg_scale.jpg) repeat-y 50% 0; }
#container_bg 		{ /*\*/height: 100%;/**/ background: url(../images/bg.jpg) no-repeat 50% 0; }
#container 			{ position: relative; width: 760px; margin: 0 auto; text-align: left; background-color: #fff; }

#header 	{ height: 82px; }
#H_flash 	{ height: 229px; background: #777 url(../images/flash.jpg) no-repeat left top; }
#S_page_title	{ background: #777;}

#H_column_left 		{ float: left; width: 225px; display: inline; margin: 20px 0 0; }
#H_login 		{ margin: 0 0 22px 21px; border-right: 1px solid #505052;}
#H_forgot_pic 	{ margin: 8px 0 10px; }


#H_column_left #safesub	{ margin: 10px 0 0; border: 1px solid #1a1210; padding: 4px; width: 173px; background-color: #fff; }
#H_column_left #safesub p	{ margin: 0 0 5px; }
#H_column_left #safesub input	{ width: 95px; margin: 0 0 0 3px; padding: 2px; border: 1px solid #000; font-size: 10px; display: inline; }
#H_column_left #safesub .submit		{ color: #000; width: 30px; font-weight: bold; font-size: 9px; margin: 0 0 0 3px; border: 1px solid #000; display: inline; height: 19px; }
#H_column_left #safesub .safesub_logo	{ margin: 5px 0 0; }

	
#H_column_right 		{ float: left; display: inline; width: 535px; }
#H_contact_info 	{ float: left; display: inline; width: 185px; margin: 20px 0 0;}
#H_contact_info p 	{ padding: 0 5px 5px 20px; font-size: 10px; }
.orange_bold 		{ color: #e73913; font-weight: bold;}
#H_content 			{ float: left; display: inline; width: 350px; margin: 16px 0 0;}
#H_content p 		{ padding: 0 20px 10px 10px; }
.clear 				{ clear: both; height: 1px; overflow: hidden; }

hr	{ border-bottom: 1px solid #cccccc; height: 1px; margin: 5px 0px 5px 18px; }

#S_column_left 			{ float: left; width: 163px; display: inline; margin: 20px 0 0;  }
#S_subnav 			{ margin: 0 0 22px 21px; list-style: none; list-style-position: outside; }
#S_info_links 		{ list-style: none; list-style-position: outside; }
#S_subnav li 	{ padding: 0 5px 5px 15px; color: #7F99CC; background: url(../images/arrow.gif) no-repeat 0 4px;}
#S_column_right 		{ float: left; display: inline; width: 596px; border-left: 1px solid #505052; margin: 20px 0 10px; }
#S_content 			{ float: left; display: inline; width: 426px; margin: 0; }
	.nosidebar #S_content { width: 576px; }
#S_content h3		{ margin: 0 10px 10px 20px; font-size: 13px; }
#S_content p 		{ padding: 0 10px 10px 20px; }
#S_content blockquote { padding: 0 40px 10px 50px; }
#S_content ul 		{ list-style-position: outside; padding: 0 10px 10px 38px; }
#S_content ol 		{ padding: 0 10px 10px 45px; }
#S_breadcrumbs 		{ font-size: 9px; padding: 0 10px 10px 20px; color: #e73913; }
#S_breadcrumbs span	{ color: #7F99CC; } 
#S_sidebar 			{ float: left; width: 160px; display: inline; margin: 30px 0 0 0;}
	.nosidebar #S_sidebar { display: none; }
.clear 				{ clear: both; height: 1px; overflow: hidden; }
.caption	 		{ padding: 0 5px 5px; color: #e73913; font-size: 9px; }
.staff	 		{ padding: 15px 5px 5px 5px; color: #e73913; font-size: 9px; }

.arrow_link 		{ color: #039; font-size: 10px; }
.arrow_link img		{ display: inline; padding: 0 5px 0; }

input { width: 126px; }
select { width: 130px; }
#login_btn { width: 50px; }
.form_element { margin: 0 0 5px; }

#footer 				{ position:relative; background: #8A8A8C; padding: 5px 10px; color: #333;  font-size: 10px; margin: 1px 1px 0;}
	#footer span			{ color: #b9b9ba; display: inline; }
	#footer p 			{ position: absolute; top: 5px; right: 5px; }
	#footer a:link, #footer a:visited { color: #e8e8e8; text-decoration: none; }
	#footer a:hover		{ color: #b9b9ba; }
	#footer_top 		{ background: #515153; height: 5px; margin: 0 1px; overflow: hidden;}
	
#footer_btm { height: 7px; background: url(../images/footer_btm.jpg) no-repeat 50% 0px;}
* html #footer_btm { /*\*/overflow: hidden; margin-left: -1px;/**/}

/* NAVIGATION 
-------------------------------------------- */
#nav					{ position: absolute; top: 0; right: 0; height: 82px; width: 453px;  }
#nav li 				{ position: relative; float: left; display: block; list-style: none; height: 82px; }
#nav li a, #nav li div 	{ position: relative; display: block; height: 82px; text-decoration: none; color: #333;}
#nav li a				{ cursor: pointer;}
#nav li strong 			{ position: absolute; left:0; top: 0; height: 82px; display: block;}

#nav, #nav li, #nav li a, #nav li a strong, #nav li div, #nav li div strong	{ background-image:  url(../images/h_nav.gif);}

#nav li.aboutus, #nav li.aboutus a, #nav li.aboutus a strong		{ background-position: 0 0; width: 93px;}
#nav li.services, #nav li.services a, #nav li.services a strong		{ background-position: -93px 0; width: 84px;}
#nav li.showroom, #nav li.showroom a, #nav li.showroom a strong		{ background-position: -177px 0; width: 100px;}
#nav li.catalog, #nav li.catalog a, #nav li.catalog a strong		{ background-position: -277px 0; width: 82px;}
#nav li.contact, #nav li.contact a, #nav li.contact a strong		{ background-position: -359px 0; width: 94px;}

/* HOVER STATE */
#nav li.aboutus, #nav li.aboutus a:hover strong		{ background-position: 0 -82px; width: 93px; }
#nav li.services, #nav li.services a:hover strong	{ background-position: -93px -82px; width: 84px; }
#nav li.showroom, #nav li.showroom a:hover strong	{ background-position: -177px -82px; width: 100px; }
#nav li.catalog, #nav li.catalog a:hover strong		{ background-position: -277px -82px; width: 82px; }
#nav li.contact, #nav li.contact a:hover strong 	{ background-position: -359px -82px; width: 94px; }

/* ON STATE */ 
#nav li.aboutus div, #nav li.aboutus div strong		{ background-position: 0 -164px;  width: 93px;}
#nav li.services div, #nav li.services div strong	{ background-position: -93px -164px; width: 84px; }
#nav li.showroom div, #nav li.showroom div strong	{ background-position: -177px -164px; width: 100px; }
#nav li.catalog div, #nav li.catalog div strong		{ background-position: -277px -164px; width: 82px; }
#nav li.contact div, #nav li.contact div strong		{ background-position: -359px -164px; width: 94px }



#techpopup	{ background: #737374; margin: 5px; text-align: center; }

#tourpopup	{ background: #ffffff; margin: 10px; text-align: center; }


#tourpopup p	{position: absolute; left: 5px; bottom: 5px; background: #fff; width: 300px; font-size: 12px; font-weight: bold; }

img.floatright { margin: 5px -160px 10px 20px; float: right; position: relative; display: inline; }
hr.staffbio { margin-right: 160px; }

.bio { width: 416px; }

p.S_sitemap			{ background: url(../images/arrow.gif) no-repeat 10px 3px; }
ul.S_sitemap 		{ margin: -5px 0 0 -10px; list-style: none; list-style-position: outside; }
.S_sitemap li 	{ padding: 0 5px 5px 15px; color: #7F99CC; background: url(../images/arrow.gif) no-repeat 0 4px;}
div.col	{ width: 45%; float: left; }

/*--------------------------------------------------------------------------------------------------------------------------------------------Drop Down Menu*/

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif}

#sddm li a
{	display: block;
	margin: 0 1px 0 0;
	padding: 3px 6px;
	width: 171px;
	background: url(http://www.silkscreenshirtsinc.com/images/down.gif) left top no-repeat;
	color: #000;
	text-align: left;
	text-decoration: none}

#sddm li a:hover
{	background: url(http://www.silkscreenshirtsinc.com/images/down-over.gif) left top no-repeat;
	color: #fff;}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	border: 1px solid #000;}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 3px 8px;
		width: 165px;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background: #fff;
		color: #444446;
		font: normal 11px Verdana, Arial, Helvetica, sans-serif}

	#sddm div a:hover
	{	background: #e0e0e0;
		color: #000}
		
/*---------------------------------------------------------------------------------------------------------------Form Styles-----*/

#logBox {
margin-top: 20px;
width: 350px;
border: 2px solid #CCCCCC;}

label {
font: 11px Verdana, Arial, Helvetica, sans-serif;
color:#444446;
width: 12em;
float: left;
text-align: right;
margin-right: 0.6em;
margin-top:5px;
display: block;}

.inputLogin {
width:150px;
margin: 3px 0px 3px 0px;
border: 1px solid #1a1210;}

.loginTitle {
padding-top:10px;
font: bold 16px Verdana, Arial, Helvetica, sans-serif;
color:#444446;}

.loginHeader {
background-color:#CCCCCC;
padding:6px;
font: bold 12px Verdana, Arial, Helvetica, sans-serif;
color:#1a1210;
text-align:center;}

.textbox {
font: 12px Arial, Helvetica, sans-serif;
color: #fff;
width:200px;
margin-top: 5px;
border: 1px solid #1a1210;}

#submitbutton{
margin-top: 5px;
width: 90px;
margin-left: 10.2em;
margin-bottom:1em;}