/*** BEGIN STANDARD HTML TAGS ***/
html, body {
	background: #183A79 url("/images/bg_site.jpg") top repeat-x fixed;
	margin: 0;
	padding: 0;
	width: 100%;
}
body {
	padding: 0;
	color: #333;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
/*** HACK TO GET FLOATS TO STRETCH 100% HEIGHT ***/
html, body {
	/* \*/
	height:100%;
	min-height:100%;/* Last height declaration hidden from Mac IE 5.x */
	}
/*** END HACK ***/

a img {
	border: 0;
}
p, address {
	color: #333;
	font: 10px/18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 10px 8px 0;
	padding: 0 0 7px 0;
	text-align: left;
}
a {
	color: #900;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
ul {
	margin:0 10px 10px 15px;
	padding:0;
	line-height:12px;
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
h1 {
	background: url("/images/bg_hr.gif") bottom repeat-x;
	color: #F60;
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin-top: 0;
	padding-bottom: 2px;
	text-transform: lowercase;
}
h2 {
	margin: 0;
	padding: 0;
}
h3 {
	font-size:12px;
	margin:0 0 10px 0;
}
h4 {
	font-size: 16px;
	color: #F60;
	margin: 0 0 10px 0;
}
h5 {
	font-size: 12px;
	color: #F60;
	margin: 0 0 10px 0;
}
h6 {
	color: #333;
	font-size: 11px;
	margin: 5px 0 0 0
}
a:link, a:visited {
	color: #900;
}
a:hover, a:active {
	text-decoration: underline;
}
#content .contentbox a[href^='javascript:void']:hover {
	/*pretty specific rule to eliminate "jitter" caused by underlines in Moz */
	text-decoration: none;
}
td {
	vertical-align: top;
}
/*** END STANDARD HTML TAGS ***/

#wrap {
	background: #FFF url("/images/bg_top.jpg") top left no-repeat;
	border: 1px solid #bbb;
	padding: 0;
	width: 989px;
	position:relative;
	margin:5px auto;
}
/*** REQUIRED FOR 2 SEPERATE PAGE BGs ***/
#wrapbg {
	background: url("/images/bg_bottom.jpg") bottom left no-repeat;
	padding: 0 85px 106px 85px;
	min-height:800px;
	overflow:hidden
}
/*** ***/

