/* CSS Document by Wayne Roddy of Innersight dZine Studio 03/09/08 */



/*--------- CLASSES  ----------------*/
h1{margin: 0; padding: 10px 0px; padding-left: 20px; color: #FF0000; font-weight: bold; font-size: 1.25em;}

p{margin: 0; padding: 0px 20px; color: #FFF; font-size: .85em;}

body{
	margin:0;
	padding:0;
	background: #000 url(images/bg-grady.jpg) top left repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	}
	
#menubar{
	margin:0 auto;
	margin-top: 45px;
	padding:0;
	background: url(images/header-bg.gif) top left no-repeat;
	width: 704px;
	height:49px;
	}
	
	
	#buttons{margin:0; padding-top: 8px; width:210px; float: right;	height: 32px; list-style: none;	display: inline; overflow: hidden;}

	#buttons li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

	#buttons a {
	float: left;
	padding: 32px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:32px; /* for IE5/Win only */
	}
	
	#buttons a:hover {background-position: 0 -32px;}
	#buttons a.selected {background-position: 0 -32px;}
	#emailus a {width: 87px; background: url(images/emailus.jpg) top left no-repeat;}
	#latest a {	width: 110px; background: url(images/latest.jpg) top left no-repeat;}
	


#submenu{margin:0 auto; padding: 3px; background: url(images/submenu-bg.jpg) top left no-repeat; width: 682px; height: 35px;}

#subbuttons{margin:0; padding: 0; height: 28px; list-style: none; display: inline; overflow: hidden;}

	#subbuttons li {
	margin: 0; 
	padding: 0;
    list-style: none;
	display: inline;
	}

	#subbuttons a {
	float: left;
	padding: 28px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:28px; /* for IE5/Win only */
	}
	
	#subbuttons a:hover {background-position: 0 -28px;}
	#subbuttons a.selected {background-position: 0 -28px;}
	#home a {width: 130px; background: url(images/home.jpg) top left no-repeat;}
	#ledinfo a {width: 139px; background: url(images/ledbutton.jpg) top left no-repeat;}
	#partners a {width: 136px; background: url(images/industry.jpg) top left no-repeat;}
	#about a {width: 136px; background: url(images/about.jpg) top left no-repeat;}
	#contact a {width: 133px; background: url(images/contact.jpg) top left no-repeat;}

	
.divtop{margin: 0 auto; background: url(images/div-top-corners.gif) top left no-repeat; width: 704px; height: 6px;}

.divbot{margin: 0 auto; background: url(images/div-bot-corners.gif) top left no-repeat; width: 704px; height: 6px;}
.divbotlogo{margin: 0 auto; background: url(images/div-bot-logo.jpg) top left no-repeat; width: 704px; height: 93px;}

.divmiddle{margin: 0 auto; width: 702px; background: #000; border-left: 1px solid #ff0202; border-right: 1px solid #ff0202;}
	.divmiddle a{text-decoration: none; color: #0000FF;}
	.divmiddle a:hover{text-decoration: underline; color: #0000FF;}

.subcontent{margin:0 auto; padding:0; width: 702px; background:url(images/subcontent-grady.jpg) top left repeat-x;}

#footer{
	margin:0 auto;
	margin-top: 15px;
	padding:0;
	width: 704px;
	height:49px;
	text-align: center;
	font-size: .70em;
	color: #fff;
	line-height: 2em;
	}
	#footer a{text-decoration: underline; color: #fff;}
	#footer a:hover{text-decoration: underline; color: #ff0202;}