body {
	margin: 0px;
	font-family: arial;
	font-size: 12px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #161616;
	background-image: url(images/background.jpg);
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}

img {
	border: 0px;
}

a {
	color: #71cce3;
	text-decoration: none;
}

a:hover {
	color: #a5e3f2;
}

label {
	color: #999999;
	text-transform: uppercase;
	clear: both;
	display: block;
	font-size: 9px;
	font-weight: bold;
	padding: 10px 0px 0px 0px;
}

.textbox, select {
	color: #424548;
	font-family: arial;
	padding: 4px;
	font-size: 12px;
	border: 1px solid #82868a;
}

#wrapper {
	margin: 0px auto;
	width: 951px;
}

#header {
	background: url("images/headerline.jpg") no-repeat bottom left;
	height: 89px;
}

#logo {
	float: right;
	margin: 0px;
	padding: 0px;
	width: 193px;
	height: 89px;
	background: url("images/logo.png") no-repeat top left;
}

#logo span {
	display: none;
}

#header ul {
	padding: 36px 0px 0px 0px;
	margin: 0px;
	float: left;
	list-style-type: none;
}

#header ul li {
	padding-right: 20px;
	float: left;
	height: 33px;
}

.menumarker {
	background: url("images/menumarker.png") no-repeat 34% bottom;
}
.menumarker a {
	color: #fff !important;
}

#header ul li a {
	color: #807e7e;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	float: left;
}

#header ul li a:hover {
	color: #fff;
}

/* submenu */

#header ul li ul {
	padding: 0px 0px 0px 20px;
	position: absolute;
	top: 68px;
	background: url("images/submenubg.png") repeat-x top left;
	height: 44px;
	width: 640px;
}

#header ul li ul li {
	padding: 0px;
}

#header ul li ul li a {
	padding: 12px 12px 12px 12px;
	display: block;
	height: 44px;
	color: #191919 !important;
	font-size: 11px;
}

#header ul li ul li a:hover {
	background: url("images/submenuoverlay.jpg") repeat-x top left;
}

#displayarea {
	margin-top: 29px;
}

#pulltitle {
	padding: 35px 0px 30px 0px;
}

#pulltitle h1 {
	padding: 0px;
	margin: 0px;
}

.threecol {
	color: #807e7e;
	background: #121212;
	padding: 20px;
	width: 265px;
	float: left;
	font-size: 11px;
}

.threecol p {
	margin: 0px;
	padding: 6px 0px 6px 0px;
}

.threecolmar {
	margin-right: 17px;
}

.threecol h3 {
	font-weight: normal;
	color: #fff;
	font-size: 12px;
}

.threecol h3.sifr {
	font-size: 24px;
	color: #ffffff;
	margin-bottom: 10px
}

.dividerline {
	background: url("images/dividerline.gif") repeat-x bottom;
	margin-bottom: 17px;
	padding-bottom: 12px;
}

#footer {
	margin-top: 30px;
	clear: both;
	background: url("images/footerline.jpg") no-repeat top left;
	/*height: 200px;*/
	color: #9ecbe2;
	padding: 35px 0px 25px 0px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 160%;
	font-size: 11px;
}

#footer p {
	margin: 0px;
	padding: 0px;
}

#footer span {
	color: #4d4d4d;
}


/* inner display styles */

.innercol1, .innercol5, .aboutuscol1 {
	float: left;
	width: 640px;
	line-height: 170%;
	font-size: 14px;
}

.innercol2, .innercol4, .aboutuscol2 {
	padding-left: 30px;
	float: left;
	width: 260px;
	font-size: 14px;
	line-height: 150%;
}

.innercol2 h2, .innercol4 h2, .aboutuscol1 h2, .aboutuscol2 h2, .largeh2 {
	color: #fff;
	font-size: 22px;
	font-weight: normal;
	padding-bottom: 8px;
}

.aboutuscol2 h2 {
	color: #999999;
	line-height: 24px;
}

.aboutuscol1 {
	color: #999999;
}

.aboutuscol2 {
	margin-right: 28px;
}


