<!--
html, body {
	background-color: #2d2d32;
	background-image: url("images/BG_Tile_1x950.jpg");
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	color: #8D98BD;
	height: 100%;
}
a, a:link, a:visited, a:active {
	font-size: 13px;
	color: #8D98BD;
	text-decoration: none;
}
a:hover {
	color: #BFC6DB;
}
img, img a {
	border: none;
}
#page {
	min-height: 100%;
	position: relative;
	width: 900px;
	margin: 0px auto;	
}
/* --- RULE for Older IE --- */
* html #page {
	height: 100%;	
}
#footer {
	width: 100%;
	height: 5.5em;
	background-color: #1B1B1E;
	background-image: url("images/Footer_Tile_1x48.jpg");
	background-repeat: repeat-x;
	text-align: center;
	font-size: 0.9em;
	color: #4F5259;
	position: relative;
	margin-top: -5.5em;
}
#footerText {
	line-height: 1.8em;
	margin-top: 1em;
}
#footerText a, #footerText a:link, #footerText a:visited {
	font-size.9em;
	color: #4F5259;
}
#footerText a:hover {
	color: #BFC6DB;	
}
#topHeaderBox {
	width: 884px;
	height: 97px;
	margin: 0px auto;
	padding: 0px;
}
#topHeaderLogo {
	width: 423px;
	height: 66px;
	background-image: url("images/Hdr_Top_VDI_423x66.jpg");
	background-repeat: no-repeat;
	margin: 21px 0px 0px 20px;
	position: relative;
	float: left;
}
#topHeaderLogo a{
	width: 100%;
	height: 100%;
	display: block;
}
#topHeaderAccent {
	width: 172px;
	height: 66px;
	background-image: url("images/Hdr_Top_MM_172x66.jpg");
	background-repeat: no-repeat;
	margin: 21px 20px 0px 0px;
	float: right;
}
#imageHeaderBox {
	width: 895px;
	height: 292px;
	margin: 0px auto;
	background-image: url("images/Hdr_Image_895x292.jpg");
	background-repeat: no-repeat;
}
#contentBox {
	width: 884px;
	height: auto;
	margin: 20px auto 0px;
	padding-bottom: 1em; /* -- To Pad Footer if content goes too far down - Slightly Bigger than Footer size -- */
}
#contentTL, #contentTR,
#contentBL, #contentBR {
	width: 32px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	float: left;
}
#contentTM, #contentBM {
	width: 820px;
	height: 32px;
	padding: 0px;
	margin: 0px;
	float: left;
	position: relative;
}
#contentTL {
	background-image: url("images/ContentBox_TL_32x32.gif");
	background-repeat: no-repeat;
}
#contentTM {
	background-image: url("images/ContentBox_TM_Tile_1x32.gif");	
	background-repeat: repeat-x;
}
#contentTR {
	background-image: url("images/ContentBox_TR_32x32.gif");
	background-repeat: no-repeat;
}
#contentMidBox {
	width:883px;
	height: auto;
	float: left;
	position: relative;
}
#contentML {
	width: 884px;
	height: auto;
	background-image: url("images/ContentBox_ML_Tile_32x1.gif");
	background-repeat: repeat-y;
	position: relative;
	float: left;
}
#contentMR {
	width: 884px;
	height: auto;
	background-image: url("images/ContentBox_MR_Tile_32x1.gif");
	background-repeat: repeat-y;
	background-position: right;
	float: right;
}
#contentMM {
	width: 884px;
	height: auto;
	background-color: #232931;
	position: relative;
	float: left;
}
#contentBL {
	background-image: url("images/ContentBox_BL_32x32.gif");
	background-repeat: no-repeat;
}
#contentBM {
	background-image: url("images/ContentBox_BM_Tile_1x32.gif");
	background-repeat: repeat-x;
}
#contentBR {
	background-image: url("images/ContentBox_BR_32x32.gif");
	background-repeat: no-repeat;
	position: relative;
}
#footerPadding {
	height: 5em;/* -- To Pad Footer if content goes too far down - Slightly Bigger than Footer size -- */
	[if IE] height: 0em;
	width: 100%;
	position: relative;
	clear: both;
	bottom: 3em;
}
#contentPage {
	width: 820px;
	height: auto;
	margin: 0px auto;
	position: relative;
}
#contentSectionBox_Home {
	width: 415px;
	height: auto;
	float: left;
	padding: 0px 10px;
	margin: 10px 0px 10px 20px;
	display: inline; /* Fix for IE6 Double Margin BUG on Floats */
}
#contentSectionBox {
	width: 760px;
	height: auto;
	float: left;
	padding: 0px 10px;
	margin: 10px 20px;
	display: inline-block; /* Fix for IE6 Double Margin BUG on Floats */
	font-size: 15px;
}
#headerHome {
	width: 145px;
	height: 42px;
	background-image: url("images/Img_Txt_Welcome_145x42.jpg");
	background-repeat: no-repeat;
	margin-left: 0px; 
}
#textHome {
	text-transform: uppercase;  /* Text to all Caps */
	padding: 10px 5px;
	display: inline-block; /* Force to an inline Block - use with Span */
	text-align: justify;
	line-height: 1.5em;
}
#contentFeatured {
	width: 301px;
	height: auto;
	float: right;
	margin: 10px 20px 10px 0px;
	display: inline; /* Fix IE6 Double Margin BUG on Floats*/
}
#headerFeatured {
	width: 297px;
	height: 42px;
	background-image: url("images/Img_Txt_Featured_297x42.jpg");
	background-repeat: no-repeat;
	margin: 0px auto; /* Auto Center within Block */
}
#textFeatured {
	font-size: .9em;
	text-transform: uppercase;
	padding: 10px;
	display: block;/* Fix display of padding by forcing it to be an block element */
	text-align: justify;
}
#featuredItemOuterBox {
	width: 301px;
	height: auto;
	background-color: #15191E;
}
#featuredItemInnerBox {
	width: 289px;
	height: auto;
	margin: 0px auto;
	position: relative;
}
.thumbnail {
	width: 80px;
	height: 80px;
	background-color: #232931;
	margin: 15px 7px 0px;
	float: left;
	display: inline-block;
}
.textClickMore {
	width: 110px;
	height: 1.5em;
	line-height: 1.5em;
	display: inline-block;
	margin: 10px 0px 10px 180px;
}
.textClickMore a, .textClickMore a:link {
	width: 110px;
	height: 1.5em;
	font-size: .85em;
	display: block;
	text-transform: uppercase;
}
.textLtPurple {
    color: #DDA8E6; 
}
/* ######################################################################################## */

