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

body							{background:url('../imgs/bg_fade.jpg') repeat-x #eae5de; font-family:Helvetica, Lucida, Tahoma, sans-serif; font-weight:lighter; font-size:11px; color:#3e3e3e; margin-top:40px; line-height:16px;}
#wrapper						{width:758px;  margin:auto;}
#toplinks						{padding:10px 0 10px 30px; color:#776d5d; font-size:12px; position:relative;}
#toplinks a						{color:#776d5d; font-size:12px; font-weight:normal; text-decoration:none; padding:0 10px;}
#toplinks a:hover				{color:#776d5d; font-size:12px; font-weight:normal; text-decoration:underline; padding:0 10px;}
#header							{width:758px; height:250px; background:url('../imgs/header_bg.png') 0 0 no-repeat; position:relatve;}
#leftnav						{position:absolute; top:50px; width:350px; height:230px; font-size:22px; margin:38px; padding:0; font-weight:normal;}


#leftnav ul						{list-style-type:none; margin:0; padding:30px 0; line-height:50px; width:128px;}
#leftnav li						{color:#FFFFFF; list-style-type:none; }
#leftnav li.productsline		{border-bottom:dotted 1px #ffffff;}
#leftnav li.enquiriesline		{border-bottom:dotted 1px #ffffff;}
#leftnav .products				{padding-left:13px;}
#leftnav .enquiries				{padding-left:9px;}
#leftnav .location				{padding-left:18px;}
#leftnav a						{font-weight:lighter; text-decoration:none; color:#ffffff;}
#leftnav a:hover				{font-weight:lighter; text-decoration:underline; color:#ffffff;}


h1								{font-size:20px; font-weight:normal; color:#55b3df; margin:0; padding:10px 10px 25px 0px;}

#content						{width:758px; }
#maincontent					{width:718px; background:url('../imgs/content_fade.png'); padding:20px 20px 0 20px;}
#maincontenttop					{background:url('../imgs/content_top.png') no-repeat; height:8px;}
#maincontentbottom				{background:url('../imgs/content_bottom.png') no-repeat; height:8px;}
#copy							{float:left; width:400px;  margin:0; padding-left:10px; font-weight:normal;}
#copy h3						{font-size:12px; color:#55b3df; padding:0 0 8px 0; margin:0;}
#copy p							{padding:6px 0; margin:0;}
#images							{float:right;  padding:20px 20px 10px 20px; width:240px;}
#images img						{padding-bottom:25px;}
.right							{float:right; clear:right;}
.clear							{width:100%; clear:both;}

#footer							{font-size:10px; color:#776d5d; padding:20px;}
#footer a						{color:#776d5d; font-size:10px; font-weight:normal; text-decoration:none; padding:0 5px;}
#footer a:hover					{color:#776d5d; font-size:10px; font-weight:normal; text-decoration:underline; padding:0 5px;}

a								{font-weight:bold; color:#55b3df; text-decoration:none;}
a:hover							{font-weight:bold; color:#55b3df; text-decoration:underline;}




/*Enquiries page*/


#form							{float:left; width:380px; margin-left:0px; margin-bottom:20px; padding:0px 10px; font-weight:normal;}
h2								{font-size:20px; font-weight:normal; color:#55b3df; margin:0; padding:10px 10px 25px 13px;}
#formimages						{float:right;  padding:15px; width:260px;}
#formimages img					{padding-bottom:25px;}
#form td						{padding:5px 5px 0 0px;}
.txtField						{border:1px solid #776d5d; background-color:#ffffff;}
.formnames						{font-weight:bold; color:#55b3df;}
.submit							{background:url('../imgs/arrow.png') no-repeat 65px 10px #55b3df; border:none; color:#ffffff; padding:5px 25px 5px 5px; margin-top:15px;}
#formintro						{padding:0 0 20px 13px; margin:0; color:#3e3e3e; width:380px;}
#formResponse					{ height: auto; min-height: 400px; _height: 400px;  margin-left:12px; margin-bottom:20px; padding:20px 10px; }

/*Products page*/

#products						{width:100%; margin-left:12px; padding-bottom:20px; }
#products td					{padding:5px 15px 5px 0px;}
#productsintro					{padding:0 0 0px 13px; margin:0; color:#3e3e3e; width:675px;}
.productnames					{font-weight:bold; color:#3e3e3e; }
#productnav						{padding:0 0 25px 2px;}
.currentconstruction			{color:#333333; font-weight:bold; padding-right:10px; padding-left:13px;}
.currentdiy						{color:#333333; font-weight:bold; padding-right:10px; padding-left:10px;}

.currentfabrication				{color:#333333; font-weight:bold; padding-left:10px; padding-right:10px;}
.currentbolts					{color:#333333; font-weight:bold; padding-left:10px;}
#productnav a					{padding:0 10px; color:; font-weight:bold; text-decoration:none;}
#productnav a:hover				{padding:0 10px; color:; font-weight:bold; text-decoration:underline;}
h5								{font-size:14px; color:#55b3df; padding:20px 0; margin:0; font-weight:bold;}


/*contacts page*/
#contacts						{float:left; width:380px; margin:0 0 0 12px; padding:0 0 20px 0; }
#contacts td					{padding:8px 0;}
.contactdetails					{padding:0;}
#contactimages					{float:right;  padding:15px; width:260px;}
#contactimages img				{padding-bottom:10px;}
h3								{font-size:11px; font-weight:bold; color:#55b3df;}
h4								{font-size:11px; font-weight:bold; padding:0; margin:0;}