/*----------------------------------------------------------------------------
	main.css by ALEX


/*--- header ---------------------------------------------------------------*/


#header{
	overflow:hidden;
	margin: 0 auto;
	
	height:120px;
	width: 800px; /* set width */
	color: #fff8dc;
	text-align: left;	
	position: relative;
	
	font-family: "Georgia", Helvetica, sans-serif !important;
	background-color:#003300;	 /* dark green background*/
	
	
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
	
	/*
	background-image: url(/i/brick_org.gif);
	background-repeat: repeat-x;
	background-image: url(/i/bg_frame.jpg);
	background-color:#003300;   dark green
	
	background-image: url(/i/logo/Millbrook_Banner2.jpg);
	background-repeat: no-repeat;*/

}

#header .Logo{ /* Logo Image */
	float:left;
	margin-left: 7px;
}


#header .CompanyName{ /*Millbrook-construction image */
	padding-top: 10px;
	text-align: right;
	padding-right:50px;
	height: 40px;
}

#header .CompanyInfo{
	padding-top: 8px;
	font-size: 16px;
	margin-left: 224px;
	
}


#header .Contact{  /*Phome Number*/
	padding-top: 10px;
	font-size: 18px;
	padding-right:55px;
	text-align: right;
	font-family: "Times New Roman", Helvetica, sans-serif !important;
}

#header a{
   	color:#fff8dc;
	text-decoration: none;
}

#header img{
  
	border: 0px;
}

#banner{
	overflow:hidden;
	margin: 0 auto;
	position: relative;
	width: 800px;                 /* set width */
	background-color:#000;     /*#003300; dark green*/
	border-top:4px solid #000;
	border-left:2px solid #000;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
}

#banner a{

	text-decoration: none;
	border:0px !important;
	border-style: none !important;;
}
#banner img{
	/*height: 130px;
	width: 195px;*/
	margin: 0;
	border-style: none !important;;
}


.banner3ImgSp {
	height: 182px !important;
	margin: 0;	
}

.banner3Img {
	height: 173px  !important;
	margin: 0;	
}




/*--- footer ---------------------------------------------------------------*/


#footer {
	height: 70px;
	background-color:#003300; /* dark green*/
	color:#fff8dc;
	position: relative;
	width: 800px; /* set width */
	border:2px solid #000;
	overflow:hidden;
	font-size: 16px;
	margin: 0 auto; /* removing this makes it not centered in Firefox. */
	
} 



#footer a{
	color:#fff;	
	
}
#footer a:hover{
		
	color:#D7ECFF;
}

#bottom-line{ 	/*  text line in footer*/
	
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 20px;
	font-size: 14px;
}
#bottom-line a.on {background-color: Green;} /*???? */

#footerKey {
	/*color:#663300;*/
	color:#999966;
	position: relative;
	width: 850px; /* set width */
	overflow:hidden;
	font-size: xx-small;
	font-family: Arial, Helvetica, sans-serif !important;
	margin: 0 auto; /* removing this makes it not centered in Firefox. */
}
 
#footerKey a{
	color:#999966;
}

#footerKey hr{
	color:#999966;
}

#footerLinks { /* bottom of every page*/
	color:#fff;
	font-size: xx-small;
}
#footerLinks a{
	color:#fff;
}



/********** SIDE MENU ************/

#leftSide{
	
	width:195px;
	text-align: left;
	float:left;
}


#leftBar
{
	background-color:#003300;
	width:195px;
	margin-top: 10px; 

	padding-top:10px;
	padding-right:10px;
	padding-bottom:20px;

	border-bottom:2px solid #000;
	border-right:2px solid #000;
	border-top:2px solid #000;
}



.leftmenu {
	margin:0;
	padding:0;
	
	margin-bottom:5px;
	margin-left:10px; /* distance from bottom line to border */
	font-size: 15px;
	font-weight: bold;
	list-style-type: none;

}

.leftmenu li, .leftmenu ul li{
	
	padding:0;	
	border-bottom:1px solid #FFF;
	
}
.bullet_spacing li, .bullet_spacing ul
{
	padding: 5px 0px 3px 0px;


}
.leftmenu ul{

	padding:0;
	list-style-type: none;
}

.leftmenu a{
	margin:0;
	padding-left:10px;
	padding-top:6px;
	padding-bottom:4px;
	display: block;
	color: #fff8dc;
	text-decoration: none;
		
}
	

.leftmenu ul a{
	font-weight: normal;
	/*
	padding: 5px 0;
	padding-right:10px;
	*/
}

.leftmenu ul a:hover, .leftmenu a:hover  {
	background-color: #CCCC66;  /*#33FF33;*/
	color: #000;	
}

.leftmenuOn { /* color of left menu item that is currently displayed */
	/*background-color:#009900;	*/
	background-color:#669933;	
		
}

.leftmenuExpanded { /* color of left menu item when a main level is expanded (Residential / Commercial) */
	/*background-color:#669966;	*/
	background-color:#336600;
		
}

#leftMsg{
	margin: 0, 20px, 0, 20px; 
	padding:0;
	list-style-type: none;
	font-size: 13px;
	color: #fff8dc;
	text-align:center;
}

#leftTexas{
	padding-top: 20px;
	text-align:center;
}




/*======= top pagemenu menus (customer letter menu) ========*/


#pagemenu{
	padding-top:10px;
	padding-bottom:20px;
	text-align:center;
	/*background-color:#D7ECFF;*/
}
#pagemenu a{
	margin:0;
	color: #000 !important;	
	text-decoration: none;
	font-weight: bold;	
}

