html {
font: small/1.5 Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif;
}

body {
text-align: left;
background-image: url(art/LOGO-BG.jpg);
background-position: top center;
background-repeat: no-repeat;
background-color: #dce1eb;
padding: 0;
margin: 0;
border: 0;
height: 100%;
}

#midblue {
margin-right: auto;
margin-left: auto;
padding: 0;
margin-top: 0;
background-image: url(art/MID-BLUE.gif);
background-position: top left;
background-repeat: repeat-x;
}

#midbluetwo {
margin-right: auto;
margin-left: auto;
padding: 0;
margin-top: 0;
background-image: url(art/MID-BLUE-2.gif);
background-position: top left;
background-repeat: repeat-x;
}

#midbluethree {
margin-right: auto;
margin-left: auto;
padding: 0;
margin-top: 0;
background-image: url(art/MID-BLUE-3.gif);
background-position: top left;
background-repeat: repeat-x;
}
	
#frame {
width: 960px;
margin-right: auto;
margin-left: auto;
padding: 0;
margin-top: 0;
text-align: left;
height: 100%;
}

#title-holder {
width: 960px;
height: 193px;
margin: 0;
padding: 0;
text-align: right;
}

#flashcontent-home {
float: right;
width: 485px;
margin: 1px 0 0 15px;
padding: 0;
height: 283px;
}

#allwrapper {
width: 960px;
margin: 12px 0 8px 0;
padding: 0;
}

#contactus {
float: left;
width: 400px;
}
.threehomefloat {
display: block;
margin: 0 0 10px 0;
padding: 8px;
background-color: #FFFFFF;
}

#reasons {
position: relative;
left: 52px;
width: 908px;
padding: 0;
margin: 0;
height: 283px;
}

.big-reason {
position: relative;
float: left;
left: 0px;
margin: 40px 30px 5px 0;
padding: 0;
width: 195px;
}
.little-reason {
position: relative;
float: left;
left: 0px;
margin: 5px 7px 8px 0;
padding: 3px 0 0 0;
width: 320px;
background-repeat: no-repeat;
background-position: top left;
}

.one {
background-image: url(art/reasons/REASONS_1.gif);
margin-top: 35px;
}
.two {
background-image: url(art/reasons/REASONS_2.gif);
}
.three {
background-image: url(art/reasons/REASONS_3.gif);
}
.four {
background-image: url(art/reasons/REASONS_4.gif);
}
.five {
background-image: url(art/reasons/REASONS_5.gif);
margin-bottom: 42px;
}
.six {
background-image: url(art/reasons/REASONS_6.gif);
margin-top: 35px;
}
.seven {
background-image: url(art/reasons/REASONS_7.gif);
}
.eight {
background-image: url(art/reasons/REASONS_8.gif);
}
.nine {
background-image: url(art/reasons/REASONS_9.gif);
}
.ten {
background-image: url(art/reasons/REASONS_10.gif);
margin-bottom: 42px;
}

#threecolumn2 {
position: relative;
left: 0;
width: 960px;
min-height: 250px;
padding: 0;
margin: 0;
}

#threecolumn {
position: relative;
left: 52px;
width: 908px;
min-height: 250px;
padding: 0;
margin: 0;
}

.coupons-1-top {
position: relative;
float: left;
left: 52px;
margin: 0;
padding: 12px 0 0 0;
width: 520px;
border: 6px dashed #FFFFFF;
text-align: center;
}
.coupons-1 {
position: relative;
float: left;
left: 52px;
margin: 0;
padding: 12px 0 0 0;
width: 250px;
border: 2px dashed #2a4d8a;
text-align: center;
}

.coupons-2 {
position: relative;
float: left;
left: 100px;
margin: 0;
padding: 12px 0 0 0;
width: 250px;
border: 2px dashed #2a4d8a;
text-align: center;
}

