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

body {
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 1.4;
	font-size: 67.5%;
	margin: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center top;
	}
h1 {
	font-size: 1.8em;
	margin: ;
	padding: ;
	}
h2 {
	font-size: 1.55em;
	margin: .5em 0 .75em;
	padding: ;
	color: #fff;
	}
h3 {
	font-size: 1.25em;
	line-height: 1.2;
	margin: .5em 0 .75em;
	padding: 0;
	color: #999;
	}
img { 
	border: none; 
	}
ul {
	margin-left: 0;
	padding-left: 1.5em;
	}
p {
	font-size: 1.1em;
	margin: 1em 0 .75em;
	}
	
a:link  {
        color: #ffffff; 
        text-decoration: none;
        }
a:visited {
        color: #ffffff;  
        text-decoration: none;
        }
a:hover {
        color: #ff7f00;  
        text-decoration: none;
        } 
a:active {
        color: #ffffff; 
        text-decoration: none;
        }
	
/* Wrapper */	
	
	.WrapperBG {
		margin: auto;	
		height: 100%;
		}
	table.WrapperTable {
		width: 810px;	
		height: 100%;
		margin: auto;	
		}		
	td.WrapperMainContent {
		background: url(../images/wrapper/transparent_bg.png) repeat;
		padding-top: 28px;
		width: 585px;	
		}
        /* following rules are invisible to IE5 \*/
        td.WrapperMainContent 
        {
            _height: 10px;
            _background-image: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wrapper/transparent_bg.png', sizingMethod='scale');}
        /* end IE 5 hack */   
	td.WrapperSpace {
		width: 10px;
		}
	td.WrapperMainNav {
		background: url(../images/wrapper/transparent_bg.png) repeat;
		width: 175px;
		padding: 0 15px 25px 25px;	
		}	
        /* following rules are invisible to IE5 \*/
        td.WrapperMainNav 
        {
            _height: 10px;
            _background-image: none;
            _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/wrapper/transparent_bg.png', sizingMethod='scale');}
        /* end IE 5 hack */   
	
	
/* Site Title & Nav */


	.SiteTitle {
		font-size: 2.4em;
		line-height: 1.2;
		margin: 25px 0 5px;
		padding: 0;	
		position: relative;
		}
		.SiteTitle a {
			color: #FFF;	
			text-decoration:none;
			}
	.SiteAddress {
		font-size: 1.2em;
		line-height: 1.4;
		color: #999;
		margin: 10px 0px 0;
		padding: 0;	
		position: relative;
		}
a:link  {
        color: #ffffff; 
        text-decoration: none;
        }
a:visited {
        color: #ffffff;  
        text-decoration: none;
        }
a:hover {
        color: #ff7f00;  
        text-decoration: none;
        } 
a:active {
        color: #ffffff; 
        text-decoration: none;
        }
		
	/* Site Nav */
	
	ul.SiteNav  {
		margin: 25px 0;
		padding-left: 0em;
		list-style: none;
		position: relative;
		}
	ul.SiteNav li  {
		margin: 0px 0;
		padding-bottom: .75em;
		list-style: none;
		}
		.SiteNav a {
			font-size: 1.3em;
			font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
			}	
		.SiteNav a:link {
			color: #999;	
			text-decoration:none;
			}	
		.SiteNav a:visited {
			color: #999;	
			text-decoration:none;
			}	
		.SiteNav a:hover {
			color: #fff;	
			text-decoration:none;
			}	
		.SiteNav a:active {
			color: #666;	
			text-decoration:none;
			}
	ul.SiteSubNav  {
		margin: inherit 0;
		padding-left: 1.5em;
		}
	ul.SiteSubNav li  {
		margin: 0px 0;
		padding-bottom: .0em;
		list-style: none;
		position: relative;
		}
		.SiteSubNav a {
			font-size: 1.3em;
			font-family: "Arial Narrow", Arial, Helvetica, sans-serif;
			background:  url(../images/bullet_arrow.png) no-repeat left .4em;
			padding: 0 0 0 13px;
			}	
	
	/* Background Switcher */
	
	.SiteBackgroundSwitcher {
		position: relative;
		margin: 25px 0;
		}
	
	/* Site Footer */
		
	.SiteFooter {
		font-size: 1.0em;
		font-family: Arial, Helvetica, sans-serif;
		position: relative;
		}	
		.SiteFooter a:link {
			color: #999;	
			text-decoration:none;
		}	
		.SiteFooter a:visited {
			color: #999;	
			text-decoration:none;
		}	
		.SiteFooter a:hover {
			color: #fff;	
			text-decoration:none;
		}	
		.SiteFooter a:active {
			color: #f00;	
			text-decoration:none;
		}
	
	
/* Main Content */	
	
	
	.MainContentTop {
		width: 545px;
		margin: 0px auto 0;
		position: relative;
		}
		
	/* Top Paging Nav */	
	
	.MainContentTopNav {
		margin: 0 auto 0;
		width: 100%;
		position: relative;
		}	
		.MainContentTopNav a.Nav {
			line-height: 2;
			font-size: 1em;
			background-color: #6B6B6B;
			color: #fff;
			font-weight: bold;
			text-decoration: none;
			text-align:center;
			margin:0 2px 0.2em 0;
			padding:0.2em;
			}	
		.MainContentTopNav a.Nav:link,
		.MainContentTopNav a.Nav:visited {
			color: #fff;
			}
		.MainContentTopNav a.Nav:hover {
			color: #ff7f00;
			}
		.MainContentTopNav .NavColLeft {
			width: 90px;
			}
		.MainContentTopNav .NavColCenter {
			}
		.MainContentTopNav .NavColRight {
			width: 90px;
			}	
	.MainContentTopNav a.PreviousLink {
		background-image:url(../images/previous.png);
		background-repeat:no-repeat;
		background-position: 0 0;
		width:69px;
		height:8px;
		display:block;
		text-decoration: none;
		cursor: pointer;
		}
	.MainContentTopNav a.PreviousLink:hover {
	  	background: transparent url(../images/previous_hover.png) 0px 0px no-repeat;
		}
		
	.MainContentTopNav a.NextLink {
		background-image:url(../images/next.png);
		background-repeat:no-repeat;
		width:43px;
		height:8px;
		display:block;
		text-decoration: none;	
		cursor: pointer;
		}
	.MainContentTopNav a.NextLink:hover {
	  background: transparent url(../images/next_hover.png) 0px 0px no-repeat;
		}

	/* Top Gray Bar */

	.MainContentTopBar {
		width: 100%;
		_height: 20px;
		min-height: 20px;
		padding: 0px 0;
		margin: 0 auto 5px;
		background-color: #333;
		position: relative;
		}

	/* Main Full-width Content Banner */
		
	.MainContentBanner {
		background-color: #333;
		width: 545px; 
		height: 200px;	
		padding: 0px 0;
		margin: 0 auto 0px;
		position: relative;
		}
		.MainContentBannerImg {
			/*width: 575px;
			height: 200px;*/
			}

	/* Main Large Banner + and smaller ones */
	
	.MainContentLargeBanner {
		width: 360px;
		height: 270px;	
		padding: 0px 0;
		margin: 0 auto 0px;
		}
	.MainContentSmallBanner {
		width: 175px;
		height: 130px;	
		padding: 0px 0;
		margin: 0 auto 0px;
		}
	.MainContentSquareBanner {
		width: 175px;
		height: 175px;	
		padding: 0px 0;
		margin: 0 auto 0px;
		}

	/* Logo Boxes & Text */
	
	.MainContentLogo {
		width: 165px;
		height: 165px;	
		padding: 0px 0;
		margin: 0 auto 0px;
		border: 5px solid #979ca0;
		background-color: #cdced0;
		}		
	.ClientName {
		font-size: 1.2em;
		color: #fff;
		margin: .4em  0 .0em;
		padding: 0;	
		font-weight: normal;	
		}		
	.ClientIndustry {
		font-size: .9em;
		color:#999;
		margin: .0em  0 .4em;
		padding: 0;	
		font-weight: normal;		
		}
		

	/* Main Content Table */
	
	
	.ContentColumnTable {
		margin: 0 15px;
		width: 555px; /* table width 585px = 555px + 30px margin */
		}
	.ContentColumnTable td {
		padding: 5px; 
		}
	table.ContentColumnTable td.LeftCol,
	table.ContentColumnTable td.CenterCol,
	table.ContentColumnTable td.RightCol {
		padding: 5px;
		width: 175px; 
		/* Total Table width = col width(175px) + padding(left + right = 10) X 3 = 185x3 = Table Width(555px) + Table Margins(30px) = Total width 585px */
		}
		
		
/* Hidden Wrapper that appears when "View Background" is clicked. Shows and hides with Javascript located in /js/default.js */

		
	#SiteWrapperHidden {
		display: none;
		}	
	#SiteWrapperHidden td.WrapperMainNav {
		padding: 0 15px 0px 25px;	
		}	
	#SiteWrapperHidden .ReturnLink {
		margin: 6px 0 0;
		padding: 0 15px;
		font-size: 1.2em;
		position: relative;
		}
	#SiteWrapperHidden a:link {
		color: #999;	
		text-decoration:none;
		}	
	#SiteWrapperHidden a:visited {
		color: #999;	
		text-decoration:none;
		}