#pagemenu span{
	margin:8px;
	padding: 3px 8px 3px 8px !important;
	border:1px solid #000;
	background-color: #669966;
		
}
#pagemenu span:hover, #pagemenu a:hover  {
	background-color: #33FF33 !important;
	color: #000;	
}
.pagemenuOn { /* color of left menu item that is currently displayed */
		background-color:#fff !important;
		
		
}
/*===============*/


#rightSide{
	
	
	margin-top: 10px; 
	margin-bottom:5px;
	float: right;
	padding-left: 5px;


	/*margin-left:800px;
	font-family: Arial, Helvetica, sans-serif !important;
	width:280px;
	*/
	
}	

 .rightText{
	width:230px;
	border:2px solid #003300;
	background-color: #FFFFCC;
	margin: 5px !important;
	padding: 5px;
}

#rightSide img{
	border-left:2px solid #000;
	border-bottom:2px solid #000;
	border-top:2px solid #000;	
	border-right:0px;	
}

.NoBorder {
	border:0px !important;
}

.Border{
	border:2px solid #000;
}



.RightSide {
	
	text-align:right;
}

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body { text-align:center;
	margin: 4px 0 4px 0;
	padding:0;
	border:0;
	/*font-family: "Times New Roman","Trebuchet MS", Trebuchet, "Lucida Grande", Arial, Sans-serif;*/
	font-family: Arial, Sans-serif;
	text-align: center;
	background-image: url(/i/fading_beige.png);
	background-repeat: repeat-x;
	font-size: 14px;


}

.wrap{

	margin: 0 auto;
	text-align: left;
	clear: both;
	width: 800px; /* Set width, won't change on bigger screen*/
	min-height: 95%;
			/*width:95%;
			min-width:740px;*/


}

#content {
	text-align: center;
	
	
}

#content .wrap {
	
	background-color: #fff;
	color: #000;
	
	border-left:2px solid #000;    /* border on sides of main content, must change top and footer too. */
	border-right:2px solid #000;

}

#copy a{
	color: #006600;
}

#copy img{
	border: 3px #000;
}



#content-body {	
	text-align: left;
	padding:0;
	/*border:solid 10px #000;*/
	
}
#copy {
	margin-left: 206px;
	text-align: left;
	padding: 10px 10px 0px 10px;
	font-family: Arial, Sans-serif;
	line-height: 150%;
}


#copyBottom
{
    line-height: 140%;
    padding: 0px 5px 5px 10px;
	font-family: Arial, Sans-serif;
}


/* index3.asp - testing -----*/
#copyTop
{
    line-height: 170%;
    padding: 10px 15px 10px 15px;
	font-family: Arial, Sans-serif;
}

#copyTop td {
	padding: 10px 5px 3px 10px;
	margin:0px;
}
#copyTop2
{
    line-height: 170%;
    padding: 10px 15px 10px 15px;
	font-family: Arial, Sans-serif;
}

#copyMain
{
    line-height: 170%;
    padding: 10px 2px 10px 2px;
	font-family: Arial, Sans-serif;
}

#copyTop2 td {
	padding: 0px;
	margin:0px;
}


/* index3.asp - testing -----*/



#copy ul{ line-height: 150%;
}


#content table, #content input, #content textarea {
 font-family: Arial, Sans-serif;
}


#content .error {
   
	color: #990000; //RED
   
}

#content .special {
   
	color: #996600;  //Golden Brown
   
}


ul.checkMark {
  list-style-image: url(/i/checkmark.jpg)
}


#pathLinks {
   	margin-left: 220px;
   	padding-top: 5px;
}
#pathLinks a{
	color: #006600;
}



.clear-both {clear: both;}

/*--- paragraph ------------------------------------------------------------*/

.content p {
    margin: 5px 0 20px 0;
    padding: 0;
}

/*--- headings -------------------------------------------------------------*/

#content h1 {
    
   padding-right: 20px;
   text-align: center;
   /*color: #003300;*/
   /*font-family: "Georgia", Arial, "Georgia", Helvetica, sans-serif !important;*/
   font-family: Arial, Sans-serif;
   font-size: 20px !important;	
}

.h1_little {
	padding: 0px !important;
	font-size: 8px !important;	
	line-height: 10px !important;		
}


#content h2 {
    
  font-size: 18px !important;
   text-align: center;	
  /*  min-height: 65px;
    line-height: 65px;*/
 }

#content h3 {
    
  font-size: 17px !important;	
   
  
   text-align: center;
}

#content h4 {
    
  font-size: 16px !important;	
}

#content h5 {
    
  font-weight: normal;
  font-size: 15px !important;	
}

#content h6 {
    
  font-weight: normal;
  font-size: 14px !important;	
}

#content h7 {
    
  font-weight: normal;
  font-size: 13px !important;	
}








/*--- links ----------------------------------------------------------------*/

.content a:hover {
    text-decoration: none;
}

/*--- tables ---------------------------------------------------------------*/

.content table {
    border-style: dotted;
    border-width: 1px;
    border-spacing: 0;
}

.content tr.odd {
    
}

.content tr.even {
    
}


/*--- forms ----------------------------------------------------------------*/

.content form {
    margin: 0;
    padding: 0;
}

.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}

.content input {
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    border-style: solid;
    border-width: 1px;
}

/*--- lists ----------------------------------------------------------------*/

.content ul {
    
}

.content li {
}

   
   
   /* lightbox - image open effect ------------------- */
/*#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	/*font-size: 0.8em;*/
	/*font-size: 14px;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/i/logo/overlay.png); }  /*location of overlay image------------------- */
/*

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
	  /* end lightbox ---------------*/