/* Global styles */
body { overflow: -moz-scrollbars-vertical; behavior: url(../js/csshover.htc); background:#000 url(images/bg-slice.jpg) repeat-x; font-family:Tahoma, Geneva, sans-serif; color:#000;}
* {margin: 0 auto; padding: 0;}		/*<------<--------<-----| This assumes we're centering!!! */
a img {border: none;}
a { color:#880000; font-weight:bold; text-decoration:underline}
	a:hover, a.current {text-decoration: none;}
p { font-size:12px; padding:0 0 10px 0; line-height:17px;}
p.calloutbox{ padding:8px 10px 10px 10px; background:#f1f1f1; border:2px solid #000; float:left; width:90%; font-size:14px; line-height:20px;}
ul, ol {padding:4px 0 0 0;}
li {}
td, th, tr {font-size:11px;}
strong { color:#000;}
hr{ border:1px solid #7F7F7F; border-width:1px 0 0 0; margin:0 0 10px 0;}

h1{color:#000; font-size:20px; padding:0 0 10px 0;}
h2{color:#000; font-size:18px; padding:0 0 10px 0;}
h3{color:#000; font-size:16px; padding:0 0 10px 0;}
h4{color:#000; font-size:14px; padding:0 0 10px 0;}
h5{color:#000; font-size:12px; padding:0 0 10px 0;}
h6{color:#000; font-size:10px; padding:0 0 10px 0;}

/* reusable classes */
.right{float:right;}
.left{float:left;}
img.border{ border:2px solid #7F7F7F; margin:0 0 10px 0}
img.border2{ border:2px solid #7F7F7F; margin:0 10px 10px 0; float:left;}
img.border3{ border:1px solid #7F7F7F; margin:0 14px 0 0; float:left;}

.full{position:relative; width:99%;}	/*<------<--------<-----| This works better w/ px based widths */
.full2{position:relative; width:400px; float:left}	/*<------<--------<-----| This works better w/ px based widths */
.split50{position:relative; width:50%;float:left;}
.split30{position:relative; width:190px; float:left;}

.formpadding td {padding: 0 0 10px 0;}

/* Wrappers */				/*<------<--------<-----| Start building out your divs here... */
#ConceptWrapper { width:500px; padding:20px; border:1px solid #000; margin-top:20px; background-color:#fff;}
#PageWrapper{ padding:0 0 0 0; width:1012px;}

#BannerHome{ background:url(images/banner-hp.jpg) no-repeat; width:1012px; height:409px;}
#BannerAbout{ background:url(images/banner-about.jpg) no-repeat; width:1012px; height:220px;}
#BannerContact{ background:url(images/banner-contact.jpg) no-repeat; width:1012px; height:220px;}
#BannerServices{ background:url(images/banner-services.jpg) no-repeat; width:1012px; height:220px;}
#BannerNews{ background:url(images/banner-news.jpg) no-repeat; width:1012px; height:220px;}
#BannerResources{ background:url(images/banner-resources.jpg) no-repeat; width:1012px; height:220px;}

#HpCopy{ float:left; width:430px; padding:120px 0 0 74px;}
#SubCopy{ background:url(images/body-slice.png) repeat-y; width:1012px;}
#SubCopy.leftcopy{ width:420px; float:left}
#SubCopy ul{ font-size:12px; padding:0 0 16px 20px; line-height:17px;}
#SubCopy li{ margin:0; padding:0}
#SubCopy h1{ padding:0 0 33px 0; color:#fff; text-transform:uppercase}
#SubCopy h1 a{ padding:0 0 33px 0; color:#fff; text-transform:uppercase; text-decoration:none}
#SubCopyTop{ background:url(images/body-top.jpg) no-repeat top; width:972px; padding:21px 20px 10px 20px}
#CopywithPic{ float:left; width:320px;}
#CopyLeft{float:left; width:642px; padding:0 36px 0 4px;}
#CopyRight{float:left; width:288px;}
#CopyRight ul.services{ list-style:url(images/arrow-red.gif); margin:0; padding:0 0 10px 20px; font-size:14px;}
#CopyRight ul.services li{ margin:0; padding:0 0 6px 0;}
#CopyRight ul.services li a{ color:#fff; text-decoration:none}
#CopyRight ul.services li a:hover{ text-decoration:underline}
#CopyRight ul.services li a.current{ color:#000;}
#CopyRight p strong em{ font-family:Georgia, "Times New Roman", Times, serif; font-size:15px; line-height:20px;}
#SubCopyBottom{ background:url(images/body-bottom.png) no-repeat; width:1012px; height:9px;}

/***********NAVIGATION**************/
#Nav{ height:44px; padding:25px 0 10px 0; font-size:16px; color:#fff;}
#Nav ul{ margin:0; padding:0 0 0 6px; list-style:none;}
#Nav li{ margin:0; padding:0; float:left; padding:0;}
#Nav li a{ margin:0; padding:12px 18px 12px 18px; color:#fff; font-weight:bold; text-decoration:none; display:block; text-transform:uppercase}
#Nav li a:hover{ background-color:#000;}
#Nav li a.current{ background-color:#000;}
#Nav span{ font-size:16px; float:right; font-weight:bold; padding:12px 20px 0 0}

/***********HP NAVIGATION BOXES**************/
#HpBoxNav {width: 1012px; height: 161px; list-style: none; padding: 0; position:relative; clear:both; display:block;}
	#HpBoxNav ul {margin:0; padding:0; list-style:none}
	#HpBoxNav li {float: left;}					
	#HpBoxNav li a span { display:none;}				
	#HpBoxNav li a:hover span{ display:block; padding:46px 0px 0 6px; font-size:10px;}
	#HpBoxNav li a:hover span strong{ font-size:10px; padding:0 0 4px 0; display:none}
	#HpBoxNav li a:hover span ul{ list-style:square; margin:0; padding:0px 0 0 16px; }
	#HpBoxNav li a:hover span ul li{ margin:0; padding:0 0 1px 0}
	#HpBoxNav li a {height: 161px; display: block; float: left; padding: 0; margin:0;}					
	#HpBoxNav li a.one {width:173px; background: url(images/hp-buttons_01.gif) no-repeat top;}					
	#HpBoxNav li a.two {width:166px; background: url(images/hp-buttons_02.gif) no-repeat top;}					
	#HpBoxNav li a.three {width:167px; background: url(images/hp-buttons_03.gif) no-repeat top;}					
	#HpBoxNav li a.four {width:167px; background: url(images/hp-buttons_04.gif) no-repeat top;}					
	#HpBoxNav li a.five {width:166px; background: url(images/hp-buttons_05.gif) no-repeat top;}					
	#HpBoxNav li a.six {width:173px; background: url(images/hp-buttons_06.gif) no-repeat top;}					
	#HpBoxNav li a:hover {background-position: bottom; }
	#HpBoxNav li a.current {background-position: bottom; }

.formformat{ clear:both; margin:0; font-size:12px;}
.formname{ float:left; width:190px;}
.formfield{ float:left; width:250px; margin:0 0 10px 0;}

/***********FOOTER**************/
#BlackBar{ background:#5B0000; height:22px; border:2px solid #fff; margin:0 0 6px 0}
#Footer{ padding:0 6px;}
#Footer p{text-transform:uppercase; color:#ccc; font-size:11px;}
#Footer p a{ font-weight:bold; color:#ccc; font-size:14px; text-decoration:none}
#Footer p a.smallfootlink{ font-weight:bold; color:#ccc; font-size:11px; text-transform:none}
#Footer strong{ color:#fff;}


/***********Min-Height Hack**************/
.prop {float:left;width:1px;}
.clear {clear:both;height:1px;overflow:hidden;}	/* I don't currently rely on .clear */
.min431px {height:431px;}
/***************************************/	

/* -- Alsett Clearing Method*/
.clearfix:after {content: "."; display:block; height:0; clear:both; visibility:hidden;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}