@charset "UTF-8";

/* Body starts, dont edit! */

body {
	margin: 0;
	padding: 0;
	text-align: center;
	min-width: 600px;
	background-image: url(../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(../images/background.jpg); /* Background image */
	background-repeat: no-repeat;
	background-position: center top;
}
.footer_bg_subpage {
	background-image: url(../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;
}
	
#scrollingDiv {
	width: 100%;
	height: 1600px;
	padding: 10px;
	border: 0px solid #ffffff;
}	
/* 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(../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: 715px;
	left: 0px;
	background-image: url(../images/footer.jpg);
}
#menu { /* Menu Div */
	position:absolute;
	width:589px;
	height:20px;
	z-index:7;
	left: 296px;
	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(../images/title_bg.jpg);
}
#products { /* Homepages Products column */
	position:absolute;
	width:284px;
	height:40px;
	z-index:14;
	left: 307px;
	top: 420px;
	background-image: url(../images/title_bg.jpg);
}
#services { /* Homepages Services column */
	position:absolute;
	width:284px;
	height:40px;
	z-index:15;
	left: 607px;
	top: 420px;
	background-image: url(../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: 8px;
}
#aboutustext { /* About Us text's DIV */
	position:absolute;
	width:270px;
	height:230px;
	z-index:1;
	left: 14px;
	top: 60px;
}
.bodytext { /* Bodytext used on every page */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	line-height: 21px;
}
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: 21px;
	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: 21px;
	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: 21px;
	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: 21px;
	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 */

.smallList {COLOR: #333333; TEXT-DECORATION: none; font-family: Arial; font-size: 11px; font-weight: normal; cursor: hand;}

.submenuLink {COLOR: #666666; TEXT-DECORATION: none; font-family: Verdana; font-size: 11px; font-weight: normal; cursor: hand;}
a:link.submenuLink  {color : #666666; text-decoration: none; font-size: 11px; font-weight: normal; cursor: hand;}
a:visited.submenuLink  {color : #666666; text-decoration: none; font-size: 11px; font-weight: normal; cursor: hand;}
a:active.submenuLink  {color : #666666; text-decoration: none; font-size: 11px; cursor: hand;}
a:hover.submenuLink  {color : #000000; text-decoration: none; font-size: 11px; cursor: hand;}

.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 12px 8px 12px;
	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:269px;
	height:230px;
	z-index:2;
	left: 314px;
	top: 60px;
}
#servicetext { /* Service Text's DIV */
	position:absolute;
	width:265px;
	height:230px;
	z-index:3;
	left: 619px;
	top: 46px;
}
#logo { /* Logo Div */
	position:absolute;
	width:200px;
	height:115px;
	z-index:13;
	left: 85px;
	top: 0px;
}
#quickproduct { /* Quickproducts */
	position:absolute;
	width:121px;
	height:109px;
	z-index:1;
	top: 10px;
	left: 15px;
}
#quickservice { /* Quickservices */
	position:absolute;
	width:128px;
	height:109px;
	z-index:2;
	left: 162px;
	top: 10px;
}
#apDiv1 { /* Quickgalleries */
	position:absolute;
	width:104px;
	height:112px;
	z-index:3;
	left: 314px;
	top: 10px;
}
#footermenu { /* Footermenu */
	position:absolute;
	width:360px;
	height:26px;
	z-index:1;
	left: 10px;
	top: 4px;
}
#copyright { /* Copyright Div */
	position:absolute;
	width:380px;
	height:30px;
	z-index:2;
	left: 510px;
	top: 1px;
}
#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:400px;
	height:17px;
	z-index:17;
	left: 480px;
	top: 380px;
}

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

