/*Header Float*/
#header {
	margin: auto;
	top: 0;
	height: 100px;
	width: 1000px;	
}

#topnav {
	clear: both;
	margin: auto;
	width: 1000px;
	height: 60px;
	border-radius: 12px;
}

/* Changes Background */
html {
   min-height: 100%;
   
	background-image: url(../images/bodybackground.jpg);
	background-image: linear-gradient(bottom, #C7E3FF 9%, #0252A7 59%, #012140 100%);
	background-image: -o-linear-gradient(bottom, #C7E3FF 9%, #0252A7 59%, #012140 100%);
	background-image: -moz-linear-gradient(bottom, #C7E3FF9%, #0252A7 59%, #012140 100%);
	background-image: -webkit-linear-gradient(bottom, #C7E3FF 9%, #0252A7 59%, #012140 100%);
	background-image: -ms-linear-gradient(bottom, #C7E3FF 9%, #0252A7 59%, #012140 100%);
	
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.09, #C7E3FF),
	color-stop(0.59, #0252A7),
	color-stop(1, #012140)
);

}

/* Top Rounded Header */
h1{
	text-align: center;
	color: white;
	font-size: 1.80em;
	font-family: Times New Roman, serif;
	background-image: url(../images/boltbackground.JPG);
	border-top-left-radius:12px;
	border-top-right-radius:12px;
	padding-bottom: 4px;
}

/*Header for main body*/
h2{
	text-align: center;
	color: white;
	font-size: 1.80em;
	font-family: Times New Roman, serif;
	background-image: url(../images/boltbackground.JPG);
	padding-bottom: 4px;
	padding-left: 220px;
	padding-right: 20px;

}


/*Home Button*/
#Home
{
  display: inline-block;
  width: 200px;
  height: 60px;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
  background: url(../images/Navigation/Home.jpg) no-repeat 0 0;

}

#Home:hover
{ 
  background-position: 0 -60px;
  border-top-left-radius:12px;
  border-bottom-left-radius:12px;
}

/* About Button */
#About
{
  display: inline-block;
  width: 200px;
  height: 60px;
  background: url(../images/Navigation/about.jpg) no-repeat 0 0;

}

#About:hover
{ 
  background-position: 0 -60px;
}

/* Inventory Button */
#Inventory
{
  display: inline-block;
  width: 200px;
  height: 60px;
  background: url(../images/Navigation/inventory.jpg) no-repeat 0 0;

}

#Inventory:hover
{ 
  background-position: 0 -60px;
}

/* Contacts Button */
#Products
{
  display: inline-block;
  width: 200px;
  height: 60px;
  background: url(../images/Navigation/products.jpg) no-repeat 0 0;

}

#Products:hover
{ 
  background-position: 0 -60px;
}

/*Quality Button */
#Ordering
{
  display: inline-block;
  width: 200px;
  height: 60px;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
  background: url(../images/Navigation/ordering.jpg) no-repeat 0 0;

}

#Ordering:hover
{ 
  background-position: 0 -60px;
  border-top-right-radius:12px;
  border-bottom-right-radius:12px;
}


/* Navigation Float*/
#navigation {
	float: left;
	margin-top: 3em;
	width: 200px;
}


/* Side Navigation */
.menu_div ul
{
    padding:0px;
    margin:0px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:16px;
    color:#FFF;
    list-style:none;
    text-indent:15px;
	border-top-right-radius: 12px;
	border-bottom-right-radius: 12px;
	overflow: hidden;
}
.menu_div ul li
{
    background:#3f3f3f;
    line-height:28px;
    border-bottom:1px solid #333;
}
.menu_div ul li a
{
    text-decoration:none;
    color:#FFF;
    display:block;
}
.menu_div ul li a:hover
{
    background:#0252a7;
	color: orange;
}
.menu_div ul li#active
{
    background:#d40203;
}

/*Change Color of Individual Menu Item*/
.redback {background-color: red; }
/*Side Navigation End*/

/*Center Text*/
.center{
	text-align: center;
	padding-left: 220px;
	padding-right: 20px;
	}
/*Center Text*/

/* Main Content Float*/
#content {
	margin: auto;
	width: 1000px;
	background-color: white;
	border-radius: 12px;
}


p {
	text-align: left;
	font-size: .95em;
	font-family: Trebuchet MS, arial;
	font-weight: normal;
	color: #0252a7;
	padding-left: 220px;
	padding-right: 20px;
}

/*Defn. List style*/
ul{

	padding-left: 235px;
	padding-right: 10px;
	line-height: 1.5em;
	margin-left: 1em;
	color: #0252a7;
}

dl{
	list-style-type: none;
	padding-left: 235px;
	padding-right: 10px;
	font-family: Trebuchet MS, arial;
	font-size: .80em;
	color: #0252a7;
}



li{
	padding-left: 5px;
	padding-right: 10px;
	font-family: Trebuchet MS, arial;
	font-size: .80em;
	color: #0252a7;
}



a:hover{
	color: #bf890d;

}

a{
	color: #0252a7;	
}
/*Defn. List style*/





/* Removes Borders from linked Images */ 
a img {border: none; }



/* Used to align headers and images */

.align-leftbody{
	float: left;
	margin-right: 1em;
}

.align-right { 
	float:right; margin: 0 0 15px 15px; 
	clear: right;
}

.align-left { 
	float:left; margin: 0 15px 15px 0; 
}


/*bottom nav CSS*/
#bottom {
	background-image: url(../images/boltbackground.JPG);
	margin: auto;
	bottom: 0px;
	height: 55px;
	width: 1000px;
	border-bottom-right-radius:12px;
	border-bottom-left-radius:12px;
}

#bottom a 
{
	color: white;
	text-decoration: none;
	font-size: 1em;
}

#bottom a:hover 
{
	color: #bf890d;
}

#bottom #altnav 
{
	height: 25px;
	width: 1000px;
	text-align: center;
}

/*bottom nav CSS*/

/* Footer Float */
#footer {
	margin: auto;
	top: 0;
	height: 100px;
	width: 1000px;
}

.base{
	margin: auto;
	bottom: 0px;
	height: 10px;
	width: 1000px;
	font-size: .5em;
}

.base #copyright{
	width: 1000px;
	text-align: center;
}