/*style sheet for rafael gonzalez maintenance*/

body {
background-color: #a7c29e;
margin: 0px;
padding: 0px; }

body#pop {
background-color: #a7c29e;
margin: 0px;
padding: 0px;}

div#header {
background-image: url(graphics/header.jpg);
position: absolute;
top: 0px;
left: 0px;
width: 755px;
height: 66px;
background-repeat: no-repeat;
background-color: #a7c29f;
 }

div#leftImage {
	position: absolute;
	top: 66px;
	left: 0px;
	width: 192px;
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	height: 877px;
}

div#navBar {
position: absolute;
top: 66px;
left: 192px;
height: 22px;
background-color: #d9d100;
width: 100%; }

div#text {
position: absolute;
top: 88px;
left: 192px;
text-align: justify;
padding-top: 5px;
padding-right: 20px;
padding-left: 15px;
padding-bottom: 20px; }

div#gallery {
position: absolute;
top: 0px;
left: 0px;
text-align: justify;
padding-top: 5px;
padding-right: 20px;
padding-left: 15px;
padding-bottom: 20px; }

div#pictCaption {
margin: 0px;
padding-top: 5px;
padding-right: 10px;
padding-left: 10px;
text-align: center;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
font-weight: bold;
font-style: italic; }

div#copyright {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
font-weight: normal;
font-style: italic;
position: absolute;
bottom: 0px;
right: 20px;
text-decoration: none; }

div#popHeader {
background-image: url(graphics/popUpHeader.png);
background-repeat: no-repeat;
position: absolute;
top: 0px;
left: 0px;
width: 397px;
height: 35px; }

div#popHeaderText {
position: absolute;
top: 0px;
left: 400px;
width: 100%;
height: 35px;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.15em;
font-weight: bold;
text-align: center;
color: #fff500;
background-color: #006649;
line-height: 1.75em; }

div#popText {
position: absolute;
top: 35px;
left: 400px;
width:45%;
height: 100%;
border-left: 1px #000000 solid;
padding-top: 10px;
padding-right: 20px;
padding-left: 10px;
vertical-align: middle;
text-align: justify; }

div#popGraphic {
position: absolute;
top: 35px;
left: 0px;
width: 400px;
height: 100%; }

a.home {
position: absolute;
top: 0px;
left: 0px;
width: 70px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
border: 1px #000000 solid;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000; }

a.home:hover {
position: absolute;
top: 0px;
left: 0px;
width: 70px;
height: 22px;
border: 1px #ffff00 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.homeMask {
position: absolute;
top: 0px;
left: 0px;
width: 70px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-weight: bold;
background-color: #a7c29e;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid; }

a.landscaping {
position: absolute;
top: 0px;
left: 72px;
width: 120px;
height: 22px;
border: 1px #000000 solid ;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif; }

a.landscaping:hover {
position: absolute;
top: 0px;
left: 72px;
width: 120px;
height: 22px;
border: 1px #ffff00 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.landscapeMask {
position: absolute;
top: 0px;
left: 72px;
width: 120px;
height: 22px;;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
font-weight: bold;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid;
background-color: #a7c29e; }

a.generalmaint {
position: absolute;
top: 0px;
left: 194px;
width: 182px;
height: 22px;
border: 1px #000000 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000; }

a.generalmaint:hover {
position: absolute;
top: 0px;
left: 194px;
width: 182px;
height: 22px;
border: 1px #ffff00 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.generalmaintMask {
position: absolute;
top: 0px;
left: 194px;
width: 182px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000;
font-weight: bold;
background-color: #a7c29e;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid;  }

a.construction {
position: absolute;
top: 0px;
left: 378px;
width: 120px;
height: 22px;
border: 1px #000000 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000; }

a.construction:hover {
position: absolute;
top: 0px;
left: 378px;
width: 120px;
height: 22px;
border: 1px #ffff00 solid ;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.constructionMask {
position: absolute;
top: 0px;
left: 378px;
width: 120px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000; 
font-weight: bold;
background-color: #a7c29e;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid;}


a.design {
position: absolute;
top: 0px;
left: 500px;
width: 100px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
border: 1px #000000 solid;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000; }

a.design:hover {
position: absolute;
top: 0px;
left: 500px;
width: 100px;
height: 22px;
border: 1px #ffff00 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.designMask {
position: absolute;
top: 0px;
left: 500px;
width: 100px;
height: 22px;;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
font-weight: bold;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid;
background-color: #a7c29e; }

a.patios {
position: absolute;
top: 0px;
left: 602px;
width: 100px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
border: 1px #000000 solid;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #000000; }

a.patios:hover {
position: absolute;
top: 0px;
left: 602px;
width: 100px;
height: 22px;
border: 1px #ffff00 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.patiosMask {
position: absolute;
top: 0px;
left: 602px;
width: 100px;
height: 22px;;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
font-weight: bold;
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid;
background-color: #a7c29e; }

a.contact {
position: absolute;
top: 0px;
left: 704px;
width: 105px;
height: 22px;
border: 1px #000000 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif; 
color: #000000;}

a.contact:hover {
position: absolute;
top: 0px;
left: 704px;
width: 105px;
height: 22px;
border: 1px #ffff00 solid;
text-align: center;
vertical-align: middle;
font-size: .9em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif;
color: #ffff00;
background-color: #c0af03; }

a.contactMask {
position: absolute;
top: 0px;
left: 704px;
width: 105px;
height: 22px;
text-align: center;
vertical-align: middle;
font-size: .9em;
line-height:1.5em;
text-decoration: none;
font-family: Verdana, Helvetica, Arial, sans-serif; 
color: #000000;
font-weight: bold;
background-color: #a7c29e;
border-top: 2px solid;
border-left: 2px solid;
border-right: 2px solid;}

h1 {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.5em;
font-weight: bold;
text-align: center; }

h1.b {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1.15em;
font-weight: bold;
text-align: center;
vertical-align: -10px; }

h2 {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .9em;
font-weight: normal; }

h2.bold {
color: #000000;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: 1em;
font-weight: bold; }

h3 {
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: normal;
color: #000000; }

h3.bold {
font-size: .8em;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-weight: bold;
color: #000000;
font-style: italic;
text-align: center; }