body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
}
	  
	  html, body {height: 100%;}
	  
		html { font-size: 100%; font-family: Calibri, Arial, sans-serif; }
		body {background: url(../images/main_back.gif) repeat-x top left white;}
		.siteBox {
			width: 1000px; 
			margin: 0 auto;
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -32px; 
		}
		#logo {float: left; margin: 20px 0 20px 20px;}
		
		#wrapper {background: none;}
		
		
		.panel p {
		  line-height: 1.2em;
		}
		
		.panel  div div {overflow: hidden;}

		.panel .imageArea {height: 340px;}
		.panel .imageArea img {float: left; padding:0px;}
		.panel .imageArea div {float: right;}
		.panel .imageArea div .button {background: url(../images/button_back_large.gif) repeat-x left center; height: 50px; margin-top: 20px;}
		.panel .imageArea div .button a {color: white; display:block; padding: 18px 14px 10px 14px; font-weight:bold; text-decoration: none;}
		.panel .imageArea div p {color: white; text-align:right; font-size:1.4em; font-weight:bold; line-height: 150%; margin: 10px 0;}
		.panel .imageArea div p a {color: #FFF; text-decoration: none; border-bottom: dotted 1px white;}
		.panel .imageArea div p a:hover {border-bottom: solid 1px white;}
		.panel .switch .imageArea img {float: right;}
		.panel .switch .imageArea div {float: left;}
		.panel .switch .imageArea h1, #content .switch .imageArea p {text-align: left;}
		
		.panel .copyArea {}
		.panel .copyArea div {}
		.panel .copyArea div.last {margin-right: 0px;}
		.panel .copyArea p {padding-bottom: 1.1em; font-size: 0.9em;}
		.panel .copyArea p.intro {padding-top: 15px; padding-bottom: 15px;}

		h1 {color: white; font-size: 2.5em; font-weight: bold; width: 460px; text-align: right; line-height: 135%; margin-top: 1px; overflow:hidden;}
		h1 span {background: #a71515; padding: 0px 10px;}
		h2 {background: url(../images/title_arrow.gif) no-repeat center right #a71515; color: white; font-size: 1em; text-transform:uppercase; font-weight: bold; display: block; width: 11em; padding:7px 10px 6px 10px; margin-bottom: 20px; clear: both;}
				
				
		a:focus { outline:none }
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0;
		}
		
		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 650px; background: #fff; overflow: scroll; position: absolute; left: 0;}
		.csw .loading {margin: 300px 0 300px 0; text-align: center;}

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			border: 0px solid #000; /* this is the border. should have the same value for the links */
			margin: auto;
			width: 1000px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 630px;
			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: 1000px; /* Also specified in  .stripViewer  above */
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			display: block;
			text-align: left;
			margin-top: 20px;
			float: right;
			width: 500px !important;
		}
		.stripNav * {
			display: inline;
			padding: 0px;
			user-select: none;
			cursor: pointer;
			vertical-align: middle;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			color: #ababab;
			padding: 0 0 34px 0;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
			margin-left: 40px;
		}
		
		.stripNav ul li a.current {
			background: url(../images/mainnav_arrow.gif) no-repeat 20px 50px;
			display:block;
			padding-bottom:30px;
		}
		.stripNav ul li:hover {color: #333;}
		.stripNav a {text-decoration: none; color: #ababab; font-size:0.9em; padding: 0; margin: 0;}
		.stripNav a:hover {color: #333;}
		.stripNav a:focus {-moz-outline-style: none;}
		.stripNav span {
			text-transform: uppercase; 
			display: block; 
			color: #333; 
			font-size: 1.3em; 
			line-height: 0.8em;
		}
		*:first-child+html .stripNav span {padding-bottom: 10px;}
		
		.stripNavL, .stripNavR { display: none;}		
				
		ul.tabNavigation {
		    list-style: none;
		    margin: 0;
		    padding: 0;
		}

		ul.tabNavigation li {
		    display: inline;
		}

		ul.tabNavigation li a {
			padding: 8px 10px;
			margin-right: 10px;
		    background-color: #bbb;
		    color: #fff;
		    text-decoration: none;
			text-transform:uppercase;
			display:block;
			float:left;
			height:20px;
		}

		ul.tabNavigation li a.selected,
		ul.tabNavigation li a:hover {
		    background-color: #a71515;
		    color: #fff;
		}
		
		ul.tabNavigation li a:focus {
			outline: 0;
		}

		div.tabs > div, div.tabs2 > div {
			padding: 0px;
			margin-top: 3px;
		}
		
		div.tabs > div h2, div.tabs2 > div h2 {margin-top: 0;}	
					
		ul.spotList {margin-top: 20px;}
		ul.spotList li {float: left; margin-right: 20px; list-style:none; width: 233px; height: 200px;}
		ul.spotList li img {border: solid 1px #c8c8c8;}
		ul.spotList li a:hover img {border: solid 1px #666;}
		ul.spotList li a {text-decoration: none;}
		ul.spotList li a:hover h3, ul.spotList li a:hover p {cursor:pointer;}
		ul.spotList li a:focus {-moz-outline-style: none;}
		ul.spotList li.last {margin-right: 0px;}
		
		ul.spotList li h3 {text-decoration: none; text-transform: uppercase; display: block; color: #333; font-size: 1.0em; line-height: 0.5em; font-weight: normal; padding: 4px 0px; height: 8px;}
		ul.spotList li p {text-decoration: none; color: #ababab; padding: 0; margin: 0; font-size:0.8em; text-transform:lowercase;}
		ul.spotList li a:hover p {color: #333;}
		
		.copyArea table {font-size: 0.9em; margin-top: 20px;}
		.copyArea table th { text-transform:uppercase; padding: 0 0 5px 10px; font-size: 1.1em; text-align:left;}
		.copyArea table tr.even td {background: #ccc; padding: 5px 0 5px 10px;}
		.copyArea table tr.odd td { padding: 5px 0 5px 10px;}
		
		.copyArea .leftFloat ul li {font-weight: normal; font-size: 0.9em;}
		
		#footer {background: #bbb; padding: 20px; margin: 20px auto 0 auto;height: 25px;}
		#footer p {font-size: 0.9em; color:white;}
		#footer span {padding: 0 5px;}
		#footer a {color: white; text-decoration: none;}
		#footer a:hover {color: white; text-decoration: underline;}
		
		#footer .networking {float: right; position: relative; top: -20px;}
		#footer .networking li {float: right; list-style: none; margin-left: 10px;}
		#footer .networking li a {display: block; height: 25px; width: 25px; overflow: hidden;}
		#footer .networking li span {position: absolute; top: -5000px;}
		#footer .networking .linkedin {background: url(../images/icon_linkedin.gif) no-repeat;}
		#footer .networking .facebook {background: url(../images/icon_facebook.gif) no-repeat;}
		#footer .networking .twitter {background: url(../images/icon_twitter.gif) no-repeat;}
		#footer .networking .deviantart {background: url(../images/icon_deviantart.gif) no-repeat;}
		#footer .networking .deviantart a {width: 41px;}
		
		.leftFloat {float: left; width: 470px; margin: 10px 20px 20px 0px;}
		
		.addressBox {margin:0; height: auto;}
		.addressBox p {font-size: 1.1em !important; color: #333;}
		.addressBox h3 {font-size: 1.1em; margin-bottom: 5px;}
		.addressBox .phone {background: url(../images/icon_phone.gif) no-repeat left; padding: 5px 0 5px 30px; margin-bottom: 5px; color: #333;}
		.addressBox .email {background: url(../images/icon_email.gif) no-repeat left; padding: 5px 0 5px 30px; margin-bottom: 5px;}
		.addressBox .email a {color: #333; text-decoration: none;}
		.addressBox .email a:hover {color: #000; text-decoration: underline;}

		.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		.clear{display:inline-table;}
		/* hide from IE-mac \*/.clear{display:block;}/* end hide from IE-mac */
		
		#slideshow, #slideshow2 {
			margin:0 auto;
			width:1000px;
			height:203px;
			position:relative;
		}
		#slideshow #slidesContainer, #slideshow2 #slidesContainer2 {
		  margin:0 auto;
		  width:1000px;
		  height:180px;
		  overflow:auto; /* allow scrollbar */
		  position:relative;
		}
		#slideshow #slidesContainer .slide, #slideshow2 #slidesContainer2 .slide {
		  margin:0 auto;
		  width:980px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
		  height:203px;
		}
		
		.control, .control2 {
		  display:block;
		  width:20px;
		  height:20px;
		  text-indent:-10000px;
		  position:absolute;
		  background: blue;
		  cursor: pointer;
		}
		#leftControl, #leftControl2 {
		  bottom:0;
		  left:0;
		  background: url(../images/button_previous_dk.gif) left;
		  height: 20px;
		  width: 70px;
		}
		#rightControl, #rightControl2 {
		  bottom:0;
		  right:0;
		  background: url(../images/button_next_dk.gif) right;
		  height: 20px;
		  width: 60px;
		}