/**********************
		GENERAL
***********************/
* { /* globally zeros out margin and padding */
	margin: 0;
	padding: 0;
}

/********************
   Flash Slideshow
********************/   
div#flashcontent {
	width: 762px;
	height: 500px;
}


/********************
   Flash Gallery
********************/  
div#FlashGallery {
	width: 762px;
	height: 700px;
	
}


body {
	color: #473939;
	text-align: center;/*IE centering hack p1*/
	background-color: ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: normal;
}

html {min-width: 762px;} /* Mozilla centering fix (Carey Evans) */

.hidden,
dl#SkipTo,
dl#MainNav dt,
dl#FooterNav dt,
div#Minor h2,
div#ContactInfo
{ /* hidden elements */
	position: absolute;
	top: -100px;
	left: -5000px;
}

div#Masthead h1 a,
dl#MainNav dd a {
	font-size: 1px;
	/*line-height: 0;*/
	margin: 0px;
	overflow: hidden;
	height: 0px;
	text-indent: -5000px;
	/*start IEMac backslash hack\*/	
	text-indent: 0; 
	/*end IEMac backslash hack*/	
}	

div#Wrapper {
	position: relative;
	text-align: left;/*IE centering hack p2*/
	margin-right: auto;
	margin-left: auto;
	width: 762px;/*override for IE5 win*/
	padding: 10px;
}

div#Content {
	padding: 12px 0 0 0;
	padding-bottom: 1px;/*corrects IEwin padding issue*/
}

a {color: #B58D33; text-decoration: none; outline: none;}
a:hover, a:focus {text-decoration: underline;}
a img {border: 0; outline: none;}
:focus {outline: none;}

p, ul, ol {margin: 0 0 1em 0;}

blockquote, cite {font: 110%/1.5em Palatino, Georgia, Times, serif;} 
blockquote {
	padding: 16px 0 16px 40px;
	background: url(../images/bg_blockquote.gif) no-repeat 0 .5em transparent;
}

cite {color: #8E8B13; font-size: 120%;}
code {font: 100%/1.5em Courier, VT-100, monospace; color: #8E8B13;}
abbr, acronym {cursor: pointer; border: 0;}
acronym {font-variant: small-caps;}
div#Main abbr, div#Main acronym {background: #8E8B13; color: #FFF; padding: 0 2px;}


ol {margin-left: 30px;}
ul {list-style-type: none; margin-left: 14px;}
li {margin: 0 0 .5em 0}
ul li {
	padding-left: 14px;
	background: url(../images/bul_static_b.gif) no-repeat 0 .4em transparent;
}

input, textarea {font-family: "Trebuchet MS", "Lucida Grande", Arial, Verdana, sans-serif; font-size: .9em; color: #666;}


div.clearer {clear: both; height: 1px; width: 100%;}

p.more {background: url(../images/icon_more.gif) no-repeat 5.5em 3px transparent;}
p.download {background: url(../images/icon_download.gif) no-repeat 0 3px transparent; padding-left: 12px;}
p.left {float: left; margin: 0 10px 0px 0;}
p.right {float: right; margin: 0 8px 0 10px;}
p.right, p.left {clear: both;}

.caption {color: #787878;}

/**********************
		LOGIN
***********************/
div#Wrapper div#Login {
	width: 702px;
	position: relative;
	background: #D1AE5D;
	text-align: right;
	padding-top: 1px;
	padding-right: 50px;
	padding-bottom: 1px;
	padding-left: 10px;
}

div#Login dt, div#Login dd {display: inline;}
div#Login dt {color: #FFF; font-weight: bold;}

p#LoginSubmit {margin: 0;}

p#LoginSubmit input {
	position: absolute;
	top: 8px;
	left: 716px;	
	width: 26px;
	height: 18px;
	background: url(../images/btn_go.gif) no-repeat 0 0 transparent;
}

p#LoginSubmit input:hover {background: url(../images/btn_go.gif) no-repeat 0 -18px transparent;}





/**********************
		MASTHEAD
***********************/
div#Masthead {
	position: relative;
	width: 762px;
	height: 101px;
	background: url(../images/nav_main.gif) no-repeat 0 0 #FFF;
}

div#Masthead h1 {
	position: absolute;
	top: 0; 
	left: 0;	
	height: 101px;
}

div#Masthead h1, #Masthead h1 a {width: 239px;}

div#Masthead h1 a {
	display: block;
	padding-top: 101px;
	background: url(../images/nav_main.gif) no-repeat 0 0 transparent;
}

div#Masthead h1, #Masthead h1 a:hover, #Masthead h1 a:focus {background: url(../images/nav_main.gif) no-repeat 0 -101px transparent;}

div#Masthead p#PrintLogo {display: none;}

/**********************
		NAVIGATION
***********************/
dl#MainNav {
	position: absolute;
	top: 0;
	left: 239px;
	width: 523px;
	height: 101px;
}

dl#MainNav dd {padding: 0; background: none;}/*explicit declaration for IEMac*/

dl#MainNav dd a {display: block; padding-top: 101px;}

/*need to declare width on dd element for IEMac*/
dl#MainNav dd#MNav_Company {width: 100px; position: absolute; top: 0; left: 0;}
dl#MainNav dd#MNav_Products {width: 100px; position: absolute; top: 0; left: 100px;}
dl#MainNav dd#MNav_Catalog {width: 100px; position: absolute; top: 0; left: 200px;}
dl#MainNav dd#MNav_Resellers {width: 108px; position: absolute; top: 0; left: 300px;}
dl#MainNav dd#MNav_ContactUs {width: 100px; position: absolute; top: 0; left: 408px;}

