@charset "utf-8";
/* CSS Document */

body	{
	background-color:#BFA87B;
	background-image:url(../image/body-bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	padding:0;
	margin:0;
}

#wrapper	{
	background-color:#FFF;
	margin:auto;
	width:800px;
}

#header		{
	width:800px;

}

/* navigation and navigation styling */
#navigation	{				
		clear:left;
		min-height:20px;
		padding-top:5px;
		width:800px;
}

#navigation ul	{	
	font: 1em Calibri;
	list-style:none;	
	margin:0;
	padding:0;
}

#navigation li	{
	font:1em Calibri, Arial, Helvetica, sans-serif;
	font-weight:normal;
	background-color:#DAD5BB;
	float:left;
}

#navigation ul a	 {
	/*background-color:#EBE9D8;*/
	color:#000000;
	display:block;
	font:1em Calibri, Arial, Helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
	text-align:center;
	width:160px;
}

#navigation ul a:hover	{
	background-color:#BFA87B;
	color:#FFFFFF;
}

/* end of navigation styles */


/* index page top section  - contains picture of DG, company intro and customer tests */

/* indexTopSection used to contain 3 different div tags for each of the 3 sections */

#indexTopSection	{
	background-color:#FFFFFF;
	clear:left;
	padding-top:15px;
	padding-bottom:20px;
	width:800px;
}


#davePic	{
	float:left;
	width:220px;
}

#opWelcome	{
	float:left;	
	width:250px;
}

#custTest	{
	padding-left:30px;
	float:left;
	width:250px;

}

#indexTopSection h2	{
	color:#000000;
	font:1.2em Calibri;
	font-weight: lighter;
}

#indexTopSection p	{
	font:0.7em Verdana, Arial, Helvetica, sans-serif;
}	


/* end if indexTopSection */

/* index left & right content section - only on home page */

#contentContainer	{
	background-color:#EBE9D8;
	overflow:auto; 
	width:800px;

}


#leftContent	{	
	float:left;
	padding: 10px;
	padding-left:20px;
	width:460px;
	
}

/* index right content section - only on home page */


#rightContent{
	float:left;
	padding: 10px;
	width:280px;



}

/* mainContent section - for other pages other than main home page - just one single column */
#mainContent	{
	background-color:#EBE9D8;
	clear:left;
	padding: 10px 20px 10px 20px;
	width:760px;
}

/* styling for product descriptions on the products pages */
.productContent	{
	background-color:#FFF;
	padding:5px 10px 5px 10px;
	overflow:hidden;
	width:720px;
}

/* styling for the images with the product description boxes */

img.product {
	float:right;
	margin-left:5px;
	margin-bottom:5px;
	border: 1px solid #EBE9DB;
	padding:5px;
}

/* Top section on non home pages - for headlines and other pics*/

#topContent	{
	float:left;	
	padding-top:5px;
	padding-left:20px;
	padding-bottom:5px;
	width:700px;
}


/* Footer and footer styling */
#footer	{
	background-color:#DAD5BB;
	clear:both;
	font-family:Helvetica,sans-serif;
	font-size:0.9em;
	min-height:50px;
	padding:5px;
	width:790px;
}

#footer ul	{
	list-style:none;
	margin:0;
	padding:0;
}

#footer li	{
	float:left;
	padding-left:5px;
}

#footer	a:link	{
	color:#BF3A16;
	font-weight:normal;
	text-decoration:none;
}

#footer	a:visited		{
	font-weight:normal;
	text-decoration:underline;
}
#footer	a:hover		{
	text-decoration:underline;
}

#footerLinks	{
	position:relative;
	top:0px;
	left:400px;
	margin-top:-15px;
	padding-right:10px;
	width:400px;
}


#footerCopyright	{
	position:relative;
	top:10px;
	left:10px;
	width:250px;
}


/* Main content styles - headers etc */

p, td, li	{
	font: 1.0em  Calibri, Arial, Helvetica, sans-serif;
}

h1	{
	color:#BF3A16;
	font:1.5em Calibri, Arial, Helvetica, sans-serif;
}


h2	{
	color:#BF3A16;
	font:1.2em Calibri, Arial, Helvetica, sans-serif;
}

h3	{
	color:#BF3A16;
	font:1em Calibri, Arial, Helvetica, sans-serif;
}


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

a:hover	{
	text-decoration:underline;

}


a:visited		{
	color:#93181B;
	text-decoration:underline;
}


a img {
	border:none;
}

.newsBorder	{
	border-bottom:1px dotted #CCCCCC;
	padding-bottom:10px;

}

.heading	{
color:#BF3A16;
}

.smallText	{
	font-size:0.9em;
}


/* Form Styling */

#OP	{
	font-size:0.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#OP .label	{
	float:left;
	width:230px;
	margin-right: 10px;
	text-align:right;
	font-weight:bold;
	clear: left;
}