body 
{          
    
    margin: 0px;
    padding: 0px;
    background: #fff;
    font: 14px arial, sans-serif; 
    color: #5b5253;             
}

#info 
{ 
    text-align:center;
}

#info p 
{
    clear:both; text-align:left;
}    

div#header 
{
    height:160px; 
    width:1180px; 
    text-align:left; 
}
     
#header a.logo 
{
    font: 12px arial; 
    color: #2B3856; 
}

.headerText 
{
    margin-left:129px; 
    font: 12px arial; 
    color: #5b5253; 
}
    
div#nav 
{
    position:absolute; 
    left:0px; 
    /*top 30px; */
    width:100px; 
    padding:.5em 0 0 0;
    margin:40px 0 0 15px;
    font-size:.75em;
    background-color:#fff;        
}
    
div#nav ul 
{
    margin-top:0px; 
    margin-bottom:.8em;
}
     
div#nav li 
{
    margin-bottom:.5em;  
    font-weight:bold; font-size:.75em;
}

div#nav img {border:0;}   

#contentmain 
{
    font: 0.9em/1.3em arial, verdana, sans-serif;
    text-align: justify;   
    margin:0 0 0 105px;
    width:840px;                                 
    background: #fff;
    padding: 20px;                  
}


#contentmain a 
{          
    color: #2B3856; 
}

#contentmain a:hover 
{ 
    background: #fff; 
}    

#contentmain p.address
{
    font-size:14px;
    color: #2B3856;    
}
    
#contentmain a.email
{
    font-size:10px;
    color: #2B3856;    
}

#contentright
{
    position:absolute; 
    left:980px; 
    top: 205px;
    width:190px; 
    background-color:#fff; 
    color:#000;                         
} 

.contentrighttext
{
    float: left;
    width:160px;
    height:200px;
    padding:10px;
    font-size:14px;
    color:#000;
    background-color: #fff;
    border:#fff solid 0px;
}
  
#contentright p 
{
    clear:both; 
    text-align:left;
    border:none;
}

contactTableClass
{
    margin:0px;
    padding:0px;
}




          
/* MEDUSA TEST NAV */

#infonav ul {padding:0; margin:0px auto 0px auto; list-style-type:none; width:500px; height:158px; position:relative;}

#infonav img {border:0;}

#infonav li {display:block; height:150px; width:80px; float:left; margin:1px;}

#infonav li p {font: 10px arial;}

#infonav a {display:block; width:75px; height:148px; border:1px solid #000;  text-align:center; text-decoration:none; color:#fff; padding:2px;}

#infonav a em, #infonav a span {font-size: 10px; display:none;}

a#linknav1 {background:#5a5252; color:#fff;}

a#linknav2 {background:#777; color:#fff;}

a#linknav3 {background:#847f7f; color:#fff;}

a#linknav4 {background:#867878; color:#fff;}

a#linknav5 {background:#b09f9f; color:#fff;}

a#linknav6 {background:#c4b2b2; color:#fff;}

a#linknav7 {background:#eee; color:#fff;}



a:hover#linknav1 {background:#c19d7a; color:#000;}
a:hover#linknav2 {background:#c19d7a; color:#000;}
a:hover#linknav3 {background:#c19d7a; color:#000;}
a:hover#linknav4 {background:#c19d7a; color:#000;}
a:hover#linknav5 {background:#c19d7a; color:#000;}
a:hover#linknav6 {background:#c19d7a; color:#000;}
a:hover#linknav7 {background:#c19d7a; color:#000;}

.portfolio
{ 
    border:2px solid #ccc; text-align:center;
}

.portfolioContact
{ 
    border:2px solid #ccc;
}


.container 
{
    clear:both; text-decoration:none;
}

#contentNewWindow 
{
    font: 0.9em/1.3em arial, verdana, sans-serif;
    text-align: justify;            
    width:848px;
    background: #fff;
    padding: 20px;
}