.coupons-3 {
position: relative;
float: left;
left: 148px;
margin: 0;
padding: 12px 0 0 0;
width: 250px;
border: 2px dashed #2a4d8a;
text-align: center;
}
.threefloat_1 {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 300px;
}

.threefloat_2 {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 300px;
}

.threefloat_3 {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 300px;
}

.twofloat_newsletter {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 652px;
}
.twofloat_form {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 600px;
}

.twofloat_2_form {
position: relative;
float: left;
left: -20px;
margin: 5px 0 0 0;
padding: 0;
width: 300px;
}

.twofloat_2_newsletter {
position: relative;
float: left;
left: -20px;
margin: 10px 0 0 0;
padding: 85px 0 0 0;
width: 300px;
background-image: url(art/CONT_NEWSLETTER_BG.gif);
background-position: top left;
background-repeat: no-repeat;
border-bottom: 20px solid #FFE05B;
}

.main_newsletter {
position: relative;
float: left;
left: -20px;
margin: 10px 0 80px 0;
padding: 85px 0 0 0;
width: 300px;
background-image: url(art/CONT_NEWSLETTER_BG2.gif);
background-position: top left;
background-repeat: no-repeat;
}

.twofloat_1 {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 450px;
}

.twofloat_2 {
position: relative;
float: left;
left: 0px;
margin: 0;
padding: 12px 0 0 0;
width: 450px;
}

.twofloat_2_about {
position: relative;
float: left;
left: 0px;
margin: 20px 0 0 0;
padding: 12px 0 0 0;
width: 450px;
background-image: url(art/QUOTE-left.gif);
background-position: top left;
background-repeat: no-repeat;
}

.twofloat_2_noquote {
position: relative;
float: left;
left: -20px;
margin: 5px 0 0 0;
padding: 0;
width: 450px;
}


.testimonial {
position: relative;
float: left;
left: 0px;
margin: 0 0 18px 40px;
padding: 10px 0 0 0;
width: 775px;
background-image: url(art/QUOTE-left.gif);
background-position: top left;
background-repeat: no-repeat;
}

.vendor {
position: relative;
float: left;
left: 0px;
margin: 0 0 18px 40px;
padding: 0;
width: 775px;
}
.tips {
position: relative;
float: left;
left: 0px;
margin: 0 0 18px 40px;
padding: 10px 0 0 0;
width: 775px;
background-position: top left;
background-repeat: no-repeat;
}

.onetip {
background-image: url(art/sins/SINS_1.gif);
}
.twotip {
background-image: url(art/sins/SINS_2.gif);
}
.threetip {
background-image: url(art/sins/SINS_3.gif);
}
.fourtip {
background-image: url(art/sins/SINS_4.gif);
}
.fivetip {
background-image: url(art/sins/SINS_5.gif);
}
.sixtip {
background-image: url(art/sins/SINS_6.gif);
}
.seventip {
background-image: url(art/sins/SINS_7.gif);
}



#angelicfooter {
display: block;
width: 960px;
height: 110px;
padding: 10px 0 0 0;
margin: 0;
background-image: url(art/FOOTER-BG.gif);
background-position: top center;
background-repeat: repeat-y;
}

.floatright_no {
float: right;
padding: 0;
margin: 0 10px 10px 10px;
}

.floatleft_no {
display: block;
padding: 0;
margin: 0 0 10px 0;
}

.floatmarginright {
float: right;
margin: 0 20px 5px 15px;
padding: 8px;
background-color: #FFFFFF;
}

.floatmarginleft-res {
float: left;
margin: 22px 22px 5px 54px;
padding: 8px;
background-color: #FFFFFF;
}
.floatmarginleft {
float: left;
margin: 22px 22px 20px 54px;
padding: 8px;
background-color: #FFFFFF;
}

