/* 
------------Grand Mission Texas--------------

CSS developed by Builders Communications

*/
* { behavior: url(iepngfix.htc); }
.trans      {	
            filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
            }

html, body, #content{
	        min-height: 100%;
	        width: 100%;
	        height: 100%; /* Hack for IE5+ */
	        margin: 0; padding: 0;
            }

html>body, html>body #content{
	        height: auto;
            }

body        { 
            background: url(images/bg.jpg) no-repeat;
	        margin: 0px;
	        padding: 0px;
            }

#content
{
    position: absolute;
    top: 0px;
    left: 0px;
}
            
#navigation {   
            top:10px;
            position: absolute;
            left:225px;
            width: 572px;
            z-index:200;
            }
    
#navigation li{
            padding-left:10px;
            display:inline;
            }



#container  {padding-top: 125px;} 
 
#content2   {
            background: url(images/builders-logo.gif) no-repeat;
            position: absolute;
            width: 184px;
            height: 100%;
            padding-top:40px;
            padding-left:20px;
            padding-bottom: 75px;
            bottom: 0px;
            line-height:20px;
            z-index:200;
            left: 300px;
            top:0px;
            }
            
.col1       {
            position: absolute;
            bottom: 0em;
            left: 35px;
            width: 198px;
            z-index: 1;
            background: url(images/grass.jpg) repeat-y;
            height: 10000px;
            overflow: hidden;

            }
            
.banner     {  
            position : absolute;
	        top : 0px;
	        z-index : 100;
	        padding : 0px;
	        width: 192px;
	        left:36px;
            }

.other      {   
	        position : absolute;
	        top : 0px;
	        left : 801px;
	        z-index : 1;
	        padding : 0em;
	        height: auto !important;
            height: 100%;
            bottom: 0 !important;
            bottom: -1px;
	        background: url(images/rightfade.jpg) repeat-x;
	        width: auto !important;
            width: 100%;
            right: 0 !important;
            right: -1px;
            }

.other      {
	        padding : 0px;
	        margin-bottom : 0px;
            }

.contentText {
	        margin-top:1em;
	        margin-bottom: 270px;
	        margin-right:12em;
	        margin-left:305px;
	        height: auto;
	        padding:0px;
	        width: 390px;
            }

.footer     {
	        width: 100%;
	        height: 35px;
	        text-align: center;
	        position:absolute;
	        bottom :0px;
            }
            
.footerbar  {           
            background: #560000;
           	height: 35px;
           	width: 100%;
            position:absolute;
            left:0px;
	        bottom :0px;
	        }
	        
#tower      {
            position: absolute;
            bottom:35px;
            left:223px;
            }
            
#builders   {
            position: absolute;
            bottom:70px;
            left:600px;
            }

            
#logo       {
            position: absolute;
            top:75px;
            left:325px;
            } 

#community li{
            display:inline;
            padding-left:5px;
            border: solid 1px black;
            }
    
.linebreak  {
            background: url(images/dottedline.gif) repeat-x;
            width: 100%;
            height: 1px;
            }
.pad{padding:10px;}

          /* =Hoverbox Code
----------------------------------------------------------------------*/

***************************************************************
#menu {position:relative;  float: left; clear: both; top:10px; left:400px; width:75px; background-color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;clear: none;}
#menu a img {border:0;}
#menu a.p1:hover {text-decoration:none; background-color:#fbfdff; color:#000;}
#menu a .large {display:block; position:relative; width:0; height:0; border:1; top:0; left:0;}
#menu a.p1:hover .large {display:block; position:relative; top:-365px; right:250px;width:500px; height:225px; border:10px solid #FFF;}

#info {z-index:100; height:15em;}


#menu2 {position:relative; float: left; clear: both; top:0px; left:0px; width:100px; background-color:#fff; z-index:100; padding:5px;}
#menu2 a.p1, #menu2 a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;clear: none;}
#menu2 a img {border:0;}
#menu2 a.p1:hover {text-decoration:none; background-color:#fbfdff; color:#000;}
#menu2 a .large {display:block; position:relative; width:0; height:0; border:1; top:0; right:0;}
#menu2 a.p1:hover .large {display:block; position:relative; right:50px; width:400px; height:292px; border:10px solid #FFF;}

#info2 {z-index:100; width:0em; }

/* end Photo-Caption Zoom - Pure-CSS */