#main {
	min-height: 800px;
}
#head {
	height: 41px;
	margin: 20px 0 5px 0;
}
#head h6 {
	color: #23507F;
	float: right;
	font: 9px/12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 200px;
}
#logo {
	float: left;
}
#timestamp {
	float: right;
	margin: 10px 2px 0 0;
	text-align: right;
	width: 200px;
}
#headergraphic {
	border: 1px solid #D7D7D9;
}
#sidebar {
	width: 110px;
	float:left;
}
#nav {
	background: #fff;
	border: 1px solid #D7D7D9;
	margin: 3px 0px 2px 0;
	padding: 10px 5px;
	position:relative;
	z-index:4;
}
#nav img {
	vertical-align: middle;
}
#nav .sublink {
	color: #666;
	display: block;
	font: normal 9px/16px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 4px;
	padding: 0;
	text-decoration: none;
	text-transform: lowercase;
}
#nav a.sublink:hover {
	color: #900;
}
.poweredby {
	background: #FFF url("/images/bg_contentbox.jpg") bottom right no-repeat;
	border: 1px solid #D7D7D9;
	margin: 0 0 3px 0;
	padding: 10px 0 10px 10px;
}
#promobox {
	background: #fff url("/images/promo_graphic.jpg") top right no-repeat;
	border: 1px solid #D7D7D9;
	padding: 0;
	margin:3px 0 0 4px;
	text-align: left;
	width: 701px;
	float:left;
}
#promobox h2 {
	height:41px;
	background:url(/images/promo_text.gif) top left no-repeat;
	text-indent:-9999px;
	margin:0
}
#promobox p {
	line-height: 12px;
	margin: 0 5px 5px 10px;
	width:470px;
}
#content {
	padding: 0;
	width: 546px;
	float: left;
	margin-left:4px;
}
#content ul {
	margin:0 0 15px 15px;
}
#rightbox ul {
	margin:0 0 15px 0;
}
#content ul li, #rightbox ul li {
	background:url(/images/bulletArrow.gif) no-repeat 0 1px;
	margin-bottom: 4px;
	list-style:none;
	padding-left:10px;
}
#rightbox ul li {
	border-bottom:1px solid #D7D7D9;
	padding-bottom:4px;
}
.contentbox, .contenthome {
	background: #FFF url("/images/bg_contentbox.jpg") bottom right no-repeat;
	border: 1px solid #D7D7D9;
	margin: 3px 2px 3px 0;
	padding: 10px;
	text-align: left;
}
.contentbox {
	min-height: 625px;
}
.contenthome {
	text-align: left;
	float:left;
	width:520px;
}
.contenthome .hr {
	margin:0 0 10px 0;
}
.prContentbox {
	background: #FFF url("/images/bg_contentbox.jpg") bottom right no-repeat;
	border: 1px solid #D7D7D9;
	margin: 3px 2px 3px 0;
	padding: 10px;
	text-align: left;
}
.prContentbox:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}
.header {
	display: inline;
}
.centered {
	width: 200px;
	margin: auto
}
/* Web Portfolio Begins */
#webPortfolio {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#webPortfolio a:hover {
	text-decoration: none;
}
#webPortfolio table, #logoPortfolio table {
	text-align: left;
	vertical-align:top;
	background: url("/images/bg_hr.gif") bottom repeat-x;
}
#webPortfolio table {
	width:100%;
}
#webPortfolio td {
	padding: 0 0 10px;
}
#webPortfolio td h5, #webPortfolio td h6, #webPortfolio td p {
	margin-left:3px
}
#webPortfolio td.thumb {
	padding-right:15px;
	width:175px;
}
#web1 {
	padding:0 10px 10px 0 !important
}
#webPortfolioPage {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}
#webPortfolioPage a {
	color: #900;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.zoom a:hover {
	text-decoration: underline;
}
#webPortfolioPage a:visited {
	text-decoration: none;
}
#webPortfolioPage span {
	font-size:10px;
}
#logoPortfolio table {
	width:100%;
}
#logoPortfolio td {
	text-align:center;
	padding-bottom:18px;
}
/* Web Portfolio Ends */



/* User Interface Begins */
#userInterface {
	font: normal 10px Verdana, Arial, Helvetica, sans-serif;
}
#userInterface td {
	vertical-align:top;
	padding:8px 2px;
	background: url("/images/bg_hr.gif") bottom repeat-x;
}
/* User Interface Ends */



/* Logo AND Print Begins */
#logos img {
	margin: 10px auto;
}
/* Logo AND Print Ends */


/* Hosting Begins */

ul.noBorder li {
	border-bottom:none;
}
.split {
	float:left;
	width:235px;
}
/* Hosting Ends */

.contenthome .graphic {
	float: right;
	margin: 0 10px;
}
#rightwrap {
	float: left;
	margin: 3px 0 0 2px;
	width: 155px;
	text-align: center;
}
#rightbox {
	background: #FFF;
	border: 1px solid #D7D7D9;
	text-align: left;
	padding: 10px;
	margin-bottom: 3px;
}
#rightbox .hr {
	margin-top:8px;
}
#msgs { /* scrolling news area */
	position: relative;
	height: 180px;
	overflow: hidden;
}
#msgs .message { /* prevents news items from appearing before script kicks in */
	display: none;
}
#rightbox h4 {
	color: #F60;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	margin: 8px 8px 10px 0;
}
#rightbox p {
	color: #333;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	margin: 8px 8px 10px 0;
}
#footer {
	clear:both;
	margin:0 0 50px 300px;
	padding: 0;
	width: 561px;
}
#footertext {
	background: #FDAD58;
	float: left;
	height: 42px;
	position: relative;
	margin: 0;
	padding: 0;
	top:9px;
	width:490px;
}
#footertext p {
	line-height: 12px;
	margin: 2px 0 0 0;
	padding: 0 3px;
}
#footer .sublink {
	color: #333;
	font: normal 9px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#footer .sublink:hover {
	color:#900
}
#privacy {
	float:left;
	display:inline;
	width:485px;
	margin:12px -3px 0 0;
	padding:0 3px 7px;
	line-height:12px
}
#dhtmltooltip {
	color: #333;
	font: 10px/12px Verdana, Arial, Helvetica, sans-serif;
	position: absolute;
	width: 150px;
	border: 1px solid #D7D7D9;
	padding: 4px;
	background-color: #FFF;
	visibility: hidden;
	z-index: 100;/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
	/* filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); */
	}