.floatmarginleft-about {
float: left;
margin: 10px 0 5px 0;
padding: 8px;
background-color: #FFFFFF;
}
.floatmarginleft-short {
float: left;
margin: 22px 22px 10px 54px;
padding: 8px;
background-color: #FFFFFF;
}

.floatmarginright2-short {
float: right;
margin: 22px 54px 10px 22px;
padding: 8px;
background-color: #FFFFFF;
}
.floatmarginright-short {
float: right;
margin: 5px 25px 10px 15px;
padding: 8px;
background-color: #FFFFFF;
}

.floatmarginleftno {
float: left;
margin: 0 16px 10px 54px;
padding: 0;
}
.floatmarginrightno {
float: right;
margin: 1px 54px 20px 16px;
padding: 0;
}
.quoteleft_no {
float: left;
padding: 0;
margin: 0 15px 0px 10px;
}

.floatcenter {
display: block;
padding: 0;
margin: 5px 0 13px 15px;
}

.leftcolumnfloat {
float: left;
padding: 0;
margin: 0 10px 0 11px;
}

.floatcity {
float: left;
padding: 0;
margin: 0 15px 40px 25px;
}
.leftcolumnfloat_no {
float: left;
padding: 0;
margin: 4px 10px 0 15px;
}

/* COLORS
LITE - 677DAF
DARK - 2a4d8a
YELL - FFE05B
WHITE - FFF
BLACK - 000 
*/

/* TEXT INSTRUCTIONS ************************** */

h1.title {
text-align: right;
font-size: .8em;
line-height: 1.2em;
font-weight: normal;
color: #3661AD;
margin: 0 54px 0 0;
padding: 3px 0 0 0;
}

h1.titletwo {
text-align: center;
font-size: .8em;
line-height: 1.2em;
font-weight: normal;
color: #bcad8d;
margin: 0 0 17px 0;
}

h2.subhead {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #FFE05B;
margin: 0 0 6px 54px;
}

h2.subhead-services {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #2A4D8A;
margin: 0 0 6px 54px;
}
h2.subhead-fill {
font-size: 1.3em;
line-height: 1.3em;
font-weight: normal;
color: #FFE05B;
margin: 6px 0 6px 54px;
}
h2.subhead-line {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #2a4d8a;
margin: 0 0 4px 0;
}

h2.subhead-line-about {
font-size: 1.3em;
line-height: 1.6em;
font-weight: normal;
color: #2a4d8a;
margin: 0 55px 4px 42px;
}

h2.subhead-reasons {
font-size: 1.3em;
line-height: 1.45em;
font-weight: normal;
color: #FFE05B;
margin: 0 0 4px 38px;
}
h2.subhead-top {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #2a4d8a;
margin: 15px 0 4px 10px;
}

h2.subhead-gallery {
font-size: 1.625em;
line-height: 1.4em;
font-weight: normal;
color: #951B30;
margin: 0 15px 4px 10px;
}

h2.subheadcontact {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #71bf44;
margin: 0 0 4px 35px;
}

h2.subhead_form {
font-size: 1.4em;
line-height: 1.4em;
font-weight: normal;
color: #6880b5;
margin: 0 0 4px 0;
}

h2.address {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #FFFFFF;
margin: 0 0 4px 0;
}

h3.subhead3 {
font-family: Georgia, serif;
font-size: 2em;
display: inline;
line-height: 1.3em;
font-weight: normal;
color: #951B30;
margin: 6px 10px 4px 10px;
border-bottom: 1px dotted #998B70;
}

h2.subheadres {
font-size: 1.5em;
line-height: 1.6em;
font-weight: normal;
color: #951B30;
margin: 0 15px 7px 15px;
border-bottom: 1px dotted #71bf44;
}

.coupons {
display: block;
}

.coupons h2 {
font-size: 2.2em;
line-height: 1.4em;
font-weight: bold;
color: #2a4d8a;
margin: 0 10px 2px 10px;
}

.coupons h3 {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #2a4d8a;
margin: 0 10px 6px 10px;
}

