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

body {
	color: #473939;
	font: 16px/1.5em Arial, Helvetica, sans-serif;
	text-align: center;/*IE centering hack p1*/
	background-color: #FFF;
}

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: 20px;
}

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

a {color: #EC7131; 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: #EC7131;
	padding: 8px 50px 8px 10px;
	text-align: right;
}

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_Solutions {width: 100px; position: absolute; top: 0; left: 100px;}
dl#MainNav dd#MNav_Products {width: 100px; position: absolute; top: 0; left: 200px;}
dl#MainNav dd#MNav_Dealer {width: 108px; position: absolute; top: 0; left: 300px;}
dl#MainNav dd#MNav_Buy {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_Solutions a {background: url(../images/nav_main.gif) no-repeat -339px 0 transparent;}
dl#MainNav dd#MNav_Products a {background: url(../images/nav_main.gif) no-repeat -439px 0 transparent;}
dl#MainNav dd#MNav_Dealerl a {background: url(../images/nav_main.gif) no-repeat -539px 0 transparent;}
dl#MainNav dd#MNav_Buy 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_Solutions a:focus, dl#MainNav dd#MNav_Solutions a:hover {background: url(../images/nav_main.gif) no-repeat -339px -100px transparent;}
dl#MainNav dd#MNav_Products a:focus, dl#MainNav dd#MNav_Products a:hover {background: url(../images/nav_main.gif) no-repeat -439px -100px transparent;}
dl#MainNav dd#MNav_Dealer a:focus, dl#MainNav dd#MNav_Dealer a:hover {background: url(../images/nav_main.gif) no-repeat -539px -100px transparent;}
dl#MainNav dd#MNav_Buy a:focus, dl#MainNav dd#MNav_Buy 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#PressroomPg dl#MainNav dd#MNav_Solutions a {cursor: default; background: url(../images/nav_main.gif) no-repeat -339px -100px transparent;}
body#ProductsPg dl#MainNav dd#MNav_Products a {cursor: default; background: url(../images/nav_main.gif) no-repeat -439px -100px transparent;}
body#DealerPg dl#MainNav dd#MNav_Dealer a {cursor: default; background: url(../images/nav_main.gif) no-repeat -539px -100px transparent;}
body#BuyPg dl#MainNav dd#MNav_Buy 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: #EC7131;
	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 #EC7131;
	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#PressroomPg dl#FooterNav dd#FNav_Solutions a,
body#ProductsPg dl#FooterNav dd#FNav_Products a,
body#DealerPg dl#FooterNav dd#FNav_Dealer a,
body#BuyPg dl#FooterNav dd#FNav_Buy a,
body#PressPg dl#FooterNav dd#FNav_Press a 
{
	cursor: default;
	color: #EC7131;
	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*/		
}
