/* Windowgraphics.net Stylesheet */
/* Author: Jonathan Mosney, jonathan[at]mosney.net */


/* exploit a parsing bug so @media rules are visible to MacIE5 */
.BeNiceToMacIE5 {
  font-family: "\"}\"";
  font-family: inherit;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px auto; padding: 0;
	margin-bottom: 20px;
	text-align: center;
	background: #fff;
/*	background: #ee1d25; menu color */
/*	background: #8d171b; */
}
body#index { background: #fff; }

#page { background: transparent url('img/page_bg.gif') 50% 0 repeat-y; width: 822px; margin: 0 auto; padding: 0; text-align:center;}

#wrapper {
    margin: 0 auto; padding: 0;
	margin-left: auto;
    margin-right: auto;
	text-align: center;
	width: 800px;
}

#index #wrapper {
	background-image: none;
}

#sign_page #wrapper {
	background: #000 url('img/sign_page_bg.gif') repeat-y top right;	
}

#content, #index_content, #table_content {
	margin: 0; padding: 10px 0;
	background: #AA171C url('img/content_bg.gif') no-repeat top center;
	text-align: left;
}

#index_content {
	background: #FFFFFF url(none);
	margin: 0 25px;
}

#table_content {
	margin: 0 auto;
	text-align: center;
}

table#clients {
	margin: 20px auto;
	text-align: center;
	width: 80%;
}

img { border: none; }
.client_img { margin-top: 10px; }

img.b {
	border: 1px solid #000;
}

img.c {
	border: 1px solid #000;
	margin: 0 15px;
}

img.index_title {
	margin: 0 0  10px 15px;
}

hr { display: none; }

#mast {
	position: relative;
	height: 68px;
	background: #FFFFFF url(img/mast.gif) no-repeat top left;
	text-align: right;
}

#mast img {
	float: right;
	width:100px;
	margin: 5px 8px 0 0; padding: 0;
	right: 62px;
	text-align: right;
}


span { display: none; }

#flash {
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	position: relative;
	float: none;
	width: 400px;
}

#footer {
	background: #dddddd;
	text-align: center;
	padding: 10px 0 0 0;
	overflow: hidden;
}

#under_footer {
	background: transparent url('img/under_footer.gif') bottom center no-repeat;
	height: 14px;
	text-align: center;
}

#sign_content {
	background: transparent;
}

#small_left {
	display: inline;
	padding: 60px 0 0 20px;
	margin: 0 10px 0 0;
	width: 150px;
	float: left;
}

#small_center {
	display: inline;
	margin: 0 0 0 10px;
	text-align: center;
	padding: 20px 0 0 0;
	width: 500px;
	float: left;
}

#small_right {
	display: inline;
	margin: 0; padding: 0;
	width: 94px;
	float: right;
}

.center {
	text-align: center;
	margin: 0 auto;
}

.clear { clear: both; }

.quote { margin-top: 20px; }

/* DROP DOWNS 

#menu {
	width: 740px;
	margin: 0 auto;
	text-align: center;
	background: #EE1D25 url(img/menu_bg.gif) repeat-x top left;
}
*/
#nav a {
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}

#nav, #index #nav {
	height: 36px;
	margin: 0;
	padding: 0;
	font-size: 80%;
	width: 100%;
	background: #AA171C url(img/menu_bg.gif) repeat-x top left;
}

#index #nav {
	background-image: url(img/menu_bg_index.gif);
}

#sign_page #nav {
	height: 24px;
	background-image: url(img/menu_bg_short.gif);
}

#nav li li a { /* dropdown links */
	display: block;
	padding: 5px 0;
	width: 150px;
	font-weight: normal;
	background: #EE1D25;
	color: #fff;
	border: none;
}

#nav li li a:hover { /* dropdown links */
	padding: 5px 0;
	background: #8B1116; /* hover bg color */
	color: #C4C642; 
	border: none;
}

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

li {
	float: left;
	position: relative;
	text-align: center;
	cursor: default;
	background-color: #EE1D25;
	border: none;
	padding: 0; margin: 0;
}

* html li { z-index: 200; }

li.main {
	padding: 0; margin: 0 10px;
}

li ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 150px;
	font-weight: normal;
	background: #8B1116 url(img/drop_down_bg.gif) repeat-x top left; /* dropdown background */
	padding: 7px 0 0 0; /* above and below entire dropdown */
	border: solid 1px #EE1D25; 
	border-top: 0px;
	margin-right: 20px;
	z-index: 200;
}

li>ul {
	top: auto;
	left: auto;
}

li li {
	display: block;
	float: none;
	background-color: transparent;
	border: 0;
	margin: 0; padding: 0;
}

li:hover ul, li.over ul {
	display: block;
}

li#client_types ul {
	position: absolute;
	left: -35px;
}

li#products ul {
	position: absolute;
	left: -10px;
}

/* MAIN NAV ITEMS */
.prodserv, .clients, .about, .signinfo, .contact {
	background: #EE1D25 url('img/prod_serv.gif') top left no-repeat;
	height: 24px;
	margin: 0; padding: 0;
	display: block;
}

a.prodserv { width: 138px; }
a.clients { background-image: url('img/clients.gif'); width: 86px; }
a.about { background-image: url('img/about.gif'); width: 74px; }
a.signinfo { background-image: url('img/info.gif'); width: 72px; }
a.contact { background-image: url('img/contact.gif'); width: 68px; }

/* TYPOGRAPHY */

table.white {
	color: #fff;
	font: 0.8em/1.3em Arial, Helvetica, sans-serif;
	margin-top: 10px;
}

