/* 
------------------------------------------------------
******* STYLE SHEET FOR LS Electrical WEB SITE *******
******* Created by RS           			   *******
------------------------------------------------------

CONTENTS FOR CASCADE

	1. Defaults
	2. Structure
	3. Links and navigation
	4. Fonts
	5. Images
	6. Forms
	7. Tables
	8. Misc stuff
	9. Page specific content

	A. Debug colours

-----------------------------------------------------
Notes:


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



/* --------- 1. defaults  --------- */

	/* Ben added this span error style for the contact page */
	span.error {
	color: red;
	}

	* {/* zero all margins and padding */
	margin: 0;
	padding: 0;
	}

	.clear { /* this is used to clear the floats. */
	clear: both;
	}


	hr.transparentRule { /* invisible rule */
	border: none 0; 
	border-top: 0px; /*the border*/
	height: 0px; /*whatever the total width of the border-top and border-bottom equal*/
	width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
	margin-bottom: 0px; margin-top: 0px; padding: 0px
	}	
	
	hr.dashedRule { /* dashed rule */
	border: none 0; 
	border-top: 1px dashed #ccc; /*the border*/
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
	margin-bottom: 0px; margin-top: 0px; padding: 0px
	}	
	
	hr.rule { /* line rule */
	border: none 0; 
	border-top: 1px solid #ccc; /*the border*/
	height: 1px; /*whatever the total width of the border-top and border-bottom equal*/
	width: 100%; color: #fff; background: #fff; /*different browsers color the rule differently!*/
	margin-bottom: 0px; margin-top: 0px; padding: 0px
	}	

	ol {
	margin: 1em 1em 1em 2em;
	padding-left: 0px;
	}

	ol li {
	margin: 0.4em 0px 0px 0px;
	font-size: 1.1em;
	line-height: 1.5em;
	color: #5F6062;
	}

	dl {
	font-size: 1.1em;
	}
		
		









