/* CSS Document */

* {	margin: 0;
	padding: 0;
}


body {
	margin: 0px;
	font-family: Arial, Verdana, Terbuchet MS, sans-serif;
	font-size: 0.8em;
}



/* --------------------------------------------------------------------- */	
/* Main Template Styles */
/* --------------------------------------------------------------------- */	

#container { width: 800px; 
			 margin: auto; 
			 text-align:left;
			 background-color:#fff;
			 color: #666666;
			}

#logo { 	width: 800px;
			text-align:right;
			background-color: #fff;
}

#nav {width: 550px}
#nav ul {padding: 0px; display: inline;  }
#nav li {display: inline; }

#nav a:link.home,#nav a:visited.home {float: left; display: block; width: 76px; height: 25px; background:url(images/template/nav/home.gif) 0 0 no-repeat; text-decoration: none;}
#nav a:link.about,#nav a:visited.about {float: left; display: block; width: 76px; height: 25px; background:url(images/template/nav/aboutus.gif) 0 0 no-repeat; text-decoration: none;}
#nav a:link.more,#nav a:visited.more {float: left; display: block; width: 110px; height: 25px; background:url(images/template/nav/more.gif) 0 0 no-repeat; text-decoration: none;}
#nav a:link.samples,#nav a:visited.samples {float: left; display: block; width: 74px; height: 25px; background:url(images/template/nav/samples.gif) 0 0 no-repeat; text-decoration: none;}
#nav a:link.purchase,#nav a:visited.purchase {float: left; display: block; width: 117px; height: 25px; background:url(images/template/nav/purchase.gif) 0 0 no-repeat; text-decoration: none;}
#nav a:link.topics, #nav a:visited.topics {float: left; display: block; width: 93px; height: 25px; background:url(images/template/nav/topics.gif) 0 0 no-repeat; text-decoration: none;}

#nav a:hover.home, #nav a:hover.about, #nav a:hover.more, #nav a:hover.samples, #nav a:hover.purchase,  #nav a:hover.topics {background-position: 0px -29px; }


#banner {width: 550px}
#mainbox {width: 800px; margin:0px; padding: 0px;}
#content { float: left; background:url(images/template/bg_grad.jpg) repeat-y; border-top: 1px solid #ccc; margin-top: 5px; width: 72% }

#side {float:left; width:28%; border-top: 1px solid #ccc; margin-top: 5px; padding-top: 15px }

div.clear { clear: both;}

a:link, a:visited { 
color: #ff9900;
text-decoration: underline;
}

a:hover {
color: #909090;
text-decoration: underline;
} 

h1 {
color: #ff9900;
font-size: 2em;
letter-spacing: -1px;
font-weight: lighter;
padding: 0px 0px 0px 5px
}

h2 {
color: #ff9900;
font-size: 1em;
letter-spacing: -1px;
font-weight: bold;
padding: 0px 20px 0px 0px
}

h3 {
color: #909090;
font-size: 1em;
letter-spacing: -1px;
font-weight: bold;
padding: 10px 0px 5px 0px;
}

img {border: 0px}

p {color: #909090;
	margin: 5px 0px 10px 0px;
	font-size: 95%}
	
span.orange {color: #ff9900; font-weight: bold}


#footer {width: 550px; background-color: #909090;}
#footer ul {padding: 5px 0px 5px 20px;}
#footer li {display: inline; margin-right: 5px}
#footer a:link, #footer a:visited {color: #fff; text-decoration: none; font-size: 11px}
#footer a:hover { }


#footer2 {color: #909090; font-size: 0.8em; margin-top: 5px; padding-left:20px}
#footer2 a:link, #footer2 a:visited {color:#909090; text-decoration: none  }
#footer2 a:hover {color:#a7a7a7; text-decoration:underline  }

/* --------------------------------------------------------------------- */	
/* End Main Template Styles */
/* --------------------------------------------------------------------- */	




/* --------------------------------------------------------------------- */	
/* Home Page Styles */
/* --------------------------------------------------------------------- */	

#intro {width: 550px; margin: 0px; padding: 0px}

#left {float:left; width: 240px; margin: 20px 10px 0px 0px; padding: 0px 0px 5px 20px }

#right {float:left; width: 240px; margin: 20px 0px 0px 10px;}

#flash_home {width: 540px; margin: 0px; padding: 10px 0px 20px 0px}

#sideflash {margin-top: 10px; }
#sideflash p {padding: 10px 5px 0px 13px; margin: 0 5px 0 0; color: #fff; background:url(images/template/trainee_bg.gif) repeat-y; height: 120px;}
#sideflash img {margin: 0px; padding: 0px; margin-bottom: -3px }
#sideflash img.trainee {margin-bottom: -3px }

#greybox {width: 211px; background:url(images/template/grey_box_top.jpg) no-repeat; color: #fff; margin: 5px 0 0 0;}
#greybox img{ padding: 15px 0px 0px 0px; margin-bottom: -5px }
#greybox p {padding: 5px 10px 0px 13px; margin: 0; color: #fff; background:url(images/template/findout_bg.gif) repeat-y; height: 80px;}
#greybox img.bottom {margin:0px; padding: 0px}
#greybox a:link, #greybox a:visited {color: #fff; text-decoration:none}
#greybox a:hover {text-decoration: underline }
/* --------------------------------------------------------------------- */	
/* End Home Page Styles */
/* --------------------------------------------------------------------- */	


/* --------------------------------------------------------------------- */	
/* Purchases Styles */
/* --------------------------------------------------------------------- */	

#intro a:link.buy,#intro a:visited.buy {display: block; width: 80px; height: 20px; background:url(images/buynow.gif) 0 0 no-repeat; text-decoration: none;}

#intro a:hover.buy {background-position: 0px -20px; }

/* --------------------------------------------------------------------- */	
/* End Purchases Styles */
/* --------------------------------------------------------------------- */	



/* --------------------------------------------------------------------- */	
/* About Us Styles */
/* --------------------------------------------------------------------- */	
#intro ul {color: #ff9900; padding-left: 15px; margin: 5px 0px 20px 0px  }
#intro li {padding: 5px 0px 0px 5px }

/* --------------------------------------------------------------------- */	
/* End About Us Styles */
/* --------------------------------------------------------------------- */	


/* --------------------------------------------------------------------- */	
/* Find Out More Styles */
/* --------------------------------------------------------------------- */

#more_flash {width: 240px; margin: 40px 0px 0px 10px}

#morelinks { margin-bottom: 20px; font-size: 0.9em}
#morelinks ul {border-top: 1px solid #909090; padding-top: 10px}
#morelinks li {list-style-type: none; }
#morelinks a:link, #morelinks a:visited {color: #a7a7a7; text-decoration: none; padding-left: 15px  }
#morelinks a:hover {color: #ff9900; background:url(images/arrow.gif) no-repeat 0% 50% }



/* --------------------------------------------------------------------- */	
/* End Find Out More Styles */
/* --------------------------------------------------------------------- *