.coupons p {
font-size: 1em;
line-height: 1.3em;
color: #2a4d8a;
margin: 0 20px 10px 20px;
}

.coupons-top {
display: block;
}

.coupons-top h2 {
font-size: 3em;
line-height: 1.1em;
font-weight: bold;
color: #FFFFFF;
margin: 0 10px 8px 10px;
}

.coupons-top h3 {
font-size: 1.5em;
line-height: 1.4em;
font-weight: normal;
color: #FFFFFF;
margin: 0 10px 6px 10px;
}

.coupons-top p {
font-size: 1em;
line-height: 1.3em;
color: #FFFFFF;
margin: 0 20px 10px 20px;
}

p.maintext {
font-size: 1em;
line-height: 1.5em;
color: #FFFFFF;
margin: 0 10px 6px 54px;
}

p.maintext-last {
font-size: 1em;
line-height: 1.6em;
color: #FFFFFF;
margin: 0 10px 16px 54px;
}

p.maintext-sm {
font-size: 1em;
line-height: 1.5em;
color: #2A4D8A;
margin: 0 40px 6px 54px;
}
p.maintext-last-sm {
font-size: 1em;
line-height: 1.6em;
color: #2A4D8A;
margin: 0 40px 16px 54px;
}
p.maintext-sm-white {
font-size: 1em;
line-height: 1.5em;
color: #FFFFFF;
margin: 0 40px 6px 54px;
}
p.maintext-last-sm-white {
font-size: 1em;
line-height: 1.6em;
color: #FFFFFF;
margin: 0 40px 16px 54px;
}

p.maintext-sm-newsletter {
font-size: 1.1em;
line-height: 1.5em;
color: #FFFFFF;
margin: 0 20px 9px 20px;
}

p.maintext-sm-disclaimer {
font-size: .9em;
line-height: 1.3em;
color: #abbade;
margin: 0 20px 15px 20px;
}

p.maintext_narrow {
font-size: 1em;
line-height: 1.6em;
color: #2A4D8A;
margin: 0 40px 8px 0;
}

p.maintext_vendor {
font-size: 1em;
line-height: 1.6em;
color: #2A4D8A;
margin: 0 0 8px 42px;
}
p.maintext_narrow-last {
font-size: 1em;
line-height: 1.6em;
color: #2A4D8A;
margin: 0 40px 25px 0;
}

p.maintext-tips {
font-size: 1em;
line-height: 1.6em;
font-weight: normal;
color: #2a4d8a;
margin: 0 40px 1px 48px;
}

p.maintext_center {
text-align: center;
font-size: .875em;
line-height: 1.7em;
color: #998B70;
margin: 0 25px 5px 0;
}

p.maintext_right {
text-align: right;
font-size: 1em;
line-height: 1.6em;
color: #2A4D8A;
margin: 0 0 8px 0;
}
/* ANCHORS and SPANS ************************** */

a.linkyel {
color: #FFE05B;
font-weight: 500;
text-decoration: underline;
}

a:hover.linkyel {
color: #3661AD;
background-color: #FFE05B;
}

a.linkblue {
color: #2a4d8a;
font-weight: 500;
text-decoration: underline;
}

a:hover.linkblue {
color: #FFE05B;
background-color: #2a4d8a;
}
a.backup {
color: #FFFFFF;
background-color: #2A4D8A;
font-weight: 500;
text-decoration: none;
}

a:hover.backup {
color: #FFE05B;
background-color: #2A4D8A;
}

a.backup-lite {
color: #FFFFFF;
background-color: #677DAF;
font-weight: 500;
text-decoration: none;
}

a:hover.backup-lite {
color: #FFE05B;
background-color: #677DAF;
}

a.jumper {
color: #E4D3B0;
background-color: #998B70;
font-weight: 500;
text-decoration: none;
}