/* ##### Projects Page Section ##### */
#headerProjects {
	width: 148px;
	height: 42px;
	background-image: url("images/Img_Txt_Projects_148x42.jpg");
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px; 
}
#textProjects {
	line-height: 1.5em;
	margin: 0px;
	padding: 0px;
}
#projectsDarkBox {
    background: #15191E;
    width: 760px;
    height: auto;
    margin: 20px auto 10px; 
}
.textSubHeaderCategory {
	width: 100%;
	line-height: 1.5em;
	background: #0e1114;
	text-transform: uppercase;
	margin: 0px;
	padding: 0px;
	clear: left; /* Fixes headers from floated elements */	
}
.textSubHeaderCategory span{
	margin-left: 20px;	
}
.thumbnail2 {
	width: 80px;
	height: 80px;
	background-color: #232931;
	margin: 10px 0px 10px 14px;
	float: left;
	display: inline-block;
}
/* ##### END Projects Page Section ##### */

/* ######################################################################################## */

/* ##### About Us Page Section ##### */
#headerAbout {
	width: 148px;
	height: 42px;
	background-image: url("images/Img_Txt_About_148x42.jpg");
	background-repeat: no-repeat;
	margin: 0px 0px 10px 0px;
	float: left;
}
#textAbout {
	line-height: 1.5em;
	clear: left;
}
#aboutMediaBox {
    width: 350px;
    height: 300px;
    background: transparent url("images/Img_AboutInsert_350x300.jpg") no-repeat;
    margin: 57px 0px 10px 20px;
    padding: 0px;
    float: right;
      
}
/* ##### END About US Page Section ##### */

