/* -------------- GENERAL ----------------------- */

body		{position:relative; width:990px;
		border:none; margin: 0 auto; padding:0px;
		font-family:Arial,sans-serif; font-size:7pt; font-weight:normal; color:#444444;
		background-color:#F2F2F2;}

*		{padding:0; border:0; margin:0;}
ul		{margin-left:30px;}
p		{margin-left:10px; margin-right:10px; font-size:9pt;}
li		{font-size:9pt; font-weight:normal; padding-top:3px;}
a		{text-decoration:none;}
a:hover		{text-decoration:underline;}

#all		{position:absolute; top:0px; left:0px; width:990px; height:1215px; 
		border-style:solid; border-color:#FFFFFF; border-left-width:10px; border-right-width:10px; background-color:#DBDBDB;} 

#banner		{position:absolute; top:0px; left:0px; width:975px; height:100px; padding-left:15px;}
#uk_banner	{position:absolute; top:35px; left:670px;}
#spagates	{position:absolute; top:5px; left:50px; font-family:Times,sans-serif; font-weight:bold; font-size:40pt; color:#FFFFFF;}
#strapline	{position:absolute; top:65px; left:50px; font-weight:normal; font-size:12pt; color:#FFFFFF;}
#telephone	{position:absolute; top:20px; left:750px; text-align:center; font-size:10pt; font-weight:normal; color:#FFFFFF;}
#telephone a	{color:#FFFFFF; font-weight:bold;}
#telephone a:hover{color:#FFFFFF;}

.green		{color:#88C0A8;} 

/* --------------------- boxes ------------------- */

#col_0		{position:absolute; top:100px; left:15px; width:310px;}
#col_1		{position:absolute; top:350px; left:340px; width:310px;}
#col_2		{position:absolute; top:350px; left:665px; width:310px;}
#col_3		{position:absolute; top:970px; left:15px; width:960px;}
#col_4		{position:absolute; top:100px; left:340px; width:635px; height:235px; margin-top:15px;}
#col_4_col_0	{position:absolute; left:0px; width:315px;}
#col_4_col_1	{position:absolute; left:380px; width:255px;}

.box_header	{margin-top:15px;}
.box_header h2	{padding-left:10px; padding-top:10px; font-family:Verdana,Arial,sans-serif; font-size:13pt; color:#387058;}
.box_header a	{color:#287E41;}
.box_content	{position:relative; background-color:#FFFFFF; font-size:0pt;}
.box_content h3	{font-size:8pt; font-weight:normal; color:#444444; background-color:#F2F2F2; padding:6px; padding-left:10px; border-top:2px solid #DBDBDB; border-bottom:2px solid #DBDBDB;}
.box_content a	{color:#287E41; font-weight:bold;}
.box_content li	{color:#000000; font-weight:bold;}
.box_footer	{font-size:0pt;}

.more		{position:relative; top:10px; width:50px; height:25px; 
		background-image:url(http://www.spagates.com/wshome/images/more.png); background-repeat:no-repeat; 
		float:right; margin-top:-32px; margin-right:10px; text-align:center;}
.more a		{font-size:11pt; font-weight:bold; color:#FFFFFF;}

#sg_explore	{height:135px; padding:0px; background-color:#FFFFFF;}
#sg_explore h3	{font-size:8pt; background-color:#FFFFFF; padding:0px; border:0px;}
#sg_explore_col_0{position:absolute; left:15px;  width:220px;}
#sg_explore_col_1{position:absolute; left:255px; width:220px;}
#sg_explore_col_2{position:absolute; left:495px; width:220px;}
#sg_explore_col_3{position:absolute; left:735px; width:220px;}

/* ----------- links with pictures --------------- */

.klinks		{width:310px;}
.klinks img	{margin:1px;}
.klinks ul	{margin:0px; margin-left:135px; padding:0px; font-size:10pt; font-weight:normal; list-style-type:none;}
.klinks li	{margin:0px; margin-top:1px; margin-bottom:0px; padding:0px;}
.klinks a	{background-color:#78B098; color:#FFFFFF; display:block; height:35px; padding-left:30px; padding-top:1px; font-weight:normal;}
.klinks a:hover	{background-color:#387058; color:#FFFFFF; text-decoration:none; font-weight:bold;}
.klinks_single	{padding-left:0px;}

/* images should be 149 x 110 */
.one img	{position:absolute; top:0px; left:0px; visibility:visible;}
.two img	{position:absolute; top:0px; left:0px; visibility:hidden;}
.three img	{position:absolute; top:0px; left:0px; visibility:hidden;}
.one a:hover img{visibility:visible;}
.two a:hover img{visibility:visible;}
.three a:hover img{visibility:visible;}

/* -------------- footer ------------------------- */

#footer		{position:absolute; top:1180px; left:0px; width:990px; height:35px; 
		background-color:#78B098; font-size:9pt; color:#FFFFFF;} 
#copyright	{position:relative; left:20px; top:10px;}
#footer_links	{position:absolute; top:10px; left:750px; text-align:center; font-size:10pt; font-weight:normal; color:#FFFFFF;}
#footer_links a	{color:#FFFFFF; font-weight:bold;}
#footer_links a:hover{color:#FFFFFF;}
#bottom		{position:absolute; top:1266px; left:0px;}

/* -------------- offers ------------------------- */

#offer_wrought_iron	{position:absolute; top:190px; left:350px;}
#offer_automation	{position:absolute; top:550px; left:885px;}
#offer_cedar		{position:absolute; top:315px; left:235px;}

/* ----------------------------------------------- */