a:hover.jumper {
color: #951B30;
background-color: #E4D3B0;
}

a.nothing {
border: 0;
text-decoration: none;
margin-left: 54px;
}

a:hover.nothing {
border: 0;
text-decoration: none;
}

a.nothing-fl {
border: 0;
text-decoration: none;
}

a:hover.nothing-fl {
border: 0;
text-decoration: none;
}

.clear {
clear: both;
}

.clearline {
clear: both;
border-bottom: 1px dotted #2a4d8a;
margin: 0;
padding: 0;
width: 850px;
}
/* COLORS
LITE - 677DAF
DARK - 2a4d8a
YELL - FFE05B
WHITE - FFF
BLACK - 000 
*/

/* DL INSTRUCTIONS for Teachers favorites on RESOURCES PAGE */

.threefloat_1 dl {
display:block;
padding:0 0 10px 0;
margin: 0 0 0 0;
}

dd {
width:253px;
}

	
dd a.sub {
	display:block;
	width:100%;
	font-size: 1em;
	line-height:1.5em;
	margin: 0 0 6px 0;
	text-decoration: none;
	color:#EEE;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#677DAF;
	}
	
dd a.main {
	display:block;
	width:100%;
	font-size: 1.375em;
	line-height:1.5em;
	margin: 15px 0 6px 0;
	text-decoration: none;
	color:#FFE05B;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#2a4d8a;
	}

dd a span {
	padding:0 10px;
	}

dd a:hover, 
dd a:hover span, 
dd a:focus, 
dd a:focus span {
	color:#EEE;
	text-decoration:none;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color:#8f8972;
}

	
/* COLORS
LITE - 677DAF
DARK - 2a4d8a
YELL - FFE05B
WHITE - FFF
BLACK - 000 
*/

span.smaller {
font-size: 70%;
}

span.medium {
font-size: 85%;
}

span.white {
font-size: 85%;
color: #FFF;
}

span.blu {
font-size: 85%;
color: #677DAF;
margin-left: 500px;
}

span.blu-no {
font-size: 85%;
color: #677DAF;
margin-left: 5px;
}
span.greenmain {
font-size: 130%;
color: #71bf44;
}

span.current {
color: #FFFFFF;
background-color: #951B30;
}
span.golfmain {
color: #951B30;
}

span.liteblue {
font-size: 120%;
color: #2D71D1;
}

span.litebluesmall {
font-size: 90%;
color: #2D71D1;
}

span.redmain {
font-size: 120%;
color: #ed1c24;
}

span.smallerwhite {
color: #FFF;
font-size: 60%;
}

span.underline {
border-bottom: 1px solid #FFFFFF;
}

/* QUESTIONS ************************** */

.hide {display: none;}
.show {display: block;}

dt {
margin: 0;
}

dd {
margin: 0;
}
	
p.answer {
font-size: 1.25em;
line-height: 1.3em;
font-weight: normal; 
color: #F1B024;
margin: 0 0 8px 25px;
}

p.answer-link {
font-size: 1em;
line-height: 1.6em;
font-weight: normal; 
color: #FFFFFF;
margin: 0 0 8px 0;
}

/* Unordered LIST INSTRUCTIONS */

ul#small_ALL {
list-style-type: none;
padding: 5px 0 0 0;
margin: 2px 0 18px 15px;
text-align: left;
}

ul#small_ALL_MARLEFT {
list-style-type: none;
padding: 5px 0 0 0;
margin: 2px 0 18px 80px;
text-align: left;
}
ul#small_ALL_two {
list-style-type: none;
padding: 5px 0 0 0;
margin: 0 0 12px 40px;
text-align: left;
}
li#OMLI {
background-image: url(art/BULLET.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
padding: 0
}
li#LINK-MAIN {
background-image: url(art/BULLET-YELLOW.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
padding: 0;
margin: 12px 0 0 0;
}
li#LINK-SUB {
background-image: url(art/BULLET-SMALL.gif);
background-repeat: no-repeat;
background-position: 0 .25em;
padding: 0
}
p.sch-left-ul {
font-size: 1.15em;
line-height: 1.3em;
color: #2a4d8a;
margin: 0 5px 6px 17px;
padding: 0;
}

