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

html, body {
	background-color: #000;
	background-image: url('../images/lines2.gif');
	min-width: 1000px;
	text-align: center;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color:#CCC;
}

.wrapper {
	position: relative;
  	width: 1000px;
	margin: 0px auto 30px auto;
	text-align: left;
	z-index: 10;
}

.container {
	position: relative;
	width: 960px;
	margin: 0px auto 0px auto;
	position:relative;
}

#home a {
	border: none;
	text-decoration: none;
	color: #CCC;
}

#home a:hover {
	color: #FFF
}

.header {
	margin:0px;
	width: 960px;
	height: 250px;
	position: relative;
}

#homelogo {
	position: relative;
	top: 117px;
	margin-right: 20px;
}

#logo {
	position: absolute;
	bottom: 20px;
	left: 20px;
}

#slideshow {
    position:relative;
    height:250px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

.content {
	margin: 20px 0px 50px 0px;
}

.body_left {
	float: left;
	width: 225px;
	display: inline;
}

.body_right {
	float: right;	
	display: inline;
}


/*____________________________________________________________________ NAVIGATION */

.navigation {
	width: 225px;
}

.navigation a {
	display: block;
	width: 218px;
	height: 20px;
	padding: 3px 0px 0px 7px;
	margin: 0px ;
	text-decoration: none;
	color: #CCC;
	background-color: #262626;
	border-bottom: solid 1px #000;
}

.navigation a:hover, .navigation .location a{
	background-color: #AE0000;
	color: #FFF;
}

.navigation p {
	color:#999;
	font-size:12px;
	line-height: 18px;
	margin: 15px 5px;
}

/*____________________________________________________________________ CONTENT */

.content_wrap {
	width: 715px;
	float: left;
}

.body_title {
	font-size: 16px;
	line-height: 22px;
	border-top: 1px solid #999;
	padding: 10px 0px 10px 0px;
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	clear: both;
}

p {
	margin: 0px 0px 10px 0px; 
}

a {
	color: #FFF;
}

.content_wrap li {
	list-style: square;
	text-indent: 0px;
	margin: 0px 0px 0px 13px;
}

#prodpromo, #servpromo, #contpromo  {
	background-color: #900;
	width: 205px;
	float: left;
	display: inline;
	height: 171px;
	margin: 0px 20px 20px 0px;
	padding: 12px 10px 1px 10px;
	background-image:url(../images/homeprodpromo.jpg)
}

#servpromo{
	background-image:url(../images/homeservpromo.jpg)
}

#contpromo {
	float: right;
	margin: 0px 0px 20px 0px;
	background-image:url(../images/homecontpromo.jpg)
}
	
.promo_title {
	font-size: 16px;
	line-height: 16px;
	padding: 0px 0px 7px 0px;
	color:#FFF;
}

.map {
	background: #333 url(../images/map.jpg) top left no-repeat;
	padding: 10px 10px 3px 10px;
	width: 205px;
	height: 109px;
}

.map a {
	text-decoration: none;
	color:#CCC;
}

.map a:hover {
	color: #FFF;
}

.product_header {
	font-size:16px;
	margin: 30px 0px 50px 0px;
	text-align: center;
}

.product_column_left {
	width: 225px;
	margin: 0px 20px 0px 0px;
	float: left;
}

.product_column_right {
	width: 225px;
	float: right;
}

.product_title {
	font-size: 16px;
	line-height: 22px;
	border-top: 1px solid #666;
	padding: 10px 0px 10px 0px;
	margin: 10px 0px 0px 0px;
}

.contact {
	width: 715px;
}

.aboutblock {
	height: 620px;
}

.clear {
	width: 100%;
	height: 1px;
	clear: both;
}

.footer {
	text-align: center;
	border-top: 1px solid #666;
	padding-top: 5px;
}

.footer ul li{
	display: inline;
	margin: 5px;
}

.footer a {
	color: #999;
	text-decoration: none;
}

.footer a:hover {
	color: #CCC;
	text-decoration: underline;
}

.footer .location {
	color: #FFF;
}