/*  --------- 2. structure  --------- */

	


	
	/* -- main site architecture -- */


	body {
	}

	#siteWrapperDiv {	
	position:relative;
	/*width: 734px; /*page width*/
	margin: 0px auto 0px; 
	text-align: left; 
	background: #fff url('../images/header-bg.gif') 0 0 repeat-x;
	background-color: #fff;
	}
	
	#pageWrapperDiv {
	position:relative;
	width: 832px; /*page width*/
	margin: 0px auto 0px; 
	text-align: left;
	}
		
	#homePad {
	height:224px;
	}
	
	#siteContentDiv {
	width: 832px; /*page width*/
	position:relative;
	}
	
	.dottedRule {
	height: 1px;
	margin: 18px 0px;
	background: url('../images/dotted-border.gif') 0 0 repeat-x;
	}

	



	/* -- Header Stucture -- */
	
	
	#mainHeaderDiv {
	position:relative;
	width: 832px; /*page width*/
	margin: 0px auto 0px; 
	text-align: left;
	}
	
	#mainHeaderDiv img.logo {
	position:absolute;
	top: 25px; left:20px;
	z-index: 100;
	}
		
	#mainHeaderDiv img.phone {
	position:absolute;
	top: 17px; left:403px;
	z-index: 100;
	}
	
	#mainHeaderDiv img.email {
	position:absolute;
	top: 90px; left:423px;
	z-index: 100;
	}

	


	
	/* -- Main Top Navigational links Stucture -- */

	#mainNavShadDiv {
	position:absolute; 
	width: 832px;
	height: 38px;
	top: 159px;
	left:0px;
	z-index:99;
	display:block;
	float: left; 
	/*background: url(../images/main-nav-bg.gif) 0 0 no-repeat;*/
	}

	#mainNavTopDiv ul{ /* navigation list style */	
	width: 832px; /*tabs width*/
	list-style: none;
	position:absolute; 
	z-index:100;
	top: 159px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	height: 38px; /*navigation link style - sets the background size etc*/
	display:block;
	float: left; 
	}

	#mainNavTopDiv ul li{ /* navigation list item style */
	display: inline;
	margin: 0px;
	}
	
	#mainNavTopDiv ul a{ /*navigation link style - sets the button size etc*/
	height: 38px;
	display:block;
	margin: 0px;
	text-align: center;
	float: left; 
	}

	.moveText {
	display: block;
	width: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
	}
	
	
	
	
	
	/* -- Home content -- */
	
	
	#homeBoxWrapDiv {
	width: 832px;
	}
	
	
	/* -- Top panel -- */
	
	#homeBoxTopPanelDiv {
	width: 832px;
	}
	
	#homeBoxTopPanelPadDiv {
	padding: 0px;
	}
	
	#homeBoxTopLeftDiv {
	float: left;
	}
	
	#homeBoxTopRightDiv {
	float: right;
	position: relative;
	}
	
	#homeBoxTopRightButtonDiv {
	position: absolute;
	top: 169px;
	left: 498px;	
	}
	
	#homeBoxTopRightTextDiv {
	position: absolute;
	top: 65px;
	left: 435px;
	width: 170px;	
	}
	
	
	/* -- Bottom panel -- */
	
	#homeBoxBtmPanelDiv {
	width: 832px;
	}
	
	#homeBoxBtmPanelPadDiv {
	padding: 11px 0px 0px 0px;
	}
	
	#homeBoxTopLeftDiv {
	float: left;
	}
	
	#homeBoxBtmLeftDiv {
	float: left;	
	}
	
	#homeBoxBtmRightDiv {
	float: right;
	width: 620px;	
	}
	
	#homeTextBoxDiv {
	width: 400px;	
	}
	
	#homeTextBoxPadDiv {
	padding: 9px 0px 0px 4px;	
	}
	
	#homeTextBoxWidgetsDiv {
	float: right;
	width: 200px;
	}
	
	#homeTextBoxWidgetDomestic {
	width: 200px;
	height: 95px;	
	}
	
	#homeTextBoxWidgetSpring {
	margin: 10px 0px 0px 0px;
	width: 200px;
	height: 95px;	
	}
	
	#homeTextBoxWidgetMoving {
	margin: 10px 0px 0px 0px;
	width: 200px;
	height: 95px;	
	}
	
	#innerTextBoxDiv {
	width: 621px;	
	}
	
	#innerTextBoxPadDiv {
	padding: 9px 0px 0px 4px;	
	}





	/* inner page banner */


	#innerBannerWrapDiv {
	width: 734px;
	}

	#innerBannerTopDiv {
	width: 734px;
	height: 10px;
	background: url(../images/inner-panel-top.gif) 0 0 no-repeat;
	}

	#innerBannerDiv {
	width: 734px;
	/*height: 103px;*/
	min-height: 103px;
	background: #6b6f67 url(../images/inner-panel-mid.gif) 0 0 no-repeat;
	}
	
	#innerBannerPadDiv {
	padding: 9px 26px 0px;
	position: relative;
	}
	
	#innerBannerBotDiv {
	width: 734px;
	height:10px;
	background: url(../images/inner-panel-bot.gif) 0 0 no-repeat;
	}

	#innerBannerPlayBtn {
	position: absolute;
	top: 39px;
	left: 19px;
	}

	#innerBannerPictures {
	position: absolute;
	top: -22px;
	left: 474px;
	}

	#innerBannerTitle {
	position: relative;
	z-index: 100;
	}



	/* inner page left column content */


	#innerPageLeftColDiv {
	float:left;
	width: 515px;
	}
	
	#innerPageContentBoxWrapperDiv {
	width: 515px;
	margin: 0.5em 0px 0px 0px;
	}
	
	#innerPageContentBoxDiv {
	width: 515px;
	}

	#innerPageContentPaddingDiv {
	padding: 24px 28px 21px 7px;
	}
	
	#innerPageContentDiv ul {
	margin: 2em 0px 2em 0.5em;	
	}
	
	#innerPageContentDiv ul li {
	font-size: 1.2em;
	color: #525355;
	padding: 0px 0px 0.7em 1.2em;
	background: url('../images/bullet.gif') 0 5px no-repeat;
	}
	
	#innerPageContentDiv .resourcesRule {
	border-top:1px solid #CCCCCC;
	margin:2em 0px 4em;	
	}
	
	
	

	
	
	
	
	
	
	
	
	/* -- Services navigation Widget -- */
	
	
	#subNavDiv {
	width: 200px;
	}
	
	#subNavPaddingDiv {  
	padding: 0px; 
	margin: 0px;
	position: relative;
	}

	#subNav {		
    padding: 0px;
    }
    
    #subNavTopDiv {
	width: 200px;
	height: 38px;
	background: url('../images/sub-nav-top.gif') 0 0 no-repeat;
    }
    
    #subNavMiddleDiv {
    width: 200px;
    background:	url('../images/sub-nav-mid.gif') 0 0 repeat-y;
    }
    
    #subNavMiddleInnerDiv {
    width: 198px;
    margin: 0px 0px 0px 1px;
    background: #e0e0e0	url('../images/sub-nav-mid-inner.gif') 0 0 no-repeat;	
    }
    
    #subNavMiddleInnerPadDiv {
    padding: 1px 0px 5px;	
    }
    
    #subNavBottomDiv {
    width: 200px;
	height: 10px;
	background: url('../images/sub-nav-btm.gif') 0 0 no-repeat;	
    }
   
	#subNavDiv ul {
    list-style: none;
    margin: 6px 0px 0px 1px;
    padding: 0px;
    }
                
	#subNavDiv li {
    width: 166px;
    padding: 7px 15px;
    font-size: 1.2em;
    display: block;
    }
    
    #subNavDiv li.selected {
    background: #d2d2d2;
    }
     
     
     
       
	
	/* -- Services navigation Widget -- */
	
	
	#ecoWidgetDiv {
	width: 200px;	
	}
	
	#ecoWidgetPaddingDiv {
	padding: 0px; 
	margin: 0px;
	position: relative;	
	}
	
	#ecoWidget {
	padding: 0px;	
	}
	
	#ecoWidgetTopDiv {
	width: 200px;
	height: 103px;
	background: url('../images/eco-widget-top.jpg') 0 0 no-repeat;	
	}
	
	#ecoWidgetTitleDiv {
	width: 200px;
	height: 38px;
	background: url('../images/eco-widget-header.gif') 0 0 no-repeat;	
	}
	
	#ecoWidgetMiddleDiv {
	width: 178px;
	padding: 2px 11px 1px;
	background: url('../images/eco-widget-middle.gif') 0 0 repeat-y;	
	}
	
	#ecoWidgetBottomDiv {
	width: 200px;
	height: 10px;
	background: url('../images/eco-widget-bottom.gif') 0 0 no-repeat;	
	}
	
	
	
	
	
	/* -- Services Widgets -- */
	
	
	
	
	
	

	/* -- Footer Stucture -- */


	#siteFooterWrapperPadDiv {
	padding: 1.6em 0px 8em;	
	}
	
	#siteFooterWrapperDiv {
	margin: 0px auto 0px; 
	}

	#siteFooterTopDiv {
	width: 832px; /*page width*/
	height: 41px;
	margin: 0px auto 0px;
	background: url('../images/footer-bg.gif'); 	
	}
	
	#siteFooterTopPaddingDiv {
	padding: 1.4em 1.4em 0px;
	}

	ul#siteFooterTopLinks { 
	display: inline;	
	}

	#siteFooterTopLinks li { 
	display: inline;
	color: #383838;
	font-size: 1em;
	}
		
	#siteFooterTopLinks li a {
	color: #383838;
	} 

	#siteFooterTopLinks .first {
	float:left;
	padding-right: 10px;
	padding-left: 0px;
	border-right: #a6a6a6 1px solid;
	}
		
	#siteFooterTopLinks .second {
	float:left;
	padding-left: 8px;
	padding-right: 8px;
	border-right: #a6a6a6 1px solid;
	}
	
	#siteFooterTopLinks .third {
	float:left;
	padding-right: 8px;
	padding-left: 8px;
	}	
		
	
	#siteFooterTopLinks .last { 
	float: right;
	padding-right: 0px;
	border-left: none;
	}
		
	













				
