@charset "UTF-8";

/* Body starts, dont edit! */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 600px;
	background-image: url(/fileadmin/images/bg_slice.jpg);
	background-repeat: repeat-x;
}

.box {
	position: relative;
	top: 0px;
	right: 0px;
	margin: 0 auto;
	width: 900px;
	text-align: left;
	height: 1000px;
	left: 0px;
}
.footer_bg {
	background-image: url(/fileadmin/images/background.jpg); /* Background image */
	background-repeat: no-repeat;
	background-position: center top;
}
.footer_bg_subpage {
	background-image: url(/fileadmin/images/background_subpages.jpg); /* Background image on subpages, it's little bit longer */
	background-repeat: no-repeat;
	background-position: center top;
}
#footerBG {
	position:absolute;
	width:100%;
	height:1000px;
	z-index:0;
	top: 0px;
	left: 0px;
	visibility: visible;
}
#background {
	position:absolute;
	width:100%;
	height:1100px;
	z-index:-10;
	left: 0px;
	top: 0px;
}
	
/* Body ends */

/* Text Styling starts, read Read_me.pdf to see editable contents
SOME DIV IDS AND CLASSES INCLUDE LETTERS "SP" ON END, THAT MEANS THAT DIV IS USED ON SUBPAGE (=SP) */

IMG {border-color: white;}
A:hover IMG, A:active IMG {border-color: black; }

#banner {  /* Banner's background box image */
	position:absolute;
	width:900px;
	height:290px;
	z-index:2;
	top: 113px;
	left: 0px;
	background-image: url(/fileadmin/images/banner_bg.jpg);
}
#content { /* Content Div */
	position:absolute;
	width:900px;
	height:300px;
	z-index:3;
	background-color: #FFFFFF;
	top: 411px;
	left: 0px;
}
#bottom { /* bottom Div */
	position:absolute;
	width:900px;
	height:150px;
	z-index:4;
	background-color: #FFFFFF;
	top: 720px;
	left: 0px;
}
#footer { /* Footer Div and background on homepage*/
	position:absolute;
	width:900px;
	height:30px;
	z-index:5;
	top: 877px;
	left: 0px;
	background-image: url(/fileadmin/images/footer.jpg);
}
#menu { /* Menu Div */
	position:absolute;
	width:672px;
	height:20px;
	z-index:7;
	left: 246px;
	top: 83px;
}
#verticalline1 {  /* Vertical line on homepage */
	position:absolute;
	width:3px;
	height:115px;
	z-index:8;
	left: 299px;
	top: 422px;
}
#verticaline2 { /* Vertical line on homepage */
	position:absolute;
	width:3px;
	height:115px;
	z-index:10;
	left: 597px;
	top: 420px;
}
.titles { /* This style is used on tiltes */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	color: #960000;
	line-height: 36px;
	margin-left: 15px;
}
#aboutus { /* Homepages about us column */
	position:absolute;
	width:284px;
	height:40px;
	z-index:12;
	left: 9px;
	top: 420px;
	background-image: url(/fileadmin/images/title_bg.jpg);
}
#products { /* Homepages Products column */
	position:absolute;
	width:284px;
	height:40px;
	z-index:14;
	left: 307px;
	top: 420px;
	background-image: url(/fileadmin/images/title_bg.jpg);
}
#services { /* Homepages Services column */
	position:absolute;
	width:284px;
	height:40px;
	z-index:15;
	left: 607px;
	top: 420px;
	background-image: url(/fileadmin/images/title_bg.jpg);
}
#footerimg {  /* Footer's image DIV */
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	top: 8px;
	left: 10px;
	}

#quicklink { /* Quicklinks on homepage */
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 455px;
	top: 8px;
}
#quicklinksp {  /* Quicklinks on subpages */
	position:absolute;
	width:200px;
	height:115px;
	z-index:2;
	left: 455px;
	top: 13px;
	}
