@charset "utf-8";
/* applestyles.css */

/* Universal style rule */
*{
  /* Block all browser default margins and padding */
  margin:0;
  padding:0;
  /* Temporary borders */
 /* border:dashed 1px #f00;*/
}

/*A measure of 40em is equivalent to 640 pixels because 1em equals 16px.*/
#wrapper{
/* width: 60.9em;  */
    width: 974px; 
	/* Put 20px margin above the wrapper */
  /* Set right and left to auto for centering */
  margin: 20px auto;
/*  background-color: #6C685C; */
   background-color: #FFFFFF;
}


/* Please note Wrapper2 must be the same height as leftside image and righside2 image
   these images are the borders */
#wrapper2{
		float:left;
	clear:left;

   height:570px;
   background-color: #FFFFFF;
}

/* Please note wrapperabout must be the same height as leftsideabout image and righsideabout image
   these images are the borders */
#wrapperabout{

   height:640px;
   background-color: #FFFFFF;
}




/* Please note Wrapper3 must be the same height as leftside image and righside2 image
   these images are the borders */
   
#wrapper3{
   	float:left;
	clear:left;
   height:880px;
   background-color: #FFFFFF;
}

#wrapper5{
	float:left;
	clear:left;
   height:730px;
   background-color: #FFFFFF;
}

#wrapper4{
   height:570px;
   background-color: #CCCCCC;
}

#branding{
  position:relative;
  float:none; 
} 

/* Fixes the mysterious image gap */
#branding img{
  display:block;
}


/* Navbar division */
#navbar {

  background:#0c0c0c;
  height:1.975em;

}

#navbar ul {
	list-style-type: none;
}

/* List items in the navbar */
#navbar li{
  float:left;
/* Required for drop-down menus */
position:relative;
}

/* Applies to navbar links, unvisited and visited */
#navbar a,
#navbar a:link,
#navbar a:visited{
  text-decoration:none;
  font-family: Arial, Helvetica, sans-serif;
  font-size:8pt;
  color:#CCCCCC;
/*  background:#aaa url(../images/navbak.jpg) repeat-x center;*/
  display:block;
/*  height:2em; */
 /* width:4em; */
/*  border-right:solid 1px #ddd; */
  line-height:2.8em; 
  text-align:left;
  padding-left:12px;
  padding-right:12px;
  outline-style:none;
}

/* Navbar hover, active, and current page links */
#navbar a:hover,
#navbar a:active,
#navbar li.selected a:link,
#navbar li.selected a:visited{
 /* background:#ddd url(../images/navhover.jpg) repeat-x center;*/
 background-image:url(../images/nav/right3.gif);
 background-repeat:no-repeat;
  color:#FFFFFF;
}

#navbar li.selected2 a:link,
#navbar li.selected2 a:visited {
 background-image: none;
 background-repeat:no-repeat;
  color:#a4c43d;
}


/* Navbar hover, active, and current page links */

#navbar li.selected3 a:link,
#navbar li.selected3 a:visited{
 background-image: none;
 background-repeat:no-repeat; 
  color:#FFFFFF;
}




/* Drop-down menu styles */
/* Applies to drop-down menus in navbar */
#navbar li ul{
  position:absolute;
  z-index:100;
  visibility:hidden;
}
/* Make drop-down visible on navbar hover */
#navbar li:hover ul,
#navbar li a:hover ul{ /* IE6 hack */
  visibility:visible;
  top:1.6em;
  left:0;
}

/* Applies to links on the drop-down menu */
#navbar li:hover ul li a,
#navbar li a:hover ul li a{ /* IE6 hack */
  background:#0c0c0c; /* Removes background image */
  color:#a4c43d;
  text-align:left;
  display:block;
  width:15em;
  padding:0 0 0 1em;
  height:auto;
}

/* Hover on drop-down menu links */
#navbar li:hover ul li a:hover,
#navbar li a:hover ul li a:hover{ /* IE6 hack */
  background: #2b2b2b; 
  color:#FFFFFF;
}

/* IE6 hack applies to its table drop-down */
#navbar table {
  margin:-1px; 
  border-collapse:collapse; 
  position:absolute;
  top:0.5em;
  left:0;
  z-index:100;
}


#content{
	float:left;
	clear:left;
   background-color: #6C685C;
  color:#6C685C;
}

/* Fixes the mysterious image gap */
#content img{
  display:block;
}

#content2{
	float:left;
	clear:both;
   background-color: #6C685C;
  color:#6C685C;
}

#content2b{
text-align:center;
   background-color: #FFFFFF;
}

#heading2 {
background-color:#FFFFFF;


/* margin-top:30px; */


}

#heading2 img{
display:block;


}


#content3 {
/*float:none;*/
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#FFFFFF;
/* height:492px; */
margin-top:20px;
padding-left:40px;

}

#content3 p {
	margin-left:210px;
	margin-right:60px;
	line-height:17px;
}

#content4 {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#FFFFFF;
/*height:360px;*/
margin-top:20px;
padding-left:40px;

}

