body						{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; background:url('Images/backgrounds/Blue%20background.jpg');}
h1, h2, h3, p				{margin:0px; padding:0px;}
h1							{font-size:30px;}
h2							{font-size:24px; font-weight:normal;}
h3							{font-size:18px;}
#mainContainer				{width:1000px; margin:10px auto 0 auto; background:#ffffff; padding-bottom:5px;}
#mainHeader					{background:#400080; color:#ffffff; text-align:center; font-size:18px;}
#navigation					{text-align:center; margin:0 0 0 60px; padding:0px;}
#mainContent				{margin:15px; margin-bottom:0px; font-size:13px;}
#mainFooter					{background:#000099; color:#ffffff; text-align:center; font-size:13px; font-style:italic; font-weight:bold; margin:0 5px 0 5px; padding:5px;}
#mainFooter p				{margin-bottom:5px;}
#mainFooter a				{color:#CCCCCC; font-weight:normal; font-size:12px; text-decoration:none;}
/*******************PAGE DIVS*******************/
.contentText				{float:left; width:500px; margin-bottom:10px;}
.contentImage				{float:right; margin-right:40px; width:400px; text-align:center; margin-bottom:10px;}
#frontImageCaption			{background:#FF0000; color:#ffffff; text-align:center; padding:10px; font-size:16px; font-weight:bold; font-style:italic; width:325px; margin:auto;}
.fasciaImgs					{float:right; margin:0 40px 0 40px;}
.aboutImgs					{float:left; margin:0 20px 0 20px;}
#SIGaddress					{text-align:center; font-size:10px;}

/*********************TEXT**********************/
p.bigPhoneNo				{font-size:22px; font-weight:bold;}
#mainFooter span			{font-size:16px;}
/******************NAVIGATION*******************/
#navigation li span			{display:none;}
#navigation li,
#navigation li a			{float:left; list-style:none; width:88px; height:50px;}
#navigation li				{margin:10px;}
#navigation #slates			{background: url('images/navigation/slates.gif') no-repeat;}
#navigation #tiles			{background: url('images/navigation/tiles.gif') no-repeat;}
#navigation #fascias		{background: url('images/navigation/fascias.gif') no-repeat;}
#navigation #felt			{background: url('images/navigation/felt.gif') no-repeat;}
#navigation #tools			{background: url('images/navigation/tools.gif') no-repeat;}
#navigation #roofLights		{background: url('images/navigation/roofLights.gif') no-repeat;}
#navigation #fibreCement	{background: url('images/navigation/fibreCement.gif') no-repeat;}
#navigation #aboutUs		{background: url('images/navigation/aboutUs.gif') no-repeat;}

#mainContainer #navigation a:hover,
#mainContainer #navigation a.on		{background-position:bottom;}
/******************LIST STYLES*******************/
#slatesList					{font-weight:bold;}
#linksList					{margin:0px; padding:0px; margin:auto; border:3px solid #CCCCCC; border-right:3px solid #333333; border-bottom:3px solid #333333; width:276px;}
#linksList li				{border:1px solid #333333; border-right:1px solid #999999; border-bottom:1px solid #999999; width:270px; height:25px; list-style:none; display:block; margin:2px; text-align:center; font-weight:bold; font-size:16px; padding-top:5px;}
#linksList li.header		{background:#000099; color:#ffffff;}
/*********************OTHERS*********************/
.spaced				{margin:0 30px 0 30px;}
.cleaner			{overflow:hidden; clear:both; height:1px; margin:-1px;}