/* ######################################################################################## */

/* ##### Services Page Section ##### */
#headerServices {
	width: 181px;
	height: 42px;
	background-image: url("images/Img_Txt_Services_148x42.jpg");
	background-repeat: no-repeat;
	margin-left: 0px; 
}
.textSubHeaderLtPink {
    text-transform: uppercase;
    font-size: 1.1em;
    font-weight: bold;
    color: #DDA8E6; /*Light Pink - Matches Header*/
}
.textServices img {
    float: left;
    margin: 7px 10px 0px 0px;
    display: block;
    clear: left;
}
/* ##### END Services Page Section ##### */

/* ######################################################################################## */

/* ##### Contact Page Section ##### */
#headerContact {
	width: 181px;
	height: 42px;
	background-image: url("images/Img_Txt_Contact_181x42.jpg");
	background-repeat: no-repeat;
	margin-left: 0px; 
}

#contactFormBox {
    float: right;
    width: 480px;
    border-left: 1px solid #15191E; 
    text-align: right;
}
/* #################### FORM SECTION #################### */
div#formBox {
	width: 100%;
	height: auto;
	margin: 0px auto;
}
div#formBox:focus {
	outline: none;
}
div#formBox form {
	width: 100%;
	margin: 0px 0px;
	padding: 0px;
	float: left;
}
div#formBox fieldset { 
	margin: 0px; 
	padding: 0px; 
	border: none;
}
div#formBox form div { 
	padding: .2em 0px; 
	border-top: 1px solid #232931; 
}
div#formBox label {
	float: left; 
	width: 30%; 
	line-height: 180%; 
	padding-right: 1em; 
	text-align: right; 
}
div#formBox span {
	color: red;
	font-weight: bold;
}
div#formBox input, div#formBox textarea { 
	width: 60%;  
	border: 1px solid #212024; 
	padding: 2px; 
	font-size: 1em; 
	background-color: #15191E; 
	color: #B3BEAD; 
}
div#formBox textarea { 
	overflow:auto; 
	font-family: Arial,Helvetica,sans-serif;  
}
.hoverfocus {
	border: 1px solid #FF0000;
}
.button input {
	width: auto;
	border: none; 
	margin-left: 34%; 
	font-size: 1.2em; 
	color: #FF0000;  
	cursor: pointer; 
}
#error { 
	float: right; 
	width: 80%; 
	padding: 1em;
	color: #FF0000; 
}
#log {
    padding: 1em;
    margin: 10px 0px;
    color: #367BDA; /* Light Bluish to Match Interface */
    border: 1px solid #232931;
    text-align: center;
}
#log_res {
    border: 1px solid #232931; 
    margin: 0px 0px 10px;
    text-align: center;
}
/*   
#response {
	float: right;
	width: 90%;
	padding: 1em;
	color: #367BDA; 	
}
#response ul { 
	border-top: 1px solid #212024; 
	margin-top: 5px; 
	padding-top: 5px; 
}
#error li, #response li { 
	margin: 0px 0px 5px 0px; 
	padding: 0px 0px 5px 25px; 
	background: url("../images/bullet.gif") no-repeat 0px 4px; 
	border-bottom: 1px solid #212024; 
}
#working { 
	float: left; 
	padding: 3em; 
	background: url("../images/loading.gif") no-repeat left center;
}*/
/* ##### END Contact Page Section ##### */
// Stop Hiding -->