.aboutuscol2 ul {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

.aboutuscol2 li {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	list-style-image: url(images/arrow.gif);
}

.innercol2 a, .innercol4 a {
	font-size: 12px;
	text-transform: uppercase;
}

.innercol3 {
	width: 310px;
	float: left;
}

.innercol4 {
	padding-right: 35px;
	width: 262px;
	float: left;
}

.innercol4 h2 {
	padding-bottom: 18px;
}

.innercol5 {
	width: 600px;
	margin-right: 40px;
}

.dottedtop, .bdottedtop {
	margin-top: 25px;
	background: url("images/dottedtop.gif") repeat-x top;
}

.bdottedtop {
	padding-top: 25px;
}

.sidenav {
	list-style-type: none;
	padding: 0px;
	margin: 0px 0px 0px -24px;
}

.sidenav li {
	padding: 5px 0px;
}

.sidenav li a {
	font-weight: bold;
	color: #808080;
	text-transform: lowercase;
	display: block;
	padding: 4px 0px 5px 25px;
}

.sidenavselected, .sidenav li a:hover {
	color: #000 !important;
	background: url("images/sidenavbg.png") no-repeat top left;
}

.sidenav li a:hover {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50) !important;
	-moz-opacity: 0.5 !important;
	opacity: .5 !important;
}

#navtrail {
	text-transform: uppercase;
	padding-top: 25px;
	color: #808080;
	font-size: 11px;
}

#navtrail a {
	color: #808080;
	font-size: 11px;
	text-decoration: none;
}

#navtrail a:hover {
	color: #9c9c9c;
}

#navtrail span {
	color: #71cce3;
}

#carosel {
	clear: both;
	padding: 35px 0px 5px 0px;
}

#carosel ul, #photogallery ul {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#carosel li {
	float: left;
	padding-right: 20px;
	background: url("images/caroselitem.jpg") no-repeat;
}

#carosel li a img {
	padding: 5px 0px 0px 5px;
}

.caroselfull {
	width: 930px !important;
}

.caroselsmall {
	width: 660px !important;
}

.jcarousel-clip {
	width: 640px;
}

.caroselsmall .jcarousel-clip {
	width: 640px;
}

.caroselfull .jcarousel-clip {
	width: 930px;
}

#photogallery ul li {
	width: 640px;
	height: 500px;
	float: left;
}

.photogallerypadd {
	margin-right: 14px;
	margin-bottom: 15px;
}

.photogalleryitem {
	float: left;
	width: 149px;
	height: 149px;
	background: url("images/photobg.png") no-repeat;
}

.landscape {
	margin: 32px 0px 0px 11px;
}

.portrait {
	margin: 12px 0px 0px 32px;
}

#caroselnav {
	clear: both;
	margin-top: 15px;
	font-size: 11px;
	color: #71cce3;
	background: url("images/caroselnavbg.png") repeat-x;
	height: 20px;
	line-height: normal;
}

#caroselnav p {
	float: left;
	padding: 3px 3px 3px 15px;
	margin: 0px;
}

.cspage li a {
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	display: block;
	width: 90px;	
	text-align: center;
	padding: 35px 0px 37px 0px;
}

.teampage {
	width: 660px;
}

.teampage li a img {
	padding: 0px !important;
	margin: 0px !important;
}

.navleft, .navright {
	float: left;
	background: url("images/navleft.png") no-repeat;
	height: 16px;
	width: 16px;
	margin-top: 2px;
}

.navleft span, .navright span {
	display: none;
}

.navright {
	float: right;
	background: url("images/navright.png") no-repeat;
}

#smallnav {
	margin: -65px 0px 0px 641px;
	position: absolute;
	float: left;
	padding: 5px 5px 5px 23px;
	list-style-type: none;
	background: url("images/smallnavbg.png");
	line-height: normal;
}

#smallnav li {
	float: left;
}

#smallnav li a {
	outline: none;
	margin-left: 5px;
	padding: 4px 7px;
	float: left;
	display: block;
	text-decoration: none;
	color: #e0dddd;
	font-size: 10px;
	font-weight: bold;
	border: 1px solid #878686;
	background: #525252;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=20);
	-moz-opacity: 0.2;
	opacity: .2;
}

#smallnav li a:hover, .smallnavactive {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80) !important;
	-moz-opacity: 0.8 !important;
	opacity: .8 !important;
}

.overlayimg {
	width: 150px !important;
	padding-top: 35px;
}

.overlayimg img {
	position: absolute;
	border: 1px solid #333333;
}

.inactive {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10) !important;
	-moz-opacity: 0.1 !important;
	opacity: .1 !important;
}

.websitelink {
	position: absolute;
	margin-top: 344px;
}

