﻿@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{color: #7b7b7b;font-family: Verdana;font-size:62.5%; position: relative; margin: 0px; padding: 0px;
	background-color: #171611;background-image: url(Images/BackgroundTile.jpg);background-repeat: repeat;}

/* ------------- Global Link Properties ------------- */
a:link{color: #bb3309;text-decoration: underline;}
a:visited{color: #bb3309;text-decoration: none;}
a:hover{color: #666666;text-decoration: underline;}

/* ------------- Global Heading Properties ------------- */
/* ---- Page Title ---- */
h1{color: #072841; margin: 0px 0px 6px 0px; padding: 4px 6px 3px 0px; font-size: 1.3em; border-bottom: 1px solid #bb3309;}
h1 span{color: #bb3309;}

.emphasis{color: #bb3309; font-weight: bold;}

/* ------------- Global Containers ------------- */
#container{position: relative; font-size: 1.1em; margin: 0px auto; width: 959px; line-height: 1.4em;}
#header{position: relative; color: #FFFFFF; height:286px; background: url(Images/Header2.jpg) no-repeat;}
#header a:link{color: #FFFFFF;text-decoration: none;}
#header a:hover{color: #ccff00;text-decoration: none;}
#header a:visited{color: #d8ec86;text-decoration: none;}
#headerBackground{position: absolute; height:286px; background: url(Images/BackgroundHeaderTile.jpg) repeat-x; left: 0px; right: 0px;}

#contentContainer{position: relative; margin: 0px auto; width: 926px; text-align:justify; background: url(Images/contentFooter6.jpg) no-repeat #eeebde bottom;}
#content{position: relative; padding: 10px 15px 68px 15px; color: #191813; width: 896px;}

#footerContainer{position: relative; width: 926px; margin: 8px auto; height: 54px;}
#footerText{position: absolute; top: 0px; left: 0px;}
#additionalServices{position: absolute; top: 0px; right: 0px;}

/* ------------- ListView Container for Portfolio ------------- */
.propertyContainer{float: left;padding: 0px;margin: 0px 5px 10px 5px;border: 1px solid #CCCCCC;width: 435px; background-color: #FFFFFF;}
.propertyContainer:hover{float: left;padding: 0px;margin: 0px 5px 10px 5px;border: 1px solid #aeacac;width: 435px;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;}
    
/* Btn Navigation */
#navContainer{position: absolute; left: 0px; right: 0px; top: 0px;}
#Navigation {width: 959px; margin: 0px; height:30px; padding:0px;}
#Navigation span {display: none;}
#Navigation li, #Navigation a {height:30px; display:block;}
#Navigation li {float: right; list-style:none; display:inline;}

#navHome {width: 56px;}
#navWhyUs {width: 63px;}
#navServices {width: 68px;}
#navPortfolio {width: 70px;}
#navPackages {width: 72px;}
#navContact {width: 81px;}

#navHome a:hover {background:url(Images/navOver2.jpg) -549px 0px no-repeat;}
#navWhyUs a:hover {background:url(Images/navOver2.jpg) -605px 0px no-repeat;}
#navServices a:hover {background:url(Images/navOver2.jpg) -668px 0px no-repeat;}
#navPortfolio a:hover {background:url(Images/navOver2.jpg) -736px 0px no-repeat;}
#navPackages a:hover {background:url(Images/navOver2.jpg) -806px 0px no-repeat;}
#navContact a:hover {background:url(Images/navOver2.jpg) -878px 0px no-repeat;}

/* 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;}

.sidebarContainerFeatures{position: relative; float: right; width: 248px; margin: 0px 0px 0px 10px;
	background: url(Images/sidebarGradient2.jpg) no-repeat 0px 33px;}
.sidebarContentFeatures{position: relative; padding: 15px; line-height: 18px;}

.homePhoto{position: relative; float: right; width: 300px; margin: 0px 0px 0px 10px;}

/* Tables */
.tblFeatures{position: relative; width: 100%;}
.tblFeatures td{padding: 6px 8px 6px 8px;}
.tblFeatures .title{color: #072841;}
.tblHeader{background-color: #bb3309; color: #FFFFFF; font-weight: bold; border-right: 1px solid #bb3309;}
.tblHeader .center{text-align: center;}
.tblColFeatures{font-weight: bold; font-size: 1.1em; border-right: 1px solid #bb3309; border-bottom: 1px solid #CCCCCC;}
.tblCol{font-weight: bold; color: #bb3309; border-right: 1px solid #bb3309; 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 #bb3309;}
.tblFooter .center{text-align: center;}

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: 0px 0px 15px 0px; line-height: 18px;padding: 0px;}
.generalList li{list-style-type: none; margin: 0px 0px 0px 20px; color: #bb3309;}

.featureList{margin: -3px 0px 15px 0px; line-height: 16px;padding: 0px;}
.featureList li{list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 20px; font-size: .9em;
                background: url(Images/checkMarkBullet.gif) no-repeat;}

.leftCol{position:relative; float: left; margin: 0px 20px 0px 0px; width: 438px;}
.rightCol{position:relative; float: left; margin: 0px 0px 0px 0px; width: 438px;}

.colOne{position: relative; float: left; width: 215px; border-right: 1px solid #bb3309; font-weight: bold; line-height: 16px;}
.colTwo{position: relative; float: left; width: 215px; margin: 0px 0px 0px 10px; border-right: 1px solid #bb3309; font-weight: bold; line-height: 16px;}
.colThree{position: relative; float: left; width: 215px; margin: 0px 0px 0px 10px; font-weight: bold; line-height: 16px;}

/* ------------- 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;}