a.contentNewWindow, a.contentNewWindow:visited {color:#08c; } 


/* HOME NOT MANIPULATED MENU */

.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #5b5253;}

.xsnazzy p, .zsnazzy p { margin:0; padding:5px 10px; font-size:12px; }

.xsnazzy {background: transparent; width:240px; float:left; margin:0 3px;}
 
.xtop {display:block; background:transparent; font-size:1px;}

.xbottom {display:block; background:transparent; font-size:1px; border:1px solid #5b5253;}
      
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}

.xb1, .xb2, .xb3 {height:1px;}

.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #5b5253; border-right:1px solid #5b5253;}

.xb1 {margin:0 5px; background:#5b5253;}

.xb2 {margin:0 3px; border-width:0 2px;}

.xb3 {margin:0 2px;}
  
.xboxcontent {display:block; border:0 solid #5b5253; border-width:0 1px; height:auto;}

* html .xboxcontent {height:1px;}
     
.xboxcontent ul {margin-left: 4em; margin-right: .5em; font-size:1em; line-height:.65em; line-spacing:.5em; font-style:bold;}
  
.color_d {background:#5b5253; color:#fff;}
   
.color_a {background:#758279; color:#fff;}

.color_b {background:#758279; color:#fff;}

.color_c {background:#758279; color:#fff;}     
    
  
/* CURVY BROWN BOX */
  
.curvy {position:relative; width:100px; height:200px; background:#c19d7a; color:#000; margin:1em auto;}

#ctl, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#c19d7a; background:#fff;overflow:hidden;}

#ctl {top:0px; left:0px;}

#cbl {top:180px; left:0px;}

#ctr {top:0px; left:80px;}

#cbr {top:180px; left:80px;}

#quadtl, #quadtr, #quadbl, #quadbr {position:absolute; font-size:150px; font-family:arial; color:#c19d7a;line-height:40px;}

#quadtl {left:-8px;}

#quadtr {left:-25px;}

#quadbl {left:-8px; top:-17px;}

#quadbr {left:-25px; top:-17px;}

#txt {position:absolute; top:5px; left:5px; width:98px; height:180px;}
  
#txt li {font-size:11px; line-height:17px; color:#fff;}

#txt p {text-indent:2px; font-size:11px; line-height:17px; color:#fff;}
  
a.curvy, a.menu:visited {color:#fff; }

a.curvy:hover {color:#fff;}

a.curvy:hover span {color:#fff;}

a:curvy:hover b {color:#fff;} 

/* MEDUSA TILES EXPLODING BOXES */





#info2 ul {padding:0; margin:120px auto 115px auto; list-style-type:none; width:158px; height:158px; position:relative;}

#info2 img {border:0;}

#info2 li {display:block; height:50px; width:50px; float:left; margin:1px;}

#info2 a {display:block; width:48px; height:48px; border:1px solid #000; line-height:48px; text-align:center; text-decoration:none; color:#fff;}

#info2 a em, #info2 a span {display:none;}

a#link1 {background:#444;}

a#link2 {background:#777;}

a#link3 {background:#aaa; color:#000;}

a#link4 {background:#777;}

a#link5 {background:#aaa; color:#000;}

a#link6 {background:#aaa; color:#000;}

a#link7 {background:#eee; color:#000;}

a:hover#link1 {background:#c19d7a; color:#000;}

a:hover#link1 span {display:block; position:absolute; left:-270px; top:-100px; width:260px; height:153px; border:1px solid #000;background:#c19d7a;}

a:hover#link1 em {display:block; position:absolute; left:-10px; top:-25px; width:35px; height:25px; border-right:1px solid #000; border-top:1px solid #000; line-height:1px;}



a:hover#link2 {background:#c19d7a; color:#000;}

a:hover#link2 span {display:block; position:absolute; left:-60px; top:-160px; width:260px; height:150px; border:1px solid #000;background:#e09222;}

a:hover#link2 em {display:block; position:absolute; left:78px; top:-9px; width:1px; height:10px; font-size:1px; overflow:hidden; border-right:1px solid #000; line-height:1px;}



a:hover#link3 {background:#c19d7a;}

a:hover#link3 span {display:block; position:absolute; left:168px; top:-100px; width:260px; height:150px; border:1px solid #000; background:#f0c992; color:#000;}

a:hover#link3 em {display:block; position:absolute; left:132px; top:-25px; width:35px; height:25px; border-left:1px solid #000;  border-top:1px solid #000; line-height:1px;}



a:hover#link4 {background:#c19d7a; color:#000;}

a:hover#link4 span {display:block; position:absolute; left:-270px; top:2px; width:260px; height:150px; border:1px solid #000; background:#ffd610; color:#000;}

a:hover#link4 em {display:block; position:absolute; left:-10px; top:75px; width:12px; height:1px; border-top:1px solid #000; line-height:1px;}



a:hover#link5 {background:#c19d7a;}

a:hover#link5 span {display:block; position:absolute; left:168px; top:2px; width:260px; height:150px; border:1px solid #000; background:#b55568;}

a:hover#link5 em {display:block; position:absolute; left:104px; top:75px; width:65px; height:1px; border-top:1px solid #000; line-height:1px;}



a:hover#link6 {background:#c19d7a;}

a:hover#link6 span {display:block; position:absolute; left:-270px; top:105px; width:260px; height:150px; border:1px solid #000; background:#847b52;}

a:hover#link6 em {display:block; position:absolute; left:-10px; top:155px; width:35px; height:25px; border-right:1px solid #000;  border-bottom:1px solid #000; line-height:1px;}



a:hover#link7 {background:#c19d7a;}

a:hover#link7 span {display:block; position:absolute; left:168px; top:105px; width:260px; height:150px; border:1px solid #000; background:#c19d7a;}

a:hover#link7 em 
{
    display:block; 
    position:absolute; 
    left:132px; 
    top:155px; 
    width:35px; 
    height:25px; 
    border-left:1px solid #000;  
    border-bottom:1px solid #000; 
}           

           /*.portfolio{ margin-left:50px; border:3px solid #000; text-align:center;}*/







/* here follows the brillant "no-extra-markup" clearing method devised by Tony Aslett - www.csscreator.com */

/* simply add the clearfix class to any containter that must enclose floated elements */

/* read the details of how and why this works at http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {

    content: ".";              /* the period is placed on the page as the last thing before the div closes */

    display: block;          /* inline elements don't respond to the clear property */ 

    height: 0;                  /* ensure the period is not visible */

    clear: both;               /* make the container clear the period */

    visibility: hidden;         /* further ensures the period is not visible */

}

h2
{
    margin:0px;
    padding:3px;
    font-size: 24px;
    line-height: 26px;
    color: #512d21;
}

h3
{
    margin:0px;
    padding:3px;
    font-size: 18px;
    text-align: center;
    color: #5b5253;
}

h4
{
    margin:0px;
    padding:3px;
    font-size: 16px;
    font-weight:normal;
    color: #5b5253;
    text-decoration: underline;
}  

h5
{
    font-size: 14px;
    color: #5b5253;
}
   
a.lefty:link, a.lefty:visited, a.lefty:active 
{
    color:#5b5253;
}

.splitterbox 
{      
    width:390px; 
    float:left;  
    border:1px solid #CCC;
    padding:3px 3px 3px 3px;  
}
    
.splitterbox p 
{            
    padding:3px 3px 3px 3px; 
    margin:0;      
}
        
.splitterboxGrey 
{   
    width:382px;  
    float:left;    
    background:#efefef;       
    border:1px solid #CCC;  
    padding:3px 3px 3px 3px;  
}    
   
.splitterboxNoGrey 
{           
    width:383px;   
    float:left;    
    padding:3px 3px 3px 3px;   
}     

.splitterboxLine 
{            
    width:388px;    
    float:left;      
    border-bottom:1px solid #CCC;    
    padding:1px 1px 3px 1px;    
}
   
.splitterboxLine p 
{       
    margin:0;  
}
  
.splitterbox2 
{        
    width:150px;       
    float:left;   
    padding:30px 3px 3px 3px;    
}     
    
.splitterbox2 p 
{
    padding:3px 3px 3px 3px;
    margin:0;
}

.clearfix {display: inline-block;}   /* a fix for IE Mac */



/* next a fix for the dreaded Guillotine bug in IE6 */

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

/* end of "no-extra-markup" clearing method */