/* ---------- 3. links and navigation ---------- */

	a {/* default link style */
	color: #0081c6;
	}
		
	a:link {
	color: #0081c6;
	}

	a:hover {
	color: #0081c6;
	}

	a:active {
	color: #0081c6;
	}
	
	a:visited {
	color: #0081c6;
	}
		
	body #content a:hover {/* default hover state style */
	color: #0081c6;
	}

	#breadcrumb a {/* breadcrumb nav elements */
	color: #545555;
	}

	
	

	/* -- Top and solution Navigational Links text styles -- */

	#mainNavTopDiv a:link {
	color: #000;
	text-decoration: none;
	}

	#mainNavTopDiv a:visited {
	color: #000;
	text-decoration: none;
	}

	#mainNavTopDiv a:hover {
	color: #000;
	text-decoration: underline;
	}

	#mainNavTopDiv a:active {
	color: #000;
	text-decoration: underline;
	}

	#mainNavTopDiv li a.selected {
	color: #000;
	}



	/* -- top-level navigation graphic rollovers -- */

	#mainNavTopDiv #mainNavTop li a:hover {
	background-position: 0 -38px;
	}
	
	#mainNavTopDiv #mainNavTop li.selected {
	background-position: 0 -38px;
	}
	
	#mainNavTopDiv #mainNavTop li a.selected {
	background-position: 0 -38px;
	}
	
	#mainNavTopDiv #mainNavTop li a.selected:hover {
	background-position: 0 -38px;
	}
	
	
	
	#mainNavTopDiv #tab_01_01_e a{
	width: 106px;
	background: url(../images/tab_01_01_e.gif) 0 0 no-repeat;
	}
		
 	#mainNavTopDiv #tab_01_02_e a{
	width: 105px;
	background: url(../images/tab_01_02_e.gif) 0 0 no-repeat;
	}
		
	#mainNavTopDiv #tab_01_03_e a{
	width: 105px;
	background: url(../images/tab_01_03_e.gif) 0 0 no-repeat;
	}
	
	#mainNavTopDiv #tab_01_04_e a{
	width: 105px;
	background: url(../images/tab_01_04_e.gif) 0 0 no-repeat;
	}
		
	#mainNavTopDiv #tab_01_05_e a{
	width: 105px;
	background: url(../images/tab_01_05_e.gif) 0 0 no-repeat;
	}
		
	#mainNavTopDiv #tab_01_06_e a{
	width: 117px;
	float: right;
	background: url(../images/tab_01_06_e.gif) 0 0 no-repeat;
	}
	
	
	
	#subNavDiv li a {
    padding: 0px;
    color: #383838;
    }

	#innerPageContentDiv .resourcesRule a {
	float: right;
	font-size: 1.2em;
	}

	#innerPageContentDiv a {
    color: #525355;
    }

	#ecoWidget a {
	color: #5F6062;
	}
	
	.dottedRule a {
	float:right;
	font-family: Verdana, Arial, sans-serif;
	font-size:1.2em;
	padding:0.2em 0 0;	
	}
		
		