/* MOUSE-OVER CODE FOR USER INTERFACE PAGE */
a#step1, a#step2, a#step3, a#step4, a#step5, a#step6, a#step7, a#step8 {
	display:block;
	width:160px;
}
.empty {
	margin: 0;
	padding: 0;
}
.hr {
	background: url("/images/bg_hr.gif") bottom repeat-x;
	height: 3px;
	margin: 10px 0;
	padding: 0;
	clear:both;
}
.GridStyle {
	width:520px;
}
.GridHeaderStyle {
	padding: 0;
	margin: 0;
	line-height: 1px;
}
.GridPagerStyle a {
	color:#900 !important;
	font-weight:normal !important
}
.GridPagerStyle a:hover {
	text-decoration:underline
}
.GridPagerStyle span {
	font-weight:bold;
}
a.plain, a.plain:link, a.plain:visited, a.plain:active {
	color: #333;
	font-weight: normal;
	text-decoration: none;
}
a.plain:hover {
	text-decoration: underline;
}
.highlight {
	border: 1px solid #CCC;
	margin: 5px 20px 10px 10px;
	padding: 5px;
	text-align: center;
	font-weight:bold;
}
.contactWidth {
	width:400px;
}
.contactExt {
	font-size:10px;
	margin-right:9px;
}
.before {
	float:left;
	width:139px;
	text-align:center;
	margin:4px 0 14px 0;
	color:#FE7418;
	font-weight:bold;
}
.after {
	float:left;
	width:139px;
	text-align:center;
	margin:4px 0 14px 44px;
	color:#FE7418;
	font-weight:bold;
}
.bannerATBrochure {
	margin-top:5px;
}
#awards {
	text-align:center;
}
#awards img {
	margin-top:8px;
}
#WebPortfolioPage table table tr td a.descLink {
	text-decoration:underline;
	color:#990000;
}
#WebPortfolioPage table table tr td a.descLink:hover {
	text-decoration:none;
}
.portfolioDescBanner {
	float:right;
	width:195px;
	margin-bottom:10px;
}
.portfolioDescFlash {
	float:right;
	width:305px;
	margin-bottom:10px;
}
.portfolioDescCase {
	float:right;
	width:185px;
	margin-bottom:10px;
}
/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}
.sIFR-replaced {
	visibility: visible !important;
}
span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}
/*
.sIFR-hasFlash h2 {
	visibility: hidden;
	letter-spacing: -9px;
	font-size: 55px;
	}

.sIFR-hasFlash h3 {
	visibility: hidden;
	letter-spacing: -6px;
	font-size: 25px;
	}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
	}
*/
@media print {
/* This is the print stylesheet to hide the Flash headlines from the browser... regular browser text headlines will now print as normal */
.sIFR-flash, .sIFR-flash object, .sIFR-flash embed {
	display: none !important;
	height: 0;
	width: 0;
	position: absolute;
	overflow: hidden;
}
span.sIFR-alternate {
	visibility: visible !important;
	display: block !important;
	position: static !important;
	left: auto !important;
	top: auto !important;
}
}
#fscroller {
	width:122px;
	height:250px;
	margin-left:-5px;
}
/* BEGIN:  CSS Menu ============================= */
/* First level menu*/
#cssMenu {
	width:98px;
	text-transform:lowercase
}
/* All <ul> tags in the menu including the first level */
.menulist, .menulist ul {
	margin: 0;
	padding: 0;
	width: 180px;
	list-style: none !important;
	position:relative;
	z-index:9999 !important;
}
/* Submenus (<ul> tags) are hidden and absolutely positioned across from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 100px;
}
.menulist span {
	font-weight:normal;
	font-size:10px;
	position:relative;
	top:-1px;
	left:-2px;
	color:#aaa
}
/*
 All menu items (<li> tags) are relatively positioned to correctly offset their submenus.
 They have borders that are slightly overlaid on one another to avoid doubling up.
*/