p.sch-left-ul-sm {
font-size: 1em;
line-height: 1.6em;
color: #2A4D8A;
margin: 0 70px 6px 17px;
}
/* COLORS
LITE - 677DAF
DARK - 2a4d8a
YELL - FFE05B
WHITE - FFF
BLACK - 000 
*/

/* navigation for the top portion on the page************************** */

#navigation-main {
width: 960px;
position: relative;
left: 0px;
margin: 0;
padding: 0;
height: 39px;
}

#nav-main {
  width: 852px;
  height: 39px;
  position: relative;
  left: 52px;
  top: 0px;
  background: url(art/NAV-MAIN.jpg);
  margin: 0;    
  padding: 0;
}
#nav-main li {
  float: left;
  list-style-type: none;
}
#nav-main li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 39px;
  background: url(art/NAV-MAIN.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_HOM a {
  left: 0;
  width: 66px;
  background-position: 0 0;
}
li#nav_ABT a {
  left: 66px;
  width: 98px;
  background-position: -66px 0;
}
li#nav_WHY a {
  left: 164px;
  width: 133px;
  background-position: -164px 0;
}
li#nav_RES a {
  left: 297px;
  width: 112px;
  background-position: -297px 0;
}
li#nav_COM a {
  left: 409px;
  width: 116px;
  background-position: -409px 0;
}
li#nav_SPC a {
  left: 525px;
  width: 92px;
  background-position: -525px 0;
}
li#nav_TST a {
  left: 617px;
  width: 125px;
  background-position: -617px 0;
}
li#nav_CON a {
  left: 742px;
  width: 110px;
  background-position: -742px 0;
}
li#nav_HOM a:hover {
  background-position: 0 -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_ABT a:hover {
  background-position: -66px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_WHY a:hover {
  background-position: -164px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_RES a:hover {
  background-position: -297px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_COM a:hover {
  background-position: -409px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_SPC a:hover {
  background-position: -525px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_TST a:hover {
  background-position: -617px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_CON a:hover {
  background-position: -742px -39px;
  background-color: transparent;
  border-bottom: 0px;
}
#body_HOM li#nav_HOM  a {
  background-position: 0 -78px;
}
#body_ABT li#nav_ABT  a {
  background-position: -66px -78px;
}
#body_WHY li#nav_WHY  a {
  background-position: -164px -78px;
}
#body_RES li#nav_RES  a, #body_RES2 li#nav_RES a, 
#body_RES3 li#nav_RES  a, #body_RES4 li#nav_RES a, 
#body_RES5 li#nav_RES  a, #body_RES6 li#nav_RES a {
  background-position: -297px -78px;
}
#body_COM li#nav_COM  a, #body_COM2 li#nav_COM  a,
#body_COM3 li#nav_COM  a, #body_COM4 li#nav_COM  a,
#body_COM5 li#nav_COM  a {
  background-position: -409px -78px;
}
#body_SPC li#nav_SPC  a {
  background-position: -525px -78px;
}
#body_TST li#nav_TST  a {
  background-position: -617px -78px;
}
#body_CON li#nav_CON  a {
  background-position: -742px -78px;
}



/* SUB NAVIGAITON for RESIDENTIAL ************************** */
	