/* ---------- 4. fonts ---------- */


	p {
	line-height: 1.3em;
	margin: 0px;
	color: #5f6062;
	}
	
	#homeTextBoxDiv h1 {
	margin: 0px 0px 4px;
	font-size: 1.8em;
	color: #5a5b5e;
	}
	
	#homeTextBoxDiv h2 {
	margin: 0px 0px 20px;
	color: #a7a9ac;
	font-size: 1.4em;
	font-weight: normal;
	}
	
	#homeTextBoxDiv p {
	margin: 0px 0px 1.2em;
	font-size: 1.1em;
	line-height: 1.6em;
	}
	
	#innerTextBoxDiv h1 {
	margin: 0px 0px 4px;
	font-size: 1.8em;
	color: #5a5b5e;
	}
	
	#innerTextBoxDiv h2 {
	margin: 0px 0px 20px;
	color: #a7a9ac;
	font-size: 1.4em;
	font-weight: normal;
	}
	
	#innerTextBoxDiv p {
	margin: 0px 0px 1.2em;
	font-size: 1.1em;
	line-height: 1.6em;
	}
	
	#homeBoxTopRightTextDiv p {
	color: #000;
	line-height: 1.5em;
	margin: 0px;
	font-size: 1.1em;
	}
	
	#ecoWidget p {
	color: #5F6062;
	line-height: 1.7em;
	margin: 0px;	
	}

	#mainNavDiv a {
	font: 1.2em Verdana, Arial, Helvetica, sans-serif; 
	}
	 
	#innerTextBoxDiv ul {
	margin: 0px;
	padding: 0px 0px 12px 0px;	
	}
	
	#innerTextBoxDiv ul li {
	line-height: 1.3em;
	color: #5f6062;	
	font-size: 1.1em;
	padding: 0px 0px 4px 12px;
	background: url('../images/bullet.gif') 0px 5px no-repeat;
	}
	
	#innerTextBoxDiv ul li ul li {
	line-height: 1.3em;
	color: #5f6062;	
	font-size: 1em;
	padding: 0px 0px 0px 12px;
	background: url('../images/bullet.gif') 0px 5px no-repeat;
	}
	
	
	 
	 
	 
	/* Inner page banner text styles */
	
	 
	#innerBannerDiv h2 {
	font: 1.4em Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin: 17px 0px 0px 60px;
	color: #08B6FF;
	}
	
	#innerBannerDiv h2.galleryBanner {
	font: 1.4em Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	margin: 9px 0px 0px 60px;
	color: #08B6FF;
	}
	
	#innerBannerDiv p {
	font: Verdana,Arial,Helvetica,sans-serif;
	margin: 4px 0px 0px 60px;
	line-height: 1.2em;
	}


	
	
	/* Inner page text styles */
	
	
	#innerPageContentDiv h1 {
	margin: 0px 0px 1.2em;
	padding: 0px;
	font: 1.9em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fc9707;
	}
	
	#innerPageContentDiv h2 {
	margin: 0px 0px 1.2em;
	padding: 0.4em 0px 0px 0px;
	font: 1.4em Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #313132;
	}
	
	
	#innerPageContentDiv p {
	margin: 0px 0px 1.3em 0px;
	padding: 0px;
	font: 1.2em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #525355;
	}

	#innerPageContentDiv p.footnote {
	margin: 0px 0px 1.3em 0px;
	padding: 8px 0px 0px 0px;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.3em;
	color: #525355;
	}





	
	