.menulist li {
	position: relative;
	padding:0;
	background:#fff;
	margin-bottom: -1px;
}
.menulist li {
	border:0
}
.menulist ul li {
	border: 1px solid #d7d7d9;
}
.menulist ul>li:last-child {
	margin-bottom: 1px;
}
/* Links inside the menu */
.menulist a {
	display: block;
	padding:3px 0 5px 4px;
	color: #900;
	text-decoration: none;
}
/* Lit items: 'hover' is mouseover, 'highlighted' are parent items to visible menus.*/
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
	color: #900;
	background-color:#f3f3f3;
	text-decoration: none
}
.menulist a.highlighted {
	color: #900;
	background-color:#f3f3f3;
}
.menulist a.highlighted span {
	color: #900
}
/* 'subind' submenu indicators, which are automatically prepended to 'A' tag contents. */
.menulist a .subind {
	float: right;
}
/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist li {
	float: left;
	height: 1%;
}
* html .menulist a {
	height: 1%;
}
/* End Hack */
/* BEGIN:  CSS Menu ============================= */
#map {
	height:325px;
	width:522px
}
.mapForm {
	margin:0;
	padding:0
}
.mapForm label {
	display:block;
	margin:7px 0 0;
	font-weight:bold
}
#latestnews, #sitelaunch, #pressreleases {
	/*float:left;
	border:#99A8C5 1px solid;
	width:35%;*/ 
	padding:5px 10px 10px 10px;
	margin:10px;
	background-color:White
}
#sitelaunchpage {
	height: 114px;
	margin: 3px 0 0 110px;
	padding: 0;
	text-align: left;
	width: 320px !important;
}
#latestnews h3, #pressreleases h3, #sitelaunch h3 {
	color:#FF0000;
	position:relative;
	left:-20px;
	top:-15px;
	background-color:#FFFFFF;
	width:120px;
	color: #F60;
	font: 14px/18px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: lowercase;
	margin:0;
	padding:4px;
}
#pressreleases li {
	color: #666666;
}
.templateTitle {
	font-size: 12px;
	font-weight:bold;
	color: #F60;
	margin: 0 0 10px 0;
	display:block;
}
.hidden {
	display : none;
}
.indent {
	margin:0 40px 0 20px;
	text-align:justify;
}
#sidebar {
}
.tblGeneral {
	margin-bottom:15px;
}
.tblGeneral tr {
	background:#f7f7f7;
}
.tblGeneral tr.alt {
	background:#eee;
}
.tblGeneral th {
	background:#0D3B74;
	color:#fff;
}
.btnViewPortfolio {
	background:url(images/btnViewPortfolio.jpg) no-repeat;
	display:block;
	width:214px;
	height:80px;
	text-indent:-9999px;
	margin:0 auto 15px auto;
}
/* PORTFOLIO INTERFACE */

