@import url('/AspNetControls.css');
@import url('/Admin_Screen.css');
@charset "utf-8";
/* CSS RESET */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,
code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,
label,legend,caption{margin:0;padding:0;border:0;outline:0;font-size:100%;
vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}/* remember to define focus styles! */:focus{outline:0}/* remember to highlight inserts somehow! */ins{text-decoration:none}del{text-decoration:line-through}/* tables still need 'cellspacing="0"' in the markup */table{border-collapse:collapse;border-spacing:0}/* END CSS RESET (http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/) */

body{margin: 0px;padding: 0px;background-color: #fafafa;font-family: Verdana;font-size:62.5%;color: #333333;
    line-height: 18px;background-image: url(Images/BackgroundTile.png);background-repeat: repeat;}

/* ------------- Global Link Properties ------------- */
a:link{color: #787878;text-decoration: none;}
a:hover{color: #2d5f92;text-decoration: none;}
a:visited{color: #2d5f92;text-decoration: none;}

#header a:link{ color: #FFFFFF; text-decoration: none;}
#header a:hover{ color: #CCCCCC; text-decoration: none;}
#header a:visited{ color: #FFFFFF; text-decoration: none;}

#footerContainer a:link{color: #FFFFFF;text-decoration: none;}
#footerContainer a:hover{color: #CCCCCC;text-decoration: none;}
#footerContainer a:visited{color: #CCCCCC;text-decoration: none;}

/* Largest */
h1{color: #072841;margin: 0px 0px 6px 0px;font-size: 1.3em; border-bottom: 1px solid #556807; padding: 0px 0px 2px 0px;}
h2{color: #556807;margin: 0px 0px 0px 0px;font-size: 1em;}
h3{color: #02809d;border-bottom: 1px dashed #02809d;margin: 0px 12px 10px 12px;padding: 3px 8px 0px 0px;
	font-size: 14px;background-image: url(../Images/resultsHTile.png);background-repeat: repeat-x;font-weight: normal;}
h4{color: #FFFFFF;background-color: #02809d;margin: 0px 0px 8px 0px;padding: 3px 8px 4px 10px;font-size: 13px;
   background-image: url(../Images/resultsHTile.png);background-repeat: repeat-x;}
h5{color: #02809d;margin: 5px 0px 5px 0px;padding: 0px 0px 2px 0px;border-bottom: 1px solid #fc6a1d;font-size: 12px;}
h6{color: #787878;margin: 0px 0px 0px 5px;line-height: normal;font-size: 12px;font-weight: normal;}
/* Smallest */

/* ------------- Global Container Properties ------------- 	*/
#container{margin: 0px auto 0px auto;padding: 0px;width: 1018px; background-image: url(Images/vTile.png); background-repeat: repeat-y;}
#header{position: relative; margin: 0px; padding: 0px; background: url(Images/Header2.png) no-repeat; width: 954px; height: 166px;}

/* ------------- ListView Container for Portfolio ------------- */
.propertyContainer{float: left;padding: 0px;margin: 0px 5px 10px 5px;border: 1px solid #CCCCCC;width: 445px; background-color: #FFFFFF;}
.propertyContainer:hover{float: left;padding: 0px;margin: 0px 5px 10px 5px;border: 1px solid #aeacac;width: 445px;background-color: #f7f7f7;}

.propertyImg{padding: 0px;margin: 0px;text-align: center;background-color: #FFFFFF;}
.propertyName{color: #FFFFFF;margin: 0px;padding: 2px 2px 4px 5px;font-size: 1em;font-weight: bold;
    text-align: center;background-color: #013a4a;}
    
.popupPortfolio{border: 4px solid #666666; border-bottom: none; font-size: .9em; line-height: 1.4em;
	background: url(../Images/PortfolioTile.png) bottom repeat-x #f5f6f6; padding: 10px; width: 392px; height: 200px;}
.popupName{color: #FFFFFF;margin: -10px -10px 5px -10px;padding: 2px 2px 4px 5px;font-size: 1em;font-weight: bold;
    text-align: center;background-color: #bb3309; border: 1px solid #FFFFFF;}

.featuresCalloutContainer{position: relative;}
.featuresCallout{position: absolute; top:115px; right: 20px; color: #FFFFFF; line-height: 20px; width: 346px; font-weight: bold; font-size: 1.4em;}
.featuresCalloutContainer ul{margin: 0px; padding: 0px;}
.featuresCalloutContainer li{margin: 0px; padding: 0px;}

/* ------------- Navigation Menu ------------- */
/* Navigation */
#navContainer{position: relative;}
#navigation {background:url(Images/NavUp4.png) no-repeat; height:34px; margin:0px; padding:0px; width: 954px;}
#navigation span {display: none;}
#navigation li, #navigation a {height:34px; display:block;}
#navigation li {float:right; list-style:none; display:inline;}

#navHome {width: 70px;}
#navWhyUs {width: 78px;}
#navServices {width: 86px;}
#navPortfolio {width: 99px;}
#navPackages {width: 97px;}
#navContact {width: 94px;}

#navHome a:hover {background:url(Images/NavOver4.png) -430px 0px no-repeat;}
#navWhyUs a:hover {background:url(Images/NavOver4.png) -500px 0px no-repeat;}
#navServices a:hover {background:url(Images/NavOver4.png) -578px 0px no-repeat;}
#navPortfolio a:hover {background:url(Images/NavOver4.png) -664px 0px no-repeat;}
#navPackages a:hover {background:url(Images/NavOver4.png) -763px 0px no-repeat;}
#navContact a:hover {background:url(Images/NavOver4.png) -860px 0px no-repeat;}

#contentContainer{margin: 0px 32px 0px 32px;padding: 0px 0px 0px 0px;position: relative; font-size: 1.1em; line-height: 1.4em;}
.content{margin: 20px 0px 10px 0px;padding: 0px 20px 0px 20px;text-align: justify;position: relative;}
.contentColumns{margin: 0px;padding: 0px 0px 10px 0px;text-align: justify;position: relative;}

.indexLCol{float: left; position: relative; width: 425px; margin: 10px 0px 0px 0px;}
.homePhoto{position: relative; float: right; width: 478px; margin: 0px 0px 0px 10px;}

/* Tables */
.tblFeatures{position: relative; width: 100%;}
.tblFeatures td{padding: 6px 8px 6px 8px;}
.tblFeatures .title{color: #333333;}
.tblHeader{background-color: #556807; color: #FFFFFF; font-weight: bold; border-right: 1px solid #556807;}
.tblHeader .center{text-align: center;}
.tblColFeatures{font-weight: bold; font-size: 1.1em; border-right: 1px solid #556807; border-bottom: 1px solid #CCCCCC;}
.tblCol{font-weight: bold; color: #556807; border-right: 1px solid #556807; border-bottom: 1px solid #CCCCCC; width: 180px;}
.tblCol .center{text-align: center;}
.tblFooter{background-color: #072841; color: #FFFFFF; font-weight: bold; border-right: 1px solid #556807;}
.tblFooter .center{text-align: center;}

.emphasis{color: #556807; font-weight: bold;}

ul{padding: 0px;}

ol{margin: 5px 0px 15px 0px; line-height: 10px;}
ol li{list-style-type: decimal; margin: 0px 0px 0px 40px; padding: 0px 0px 8px 0px;}

.process{margin: 5px 0px 15px 0px; line-height: 15px;padding: 0px;}
.process li{list-style-type: decimal; margin: 0px 0px 0px 40px; padding: 0px 0px 8px 0px;}

.copyList{margin: 0px 0px 15px 0px; line-height: 18px;padding: 0px;}
.copyList li{list-style-type: disc; margin: 0px 0px 0px 40px;}

.generalList{margin: 15px 0px 15px 0px; line-height: 18px; padding: 0px;}
.generalList li{list-style-type: none; margin: 0px 0px 0px 20px; padding: 0px;}

.leftCol{position:relative; float: left; margin: 0px 20px 0px 0px; width: 438px;}
.rightCol{position:relative; float: left; margin: 0px 0px 0px 0px; width: 438px;}

/* Sidebar */
.sidebarContainer{position: relative; float: right; width: 275px; margin: 0px 0px 0px 10px; border: 1px solid #CCCCCC; background-color: #f2f2f2;}
.sidebarContent{position: relative; padding: 15px; line-height: 18px;}

/* ------------- Footer Container Properties ------------- 	*/
#footerContainer{position: relative; width: 954px; margin: 10px auto -5px auto; color: #FFFFFF; height: 72px; background-color: #1b1a15; z-index: 2;}
#footerGraphic{width: 1018px; height: 42px; margin: 0px auto; position: relative;}
#footerText{position: absolute; top: 5px; left: 10px;}
#additionalServices{position: absolute; top: 10px; right: 10px;}

/* ------------- Global Helpers Properties ------------- */
.infoBar{position:relative; margin: 10px 0px 10px 0px;padding: 4px 8px 4px 8px;border: 3px dotted #ffd371;background-color: #fffbe3;color: #7b7b7b;font-weight: bold;}    
.infoBox{margin: 0px 0px 10px 0px;padding: 10px 10px 10px 10px;border: 3px dotted #ffd371;background-color: #fffbe3;color: #7b7b7b; font-size: .9em;}
.infoImg{float: left;margin: 0px 10px 0px 0px;}
.smallText{font-size: 9px; line-height: normal;}
.fixer{clear: both;margin: 0px;padding: 0px;height: 0px;}
.fixerL{clear: left;margin: 0px;padding: 0px;height: 0px;}
.fixerR{clear: right;margin: 0px;padding: 0px;height: 0px;}
.center{text-align: center;}
.right{text-align: right;}
.left{text-align: left;}

.floatL{float: left; margin: 0px 15px 0px 0px; position: relative; display: inline; padding: 0px;}
.floatR{float: right; margin: 0px 0px 0px 15px; position: relative; display: inline; padding: 0px;}