/*
-----------------------------------------------
Style Sheet 
author:   Adam Blakey
version:  1.0  2008-04-09
----------------------------------------------- */


body {
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#333333;
	margin-top:0px;
	padding-top:0px;
	background-image: url(../../images/page_back.png);
	background-repeat:repeat-x;
	background-color:#fff;
}

/* Links 
----------------------------------------------------------------*/

a:link, a:active { color:#ff9d00; text-decoration: underline;}
a:visited { color:#ff9d00; text-decoration:underline}
a:hover { color:#76D1D6; text-decoration:underline}
a img {border:0 !important;}

.navbox { width:104px; float:left; text-align:center; font-size:15px; margin-right:2px; height:60px; padding-top:30px; }

a.navlinks:link	{color:#FFFFFF; font-weight:bold; text-decoration:none; } 
a.navlinks:active	{color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.navlinks:visited	{color:#FFFFFF; font-weight:bold; text-decoration:none; }
a.navlinks:hover	{color:#000; font-weight:bold; text-decoration:none; }

.orange1 { background-color:#ff9d00; }
.orange2 { background-color:#ebac46; }
.orange3 { background-color:#bd790d; }
.orange4 { background-color:#febb51; }
.orange5 { background-color:#fcd9a1; }
	

/* MAIN 
----------------------------------------------------------------*/

#main {width: 800px; margin: 0 auto; position: relative; padding:0px;}
#header { width:800px; height:134px; }
#logo {height:134px; width:267px; background-image:url(../../images/index_01.jpg); float:left;}

#navigation {height:134px; width:533px; background-color:#FFFFFF; margin:0px; padding:0px; float:left; color:#FFFFFF;}
	#nav_white_top { height:35px; width:533px;}

#middle { width:800px; height:314px;}	
#main_image { background-image:url(../../images/xyron-supplies.jpg); float:left; width:488px; height:314px;}
#orange_box { width:312px; background-color:#D78600; height:314px; float:left; font-size:11px; color:#FFFFFF;}
	#orange_box p { padding:10px;  font-size:14px; margin-top:0px; line-height:12px;}
	#orange_box h3 { padding:10px; color:#FFFFFF; font-size:16px; font-weight:bold; }
	#orange_box ul { padding:0px;  font-size:14px; margin-top:0px; line-height:15px;}
	#orange_box li { padding:0px;  font-size:14px; margin-top:0px; line-height:15px; padding-bottom:8px;}

#body { height:auto; padding:10px; background-color:#FFFFFF;}
	#body_text {
		padding:0px;
		padding-left:10px;
		padding-right:10px;
		line-height:20px;
		height:auto;
		}
	#body_text h1 {font-size:24px; font-weight:normal; color:#ff9d00;}
	#body_text h2 {font-size:16px; font-weight:bold; color:#EDA503;}
	#body_text img { padding-right:20px;}
	
#footer {height:80px; text-align:center; border-top:1px solid #ccc; clear:both; background-color:#FFFFFF;}
	#footer p { padding-top:30px; }
	
#clearer {
	clear:both;
	line-height: 1px;
	font-size: 1px;
}


/* FORM 
----------------------------------------------------------------*/

INPUT {padding-top:3px; margin-top:5px; margin-bottom:5px; }
TEXTAREA {padding-top:3px; margin-top:5px; margin-bottom:5px; }

/* BULLET LIST
----------------------------------------------------------------*/
	
UL	{list-style-image:url(../../images/bullet.png); margin-left:15px; padding-left:15px; }
LI  { margin-left:15px; padding-left:15px; }