#content4 p {
	margin-left:230px;
	margin-right:60px;
	line-height:17px;
}

#content4 ul {
	margin-left:280px;
	margin-right:60px;
	line-height:18px;
}


#content5 {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
background-color:#FFFFFF;
/*height:360px;*/
margin-top:20px;
padding-left:40px;

}

#content5 p {
	margin-left:70px;
	margin-right:60px;
	line-height:17px;
}

#content6 {
float:none;
font-family:Arial, Helvetica, sans-serif;
font-size:12pt;
background-color:#FFFFFF;
/*height:360px;*/
margin-top:20px;
padding-left:40px;

}

#content6 p {
	margin-left:10px;
	margin-right:60px;
	line-height:17px;
}


#leftside {
float:left;
height:570px;;
}

#leftsideabout {
float:left;
height:640px;;
}

#rightside2 {
float:right;
height:880px;;
}

#leftside2 {
	
float:left;
height:880px;;
}

#rightside2f {
	
float:right;
height:730px;;
}

#leftside2f {
	
	float:left;
height:730px;;
}


#rightside {
float:right;
height:570px;;
}

#rightsideabout {
float:right;
height:640px;;
}

#bottomside {
clear:both;
}

#product_multi_txt {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin-top:10px;
margin-left:30px;
margin-right:30px;
line-height:17px;

}

#product_multi_img1 {
 margin-left:20px;
 margin-top:20px;
 background-image:url(../images/products_multi_dwelling_01.jpg);
 background-repeat:no-repeat; 
 height:231px; 
}

#product_multi_img1 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:55px;

}

#product_multi_img2 {
margin-left:20px;
background-image:url(../images/products_multi_dwelling_02.jpg);
background-repeat:no-repeat;
height:241px;
}



#product_multi_img2 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:60px;

}


#product_multi_img3 {
margin-left:20px;
background-image:url(../images/products_multi_dwelling_03.jpg);
background-repeat:no-repeat;
height:241px;
}

#product_multi_img3 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:60px;

}

#product_comm_txt {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin-top:10px;
margin-left:30px;
margin-right:30px;
line-height:17px;

}

#product_comm_img1 {
 margin-left:20px;
 margin-top:20px;
 background-image:url(../images/products_commercial_01.jpg);
 background-repeat:no-repeat;
 height:231px;
}

#product_comm_img1 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:55px;

}

#product_comm_img2 {
margin-left:20px;
background-image:url(../images/products_commercial_02.jpg);
background-repeat:no-repeat;
height:241px;
}



#product_comm_img2 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:60px;

}


#product_comm_img3 {
margin-left:20px;
background-image:url(../images/products_commercial_03.jpg);
background-repeat:no-repeat;
height:241px;
}

#product_comm_img3 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:60px;

}

#product_res_txt {
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
margin-top:10px;
margin-left:30px;
margin-right:30px;
line-height:17px;

}

#product_res_img1 {
 margin-left:20px;
 margin-top:20px;
 background-image:url(../images/products_residential_01.jpg);
 background-repeat:no-repeat;
 height:231px;
}

#product_res_img1 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:55px;

}

#product_res_img2 {
margin-left:20px;
background-image:url(../images/products_residential_02.jpg);
background-repeat:no-repeat;
height:243px;
}



#product_res_img2 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:65px;

}


#product_res_img3 {
margin-left:20px;
background-image:url(../images/products_residential_03.jpg);
background-repeat:no-repeat;
height:235px;
}

#product_res_img3 p{
margin-left:245px;
margin-right:60px;
font-family:Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:17px;
padding-top:60px;

}
 
 
body {
  background-color: #6C685C;
  font-family: Arial, Helvetica, sans-serif;
}

#footer {

    /* position: relative; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.625em;
	color: #CCCCCC;
	clear:both;
	background-color: #6C685C;
	text-align:center;
	padding-top:20px;
	margin-top:20px;

}

#footer a:link {
	color: #CCCCCC;
	text-decoration: none;
}

#footer a:hover {
	color:#FFFFFF;
	text-decoration: underline;
}

}
.applegreen{
 font-weight:bold;
	color: #99cc33;
}

/*   For the form section */


#container{
	
	float:left;
	margin-left:40px;
	padding-left:0px;
	text-align:center;
	background-image: url(../images/gradient.png);
	background-repeat: repeat-x;
}
#container, #top, #bottom {
	width:850px;

}
#top, #bottom{
	width:850px;

}
#top{
	margin-top:10px;
}

form.dj{
	margin-top: 20px;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

form.dj2{
	margin-top: 100px;
	margin-right: 100px;
	margin-bottom: 0;
	margin-left: 300px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

/* ----- LOGO ----- */

h1{
	margin:0;
	padding:0;
	min-height:0;
	background-color:#dedede;
	text-decoration:none;
}


.info{
	display:inline-block; 
	clear:both;
	border-bottom:1px dotted #ccc;
	margin:0 0 1em 0;
}





#form1 td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	text-align: left;
}
#form1 input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	height: 14px;
	vertical-align: bottom;

}