/* -----------------------------------*/
/* ---------->>> RESET <<<-----------*/
/* -----------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color: #FFF;}
/* remember to define focus styles! */
:focus {outline: 0;}
body {line-height: 1; color: black; background: white;}
/* -----------------------------------*/
/* --------->>>  GLOBAL  <<<----------*/
/* -----------------------------------*/
body { height: 100%; width: 100%; line-height: 1.2em; letter-spacing: .65px; background: url(../img/bg.jpg) repeat fixed;}
#container { width: 981px; margin: 0px auto; text-align: center; zoom: 1; height: 1px; he\ight: auto}
.clear { clear: both}

/* -----------------------------------*/
/* ------->>> TEXT STYLES <<<---------*/
/* -----------------------------------*/
h1, h2, h3, h4 { color: #FF6C27; margin-bottom: 10px; padding: 0 13px}
h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; }
h2 { margin-bottom: 5px; text-decoration: underline}
p { color: #FFF; font-size: 14px; margin-bottom: 10px; font-family: Arial, Helvetica, sans-serif; padding: 0 13px}
p strong { color: #FF6C27}
#workContent p { margin-bottom: 0px; }
#workContent h2 { margin-bottom: 2px; margin-top: 5px; }
#missionStatement p { font-family: Georgia, "Times New Roman", Times, serif; padding-left: 23px}
#missionStatement h1 { padding-left: 23px; }
h1.seo {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #fff; margin-bottom: 2px; font-weight: bold}
h1.seo a {font-family: arial, helvetica, sans-serif; font-size: 12px; color: #fff; text-decoration: none; font-weight: bold}
h1.seo a:hover { color: #fff; text-decoration: underline; font-weight: bold}
h2.seoH2 {font-family: arial, helvetica, sans-serif; font-size: 10px; color: #fff; text-decoration: none; padding: 0; margin: 0; line-height: 1em}
p.copyright {font-family: arial, helvetica, sans-serif; padding: 5px 0 0 0; font-size: 12px}
p span { color: #FF6C27; }

/* -----------------------------------*/
/* ---------->>> HEADER <<<-----------*/
/* -----------------------------------*/
#header { height: 66px; width: 981px; background-image: url(../img/headerBG.png); background-repeat: no-repeat}
#logo { height: 353px; width: 351px; background-image: url(../img/logoBG.png); background-repeat: no-repeat; float: left; z-index: 1000; clear: none; position: relative}

/* -----------------------------------*/
/* ------->>> CONTENT AREA <<<--------*/
/* -----------------------------------*/
#servicesContent li { margin-bottom: 2px; }
#servicesContent ol { margin-bottom: 15px }
#missionStatement { text-align: left; padding-top: 5px; padding-right: 10px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-size: 14px }
#contentWrapper { width: 643px; position: relative; margin-left: -20px; float:right; z-index: 500px }
#mainContentBG { width: 643px; padding-bottom: 10px; background-image: url(../img/mainContentBG.png); background-repeat: repeat-y }
.location { margin-top: 8px; width: 65px; float: left; margin-left: 33px }
#homeLocation { height: 230px; background-image: url(../img/home.png); background-repeat: no-repeat }
.content { width: 525px; margin-top: 5px; margin-left: 5px; float: left; text-align: left; padding-bottom: 20px }

/* -----------------------------------*/
/* ------->>> NAVIGATION <<<----------*/
/* -----------------------------------*/
#mainNav { height: 48px; width: 631px; background-image: url(../img/navBG.jpg); background-repeat: no-repeat; margin-top: 20px; margin-left: 13px}
#navigation ul { list-style: none; }
#navigation li { float: left; display: block; margin-top: 9px; }
#navigation a { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #FF6C27; text-decoration: none; outline: none }
#navigation a:hover { color: #72C846; }
#navAbout { text-align: left; width: 100px; padding-left: 10px; }
#navServices { width: 410px; }
#navWork { text-align: right; }
#topNav { width: 140px; float: right; }
#topNavigation { list-style: none; }
#topNavigation li { float: left; height: 45px; margin-top: 7px; }
#topNavigation a { background-image: url(../img/navTopSprite.png); background-repeat: no-repeat; height: 45px; display: block; outline: none; text-indent: -2500px; overflow: hidden; text-decoration: none; }
#topHome a { width: 53px; background-position: 0px 0px; }
#topHome { margin-right: 28px; }
#topHome a:hover { background-position: 0px -46px; }
#topContact a:hover { background-position: -93px -46px;	}
#topContact a { width: 54px; background-position: -92px 0px; }
/* -----------------------------------*/
/* ------->>>    HOME    <<<----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------->>>    ABOUT   <<<----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------->>> NAVIGATION <<<----------*/
/* -----------------------------------*/

/* -----------------------------------*/
/* ------->>>   FOOTER   <<<----------*/
/* -----------------------------------*/
#aboutLocation { height: 402px; background-image: url(../img/about.png); }
#servicesLocation { height: 519px; background-image: url(../img/services.png); }
#workLocation { height: 439px; background-image: url(../img/work.png); }

#nextPage { float: right; width: 200px; padding-right: 30px; text-align: right; }	
#nextPage a { color: #FF6C27; text-decoration: underline; }
#nextPage a:hover { color: #72C846; text-decoration: underline; }
#workContent h3 { margin-top: 30px; margin-bottom: 5px; text-decoration: underline; }
#contactLocation { height: 506px; background-image: url(../img/contact.png);}
#footer { width: 643px; padding-top: 40px; background-image: url(../img/footerBG.png); background-repeat: no-repeat; float: right}
#footer a { text-decoration: none; }
#footer a:hover { color: #FF6C27; text-decoration: underline; }

#footer p strong { color: #FF6C27; }