#aboutustext { /* About Us text's DIV */
	position:absolute;
	width:270px;
	height:230px;
	z-index:1;
	left: 23px;
	top: 60px;
}
.bodytext { /* Bodytext used on every page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 19px;
}
.clr-both {
	clear: both;
	font-size: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
}
.link-left, .link-right {
	position: relative;
	width: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 19px;
}
.link-left {
	float: left;
}
.link-right {
	float: right;
}
a:link { /* Basic linkstyles, first red and black on hover */
	color: #690000;
	text-decoration: underline;
}
a:visited { /* Basic linkstyles, first red and black on hover */
	text-decoration: underline;
	color: #690000;
}
a:hover { /* Basic linkstyles, first red and black on hover */
	text-decoration: underline;
	color: #000000;
}
a:active { /* Basic linkstyles, first red and black on hover */
	text-decoration: underline;
	color: #690000;
}
a { /* Basic linkstyles, first red and black on hover */
	font-weight: bold;
}
.class2 a:link { /* These linkstyles I used on homepage's codaslider, first white and dark blue on hover, look's good with blue background */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-decoration: none;
}
.class2 a:visited { /* These linkstyles I used on homepage's codaslider, first white and dark blue on hover, look's good with blue background */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-decoration: none;
}
.class2 a:hover { /* These linkstyles I used on homepage's codaslider, first white and dark blue on hover, look's good with blue background */
	color: #00254E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-decoration: none;
}
.class2 a:active { /* These linkstyles I used on homepage's codaslider, first white and dark blue on hover, look's good with blue background */
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 19px;
	text-decoration: none;

}

.input_fields {	color: #000000;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 5px;	margin: 3px 0 0 0; background-color: #EEE;	border: 1px; border-color:#CCC; border-style:solid} /* Form field style */

.input_fields:hover {	color: #000000;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	padding: 5px;	margin: 3px 0 0 0; background-color: #DDD;	border: 1px; border-color:#CCC; border-style:solid} /* Form field style */

.input_button {	color: #FFFFFF;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	margin-top: 6px; padding: 5px 10px 5px 10px;	background-color: #990007;	border: 0px;} /* Button style */

.input_button:hover {	color: #FFFFFF;	font-family: Arial, Helvetica, sans-serif;	font-size: 12px;	margin-top: 6px; padding: 5px 10px 5px 10px;	background-color: #242424;	border: 0px;} /* Button style */


.navmenu {	 /* Top pages navigation */
	position:absolute;
	z-index:12;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 588px;
	top: 5px;
	left: 0px;
}
.navmenu ul {/* Top pages navigation */
	margin: 0;
	padding: 0;
	list-style-type: none; 
	list-style-image: none; }
	
.navmenu li {/* Top pages navigation */
	display: inline; 
	list-style-type: none; 
	list-style-image: none; }

.navmenu li a {/* Top pages navigation */
	text-decoration:none;
	padding: 8px 10px 8px 10px;
	color: #FFF;
	list-style-type: none;
	list-style-image: none;
	border-right: 1px solid #DDD;
	background: none;
	font-weight: normal;
}
	
.navmenu li a:hover {/* Top pages navigation */
	color: white;
	list-style-type: none; 
	list-style-image: none; 
	background: #960000; }
	
	
#producttext { /* Product Text's DIV */
	position:absolute;
	width:260px;
	height:230px;
	z-index:2;
	left: 323px;
	top: 60px;
}
#servicetext { /* Service Text's DIV */
	position:absolute;
	width:265px;
	height:230px;
	z-index:3;
	left: 620px;
	top: 60px;
}
#logo { /* Logo Div */
	position:absolute;
	width:200px;
	height:115px;
	z-index:13;
	left: 30px;
	top: 6px;
}
#quickproduct { /* Quickproducts */
	position:absolute;
	width:158px;
	height:109px;
	z-index:1;
	top: 3px;
	left: 15px;
}
#quickservice { /* Quickservices */
	position:absolute;
	width:192px;
	height:109px;
	z-index:2;
	left: 225px;
	top: 1px;
}
#apDiv1 { /* Quickgalleries */
	position:absolute;
	width:104px;
	height:112px;
	z-index:3;
	left: 314px;
	top: 10px;
}
#footermenu { /* Footermenu */
	position:absolute;
	width:544px;
	height:26px;
	z-index:1;
	left: 10px;
	top: 4px;
}
#copyright { /* Copyright Div */
	position:absolute;
	width:297px;
	height:30px;
	z-index:2;
	left: 593px;
	top: 4px;
}
#codaslider { /* Coda Slider DIV */
	position:absolute;
	width:879px;
	height:267px;
	z-index:4;
	left: 10px;
	top: 103px;
}
.slider-wrap { /* Coda Slider's stuff */
	margin: 20px 0;
	position: relative;
	width: 100%;
	left: 0px;
	top: 0px;
}

