@charset "utf-8";
/* CSS Document */
/* Standard CSS Layout Template (Action Investigations http://www.actionpi.com) */
/* Copyright 2008-2015 : Virtual Marketing Concepts, LLC. All Rights Reserved. */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------- */

* {margin:0; padding:0;}

body {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#000; background:/*url(images/page_back.jpg) top repeat-x */#000;}

a {text-decoration:none; color:#000;}

#container {width:964px; height:auto; margin:5px auto; padding:0; position:relative; /*background:url(images/container.jpg) no-repeat #cccccc;*/ border:none;}

#header {margin:0; padding:0; position:relative; width:964px; height:195px; background:url(images/header-back.jpg) bottom right no-repeat; border-bottom:3px solid #000;}
#header h1 {margin:0; padding:0; position:absolute; font-size:20px; color:#000; top:0px; right:0; text-indent:-999999px;}
#header h2 {margin:0; padding:0; position:absolute; font-size:15px; color:#000; top:25px; left:0; text-indent:-999999px;}

#subheader {margin:0; padding:0; position:relative; height:292px; width:710px; background:url(images/subheader-back.jpg) top left no-repeat #000;}
#subheader h2 {margin:0; padding:0; position:absolute; font-size:16px; color:#ff0000; top:0; right:0; text-indent:-999999px;}
#subheader img {position:absolute; bottom:0px; left:0; border:none; margin:0; padding:0;}

#navigation {margin:0; padding:0; position:absolute; width:795px; height:40px; top:41px; right:0px;}
#navigation ul {list-style:none; margin:0; padding:0; width:100%; font-size:20px; font-family:Georgia, "Times New Roman", Times, serif;}
#navigation li {list-style:none; margin:0 3px; width:auto; float:left; text-align:center; _display:inline:}
#navigation li:hover {}
#navigation a {display:block; color:#FFF; background:url(images/top-nav-back.jpg) top left no-repeat; text-decoration:none; padding:15px 10px;  text-transform:Capitalize; width:238px; height:21px;}
#navigation a:hover {color:#fff; background:url(images/top-nav-back-roll.jpg) top left no-repeat;}

/* Place most style attributes in the content section. Only put div specific items in the contentLeft or contentRight styles. */

#content {margin:0; padding:0; position:relative; width:964px; background:url(images/content-back.jpg) top left repeat-y;}
#content h1 {margin:30px 20px 20px 20px; padding:0; color:#333; font-size:20px; border-bottom:1px dotted #990000; font-family:Georgia, "Times New Roman", Times, serif;}
#content h2 {margin:25px 20px 10px 20px ; padding:0; color:#333; font-size:16px; font-family:verdana, sans-serif; border-bottom:1px solid #333;}
#content h3 {margin:10px 20px; padding:0; color:#333; font-size:15px; font-family:verdana, sans-serif;}
#content p {margin:10px 20px; padding:0; font-size:14px; line-height:22px;}

.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#contentLeft {margin:0 0 0 2px; padding:0; position:relative; width:250px; float:left; _display:inline;}
#contentLeft h4 {color:#fff; background:#000; width:240px; padding:10px 5px; font-size:14px; text-align:center;}
#contentLeft ul {margin:0; padding:0; list-style:none; font-size:13px; font-weight:bold; color:#fff;}
#contentLeft li {background:url(images/services-back.jpg) top left no-repeat; height:15px; width:230px; padding:10px;}
#contentLeft li a {color:#FFFFFF;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#contentRight {margin:0 2px 0 0; padding:0; position:relative; width:710px; float:right; _display:inline;}
#contentRight ul {margin:10px 40px; padding:0; font-size:15px; list-style:none;}
#contentRight li {margin:5px 0px; padding:0;}
#contentRight a {font-weight:bold;}
/* Only add specifications if you want the same object looking different in this area of the page. */

#contactBottom {width:650px; margin:10px auto; background:#990000; padding:10px; border:2px solid #000}
#contactBottom h2 {margin:10px 180px; padding:0; color:#fff; text-align:center; font-size:25px; font-family:Impact, Arial, Helvetica, sans-serif; border-bottom:1px solid #000; font-weight:normal;}
#contactBottom h4 {margin:10px 20px; padding:0; color:#ffff00; font-size:20px; text-align:center; font-family:Impact, Arial, Helvetica, sans-serif; font-weight:normal; letter-spacing:1px}

#footer {margin:0; padding:0 0 0 254px; position:relative; width:710px; height:30px; padding-top:20px; text-align:center; background:url(images/footer-back.jpg) top left no-repeat;}
#footer p {margin:0; padding:0; color:#fff; font-size:12px;}
#footer a {color:#efefef; font-weight:bold;}