@charset "UTF-8";
/* CSS Document */

/* Diamond Garage Doors LTD */


a							{ color: #695940; text-decoration: underline; }
a:hover						{ text-decoration: none; } 
img 						{ border: none; outline: none; }
*							{ margin: 0; padding: 0; }
body						{ background-color: #f5f0e1; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; line-height: 1.8em; color: #2f2f2f; }

/* Type */

p							{ font-size: 1.1em; }

.phone						{ color: #bf0a0d; font-size: 1.2em; }
.number						{ color: #bf0a0d; font-size: 1.4em; font-weight: bold; }

.text						{ font-size: 1.2em; }
.text2						{ font-size: 1.2em; padding-bottom: 8px}
.contact					{ color: #b0966b; border-bottom: 2px solid #b0966b; text-decoration: none; }
.blurbtext					{ font-size: 2em; color: #ab2326; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; line-height: 1.3em; }
h1							{ font-size: 1.6em; color: #ab2326; margin: 0 0 10px 0; }
h2							{ font-size: 1.4em; color: #ab2326; margin: 20px 0 10px 0; }
h3							{ font-size: 1.3em; color: #ab2326; margin: 20px 0 10px 0; }

.formtext					{ font-size: 1.4em; color: #ab2326; margin:0 0 0 3px; }
.suppliers					{ margin: 0 0 8px 0; }

.rights						{ text-align: center; color: #a41217; margin: 3px 0 0 0; }
.footlinks					{ text-align: center; }
.footlinks a				{ color: #a41217; text-decoration: underline; margin: 0 0 0 3px; }
.footlinks a:hover			{ color: #333; }

.address					{ font-size: 1.2em; color: #ab2326; text-align: center; margin: 5px auto 10px; }

/* Structure */

#pagewrap					{ width: 900px; margin: 0 auto; padding: 0; }
#pagewrapalt				{ width: 874px; margin: 0 auto; padding: 0; }
#topwrap					{ width: 100%; height: 574px; background-image: url(images/topwrap-bg.jpg); background-repeat: repeat-x; }
#topwrapalt					{ width: 100%; height: 574px; background-image: url(images/topwrapalt-bg.jpg); background-repeat: repeat-x; }
#contentwrap				{ width: 900px; height: 850px; background-color: #f5f0e1; margin: 0 auto 30px auto; }
#contentwrapalt				{ width: 900px; height: 400px; background-color: #f5f0e1; margin: 0 auto 30px auto; }
#noflash					{ width: 874px; min-height: 52px; background-image: url(images/noflash-bg.jpg); background-repeat: repeat-x; margin: 0 auto 0px auto; }


#header						{ width: 900px; height: 91px; background-image: url(images/header-bg.jpg); background-repeat: no-repeat; }
#headeralt					{ width: 900px; height: 97px; background-image: url(images/headeralt-bg.jpg); background-repeat: no-repeat; }
#logo						{ width: 205px; height: 50px; margin: 0 0 8px 43px; padding: 5px 0 0 0; }
#logoalt					{ width: 205px; height: 50px; margin: 0 0 8px 30px; padding: 5px 0 0 0; }
#numbers					{ width: 226px; text-align: center; margin: 0 0 0 23px; }
#numbersalt					{ width: 226px; text-align: center; margin: 0 0 0 10px; }

#infoarea					{ width: 900px; height: 483px; background-image: url(images/infoarea-bg.jpg); background-repeat: no-repeat; clear: none; }
#flash						{ width: 489px; height: 379px; float: right; margin: 26px 26px 0 0; }
#facts						{ width: 307px; height: 379px; float: left; margin: 88px 0 0 34px; }
.fact						{ width: 307px; height: 60px; border-bottom: 1px dashed #FFF; margin: 0 0 24px 0; color: #FFF; font-size: 2em; font-family: Arial, Helvetica, sans-serif; line-height: 1.1em; }
.fact1						{ width: 307px; height: 60px; margin: 0 0 24px 0; color: #FFF; font-size: 2em; font-family: Arial, Helvetica, sans-serif; }

#blurb 						{ width: 860px; height: 98px; border-bottom: 1px solid #dbd5c4; margin: 0 0 25px 0; padding: 20px 10px 0 27px; }

#main						{ width: 580px; height: 584px; border-right: 1px solid #dbd5c4; padding: 0 36px 0 0; float: left; margin: 0 0 23px 0; }

#sidebar					{ width: 260px; overflow:hidden; float: left; padding: 27px 0 0 20px; }
#form						{ width: 258px; padding: 0; border-bottom: 1px solid #dbd5c4; }
.formstyle					{ width: 178px; margin: 2px 0 3px 0; padding: 0 0 0 2px; font-size: 1.2em; color:#989898; }
.fieldstyle					{ width: 187px; margin: 0 0 4px 0; color: #989898; }
.button						{ margin: 3px 0 9px 5px; }

#suppliers       			{ width: 258px; height: 70px; border-bottom: 1px solid #dbd5c4; margin: 20px 0 10px 0; font-size: 1.4em; color: #ab2326; }
#areas						{ width: 258px; height: 170px; border-bottom: 1px solid #dbd5c4; margin: 20px 0 10px 0; }
.areatitle					{ font-size: 1.4em; color: #ab2326; }
#news						{ width: 258px; border-bottom: 1px solid #dbd5c4; margin: 20px 0 10px 0; }
.news a					    { font-size: 1.4em; color: #ab2326; text-decoration: none }


#seperator					{ clear:both; color:#6C6C6B; margin:17px auto; padding:280px 0 0; text-align:center; width:300px; }
#seperator a				{ color: #6c6c6b; border-right: 1px solid #aea089; }

#seperatoralt					{ clear:both; color:#6C6C6B; margin:17px auto; padding:150px 0 0; text-align:center; width:300px; }
#seperatoralt a				{ color: #6c6c6b; border-right: 1px solid #aea089; }

#footer						{ width: 100%; min-height: 179px; background-image: url(images/footer-bg.jpg); background-repeat: repeat-x; background-color: #F2EAD3; clear: both; padding: 46px 0 0 0; }
#leftfooter					{ width: 680px; height: 50px; margin: 10px auto; text-align: center; }
#rightfooter				{ width: 170px; height: 140px; float: right; margin: -50px 262px 0 0; }

/* form */

#mainform		{ width: 295px; margin: 0 0 0 45px; }
.formstyle		{ width: 180px; padding: 2px; margin: 0 0 7px 0; color:#999; }
.formstyle2		{ width: 188px; font-family: Arial, Helvetica, sans-serif; color:#999; font-size: 1.2em; }
.fieldstyle		{ width: 190px; padding: 2px; margin: 0 0 7px 0; }
.button			{ margin: 0 0 10px 2px; }

/* Lists */

ul#nav						{ list-style-type: none; float: right; font-size: 1.4em; text-transform: uppercase; margin-top: 28px; }
ul#nav li					{ display: inline; padding: 0 20px 0 0; }
ul#nav li a					{ color: #FFF; text-decoration: none; }
ul#nav li a:hover			{ color: #FFF; border-bottom: 2px dashed #FFF; }

ul#navalt					{ list-style-type: none; float: right; font-size: 1.4em; text-transform: uppercase; margin-top: 28px; margin-right: 13px; }
ul#navalt li				{ display: inline; padding: 0 20px 0 0; }
ul#navalt li a				{ color: #FFF; text-decoration: none; }
ul#navalt li a:hover		{ color: #FFF; border-bottom: 2px dashed #FFF; }

ul.sitemappage				{ margin: 10px 0 0 23px; }
ul.sitemappage li a			{ color: #6c6c6b; }
ul.sitemappage li a:hover	{ text-decoration: underline; } 

ul.list						{ margin: 10px 0 10px 23px; }
ul.list li a				{ color: #6c6c6b; }
ul.list li.title			{ color: #6c6c6b; list-style-type: none; font-size: 1.4em; }

ul.resourcelist				{ margin: 10px 0 10px 23px; }
ul.resourcelist li a		{ color: #6c6c6b; }

ul.sitemap					{ list-style-type: none; font-size: 1em; }
ul.sitemap li				{ display: inline; padding: 4px; border-right: 1px solid #aea089; }
ul.sitemap li a				{ color: #6c6c6b; text-decoration: none; }
ul.sitemap li a:hover		{ text-decoration: underline; }
ul.sitemap li.noborder		{ border: none; }

ul.news2					{ margin: 8px 0 8px 23px; font-size: 1.2em;}
ul.news2 li a				{ color: #6c6c6b; }