#boxes { /* Slider's little changing boxes */
	position:absolute;
	width:89px;
	height:17px;
	z-index:17;
	left: 803px;
	top: 380px;
}

#clicktheboxes { /* More boxes */
	position:absolute;
	width:177px;
	height:20px;
	z-index:18;
	left: 620px;
	top: 377px;
}

#newstopics { /* News topics DIV */
	position:absolute;
	width:368px;
	height:38px;
	z-index:1;
	left: 57px;
	top: 33px;
}
.style2 { /* Big white text used on Coda Slider and banner text's */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #FFFFFF;
}
#newstitle { /* Newstitle DIV, located in homepage top of first panel*/
	position:absolute;
	width:337px;
	height:81px;
	z-index:1;
	left: 91px;
	top: 71px;
}
#paneltext2 { /* Second Panel text */
	position:absolute;
	width:312px;
	height:67px;
	z-index:1;
	left: 918px;
	top: 43px;
}
#paneltext3 { /* Third Panel text */
	position:absolute;
	width:265px;
	height:43px;
	z-index:1;
	left: 1786px;
	top: 22px;
}
#paneltext4 { /* Fourth Panel text */
	position:absolute;
	width:300px;
	height:46px;
	z-index:1;
	left: 2717px;
	top: 218px;
}
#paneltext5 { /* Fifth Panel text */
	position:absolute;
	width:481px;
	height:30px;
	z-index:1;
	left: 3549px;
	top: 38px;
}
#form { /* Contact form on contact page */
	position:absolute;
	width:400;
	height:350;
	z-index:1;
	left: 200px;
	top: 1px;
}
#info { /* info column on contact page */
	position:absolute;
	width:187px;
	height:370px;
	z-index:1;
}
.style4 {color: #FF0000
}
#bannersp {
	position:absolute;
	width:900px;
	height:157px;
	z-index:14;
	background-image: url(/fileadmin/images/banner_bg_subpages.jpg);
	top: 113px;
}
#imagesp { /* Image DIC on subpages */
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	top: 10px;
	left: 10px;
}
#contentsp { /* Content background on subpages */
	position:absolute;
	width:900px;
	height:495px;
	z-index:15;
	background-image: url(/fileadmin/images/content_bg.jpg);
	top: 279px;
	left: 0px;
}
#titlesp { /* Titles on subpage */
	position:absolute;
	width:624px;
	height:41px;
	z-index:1;
	left: 235px;
	top: 12px;
}
#standard-title { /* Titles on subpage */
	position:absolute;
	width:624px;
	height:41px;
	z-index:1;
	left: 235px;
	top: 12px;
}
#standard-title h1 {
color:#960000;
font-family:Arial,Helvetica,sans-serif;
font-size:21px;
font-weight: normal;
line-height:36px;
padding: 0;
margin:0 0 0 15px;
}
#footerboxsp { /* Footerbox on subpages */
	position:absolute;
	width:900px;
	height:150px;
	z-index:16;
	left: 0px;
	top: 785px;
	background-color: #FFFFFF;
}
#footersp { /* Footer on subpages */
	position:absolute;
	width:900px;
	height:30px;
	z-index:17;
	background-image: url(/fileadmin/images/footer.jpg);
	left: 0px;
	top: 948px;
}
#footerimgsp { /* Footer image on subpages */
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	top: 8px;
	left: 10px;
}
#quicklinksp { /* Quicklinks subpages */
	position:absolute;
	width:436px;
	height:132px;
	z-index:18;
	left: 454px;
	top: 795px;
}
#bodytextsp { /* Bodytext on subpages */
	position:absolute;
	width:615px;
	height:411px;
	z-index:2;
	left: 252px;
	top: 63px;
}
#standard-content { /* Bodytext on subpages */
	position:absolute;
	width:615px;
	height:411px;
	z-index:2;
	left: 252px;
	top: 63px;
}
#standard-content h2, .info h2 {
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:11px;
line-height:19px;
padding: 0;
margin: 0;
}
#standard-content td { /* Bodytext used on every page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 19px;
	vertical-align: top;
}
#standard-content .tbl-bordered td {
	padding: 3px 0;
	border-bottom: 1px solid #e0e0e0;
}
#standard-content .bodytext {
padding: 0 0 11px 0 !important;
margin: 0 !important;
display: block !important;
}
#standard-content .image {
	padding-bottom: 11px;
}
#productsp { /* Quickproducts on subpages */
	position:absolute;
	width:143px;
	height:119px;
	z-index:1;
	left: 27px;
	padding-top: 5px;
}
#servicesp { /* Quickservices on subpages */
	position:absolute;
	width:149px;
	height:115px;
	z-index:2;
	left: 227px;
	padding-top: 5px;
}

