body {          width:900px;
		margin: 0px;
		padding: 0px;
		background: #ffffff;
		font: 14px arial, sans-serif; 
                color: #c19d7a;
                
     }






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



/* MEDUSA TEST NAV */



#infonav ul {padding:0; margin:20px 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;}


.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; } 

#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: #c19d7a; }

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




/* HOME NOT MANIPULATED MENU */

.xsnazzy h1, .zsnazzy h1 {margin:0; font-size:1.2em; padding:0 10px 5px 10px; border-bottom:1px solid #c19d7a;}
.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 #c19d7a;}


.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #c19d7a; border-right:1px solid #c19d7a;}
.xb1 {margin:0 5px; background:#c19d7a;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}


.xboxcontent {display:block; border:0 solid #c19d7a; 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:#c19d7a; color:#fff;}


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


div#header {height:180px; width:960px; text-align:left; background-color:#fff;  }

#header a.logo {font: 12px arial; color: #c19d7a; }
.headerText {margin-left:39px; font: 12px arial; color: #c19d7a; }


div#nav {position:absolute; 

         left:0px; top 30px; width:100px; 

         padding:.5em 0 0 0;

         margin:30px 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;
           }






/* CURVY BROWN BOX SMALL - DECIDED NOT TO USE ANYMORE */



.curvyshow {position:relative; width:100px; height:50px; background:#c19d7a; color:#000; margin:5em auto;}
#ctlshow, #cblshow, #ctrshow, #cbrshow {position:absolute; width:20px; height:20px; color:#c19d7a; background:#fff;overflow:hidden;}
#ctlshow {top:0px; left:0px;}
#cblshow {top:30px; left:0px;}
#ctrshow {top:0px; left:80px;}
#cbrshow {top:30px; left:80px;}
#quadtlshow, #quadtrshow, #quadblshow, #quadbrshow {position:absolute; font-size:150px; font-family:arial; color:#c19d7a;line-height:40px;}
#quadtlshow {left:-8px;}
#quadtrshow {left:-25px;}
#quadblshow {left:-8px; top:-17px;}
#quadbrshow {left:-25px; top:-17px;}
#txtshow {position:absolute; top:5px; left:20px; width:98px; height:40px;}


#txtshow li {font-size:11px; line-height:17px; color:#fff;}
#txtshow p {text-indent:4px; font-size:11px; line-height:17px; color:#fff;}

a.curvyshow, a.menu:visited {color:#fff; }
a.curvyshow:hover {color:#fff;}
a.curvyshow:hover span {color:#fff;}
a:curvyshow:hover b {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;} 



.curvyboxtwo {position:relative; width:350px; height:150px; background:#c19d7a; color:#000; margin:5em auto;}
#ctltwo, #cbl, #ctr, #cbr {position:absolute; width:20px; height:20px; color:#08c; background:#fff;overflow:hidden;}
#ctltwo {top:0px; left:0px;}
#cbltwo {top:130px; left:0px;}
#ctrtwo {top:0px; left:330px;}
#cbrtwo {top:130px; left:330px;}
#quadtltwo, #quadtr, #quadbl, #quadbr {position:absolute; font-size:150px; font-family:arial; color:#c19d7a;line-height:40px;}
#quadtltwo {left:-8px;}
#quadtrtwo {left:-25px;}
#quadbltwo {left:-8px; top:-17px;}
#quadbrtwo {left:-25px; top:-17px;}
#txttwo {position:absolute; top:5px; left:5px; width:348px; height:140px;}


#txttwo li {font-size:11px; line-height:17px; color:#fff;}
#txttwo p {text-indent:2px; font-size:11px; line-height:17px; 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 */
}

.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 */