#residential-sub {
width: 960px;
position: relative;
left: 0px;
margin: 1px 0 0 0;
padding: 19px 0 0 0;
height: 39px;
background: url(art/NAV-RESIDENTIAL-BG.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#nav-residential {
  width: 852px;
  height: 20px;
  position: relative;
  left: 52px;
  top: 0px;
  background: url(art/NAV-RESIDENTIAL.jpg);
  margin: 0;    
  padding: 0;
}
#nav-residential li {
  float: left;
  list-style-type: none;
}
#nav-residential li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 20px;
  background: url(art/NAV-RESIDENTIAL.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_CRP a {
  left: 0;
  width: 115px;
  background-position: 0 0;
}
li#nav_FLD a {
  left: 115px;
  width: 131px;
  background-position: -115px 0;
}
li#nav_TIL a {
  left: 246px;
  width: 150px;
  background-position: -246px 0;
}
li#nav_UPH a {
  left: 396px;
  width: 142px;
  background-position: -396px 0;
}
li#nav_AIR a {
  left: 538px;
  width: 126px;
  background-position: -538px 0;
}
li#nav_REP a {
  left: 664px;
  width: 188px;
  background-position: -664px 0;
}

li#nav_CRP a:hover {
  background-position: 0 -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_FLD a:hover {
  background-position: -115px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_TIL a:hover {
  background-position: -246px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_UPH a:hover {
  background-position: -396px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_AIR a:hover {
  background-position: -538px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_REP a:hover {
  background-position: -664px -20px;
  background-color: transparent;
  border-bottom: 0px;
}

#body_RES li#nav_CRP a {
  background-position: 0 -40px;
}
#body_RES2 li#nav_FLD a {
  background-position: -115px -40px;
}
#body_RES3 li#nav_TIL a {
  background-position: -246px -40px;
}
#body_RES4 li#nav_UPH a {
  background-position: -396px -40px;
}
#body_RES5 li#nav_AIR a {
  background-position: -538px -40px;
}
#body_RES6 li#nav_REP a {
  background-position: -664px -40px;
}


/* SUB NAVIGAITON for COMMERCIAL ************************** */
	
#commercial-sub {
width: 960px;
position: relative;
left: 0px;
margin: 1px 0 0 0;
padding: 19px 0 0 0;
height: 39px;
background: url(art/NAV-COMMERCIAL-BG.jpg);
background-repeat: no-repeat;
background-position: top left;
}

#nav-commercial {
  width: 744px;
  height: 20px;
  position: relative;
  left: 106px;
  top: 0px;
  background: url(art/NAV-COMMERCIAL.jpg);
  margin: 0;    
  padding: 0;
}
#nav-commercial li {
  float: left;
  list-style-type: none;
}
#nav-commercial li a {
  position: absolute;
  top: 0;
  margin: 0;
  padding: 0;
  display: block;
  height: 20px;
  background: url(art/NAV-COMMERCIAL.jpg) no-repeat;
  text-indent: -9999px;
  overflow: hidden;
  font-size: 1%;
}
li#nav_CRPcom a {
  left: 0;
  width: 115px;
  background-position: 0 0;
}
li#nav_FLDcom a {
  left: 115px;
  width: 131px;
  background-position: -115px 0;
}
li#nav_TILcom a {
  left: 246px;
  width: 150px;
  background-position: -246px 0;
}
li#nav_UPHcom a {
  left: 396px;
  width: 142px;
  background-position: -396px 0;
}
li#nav_AIRcom a {
  left: 538px;
  width: 206px;
  background-position: -538px 0;
}

li#nav_CRPcom a:hover {
  background-position: 0 -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_FLDcom a:hover {
  background-position: -115px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_TILcom a:hover {
  background-position: -246px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_UPHcom a:hover {
  background-position: -396px -20px;
  background-color: transparent;
  border-bottom: 0px;
}
li#nav_AIRcom a:hover {
  background-position: -538px -20px;
  background-color: transparent;
  border-bottom: 0px;
}

#body_COM li#nav_CRPcom a {
  background-position: 0 -40px;
}
#body_COM2 li#nav_FLDcom a {
  background-position: -115px -40px;
}
#body_COM3 li#nav_TILcom a {
  background-position: -246px -40px;
}
#body_COM4 li#nav_UPHcom a {
  background-position: -396px -40px;
}
#body_COM5 li#nav_AIRcom a {
  background-position: -538px -40px;
}