#productsp { /* Quickproducts on subpages */
	position:absolute;
	width:143px;
	height:119px;
	z-index:1;
	left: 27px;
	top: -6px;
}
#servicesp { /* Quickservices on subpages */
	position:absolute;
	width:149px;
	height:115px;
	z-index:2;
	left: 227px;
	top: -6px;
}

#gallerysp { /* Quickgalleries on subpages */
	position:absolute;
	width:122px;
	height:115px;
	z-index:3;
	left: 314px;
	top: 10px;
}
#producttitle { /* Product's title */
	position:absolute;
	width:151px;
	height:34px;
	z-index:3;
	left: 20px;
	top: 12px;
}
.style3 {color: #000000} 
#contactitlesp { /* Contact title on subpages */
	position:absolute;
	width:114px;
	height:34px;
	z-index:4;
	left: 20px;
	top: 272px;
}
#linklist { /* Left column where links are */
	position:absolute;
	width:160px;
	height:179px;
	z-index:19;
	left: 35px;
	top: 345px;
}
#contactinfo { /* Contacting info */
	position:absolute;
	width:171px;
	height:163px;
	z-index:5;
	left: 35px;
	top: 324px;
}
#bannertext {  /* BANNER TEXT */
	position:absolute;
	width:345px;
	height:38px;
	z-index:1;
	left: 101px;
	top: 30px;
}
#footermenusp { /* FOOTERMENU TEXT DIV */
	position:absolute;
	width:555px;
	height:22px;
	z-index:1;
	top: 4px;
	left: 10px;
}
#copyrightsp { /* COPYRIGHT TEXT  DIV */
	position:absolute;
	width:302px;
	height:24px;
	z-index:2;
	top: 4px;
	left: 582px;
}

#Flash { /* Flash  DIV */
	position:absolute;
	width:881px;
	height:274px;
}

.imagebox { /* IMAGE PLACED INSIDE OF CONTENT TEXT */
	border-top-width: 5px;
	border-right-width: 10px;
	border-bottom-width: 5px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;	
}


/* CODASLIDER STARTS, DO NOT EDIT */

		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 267px; overflow: scroll}
		.csw .loading {margin: 200px 0 267px 0; text-align: center}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 879px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 267px;
			clear: both;
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 879px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 0px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
			display: none;

		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: center;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
			display: none;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
			display: none;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}

p{display:inline;}

.product-line {
	margin: 10px 0;
}

.product-line dt {
	position: relative;
	float: left;
	width: 20%;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	text-align: center;
}

.product-line img {
	width: 100px;
}

a.highslide img {
	border: 1px solid #bfbbb8;
	display: inline;
	margin: 0;
	padding: 2px;
}