/* GENERAL STYLES */

* {
          margin:	0px; 
          padding: 0px; 
          border:	0px;
          } 

html,body{
          margin:0px;
          padding:0px;
          height:100%;   
          border:none;
          font-size: 0.9em;
          color: rgb(80,80,80);
          background-color: #867363;
          background-image: url(images/bgtxt.gif);
          font-family: Verdana, "Lucida Grande", "Lucida Sans Unicode", "trebuchet MS", Arial, helvetica, sans-serif; 
          line-height: 1.5em; 
          text-align: center;
          }

img {border-width: 0px}



a:link {color: #fddec9;
        text-decoration: none;}
        
a:visited {color: #fddec9;
        text-decoration: none;}

a:hover {color: #e0d694;
        text-decoration: underline;}



/*STRUCTURE*/
#valign {
        	width: 100%;
        	height: 50%;      
        	margin-top: -280px; 
        	float: left;
          }
#wrap {
          position: relative;  
          text-align: left;
          width: 950px;
          height: 560px;
          margin: 0px auto;
        	clear: both;
          }

#borderie {    
        	position: absolute;
        	right: 0px;
        	top: 0px;    	
          width: 950px;
          height: 560px;
          border-style: solid; 
          border-color: #f3f0ea; 
          border-width: 1px; } 
          /* border is currently turned on. borderie is to fix int Exp border and layout problem*/ 
          
                   
#container { 
        	position: absolute;
        	right: 0px;
        	top: 0px;    	
          background-color: #ffece0;
          width: 950px;
          height: 560px;
          }       

#navcontain { 
          float: left;
          display: inline;
          background-color: #ffece0;
          width: 280px;
          height: 560px;
          }    
/*        background-image: url(images/logo.gif) background-repeat: no-repeat background-position: 40px 200px */

#navcontain ul {
          color: #550009;
          float: right;
          display: inline;
          margin: 30px 58px 0px 0px;
          text-align: right;
          list-style-type: none; 
          text-transform: lowercase; 
          height: 170px;        
          }

#navcontain img {margin: 0px 0px 0px 40px}          

#navcontain ul a:link {
          color: #c82838;
          height: 20px;          
          text-decoration: none;
          text-transform: lowercase;         
          }
          /*width: 149px; display: block;*/
          
#navcontain ul a:visited {
          color: #c82838;
          height: 20px;
          text-decoration: none;
          text-transform: lowercase;         
          }
          
#navcontain ul a:hover {
          color: #39d4b5;
          height: 19px;
          text-decoration: none;
          text-transform: lowercase;
          border-style: dotted;
          border-width: 0px 0px 1px 0px;
          border-color: #989898;        
          }

#navcontain ul div {
          height: 20px;  
          width: 149px;       
          }

#gphcontain{ 
          float: left;
          display: inline;
          background-color: #ffece0;
          width: 390px;
          height: 560px;
          } 

#maincontain { 
          float: left;
          color: white;
          font-weight: bold;
          display: inline;
          background-color: #e07265;
          width: 280px;
          height: 560px;
          }           
      
#introp {margin: 200px 0px 0px 20px }


#bio, #work, #downloads { 
          float: left;
          display: inline;
          background-color: #e07265;
          width: 390px;
          height: 560px;
          } 
          
#bio p {
          margin: 120px 20px 0px 20px;
          line-height: 2em; 
          font-weight: normal; 
          font-size: 0.9em;
          color: white}        

#work ul {
          list-style-image: url(images/arrow.gif);
          margin: 5px 20px 20px 20px;
          line-height: 2em; 
          font-weight: normal; 
          font-size: 0.9em;
          color: white;
          text-transform: none }

#work ul span {
          color: #edcf7f;
          }

#work ul ul {
          list-style-type: none;
          list-style-image: none;
          line-height: 1em;
          font-size: 0.9em;
          margin-left: 20px}  
          
#work div {
          margin: 135px 20px 0px 20px;
          font-weight: bold;
          text-transform: uppercase;
          }         
          
#downloads div {
          font-size: 0.9em;
          margin: 175px 20px 0px 150px;
          }
          
#downloads ul {
          list-style-type: none;
          margin: 30px 0px 30px 0px;
          }          
          
          
#footer {
          color: #51040c;
          margin: 0px 0px 0px 650px;
          font-size: 0.8em}  
          
#footer a:link {
          color: #c82838;
          text-decoration: none;
          border-style: dotted;
          border-width: 0px 0px 1px 0px;
          border-color: #c82838;}   
          
#footer a:visited {
          color: #c82838;
          text-decoration: none;
          border-style: dotted;
          border-width: 0px 0px 1px 0px;
          border-color: #c82838;} 
          
#footer a:hover {
          color: #4bbba5;
          text-decoration: none;
          border-style: dotted;
          border-width: 0px 0px 1px 0px;
          border-color: #989898;}