
/* General Sytles */

*,html { padding:0; margin:0;}
body { padding:0; margin:30px 0 0 0; background-image:url(../images/BkPattern.gif);}

a { color:#b19a3d;}

p { margin:10px 0 0 0;}
h3 { width:485px; float:left;}
h4 { font-size:14px;}
#ClearBoth { clear:both;}

.redtx { color:#AA0000; font-weight:bold;}

#MainContain { width:802px; margin:auto auto; background-image:url(../images/MainBorderBk.gif); background-repeat:repeat-y;
               font-family:Arial, Helvetica, sans-serif; font-size:13px;}
 
#MainTopBorder { height:5px; background-color:#816f21;}    

#MiddleContain { width:768px; margin:0 17px; }
  #Header { height:100px; padding:5px 0 0 0; background-color:#b09a3c; position:relative; }
    .slogan { position:absolute; right:0; top:40px;}
  #FringeTop { height:8px; }    
  #ContentContain { width:750px; min-height:515px; padding:0 9px; background-image:url(../images/FringeBk.gif);  
                    background-repeat:repeat-y; }      
    #LeftColumn { width:161px; float:left; padding:0 0 5px 0; font-size:12px; text-align:center; }
      #TestTx { padding:0 5px;}
      #ReachTx { text-align:center;}
        .div { margin:3px 0 3px 0;}        
    #RightColumn { width:579px; padding:5px;  float:left; position:relative; text-align:justify;  }
	  #RightColumn p { }
	  .picstop { position:absolute; top:5px; right:3px;}
	  .picsside { position:absolute; top:65px; right:3px;}
      .rightpic { float:right; margin:0 0 10px 8px;}
      .readmore { margin:5px 0 0 355px;}
      #Properties { height:125px; padding:5px; margin:3px 0 0 0; border-top:2px solid #816f21; background-color:#e9e6a8; text-align:left; }
        .proppic { float:left; margin:0 12px 0 0;}
		#PropTx { width:120px; float:left; background-color:#009900;}    
  #FringeBottom { height:9px; } 
    
#MainBottomBorder { height:5px; margin:10px 0 0 0; clear:both; background-color:#816f21;}

#Footer {  width:802px; height:40px; padding:5px 0 0 0; margin:auto auto; color:#FFFFFF; font-family:"Times New Roman", Times, serif; font-size:12px; 
           text-align:center;}
		   
		   
/* All Subpage styles */

#RightColumnSubPg { width:449px; padding:47px 135px 5px 5px; float:left; position:relative; text-align:justify;}
  #RightColumnSubPg p { }
   #RightColumnSubPg ul { padding:0 0 0 30px; margin:5px 0 0 0;}
   #RightColumnSubPg li { list-style-type:circle; margin:5px 0;}
   
   
/* Gallery Styles*/

#RightColumnGallery { width:579px; padding:46px 5px 0 5px; float:left; position:relative;}
  .picstop2 { position:absolute; top:5px; right:5px;}
  
  .ProjectImg { float:left;}
  #ProjectTextBox { width:240px; height:160px; background:#e9e9e9; float:left; margin:9px 0 0 0; padding:10px 0 0 0;}
  
  	/* begin gallery styling */
    #jgal { list-style: none; width: 200px; }
    #jgal li { opacity: .5; float: left; display: block; width: 60px; height: 60px; background-position: 50% 50%; cursor: pointer; 
			   border: 3px solid #fff; outline: 1px solid #ddd; margin-right: 14px; margin-bottom: 14px; }
	#jgal li img { position: absolute; top: 20px; left: 220px; display: none; }
	#jgal li.active img { display: block; }
	#jgal li.active, #jgal li:hover { outline-color: #bbb; opacity: .99 /* safari bug */ }

	/* styling without javascript */
	#gallery { list-style: none; display: block; }
	#gallery li { float: left; margin: 0 10px 10px 0; }

    #ProjectTextBox h4 { margin:0 0 10px 0;}
  
#CurrentHouse { width:447px; float:left;}
  #CurrentHouse ul { margin:3px 0 0 3px; list-style-type:none;}
  #CurrentHouse li { float:left; margin:0 6px 0 0; }
  #CurrentHouse li.last { margin:0;}

.ThumbImages { margin:0 0 5px 0; float:right;}





/* Contact Styles*/

.submit { margin:5px 0 0 0; text-align:center;}
.fields { width:270px;}

/* Design Process Styles */

#RightColumnSubPg h1 { font-size:14px; margin:15px 0 5px 0;  }
#ProcessLinkList ul { font-size:11px; padding:0 0 0 12px; margin:0 0 20px 0;}
  #ProcessLinkList li { margin:1px 0; list-style-type:disc; }

.ProcessImg { margin:0 5px 0 0; float:left; }

#ProcessRightTx { width:350px; float:left; text-align:justify;}
  #ProcessRightTx ul { margin:0; padding:0 0 15px 14px;}