#contact h1 {
	margin: 20px 0 10px 60px;
}

h1 {
	font: bold italic 1.1em/1em Helvetica, Verdana, Arial, sans-serif;
	color: #fff;	
	text-align: left;
	padding: 0;
	margin: 0 0 10px 0;
	clear: both;
}

ol.sign_info, ul.sign_info {
	clear: both;
	font: bold 12px/16px Arial, Helvetica, sans-serif;
	list-style: none decimal inside;
	background-color: transparent;
	margin: 20px 80px;
	text-align: left;
}

ul.sign_info {
	list-style: none none inside;
}

ol.sign_info li, ul.sign_info li {
	clear: both;
	float: none;
	color: #fff;
	font: normal 12px/16px Arial, Helvetica, sans-serif;
	background-color: transparent;
	margin: 6px 0;
	text-align: left;
	position: static;
}

ul.sign_detail {
	clear: both;
	float: none;
	display: list-item;
	font: normal 12px/12px Arial, Helvetica, sans-serif;
	margin: 0 0 0 20px;
	list-style: none none inside;
	background: none;
	border: none;
	position: static;
	width: 400px;
}

ul.sign_detail li {
	margin: 0 0 0 0;
}

#errortest {border: 1px solid pink; padding: 10px; }

p {
	color: #fff;
	font: normal 0.8em/1.3em Arial, Helvetica, sans-serif;
	margin: 0; padding: 0;
	text-align: left;
}

#index_content p {
	color: #000;
	margin: 0 0 1.3em 0;
}

p.signdetails:first-letter, p.about_text:first-letter {
	padding: 0 0 0 10px;
}

p.about_text {
	margin: 20px 60px;
	padding: 0;
}

p.info_text {
	margin: 10px 60px;
	padding: 0;
}

p#last_p { margin-bottom: 50px; }

#mast p {
	float: right;
	margin: 5px 8px 0 0; padding: 0;
	font: bold 1em/1.2em Arial, Helvetica, sans-serif;
	color: #AA171C;
	right: 62px;
	text-align: right;
}

#contact p.textbox {
	width: 550px;
	margin: 10px auto;
	padding: 5px;
	background-color: #7F7472;
	border: 1px solid #fff;
	text-align: left;
}

.contactbox {
	padding: 10px;
	background-color: #7F7472;
	border: 1px solid #fff;	
}

p.list_title {
	color: #fff;
	font: bold italic 1em/1em Helvetica, Verdana, Arial, sans-serif;
	margin: 0 0 3px 0; padding: 0;	
}

#clients p {
	text-align: center;
}

.prev {
	float: left;
	width: auto;
	margin: 20px 0;
}

.next {
	float: right;
	width: auto;
	margin: 20px 0;
}

#footer img {float: left; width: 128px; margin: 0 20px 0 200px; display: inline; }
#footer p {
	color: #5E5E5E;
	font: normal 0.8em/1.3em Arial, Helvetica, sans-serif;
	margin: 0;
}
#footer a { color: #777777; }
#footer p.bold { font-weight: bold; }

/* LINKS */

a { text-decoration: underline; outline: none; color: #ffffff; font-size: 0.9em; cursor: pointer;}
a:link { color: #ffffff; }
a:visited { color: #c8c8c8; }
a:active { color: red; }

a#homelink {
	position: absolute;
	padding: 20px 60px;
	width: 1px; height: 1px;
	top: 10px; left: 5px;
}

#index_content p a {
	color: #000000;
	text-decoration: underline;
}

#mast a { color: #000000; text-decoration: underline; }

ul.features {
	width: 155px;
	margin: 0;
	padding: 0 0 30px 20px;
	text-align: left;
	color: #fff;
	background: none;
	clear: both;
}
ul.features li {
	list-style: disc url("img/yellow_bullet.gif") outside;	
	padding: 0 0 0 5px;
	margin: 0;
	text-align: left;
	color: #fff;
	background: none;
	font-size: .9em;
	float: none;
	z-index: 100;
}

ul.features li a { font-size: 1em; }

/* HOME PAGE GALLERY */

#home_sign_left { width: 200px; float: left; }

ul#home_sign_nav { padding: 10px 0; }
ul#home_sign_nav li { z-index: 100; width: 200px; font: normal 16px/24px Arial, Helvetica, Verdana, sans-serif; color: #000000; text-align: left; float: none; position: relative; display: block; list-style: none; background: none; }
ul#home_sign_nav li a { color: #000000; text-decoration: none; float: none; display: block; background: none; }
ul#home_sign_nav li a:hover { text-decoration: underline; }

#concepts {float: right; width: 541px; }
#concepts.SlidingPanels {
	position: relative;
	width: 541px;
	padding: 0 0 20px 0;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 20px;
	background: transparent url('img/home_sign_bg.jpg') bottom left no-repeat;
	outline: none;
}
#concepts .SlidingPanelsContentGroup {
	position: relative;
	padding: 0px;
	float: left;
	width: 10000px;
	margin: 0 auto;
	outline: none;
}
#concepts .SlidingPanelsContent {
	overflow: hidden;
	float: left;
	width: 541px;
	text-align: center;
	outline: none;
}

#concepts .SlidingPanelsContent img { border: 1px solid black; margin: 0; }
#concepts .SlidingPanelsContent p { text-align: center; margin: 0; padding: 0; line-height: 16px;}
#concepts .SlidingPanelsContent h3 { text-align: center; font: bold 16px/5px Arial, Helvetica, Verdana, sans-serif; margin-bottom: 12px; padding: 0;}

#contact_info { margin-left: 30px;}