#newstopics { /* News topics DIV */
	position:absolute;
	width:238px;
	height:38px;
	z-index:1;
	left: 41px;
	top: 120px;
}
.style2 { /* Big white text used on Coda Slider and banner text's */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 26px;
	font-weight:Normal;
	color: #330000;
}
#newstitle { /* Newstitle DIV, located in homepage top of first panel*/
	position:absolute;
	width:286px;
	height:81px;
	z-index:1;
	left: 105px;
	top: 156px;
}
#paneltext2 { /* Second Panel text */
	position:absolute;
	width:312px;
	height:67px;
	z-index:1;
	left: 377px;
	top: -112px;
	background-color: #333333;
}
#paneltext3 { /* Third Panel text */
	position:absolute;
	width:138px;
	height:43px;
	z-index:1;
	left: 1973px;
	top: 94px;
}
#paneltext4 { /* Fourth Panel text */
	position:absolute;
	width:167px;
	height:46px;
	z-index:1;
	left: 2971px;
	top: 126px;
}
#paneltext5 { /* Fifth Panel text */
	position:absolute;
	width:200px;
	height:30px;
	z-index:1;
	left: 3894px;
	top: 206px;
}
#form { /* Contact form on contact page */
	position:absolute;
	width:495px;
	height:115px;
	z-index:1;
	left: 2px;
	top: -2px;
}
#info { /* info column on contact page */
	position:absolute;
	width:187px;
	height:370px;
	z-index:1;
}
.style4 {color: #FF0000
}
#bannersp { /* Banner's background box image on subpages */
	position:absolute;
	width:900px;
	height:157px;
	z-index:14;
	background-image: url(../images/banner_bg_subpages.jpg);
	top: 113px;
}
#imagesp { /* Image DIC on subpages */
	position:absolute;
	width:200px;
	height:115px;
	z-index:1;
	top: 0px;
	left: 10px;
}
#contentsp { /* Content background on subpages */
	position:absolute;
	width:900px;
	height:495px;
	z-index:15;
	background-image: url(../images/content_bg.jpg);
	top: 279px;
	left: 0px;
}

#contentservices { /* Content background on subpages */
	position:absolute;
	width:900px;
	height:1200px;
	z-index:15;
	background-image: url(../images/content_bg_services.jpg);
	top: 279px;
	left: 0px;
}

#titlesp { /* Titles on subpage */
	position:absolute;
	width:624px;
	height:41px;
	z-index:1;
	left: 235px;
	top: 12px;
}
#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(../images/footer.jpg);
	left: 0px;
	top: 785px;
}
#footerservices { /* Footer on subpages */
	position:absolute;
	width:900px;
	height:30px;
	z-index:17;
	background-image: url(../images/footer.jpg);
	left: 0px;
	top: 1585px;
}
#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:211px;
	z-index:2;
	left: 252px;
	top: 63px;
	
}
#productsp { /* Quickproducts on subpages */
	position:absolute;
	width:121px;
	height:119px;
	z-index:1;
	left: 15px;
	top: 10px;
}
#servicesp { /* Quickservices on subpages */
	position:absolute;
	width:116px;
	height:115px;
	z-index:2;
	left: 162px;
	top: 10px;
}
#gallerysp { /* Quickgalleries on subpages */
	position:absolute;
	width:104px;
	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;
}

#contactitleservices { /* Contact title on subpages */
	position:absolute;
	width:114px;
	height:34px;
	z-index:4;
	left: 20px;
	top:400px;
}

#linklist  { /* Left column where links are */
	position:absolute;
	width:160px;
	height:179px;
	z-index:19;
	left: 35px;
	top: 25px;

}
#linklist li { /* Left column where links are */
	list-style-type: none; 
	list-style-image: url(/images/li-bullet.gif);	
}
#linklist a { /* Left column where links are */

	color: #000000;
	text-decoration: none;
	font-weight: normal;
}

#keywordcloud a { /* Left column where links are */

	color: #000000;
	text-decoration: none;
	font-weight: normal;
}


#contactinfo { /* Contacting info */
	position:absolute;
	width:171px;
	height:163px;
	z-index:5;
	left: 35px;
	top: 324px;
}

#contactinfoservices { /* Contacting info */
	position:absolute;
	width:171px;
	height:163px;
	z-index:5;
	left: 35px;
	top: 450px;
}

#bannertext {  /* BANNER TEXT */
	position:absolute;
	width:294px;
	height:38px;
	z-index:1;
	left: 47px;
	top: 71px;
}
#footermenusp { /* FOOTERMENU TEXT DIV */
	position:absolute;
	width:435px;
	height:22px;
	z-index:1;
	top: 4px;
	left: 10px;
}
#copyrightsp { /* COPYRIGHT TEXT  DIV */
	position:absolute;
	width:326px;
	height:24px;
	z-index:2;
	top: 4px;
	left: 558px;
}
.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;
		}