/* FOOTER for the bottom portion on the page************************** */

.footer-main {
font-size: 1.1em;
line-height: 1.2em;
color: #FFE05B;
margin: 0 0 4px 70px;
}

.footer-main-sub {
font-size: 1em;
line-height: 1.3em;
color: #FFFFFF;
margin: 0 0 4px 70px;
}

.footer-mine-sub {
font-size: .9em;
line-height: 1.3em;
color: #FFFFFF;
margin: 0 0 4px 70px;
}
span.green {
font-size: 85%;
color: #71bf44;
padding: 0;
}

span.brown {
font-size: 85%;
color: #2a4d8a;
padding: 0;
}

a.footer {
color: #FFE05B;
text-decoration: underline;
font-weight: 500;
}

a:hover.footer {
color: #FFE05B;
background-color: #2a4d8a;
text-decoration: none;
}

a.mine {
color: #FFFFFF;
text-decoration: none;
font-weight: 500;
}

a:hover.mine {
color: #FFE05B;
background-color: #2a4d8a;
}

.footerright {
float: right;
padding: 0;
margin: 0 0 2px 0;
}


/* COLORS
LITE - 677DAF
DARK - 2a4d8a
YELL - FFE05B
WHITE - FFF
BLACK - 000 
*/
/* nested div classs for my link ************************** */

.footer-sub-main {
font-size: .875em;
line-height: 1.3em;
text-align: left;
color: #544633;
margin: 0 0 0 10px;
}

/* FORM INSTRUCTIONS ************************** */

#formwrapper {
width: 425px;
padding: 0;
margin: 0 0 0 15px;
}

.RAIL_RIGHT {
float: right;
width: 310px;
padding: 20px 25px 0 25px;
}

#map {
width: 310px;
display: block;
margin: 10px 0 0 0;
padding: 0;
}

/* COLORS
LITE - 677DAF
DARK - 2a4d8a
YELL - FFE05B
WHITE - FFF
BLACK - 000 
*/
/* FORM INSTRUCTIONS ************************** */

input.txt {
color: #000;
background-color: #fff;
border: 1px inset #264a9c;
width: 300px;
}

textarea {
color: #000;
background-color: #fff;
border: 1px inset #264a9c;
width: 500px;
}

input.btn {
color: #FFFFFF;
background-color: #264a9c;
border: 1px inset #264a9c;
}

input.btnlite {
color: #264a9c;
background-color: #96a9d5;
border: 1px inset #264a9c;
}
a.space {
margin: 0 0 0 25px;
}

form div {
clear: left;
margin: 0;
padding: 0;
padding-top: 0.6em;
}

form div label {
float: left;
width: 35%;
font: bold 0.9em Verdana, Arial, san-serif;
color: #264a9c;
}

/* LightBOX ******************************************** */

a.red {
color: #8A0F1C;
text-decoration: none;
}

a:hover.red {
color: #fff;
background-color: #8A0F1C; 
text-decoration: none;
}

p.maintext-gallery {
font-size: 1em;
line-height: 1.1em;
color: #998B70;
margin: 0 10px 1px 15px;
}

.clientphotos {
position: relative;
float: left;
left: 0px;
margin: 20px 0 0 0;
padding: 12px 0 0 0;
width: 450px;
text-align: center;
}

.clientphotos img {
padding: 4px;
margin: 0 4px 8px 4px;
background-color: #FFFFFF;
}

#frame_gallery {
display: block;
margin: 0 0 20px 0;
padding: 0 0 0 0;
text-align: left;
}

#frame_gallery img {
padding: 0px;
margin: 0;
background-color: #FFF;
}

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ 
border: none; 
}

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}