/***	Sun Decor Fabrics - General Style Sheet
	Created by EJFIIIWebDesign.com		***/

a 					{text-decoration: none; color: #C74F0B;}
a:hover				{text-decoration: underline;}
body				{background-color: #FFFFFF;}
p					{text-align: justify;}
h1,h2,h3,h4,h5,h6 	{margin: 0px; padding: 0px;}
h3					{font-size: 18px;}
h5					{font-size: 13px;}
fieldset			{margin: 4px;}
legend				{font-weight: bold; color: #C74F0B;}
img					{border: 0px;}



#screenPresentation	{position: absolute; top: 10px; left: 12px; width: 755px; font-family: Verdana, sans-serif; font-size: 11px; background-color: #F8ECE0; color: #C74F0B;}

#header				{width: 745px; height: 234px; background-color: #F8ECE0;}

#menu				{position: absolute; top: 203px; left: 12px; width: 730px; height: 27px; z-index: 100;}
#menu table			{border-bottom: solid #DCD8D8 1px; background-color: #DCD8D8; z-index: 100;}
#menu a:hover		{text-decoration: none;}

#shadesMenu			{position: absolute; left: 1px; width: 118px; height: 24px; z-index: 100; overflow: hidden;}
#hardwareMenu 		{position: absolute; left: 123px; width: 118px; height: 24px; z-index: 100; overflow: hidden;}
#systemsMenu 		{position: absolute; left: 245px; width: 118px; height: 24px; z-index: 100; overflow: hidden;}
#fabricsMenu 		{position: absolute; left: 367px; width: 118px; height: 24px; z-index: 100; overflow: hidden;}
#accessoryMenu		{position: absolute; left: 489px; width: 118px; height: 24px; z-index: 100; overflow: hidden;}
#contactMenu		{position: absolute; left: 611px; width: 118px; height: 24px; z-index: 100; overflow: hidden;}

.menuHeading 		{width: 110px; height: 15px; border: solid #F8ECE0 1px; font-size: 13px; background-image: url(images/linkButton.jpg); background-color: #DCD8D8; display: block;}
.menuSubHeading 	{width: 109px; font-size: 10px; font-weight: bold; text-align: left; background-color: #DCD8D8;}
.subLink			{width: 109px; padding: 2px 3px 2px 0px; font-size: 10px; text-align: right; background-color: #F8ECE0; display: block;}				
.subLink:hover		{background-color: #F0D8C0;}
.menuHeading:hover	{background-image: url(images/linkButton_on.jpg); background-color: #F0D8C0;}

#pageContent		{position: absolute; top: 229px; left: 0px; width: 745px; padding-bottom: 5px; border: solid #F8ECE0 5px; background-color: #F0D8C0;}
#pageContent table	{margin: 10px;}
#pageContent a		{font-weight: bold; font-size: 10px;}
#pageContent h5 a	{font-size: 13px;}

#productTeasers		{position: relative; top: 10px; left: 10px; width: 170px; height: 255px; background-color: #F8ECE0;}
#productTeasers a	{width: 164px; display: block; background-color: #F8ECE0; overflow: hidden;}
#productTeasers img	{margin: 5px 5px 5px 6px; border: 0px;}
#teaserSlide1		{position: absolute; top: 0px; left: 0px; opacity: 1.00; filter: alpha(opacity=100); z-index: 99}
#teaserSlide2,
#teaserSlide3,
#teaserSlide4,
#teaserSlide5		{position: absolute; top: 0px; left: 0px; opacity: 0; filter: alpha(opacity=0); z-index: 98;}

#welcomeText		{position: absolute; top: 10px; left: 200px; width: 375px; height: 140px; font-size: 11px; background-color: #F0D8C0;}
#pressBox			{position: absolute; top: 10px; left: 595px; width: 130px; height: 130px; text-align: justify; background-color: #F8ECE0;}
#specialNote		{position: absolute; top: 160px; left: 200px; width: 375px; height: 95px; text-align: justify; background-color: #F8ECE0;}
#recentProjects		{position: absolute; top: 160px; left: 595px; width: 130px; height: 95px; background-color: #F8ECE0; overflow: hidden;}
#recentProjects img	{padding: 2px 0px 0px 4px;}

#productTeasers a,
#pressBox a,
.divHeading			{font-size: 10px; font-weight: bold;}

.finishCodes		{background-color: #F8ECE0; color: #C74F0B;}
.finishCodes:hover	{cursor: help; text-decoration: none;} 
#finishCodes		{position: absolute; top: 10px; left: 10px; visibility: hidden;}
#finishCodes table	{background-color: #C74F0B; font-size: 9px;}
#finishCodes th		{font-size: 10px; background-color: #C74F0B; color: #F0D8C0;}
#finishCodes td		{background-color: #F0D8C0; width: 130px;}

.project			{font-size: 10px;}
.padLeft			{padding: 0px 0px 0px 10px;}
.padAll				{padding: 5px;}
.padSides			{padding: 5px 0px 5px 0px;}
.padTop				{margin: 5px 0px 0px 0px;}
.left				{text-align: left;}
.center				{text-align: center;}
.right				{text-align: right;}
.lightBG			{background-color: #F8ECE0;}
.lightBG_w225		{width: 225px; background-color: #F8ECE0;}
.leftList			{border-left: solid #F8ECE0 1px; border-top: solid #F8ECE0 1px; border-bottom: solid #F8ECE0 1px; width: 110px; text-align: right; vertical-align: top;}
.rightList			{border-right: solid #F8ECE0 1px; border-top: solid #F8ECE0 1px; border-bottom: solid #F8ECE0 1px; width: 110px; text-align: left; vertical-align: top;}
.detailListing		{font-size: 10px;}
.bottomLine_1		{border-bottom: solid #C74F0B 1px;}
.bottomLine_2		{border-bottom: solid #C74F0B 2px;}
.formControls		{text-align: center;}
.button				{border: solid #DCD8D8 3px; font-size: 10px; font-weight: bold; background-color: #F8ECE0; color: #C74F0B; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFFFF',EndColorStr='#40C74F0B');}
.button:hover		{background-color: #F0D8C0; cursor: pointer;}

#formControls		{position: relative; left: 10px; width:705px; border: 0px 0px 0px 40px; background-color: #C74F0B; color: #F8ECE0;}

.w5					{width: 5px;}
.w30				{width: 30px;}
.w70				{width: 70px;}
.w128				{width: 128px;}
.w225				{width: 225px;}
.w240				{width: 240px;}
.w260				{width: 260px;}
.w562				{width: 562px;}

.blankEventPic		{padding: 0px 0px 0px 117px;}

#footer				{position: relative; top: 10px; left: 0px; width: 745px; padding-top: 5px; font-size: 9px; background-color: #F8ECE0;}
#footer a			{font-size: 9px; font-weight: normal;}

#authorLink						{position: absolute; top: 40px; left: -120px; width: 120px; height: 25px;}
#footer #authorLink a,
#footer #authorLink a:visited	{font-family: Tahoma, sans-serif; font-size: 9px; font-weight: bold; color: gray; text-decoration: none;}