/* All Rights Reserved - Dee Jays Sash and Glass */

body {color: #333; background-color: #FDFE9A; margin-top: 3px; font-family:verdana,geneva,sans-serif; font-size:.8em; }
p {line-height: 1.4em; }
h2 {color: #27480D; background-color: inherit; }
h3 {margin: 0; padding: 0; font-weight: bold; font-size: 1.35em; }
h4 {margin: 0; padding: 10px 0 0 20px; font-weight: bold; font-size: 1em; color: #ff5407; background-color: inherit; }
hr {color: #c1c1c1; background-color: #c1c1c1; height: 1px; }
.clear {clear: both; margin: 0; padding: 0; }
img {border: 0; margin: 0; padding: 0; }

#wrapper{margin:0 auto; width:758px; }
#header {margin:0 auto; width:750px; }


/* Top Navigation styles */
#topNav {float: left; width: 100%; margin: 0; padding: 10px 0 0 0; list-style: none; color: inherit; background: #FDFE9A; }
#topNav li {float: right; margin: 0; padding: 0; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: .85em; }
#topNav a {float: left; display: block; margin: 0 0 0 2px ; padding: 5px 9px 3px 9px; color: #022C72; text-decoration: none; 
		   border: 1px solid #022C72; border-bottom: none; background: #fff url(images/top_nav_bkg_off.gif) repeat-x top left; }
#topNav a:hover, body#home #t-home a {color: #FF6B28; background-color: #fff; padding-bottom: 3px; border-color: #052875; }
#topNav a:hover, body#about #t-about a {color: #FF6B28; background-color: #fff; padding-bottom: 3px; border-color: #052875; }
#topNav a:hover, body#showroom #t-showroom a {color: #FF6B28; background-color: #fff; padding-bottom: 3px; border-color: #052875; }
#topNav a:hover, body#contact #t-contact a {color: #FF6B28; background-color: #fff; padding-bottom: 3px; border-color: #052875; }

#topNavTable {width: 750px; border-collapse: collapse; border: 0; }
#topNavTable td.right {padding-right: 4px; width: 375px; vertical-align: bottom; text-align: right; }
#topNavTable td.bot {height: 1px; margin: 0; padding: 0 4px; color: inherit; background: #8A8A8C url(images/top_nav_bkg_bot.gif) repeat-x top left;} 

#mainTable {width: 758px; border-collapse: collapse; border: 0; }
#mainTable td.left {width: 4px; background-image: url(images/left_side_bkg.gif); background-repeat: repeat-y; }
#mainTable td.right {width: 4px; background-image: url(images/right_side_bkg.gif); background-repeat: repeat-y; }
#mainTable td.mid {width: 750px; color: inherit; background-color: #fff; }
#mainTable td.footer {width: 750px; color: inherit; background-color: #f3f3f0; text-align: center; border-top: 1px solid #c1c1c1; 
						padding: 10px 0; font-size: .85em; }

/* Content Area */
#leftColumn {float: left; width: 153px; padding: 0; margin: 10px; border: 1px solid #8a8a8c; background-image: url(images/left_nav_bkg.gif); background-repeat: repeat-x; }
#rightColumn {padding: 17px 14px 0 14px; margin: 0 0 10px 176px; }

/* Left Column Layout */

#leftColumn ul {list-style-image: url(images/nav_arrow.gif); margin-left: 0; padding: 0 0 0 30px; line-height: 1.4em; }
#leftColumn li {padding-bottom: 10px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: .9em; }
#leftColumn li.last {padding-bottom: 30px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: .9em; }
#leftColumn a:link {color: #022C72; background-color: inherit; text-decoration: none; }
#leftColumn a:visited {color: #022C72; background-color: inherit; text-decoration: none; }
#leftColumn a:hover {color: #ff5407; background-color: inherit; text-decoration: none; }
#leftColumn a:active {color: #ff5407; background-color: inherit; text-decoration: none; }

#leftColumn ul.sub {list-style-image: url(images/bullet_sub.gif); margin-left: 0; padding: 0 0 0 15px; }
#leftColumn li.sub {padding-bottom: 5px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-weight: bold; font-size: 1em; }


#leftColIn {text-align: center; margin: -20px 0 10px 0; font-size: .85em; }
#leftColLt {text-align: left; margin: 0 auto; padding: 20px 10px 10px 10px; }

#leftColIn a:link {color: #022C72; background-color: inherit; text-decoration: underline; }
#leftColIn a:visited {color: #022C72; background-color: inherit; text-decoration: underline; }
#leftColIn a:hover {color: #ff5407; background-color: inherit; text-decoration: underline; }
#leftColIn a:active {color: #ff5407; background-color: inherit; text-decoration: underline; }

/* Right Column Layout */
a:link {color: #022C72; background-color: inherit; text-decoration: underline; }
a:visited {color: #022C72; background-color: inherit; text-decoration: underline; }
a:hover {color: #ff5407; background-color: inherit; text-decoration: underline; }
a:active {color: #ff5407; background-color: inherit; text-decoration: underline; }
#rightColumn ul {margin: -10px 0 0 40px; padding: 0; line-height: 1.4em; }
#rightColumn li {list-style-image: url(images/bullet.gif); }
#rightColumn blockquote {margin: -10px 0 0 40px; padding: 0; line-height: 1.4em; }

#mfgTable {width: 96%; border-collapse: collapse; border: 0; }
#mfgTable td {width: 50%; vertical-align: top; text-align: center; padding: 25px 0; }

/* Project Gallery */
.threeup { float: left; margin: 0; }
.threeup dt { margin-bottom: .25em; padding: 0 15px 0 0; }
.threeup dt.none { display:none; }
.threeup dd { text-align: center; margin: 3px 15px 1.5em 0; }
.threeup img { padding: 2px; border: 1px solid #8a8a8c; width: 150px; height: 100px; }


/* Footer Layout */
#mainTable td.footer a:link {color: #022C72; background-color: inherit; text-decoration: underline; padding: 0 5px; line-height: 1.75em; }
#mainTable td.footer a:visited {color: #022C72; background-color: inherit; text-decoration: underline; padding: 0 5px; line-height: 1.75em; }
#mainTable td.footer a:hover {color: #ff5407; background-color: inherit; text-decoration: underline; padding: 0 5px; line-height: 1.75em; }
#mainTable td.footer a:active {color: #ff5407; background-color: inherit; text-decoration: underline; padding: 0 5px; line-height: 1.75em; }

/* Contact Us Form */
form {margin: 0; padding: 0; }
fieldset {padding: 0 0 10px 10px; margin: 0; border: 1px solid #022C72; }
legend {font-weight: bold; font-size: 1.3em; padding-bottom: 8px; color: #022C72; background-color: inherit; }
label {float: left; width: 30%; text-align: right; padding: 5px 10px 0 0; }
label.last {font-weight: bold; text-align: left; padding-left: 10px; }
input, textarea, select {clear: right; margin: 5px 0; border: 1px solid #a7a7a7; font-family:inherit; font-size: 1em; padding:1px 3px; }
input.submit {margin: 0; padding: 3px; color: inherit; background-color: #FDFE9A; }
.errorMessage {color: red; font-weight: bold; font-size: 1.1em; }

#contactInfo {width: 90%; border-collapse: collapse; border: 0; margin: 15px 0; }
#contactInfo td {vertical-align: top; width: 50%; }

/* images */
img.logo {border: 0; width: 373px; height: 67px; padding-left: 4px; }
img.prod {border: 0; width: 153px; height: 22px; }
img.divide {border: 0; width: 123px; height: 1px; }
img.arrow {float:right; border: 0; width: 22px; height: 28px; padding: 0 4px 0 0; }
img.car {border: 0; width: 115px; height: 40px; }
img.main {border: 0; width: 541px; height: 263px; }
img.bottom {border: 0; width: 758px; height: 6px; }
img.products {float:right; border: 0; padding: 7px 0 0 15px; }
img.mfg {border: 0; width: 153px; height: 50px; padding-bottom: 7px; }
img.address {border: 0; width: 151px; height: 136px; float: right; padding: 8px 0 0 12px; }

/* Misc spans and classes */
span.orange {color: #ff5407; background-color: inherit; font-weight: bold; }