.portfolio h4 {
	font-size: 14px;
	margin:0 0 7px 0;
	color:#fff;
}
.portfolio h5 {
	font-size: 12px;
	margin-bottom:10px;
}
.portfolio h6 {
	color: #333;
	font-size: 13px;
	width:50%;
}
.selectCat {
	float:right;
	color:#666;
}
.selectCat select {
	font-size:11px;
}
#slider_preload{
	display:none;
}
#sliderLoadingOverlay{
	position:absolute;
	z-index:99;
	top:0;
	left:0;
	background:url(images/black-50.png);
	width:671px;
	height:222px;
	display:none;
	text-align:center;
}
#sliderLoadingOverlay img{
	position:absolute;
	top:100px;
	left:272px;
}
#slider {
	position:relative;
	border:5px solid #bbb;
	margin-bottom:10px;
	background:url(images/bgSlider.gif) repeat-x;
	text-align:center;
	height:222px !important;
	width:671px !important;
	overflow:hidden;
}
#slider ul, #slider li {
	margin:0;
	padding:0 !important;
	list-style:none !important;
	position:relative;
	z-index:2;
}
#slider li, #slider li img {
	height:222px;
	width:671px;
	overflow:hidden;
}
.loading{
	position:absolute;
	top:100px;
	left:272px;
	z-index:1;
}
#prevBtn, #nextBtn {
	position:absolute;
	top:120px;
	left:16px;
	z-index:3;
}
#nextBtn {
	left:587px;
}
#prevBtn a, #nextBtn a {
	display:block;
	width:100px;
	height:100px;
	background:url(images/prevBtn.png) no-repeat top left;
	text-indent:-9999px;
	outline:none;
}
#nextBtn a {
	background:url(images/nextBtn.png) no-repeat top left;
}
#nextBtn a:hover {
	background:url(images/nextBtn.png) no-repeat bottom left;
}
#prevBtn a:hover {
	background:url(images/prevBtn.png) no-repeat bottom left;
}
#nextBtn a.inactive {
	background:url(images/nextBtn.png) no-repeat top right !important;
	cursor:default;
}
#prevBtn a.inactive {
	background:url(images/prevBtn.png) no-repeat top right !important;
	cursor:default;
}
#portfolioInfo{
	background:#868686 url(images/bgPortfolioInfo.jpg) repeat-x bottom;
	height:60px;
	padding:12px 15px;
	margin-bottom:10px;
}
#portfolioInfo p{
	color:#fff;
	background:url(images/lineVert.gif) repeat-y right;
	width:420px;
	padding-right:15px;
	line-height:14px;
	margin:0;
}
#portfolioInfo a{
	text-decoration:underline;
	color:#fff;
}
#portfolioInfo ul{
	float:right;
	width:198px;
}
#portfolioInfo li{
	background:url(/images/bulletPortfolioInfo.gif) no-repeat 0 4px !important;
	color:#b4b4b4;
}
#portfolioGroup {
	margin-bottom:15px;
	height:47px;
	padding-bottom:15px;
	background: url("/images/bg_hr.gif") bottom repeat-x;
}
#portfolioGroup div {
	display:none;
}
#portfolioGroup ul{
	margin:0;
	height:47px;
	float:left;
}
#portfolioGroup li{
	display:inline;
	float:left;
	padding:0 !important;
	list-style:none !important;
}
#portfolioGroup li a{
	border:5px solid #cfcfcf;
	margin-right:9px;
	display:block;
	width:37px;
	height:37px;
	float:left;
}
#portfolioGroup li a img{
	width:37px;
	height:37px;
	overflow:hidden;
}
#portfolioGroup li a:hover{
	border:5px solid #9A9A9A;
}
#portfolioGroup li a.active, #portfolioGroup li a.active:hover{
	border:5px solid #e56906;
}
a#prevGroupBtn, a#nextGroupBtn{
	float:left;
	background:url(images/prevGroupBtn.gif) top left;
	width:24px;
	height:47px;
	display:block;
	text-indent:-9999px;
	outline:none;
	margin:0 12px 0 0;
}
a#nextGroupBtn{
	background:url(images/nextGroupBtn.gif) top left;
	margin:0 0 0 5px;
}
a:hover#prevGroupBtn {
	background:url(images/prevGroupBtn.gif) bottom left;
}
a:hover#nextGroupBtn{
	background:url(images/nextGroupBtn.gif) bottom left;
}
a.inactive#prevGroupBtn{
	background:url(images/prevGroupBtn.gif) top right;
	cursor:default;
}
a.inactive#nextGroupBtn{
	background:url(images/nextGroupBtn.gif) top right;
	cursor:default;
}
.navPort{
	width:48%;
	float:left;
	border-right:1px dotted #ccc;
	margin-bottom:25px;
}
.navPort h5 span{
	color:#900;
}
.navPort a{
	float:left; 
	margin-right:10px;
}
.navPort div{
	width:220px; 
	float:left;
}
.navPort p{ 
	line-height:14px; 
	margin-bottom:5px;
}
.navPort div a{
	display:block;
	width:58px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/btnView.gif) no-repeat;
}
.navPort div a:hover{
	background-position:bottom;
}
#lnkList{
	display:block;
	width:136px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(images/btnViewAlphaList.gif) no-repeat
}
#lnkList:hover
{
	background-position:bottom
}
	
.right{
	border:0;
	margin-left:15px;
}
.clear{
	clear:both;
}
	