/* ---------- 5. images ---------- */

	a img {/* remove borders from linked images */
	border: 0;
	}

	#contactMap {
	float:left; 
	padding-top:30px; 
	padding-right:45px; 
	padding-left:40px;
	}

	#contactAddDiv {
	float:left; 
	padding-top:42px;
	}

	#googleMapDiv {
	float:left;
	padding-top:30px;
	}

	#proxProdOver {
	margin-top:28px;
	margin-bottom:18px;
	}

	#poster {
	margin-top:28px;
	margin-bottom:18px;
	}







/* ---------- 6. forms ---------- */

	#innerPageContentDiv form {
	margin: 1.5em 0px 0px 0px;
	}
	
	#innerPageContentDiv legend {
	color: #fff;
	}
	
	#innerPageContentDiv label {
	font: 1.1em Verdana, sans-serif;
	float: left;
	width: 100px;
	height: 3em;
	}



	
	
/* ---------- 7. tables ---------- */
	
	table {/* defaults */
	}
		
	td p {/* bring paragraphs within cells to standard size */
	font-size: 1em;
	}
			
	/* table without borders */
			
	table.noBorders {
	border: 0;
	}
			
	table.noBorders td {
	border: 0;
	}
		



		
/* ---------- 8. misc stuff ---------- */


/* ---------- 9. Styles for page specific content ---------- */
		

/* ------------ A. debug  ------------ */