body {
     background:#4b3d3e url(../images/bg5.jpg) repeat-x;
     text-align:center;
	 margin:0;
	}
.wrapper     {
     border-left: 1px solid black;
     border-right: 1px solid black;
	 background-color:white;
     margin: 0px auto;
     padding-top:25px;
     padding-bottom:0;
     padding-left: 0cm;
     width:  900px;
     height: 870px;overflow:hidden;
     }
.logo     {
     float:left;
	 margin-left:25px;
/*     border-right:solid black 2px;
/*    padding:15px 15px 15px 15px;*/
     }	 
h1   {
     font-family:Tahoma;
     font-size:22;
     }
h2   {
     font-family:Tahoma;
     font-size:16;
     }
p    {
     line-height:20px;padding-right:50px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:14;
     }
p2    {
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:12;
     }
ul   {
     line-height:20px;padding-right:50px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:14;
     }
a {color:#000000;}
a:visited {color:#000000;}
	/* Firefox Dotted Outline Fix */
	a:active { /*color:red;*/
		outline: none; 
	}
	
	/* Firefox Dotted Outline Fix */
	a:focus { 
		-moz-outline-style: none; 
	}
	
	/* Menu Body */
	ul#menu {
	/*	width:80%;*/
		/*height:60px;overflow:hidden;*/
		background:url(../blankbutton.png) repeat-x;
		list-style:none;
		margin:0;
		padding:0;
	/*	padding-top:20px;
		padding-left:20%;*/
	}
	
	/* Float LI Elements - horizontal display */
	ul#menu li {
		float:left;
	}
	
	/* Link - common attributes */
	ul#menu li a {
	/*	background:url(blanksprite.png) no-repeat scroll top left;*/
		display:block;
		height:60px;
		position:relative;
		top:-60px;
	}
	
	/* Specify width and background position attributes specifically for the class: "home" */
	ul#menu li a.home {
		width:129px;
		background-position:0px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "products" */
	ul#menu li a.products {
		width:125px;
		background-position:-129px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "service" */
	ul#menu li a.service {
		width:125px;
		background-position:-259px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "install" */
	ul#menu li a.install {
		width:140px;
		background-position:-388px 0px;
	}
	/* Specify width and background position attributes specifically for the class: "careers" */
	ul#menu li a.careers {
		width:125px;
		background-position:-516px 0px;
	}	
	/* Specify width and background position attributes specifically for the class: "about" */
	ul#menu li a.about {
		width:125px;
		background-position:-645px 0px;
	}		
	/* Specify width and background position attributes specifically for the class: "contact" */
	ul#menu li a.contact {
		width:129px;
		background-position:-775px 0px;
	}		
	
	
	
	
	/* Span (on hover) - common attributes */
	ul#menu li a span {
		background:url(../navbar.png) no-repeat scroll bottom left;
		display:block;
		position:relative;
		top:-5px;
		left:0;
		height:100%;
		width:100%;
		z-index:100;
	}

	
	/* Span (on hover) - display pointer */
	ul#menu li a span:hover {
		cursor:pointer;
	}
	
	/* Shift background position on hover for the class: "home" */
	ul#menu li a.home span {
		background-position:0px -60px;
	}
	/* Shift background position on hover for the class: "products" */
	ul#menu li a.products span {
		background-position:-125px -60px;
	}	
	/* Shift background position on hover for the class: "service" */
	ul#menu li a.service span {
		background-position:-245px -60px;
	}
	/* Shift background position on hover for the class: "install" */
	ul#menu li a.install span {
		background-position:-366px -60px;
	}
	/* Shift background position on hover for the class: "careers" */
	ul#menu li a.careers span {
		background-position:-501px -60px;
	}
	/* Shift background position on hover for the class: "about" */
	ul#menu li a.about span {
		background-position:-622px -60px;
	}
	/* Shift background position on hover for the class: "contact" */
	ul#menu li a.contact span {
		background-position:-743px -60px;
	}
div.navborder	{background-color:#eaeaea;
position:relative;
top:-65px;
clear:both;
width:900px;
height:1px;
border-top:solid black 1px;
}
span.content{padding-right:10px;
     line-height:30px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:12;
     }
.buttontext{
     line-height:30px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:14;
     }
.productlist {
     clear:both;
     margin:0 auto;
     padding-left:130px;
     }
.productboxes{
     background:silver;
     float:left;
     height:30px;
     width:220px;
     border-bottom:solid black 1px;
     text-decoration:none;
     }
.boxhover{
     background:white;
     cursor:pointer;
     text-decoration:none;
     }
.address  {
     clear:left;
     float:left;
     margin:25px 15px 15px 15px;
     width:300px;
     text-align:left;
     line-height:20px;
     font-family: "Trebuchet MS", Helvetica, sans-serif;
     color:black;
     font-size:13;
     }
.phones  {
     width:300px;
     display:inline;
     margin:20px 15px 15px 15px;
     float:right;
     text-align:right;
     line-height:17px;
     font-family: "Trebuchet MS", Helvetica, sans-serif;
     color:black;
     font-size:13;
     }
div.row span.label {
  float: left;
  width: 150px;
  text-align: right;
  }
div.row span.formw {
  padding-left: 60px;
  float: left;
  width: 130px;
  text-align: left;
  }
div.row span.safes {
     float: left;
     width: 150px;
     text-align: center;
     line-height:20px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:12;
}
span.deps {
     float: left;
     width: 120px;
     text-align: center;
     line-height:20px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:12;
}
ul.safes    {
     line-height:15px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:12;
     }
ul.features    {
     margin-left:50px;
     line-height:15px;
     font-family: Arial, Verdana, Arial, Sans-Serif;
     color:black;
     font-size:12;
     }
     
     /** images **/
.imgbox {
  display: block; 
  width: 100%;
  text-align: center;
  margin-bottom: 40px;
}

.imgbox img {
  -webkit-box-shadow: 1px 4px 9px -1px rgba(0,0,0,0.65);
  -moz-box-shadow: 1px 4px 9px -1px rgba(0,0,0,0.65);
  box-shadow: 1px 4px 9px -1px rgba(0,0,0,0.65);
}

.credits { text-align: center; margin-bottom: 20px; }

.magnify {width: 600px; margin: 50px auto; position: relative; cursor: none;}

/* Let's create the magnifying glass */
.large {
	display: none;
	width: 175px; 
	height: 175px;
	position: absolute;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	
	/* box shadows to achieve the glass effect */
	-webkit-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25);
	box-shadow: 0 0 0 7px rgba(255, 255, 255, 0.85), 0 0 7px 7px rgba(0, 0, 0, 0.25), inset 0 0 40px 2px rgba(0, 0, 0, 0.25)
}

/* To solve overlap bug at the edges during magnification */
.thumb { display: block; }