dl#MainNav dd#MNav_Company a {background: url(../images/nav_main.gif) no-repeat -239px 0 0 transparent;}
dl#MainNav dd#MNav_Products a {background: url(../images/nav_main.gif) no-repeat -339px 0 transparent;}
dl#MainNav dd#MNav_Catalog a {background: url(../images/nav_main.gif) no-repeat -439px 0 transparent;}
dl#MainNav dd#MNav_Resellersl a {background: url(../images/nav_main.gif) no-repeat -539px 0 transparent;}
dl#MainNav dd#MNav_ContactUs a {background: url(../images/nav_main.gif) no-repeat -647px 0 transparent;}

dl#MainNav dd#MNav_Company a:focus, dl#MainNav dd#MNav_Company a:hover {background: url(../images/nav_main.gif) no-repeat -239px -100px transparent;}
dl#MainNav dd#MNav_Products a:focus, dl#MainNav dd#MNav_Products a:hover {background: url(../images/nav_main.gif) no-repeat -339px -100px transparent;}
dl#MainNav dd#MNav_Catalog a:focus, dl#MainNav dd#MNav_Catalog a:hover {background: url(../images/nav_main.gif) no-repeat -439px -100px transparent;}
dl#MainNav dd#MNav_Resellers a:focus, dl#MainNav dd#MNav_Resellers a:hover {background: url(../images/nav_main.gif) no-repeat -539px -100px transparent;}
dl#MainNav dd#MNav_ContactUs a:focus, dl#MainNav dd#MNav_ContactUs a:hover {background: url(../images/nav_main.gif) no-repeat -647px -100px transparent;}

body#CompanyPg dl#MainNav dd#MNav_Company a {cursor: default; background: url(../images/nav_main.gif) no-repeat -239px -100px transparent;}
body#ProductsPg dl#MainNav dd#MNav_Products a {cursor: default; background: url(../images/nav_main.gif) no-repeat -339px -100px transparent;}
body#CatalogPg dl#MainNav dd#MNav_Catalog a {cursor: default; background: url(../images/nav_main.gif) no-repeat -439px -100px transparent;}
body#ResellersPg dl#MainNav dd#MNav_Resellers a {cursor: default; background: url(../images/nav_main.gif) no-repeat -539px -100px transparent;}
body#ContactUsPg dl#MainNav dd#MNav_ContactUs a {cursor: default; background: url(../images/nav_main.gif) no-repeat -647px -100px transparent;}

/**********************
	  MAIN CONTENT
***********************/
div#Main {
	float: right; 
	display: inline; /*corrects IEwin float bug*/
}

p#Hero img {
	border-top: 3px solid #DDD;
	border-bottom: 3px solid #DDD;
	line-height: 0;
}

div#Main h2, div#Main h3, div#Minor h3 {font-weight: normal;}

div#Main h2 {
	font-family: Arial, Helvetica, sans-serif;
}

div#Main h2, div#Minor h3 {
	font-size: 140%;
	color: #D1AE5D;
	line-height: 1.4em;	
	margin: 0 0 .4em 0;	
}

div#Main h3 {
	font-size: 130%;
	color: #999;
	margin: 0 0 .5em 0;
}

div#Main h4, div#Minor h4 {
	font-size: 110%;
	color: #333;	
	margin: 0 0 .5em 0;	
}

div#Main h5 {
	font-size: 100%;
	color: #333;	
	margin: 0 0 .2em 0;	
}

/**********************
		FOOTER
***********************/
div#Footer {
	color: #999;
	clear: both;
	padding: 20px 0 30px 16px;
	border-top: 2px solid #D1AE5D;
	position: relative;
}

dl#FooterNav a {color: #333;}
dl#FooterNav {width: 590px;}
dl#FooterNav dd {display: inline;}

p#HomeTecorLogo {
	position: absolute;
	left: 620px;
	top: 7px;
}

body#HomePg dl#FooterNav dd#FNav_Home a,
body#CompanyPg dl#FooterNav dd#FNav_Company a,
body#ProductsPg dl#FooterNav dd#FNav_Products a,
body#CatalogPg dl#FooterNav dd#FNav_Catalog a,
body#ResellersPg dl#FooterNav dd#FNav_Resellers a,
body#ContactUsPg dl#FooterNav dd#FNav_ContactUs a
{
	cursor: default;
	color: #D1AE5D;
	text-decoration: none;
}

/**********************
		sIFR
***********************/
/* These are standard sIFR styles... do not modify */

.sIFR-flash {visibility: visible !important; margin: 0;}
.sIFR-replaced {visibility: visible !important;}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash #Main h2 {
	visibility: hidden;
	font-size: 20px;
	line-height: 30px;
	margin: 0 0 0 0;
}

/*create margin for IEMac*/
.sIFR-hasFlash #Main h2 embed {
	margin-bottom: 0;
	/*start IEMac backslash hack\*/	
	margin-bottom: 0;
	/*end IEMac backslash hack*/		
}

.sIFR-hasFlash #Minor h3 {
	visibility: hidden;
	letter-spacing: 1px;	
	font-size: 13px;
	line-height: 16px;	
	margin: 0 0 6px 0;
}

/*create margin for IEMac*/
.sIFR-hasFlash #Minor h3 embed {
	margin-bottom: 6px;
	/*start IEMac backslash hack\*/	
	margin-bottom: 0;
	/*end IEMac backslash hack*/		
}