/*-----------------------------------------------
            BridgeStreetLighting.com
----------------------------------------------- */


/*------------- General Styles  ------------- */

body {
	margin:0%;
	padding:0;
	width:auto;
	height:auto;
	background-image:url(images/backgrd.jpg)
}

html {
	height:100%;
	padding:0;
	margin:0;
	background-image:url(images/backgrd.jpg)

}

.style2 {
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #864027;
	line-height: 18px;
}
.style3 {
	font-size: 18px;
}
.style4 {
	color: #864027;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
}
.style5 {
	color: #5A4029;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 18px;
}
.style6 {
	color: #838585;
	font-size: 11px;
	font-weight:bold;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:none;	
}

.style6 A:hover {
	color: #594129;
}


.style7 {
	font-size: 9px;
}
.stylemenu {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12px;
		font-weight:bold;
		color: #CCCCCC;
		text-decoration:none;
}
.stylemenu a:hover {
		color: #FFFFFF;
}
.stylewhite {
	color: #FFFFFF;
	text-decoration: none;
}
.stylebottom {
    color:#CDD6D8;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}	
/*------------- Layout & Background Styles  ------------- */

	#wrapper {
		text-align:left;
		width:801px;
		height:100%;
	}

	#wrapper2{
		text-align:right;
		position:absolute;
		margin-top:0px;
		margin-left:0px;
		width:801px;
	}

	#wrapper3 {
		text-align:left;
		position:absolute;
		width:1200px;
		height:auto !important;
	}

/*------------- Top Light Blue Header  ------------- */

	#LeftHeader {
		margin-top : 1em;
		position:absolute;
		width:430px;
		margin-left:0px;
		
	}

	#RightHeader {
		margin-top: 1.6em;
		width:550px;
		position:absolute;
		margin-left:249px;
	}

	#RightTopMenu {
		margin-top:0.5em;
		width:550px;
		position:absolute;
		margin-left:430px;
		
	}

/*------------- Menu - Main Navigation  ------------- */

	#Note1 {
		left:810px;
		top:-320px;
		position:absolute;
		z-index:7;
	}

	#Note2 {
		left:-140px;
		top:0px;
		position:absolute;
		z-index:8;
	}


/*------------- Menu - Main Navigation  ------------- */


	#MenuContainer {
		margin-top: 99px;
		padding-top:-15px;
		width: 801px;
		height: 27px;
		background-image:url(images/BridgeStreetsplice_07.gif);
		background-repeat:no-repeat;
		position:absolute;
	}

	#MenuText {
		margin-top: -7px;
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 12px;
		font-weight:bold;
		color: #CCCCCC;
		text-align:center;
		position:relative;
	}


/*------------- Header Photo and Web Code Box Sign Up  ------------- */

	#Header2 {
		left: 0px;
		top:126px;
		height:208px;
		width:801px;
		position:relative;
	}
	
	#WebCodeBox {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetsplice_13.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxAbout {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetAbout_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxAntiques {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetAntiques_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxCeilingFans {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetCeilingFans_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxCeilingLights {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetCeilingLight-04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxContact {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetContact_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxCustomShades {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetCustomShades_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxLocation {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetLocation_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxHangingLights {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetHangingLight-04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxHome {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetHome_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxLamps {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetLamps_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxRepair {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetRepair_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxOutdoorLights {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetOutdoorLight-04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxRecessedLights {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetRecessedLigh-04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxSavings {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetSavings_04.gif);
		background-repeat:no-repeat;

	}

	#WebCodeBoxWallLights {
		left: 568px;
		top:0px;
		height:208px;
		width:233px;
		position:absolute;
		background-image:url(images/BridgeStreetWallLights_04.gif);
		background-repeat:no-repeat;

	}

	
	#WebCodeText {
		padding: 3px;
		width:220px;
		color: #FFFFFF;
		line-height: 18px;
		font-size: 12px;
		font-family: Arial, Helvetica, sans-serif;
	}

/*------------- Header - Smaller Photo Gallery Line  ------------- */
		
	#Header3 {
		top:126px;
		width:801px;
		position:relative;
	}


/*------------- Main Section of the Website  ------------- */

 
	#MainBody {
		text-align:left;
		position:absolute;
		margin-top:125px;
		width:801px;
		height:auto;
		background-image:url(images/BridgeStreetsplice_27.gif);
		background-repeat:repeat;


	}

/*------------- Main - Right Text Content  zindex 5 to place on top layer - Also needs to be the longest height because it is first after the MainBody ------------- */


	#Main {
		left :280px;
		top:20px;
		width:460px;
		position:relative;
		color: #6C321E;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 19px;
		z-index:5;
		

	}


/*------------- Left Side Bar Column - Assuming that the Left side bar will always be bigger than the main body  ------------- */

	#LeftSideBar {
		left : 0px;
		top:0px;
		width:801px;
		height:auto;
		position:absolute;
	
	}
	#LeftAddress {
		left : 0px;
		top:7px;
		width:230px;
		height:120px;
		padding-top:2px;
		padding-left:2px;
		position:relative;
		color: #6C321E;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 19px;
		background-image:url(images/BridgeStreetsplice_19.gif);
		background-repeat:no-repeat;

	}

	.LeftBlue {
		left : 0px;
		top:0px;
		width:230px;
		height:auto;
		position:relative;
		padding-top:0.1em;
		color: #FFFFFF;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		background-image:url(images/BridgeStreetsplice_24.gif);
		background-repeat:no-repeat;
		line-height: 25px;	
	}

/*------------- Left Text - Set width to 801 so that the background would show up... also added the background-image  ------------- */

	.LeftText {
		left : 0px;
		top:10px;
		width:801px;
		height:auto;
		position:relative;
		color: #6C321E;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 19px;

	}

	.InsideText {
		padding-top:10px;
		padding-left:25px;
		width:230px;
    }

		
/*------------- Bottom of Website  ------------- */

	#Bottom {
	text-align:center;
	position:absolute;
	bottom 10px;
	}

/*------------- Form Layout  ------------- */


.form{
	width: 465px;
	padding: 10px;
	margin: 0px auto;
}

div.row {
  clear: both;
  padding-top: 5px;
  }

div.row span.label {
	float: left;
	width: 100px;
	text-align: right;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 13px;
	color: #9A9A9A;
  }

div.row span.formw {
  float: right;
  width: 345px;
  text-align: left;
  } 

.formfont{
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 11px;
  color: #9A9A9A;
}  

div.spacer {
  clear: both;
  }