.smalldisplaybox {
	float: left;
	width: 177px;
	margin-top: 12px;
}

.smalldisplayboxtext {
	background: url("images/smallboxcorners.jpg") no-repeat top right #000;
	float: left;
	width: 74px;
	color: #fff;
	font-size: 10px;
	padding: 7px;
	margin-top: 10px;
	line-height: 100%;
	min-height:53px;
  height:auto !important;
  height:53px;
}

.smalldisplayboxtext a {
	position: absolute;
	margin-top: 40px;
}

.blogentry {
	width: 600px;
}

.blogentry h3 {
	font-size: 24px;
	font-weight: normal;
}

.blogdate {
	color: #71cce3;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
}

.aboutuscol1 {
	float: left;
	width: 280px;
}

.aboutuscol2 {
	float: left;
	width: 300px;
}

#rsslink {
	background: url("images/rss.png") no-repeat;
	display: block;
	position: absolute;
	margin-left: 495px;
	margin-top: -110px;
	width: 101px;
	height: 28px;
	z-index: 100;
}

#rsslink span {
	display: none;
}

.servicesbox {
	background: #121212;
	float: left;
	width 220px;
	padding: 5px;
	margin-bottom: 5px;
}

.servicesmargin {
	margin-right: 2px;
}

.servicesbox img {
	border: 1px solid #2b2b2b;
}

.servicesbox h3 {
	margin: 8px 0px -8px 2px !important;
}

.servicesbox b {
	font-size: 11px;
	color: #71cce3;
	margin-left: 2px;
}

.commentbox {
	border: 1px solid #4b4b4b;
	padding: 15px;
	margin: 10px 0px 0px 0px;
	background: #1d1d1d;
}

.commentmcol {
	float: left;
	width: 500px;
}

#contactform {
	border: 1px solid #4b4b4b;
	padding: 15px;
	margin: 10px 0px 0px 0px;
	background: #1d1d1d;
}

.contactmcol {
	float: left;
	width: 300px;
}

.contactmcol .textbox, .commentmcol .textbox {
	color: #bfc6cc;
	padding: 3px;
	font-size: 12px;
	background: #232323;
	border: 1px solid #4c4c4c;
}

.contactcol {
	float: left;
	width: 140px;
}

.contactcol label {
	padding: 0px;
	margin: 0px;
	color: #c3c3c3;
	font-size: 8px;
}

.subhead {
	font-size: 12px;
	font-weight: bold;
	color: #71cce3;
	margin: -16px 0px 0px 2px !important;
}

#orionlogo {
	position: absolute;
	margin: 2px 0px 0px 760px;
	background: url("images/orion.png") no-repeat top left;
	width: 189px;
	height: 27px;
}

#orionlogo span {
	display: none;
}

#facebooklink {
	position: absolute;
	margin: 2px 0px 0px 539px;
	background: url("images/facebooklink.png") no-repeat top left;
	width: 86px;
	height: 21px;	
}
#facebooklink span {
	display: none;
}

#twitterlink {
	position: absolute;
	margin: 2px 0px 0px 652px;
	background: url("images/twitterlink.png") no-repeat top left;
	width: 69px;
	height: 21px;	
}
#twitterlink span {
	display: none;
}

.sIFR-active h1 {
	visibility: hidden;
}

/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
  .sIFR-flash {
    visibility: visible !important;
    margin: 0;
    padding: 0;
  }
  
  .sIFR-replaced, .sIFR-ignore {
    visibility: visible !important;
  }
  
  .sIFR-alternate {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
  }
  
  .sIFR-replaced div.sIFR-fixfocus {
    margin: 0pt; 
    padding: 0pt; 
    overflow: auto; 
    letter-spacing: 0px; 
    float: none;
  }
}

@media print {
  .sIFR-flash {
    display    : none !important;
    height     : 0;
    width      : 0;
    position   : absolute;
    overflow   : hidden;
  }
  
  .sIFR-alternate {
    visibility : visible !important;
    display    : block   !important;
    position   : static  !important;
    left       : auto    !important;
    top        : auto    !important;
    width      : auto    !important;
    height     : auto    !important;
  }
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
  /* Example:
  .sIFR-active h1 {
    font-family: Verdana;
    visibility: hidden;
  }
  */
}

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-list li,
.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 80px;
    height: 90px;
}

#imgdisplayarea ul li {
	width: 640px;
	height: 360px;
}