﻿body
{
font-family: Arial, Helvetica, sans-serif;
background-image: url('Images/SilverGrad1.png');
background-repeat:repeat-x;
height:100%;
}

h1
{
	font-size: 24pt;
	font-family: Calibri;
	color: #D63803;
	font-weight:normal;
}

a
{
color: #D63803;

}
a:hover
{
	color: #FF6600;
}

.UpperLeft
{
	float:left;
	height:170px;
	width:155px;
}
.UpperRight
{
	float:left;
	height:160px;
	width:750px;
}

.Top
{
	height:2px;
	width:100%;
	margin:5px;
	background-color: #FF6600;
	/*	background-color: #6C0000;*/
}
.TopPanel
{
	height:10px;
	width:100%;
	margin:5px;
	background-color: #FF6600;
	/*	background-color: #6C0000;*/
}



.Footer
{
	width:100%;
	margin:5px;
	font-size:8pt;
	text-align:center;
	color: #6C0000;
}

.MainMenu
{

	
}

.MenuDiv
{
	float:left;
	height:30px;
	width:750px;	
	margin-top:20px;	
	font-weight:bold;
	font-size:10pt;
}

.SubMenuDiv
{

	float:right;
	height:20px;
	margin-top:10px;	
	width:650px;		
	font-weight:bold;
	font-size:10pt;
	text-align:center;
}



#navlist li
{
	display: inline; 
	padding-right: 10px;
	padding-left: 10px;
	font-family: Calibri;
	font-size:11pt;
	color: #e96f34;
	border-right: solid 1px silver;
	border-right-color: #CC6600;
	padding-bottom: 2px;
	padding-top:2px;
}

#navlist a
{
	color: #D63803;
	text-decoration: none;
}

#navlist a:hover
{
	color: #FF6600;
	text-decoration: none;
}

#subnavlist li
{
	list-style-image: url('Images/LugNut.png');
	display: inline;
	padding-right: 10px;
	padding-left: 10px;
	font-family: Calibri;
	font-size:11pt;
	color:  #6c0000;
	border-right: solid 0px silver;
	border-right-color:  #6c0000;
	padding-bottom: 2px;
}

#subnavlist a
{
	color: #6c0000;
	text-decoration: underline;
}

#subnavlist a:hover
{
	color: #FF6600;
	text-decoration: none;
}




.Main
{
	width:950px;
	min-height:550px;	
	margin:0 auto 0 auto;
}

.ContentMain
{
	float:left;
	width:650px;
	min-height:320px;
	font-family: Calibri;	
	font-size:12pt;
	margin-left:20px;
	margin-top:10px;
	padding-right:5px;
	border-right-style: solid;
	border-right-width: 1px;
	border-right-color:#800000;
	overflow: auto;
}
.RightPanel
{
	float: left;
	width: 230px;
	color: #800000;
	margin-top:0px;
	
}

#rightmenu li
{
	padding-left: 0px;
	padding-top: 5px;
	color: #790000;
	margin: 0;
	list-style-type: none; /*	list-style-image:  url('Images/Nutlug.png');*/
 padding:5px;
   line-height :25px;
}

#rightmenu a
{
	color: #950000;
	text-decoration: none;
}

#rightmenu a:hover
{
	color: #FF6600;
	text-decoration: none;
}

.RightCustomer
{
	background-position: left top;
	width: 99%;
	height: 60px;
	color: #000;
	margin: 5px 0 0 10px;
	text-align: center;
	font-weight: bold;
	font-size: 10pt;
	padding-top:1px;
}
	

.TopDiv
{
	float: left;
	text-align:left;
	height: 60px;
	width: 750px;
	/*background-color: #e4762b;*/
	font-family : Calibri;
	font-size: 28px;
	font-weight: normal;
	color: #6C0000;
	padding-left:20px;
	padding-top:15px;
}
.ODiv
{
	float: left;
	text-align:left;
	height:10px;
	width: 750px;
	background-color: #e96f34;
	padding-left:5px;
	margin-top:10px;

}

.RightInfo
{
	font-size:9pt;
	text-align:center;
	margin:5px;
	padding-top:10px;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #FF6600;
	color: #6C0000;
}

/*What we have done */

.client
{
	list-style-type:none;
	width: 500px;
	font-size: 12pt;
	color: #6C0000;
	margin: 0 auto 0 auto;
	padding-left:10px;
	text-align: left;


}

.client li {
    width:225px;
    margin:0;
    padding:5px;
   line-height :25px;
    float:left;
}

.client a
{
	text-decoration:none;

}

/* END What we have done */

/*Who We are */
.Keith
{
	list-style-type:none;
	font-size: 12pt;
	margin: 0;
	padding-left:10px;
	text-align: left;


}

.Keith li {
    width:500px;
    margin:0;
    padding:10px;
    float:left;
}
/*END Who We are */

/*Contact Us */
.ContactList
{

	list-style-type:none;
	width: 700px;
	font-size: 12pt;
	color: #000;
	margin: 0 auto 0 auto;
	text-align: left;
}

.ContactList li {
    width:250px;
    margin:0;
    padding:5px;
   line-height :25px;
    float:left;
}






.ContactSubList
{
	list-style-type:none;
	margin: 0;
	padding:0;
}


.ContactSubList li {
    width:250px;
    margin:0;
    padding:0;
   line-height:20px;
}
/*End Contact Us */

.Flag
{
	font-weight:bold;
	color: #6C0000;
}

.NutlugH1
{
	list-style-image:  url('Images/LugNut_Orange.png');
	font-size: 20pt;
	font-family: Calibri;
	color: #D63803;
	font-weight:normal;
	text-align: left;
	margin:10px;
	padding:20px;
}

.NutlugH2
{
	list-style-image:  url('Images/LugNut_Orange.png');
	font-size: 20pt;
	font-family: Calibri;
	color: #D63803;
	font-weight:normal;
	text-align: left;
	margin:10px;
	padding:20px;
}

#sddm
{	margin: 0;
	padding: 0;
	z-index: 30;
	}

#sddm li
{	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	font: bold 11px arial;
	}

#sddm li a
{	
	margin: 0 1px 0 0;
	padding: 4px 10px 2px 10px;
	display: inline; 
	font-family: Calibri;
	font-size:11pt;
	border-right: solid 1px #CC6600;
	color: #FF6600;
	text-decoration: none;
	}

#sddm li a:hover
{	color: #6C0000;
	text-decoration: none;
 	}

#sddm div
{	position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	background:#e96f34;
	border: 1px solid #dcdcdc;
	}

	#sddm div a
	{	position: relative;
		display: block;
		margin: 0;
		padding: 5px 10px;
		width: auto;
		white-space: nowrap;
		text-align: left;
		text-decoration: none;
		background:  #FF6600;
		color: #fff;
		}

	#sddm div a:hover
	{	background:#6C0000;
		color: #FFF;
		}
 
