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

* {margin:0; padding:0;}
span {display:none;}
a {outline:none;}
body {background:#000 url(images/bodybg.jpg) no-repeat scroll center top;}
#container {width:798px; overflow:hidden; margin:0 auto;}
#header {width:798px; height:114px; background:url(images/headerbg.jpg) no-repeat;}
#header #logo {float:left;}
#header #contact { float:right;}
#navcontainer {width:798px; height:38px; background:url(images/navbg.gif) repeat-x;}
#nav {width:353px; height:38px; background:url(images/nav.gif) no-repeat; margin:0 auto;}
#nav ul { display:block; } 
#nav ul li { display:inline; list-style-type:none; float:left; } 
#nav ul li a { display:block; height:38px; } 
#nav ul li#nhome a:link, #nav ul li#nhome a:visited { width:77px; margin:0 0 0 0px;} 
#nav ul li#nweb a:link, #nav ul li#nweb a:visited { width:71px; margin:0 0 0 0x; }
#nav ul li#nadvertisement a:link, #nav ul li#nadvertisement a:visited { width:85px; margin:0 0 0 0; }
#nav ul li#nidentity a:link, #nav ul li#nidentity a:visited { width:120px; margin:0 0 0 0;}
#nav ul li#nhome a:hover, #nav ul li#nhome a:active { background:url(images/nav.gif) -0px -38px no-repeat; }
#nav ul li#nweb a:hover, #nav ul li#nweb a:active { background:url(images/nav.gif) -77px -38px no-repeat; }
#nav ul li#nadvertisement a:hover, #nav ul li#nadvertisement a:active { background:url(images/nav.gif) -148px -38px no-repeat; }
#nav ul li#nidentity a:hover, #nav ul li#nidentity a:active { background:url(images/nav.gif) -233px -38px no-repeat; }
#dhome #nav ul li#nhome a:link, #dhome  #nav ul li#nhome a:visited, #dhome  #nav ul li#nhome a:hover, #dhome  #nav ul li#nhome a:active { background:url(images/nav.gif) 0 -38px no-repeat; }
#dweb #nav ul li#nweb a:link, #dweb  #nav ul li#nweb a:visited, #dweb #nav ul li#nweb a:hover, #dweb  #nav ul li#nweb a:active { background:url(images/nav.gif) -77px -38px no-repeat; }
#dadvertisement #nav ul li#nadvertisement a:link, #dadvertisement #nav ul li#nadvertisement a:visited, #dadvertisement #nav ul li#nadvertisement a:hover, #dadvertisement #nav ul li#nadvertisement a:active { background:url(images/nav.gif) -148px -38px no-repeat; }
#didentity #nav ul li#nidentity a:link, #didentity  #nav ul li#nidentity a:visited, #didentity  #nav ul li#nidentity a:hover, #didentity  #nav ul li#nidentity a:active { background:url(images/nav.gif) -233px -38px no-repeat; }
#main {width:801px; height:325px;}

#main .logo {width:170px; height:110px; margin:30px 0 10px 25px; float:left;}
#main .logo2 {width:170px; height:170px; margin:50px 0 10px 25px; float:left;}
#main .logo3 {width:170px; height:170px; margin:10px 0 10px 25px; float:left;}
#main .logo4 {width:170px; height:170px; margin:25px 0 10px 25px; float:left;}

#mainfoot {width:798px; height:30px; background-color:#303030; clear:both;}
#footer {width:798px; height:114px; background:url(images/headerbg.jpg) no-repeat; clear:both;}

	.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			position: relative;
			width: 100%; 
		}

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

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: auto;
			width: 798px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 325px;
			clear: both;
			background: #000;
		}
		
		.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: 798px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			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 coda-slider.1.1.1.js */
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 332px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 14px;
			width: 30px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 5px;
		}
		
		.stripNavL {
			background: url("slider/images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("slider/images/arrow-right.gif") no-repeat center;
		}
		p#cross-links {width:798px; margin: 0 0 0 0x; padding-top:5px;}
		p#cross-links a {margin: 5px 12px; text-decoration:none; color:#303030;font-size:16px;}
		p#cross-links a:link, p#cross-links a:visited,{color:#303030;}
		p#cross-links a:hover, p#cross-links a:active {color:#303030;}