/* CSS Document */
body {
    margin:0px 0px 0px 0px;
	background-color:#000000;
	height: 100%;
	width:990px !important;
	width:983px;
	
}

#preloadedImages {
       width: 0px;
       height: 0px;
       display: inline;
       background-image: url(images/button/button_r1_c1_f2.png);
       background-image: url(images/button/button_r1_c2_f2.png);
       background-image: url(images/button/button_r1_c3_f2.png);
	   background-image: url(images/button/button_r1_c4_f2.png);
	   background-image: url(images/button/button_r1_c5_f2.png);
	   
	   background-image: url(images/button/button_r1_c1_f2.png);
	   background-image: url(images/button/button_r1_c2_f2.png);
	   background-image: url(images/button/button_r1_c3_f2.png);
	   background-image: url(images/button/button_r1_c4_f2.png);
	   background-image: url(images/button/button_r1_c5_f2.png);
	   
} 

/**** ********* BUTTON ******* ******/

   
     .cssnav {
  
      position: relative;
  
      font-family: arial, helvetica, sans-serif;
  
      background: (images/button/overbtn.png) no-repeat;
  
      white-space: nowrap;
  
      display: block;
  
      width: 130px;
   
      height: 30px;
   
      margin: 0px;
  
      padding: 0px;
	  
	  padding-bottom: 30px;
  
      }
 
       
  
      .cssnav a {

      display: block;

      color: #FFFFFF;

      width: 130px;

      height: 30px;

      float: left;

      text-decoration: none;

      }

       

      .cssnav img {width: 130px; height: 30px; border: 0; }

      * html a:hover {visibility:visible}

       

      .cssnav a:hover img{visibility:hidden}

       

      .cssnav span {
      font-size: 12px;
      position: absolute; 

      left: 16px;

      top: 5px;
 
      margin: 0px;

      padding: 0px;
  
      cursor: pointer;
	  
	  text-align:center;
 
      }

#buttontop .cssnav {
float:left;
background:url(images/button/overbtn2.png) no-repeat;
width: 136px;
height: 30px;
padding-bottom:0px;
}

#buttontop .cssnav img {width: 136px; height: 30px; border: 0; }

#buttontop .cssnav span a{
      width: 136px;
      height: 30px;
	  }
#buttontop .cssnav span {
font-size: 15px;
left: 20px;
}

#aboutleft2 span {
    display:inline;
	width:100px;
	font-size: 13px;
    color: red;
    }   

br {
    font-size:6px;
}

.seperator {
    margin:0px 280px 0px 0px;
}

.seperator2 {
    margin:0px 100px 0px 0px;
}

#black {
    background-color:#000000;
	width:100%;
	height:30px;
	width:302px;
	padding:5px 5px 5px 20px;
}

#blackthin {
    background-color:#000000;
	width:100%;
	height:3px;
	width:302px;
	padding:5px 5px 5px 20px;
}

#blackthin2 {
    background-color:#000000;
	width:100%;
	height:3px;
	width:262px;
	padding:5px 5px 5px 20px;
}

#blackrecent {
    background-color:#000000;
	width:100%;
	height:3px;
	width:652px;
	padding:5px 5px 5px 20px;
}

#blackprod {
    background-color:#000000;
	width:100%;
	height:3px;
	width:661px;
	padding:5px 5px 5px 20px;
}


#bartop {
    
}

#buttontop {
     position:relative;
	 left:-140px;
	 padding:0px 0px 0px 0px;
	 
	 
}

#buttonleft {
     position:relative;
	 float:left;
	 left:-155px;
	 width:130px;
	 top:-1px;
	 z-index: 3;
}

#buttonleft img {
    margin-bottom:20px;
	
}
#barleft {
	position:relative;
	float:left;
	width:173px;
	z-index: 1;
	
}

#bottomleft {
    background-image:url(images/bottomleft.gif);
	float:left;
	
}

#boxa {
    float:left;
	margin:20px 0px 0px 0px;
	width:8px;   
}

#box {
    position:relative;
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	left:-150px;
}

#box img {
   /** border:solid #FFFFFF 1px;**/
	margin:0px 5px 0px 0px;
}

#boxa img{
    border:hidden;
}

#aboutbox {
    margin:30px 6px 0px 320px;
}
#abouttop {
	margin:0px 0px 5px 5px;
}
#about  {
	float:left;
	background-image:url(images/aboutBackground.gif);
	position:relative;
	z-index: 0;
}

#aboutheader {
    margin:0px 0px 5px 0px;
}

#about2 {
   /**  border:solid #FFFFFF 1px;**/
	padding:5px 5px 5px 20px;
	margin:0px 0px 3px 0px; 
	width:300px;
}

#aboutleft2 {
  /**  border:solid #FFFFFF 1px;**/
	padding:5px 5px 5px 5px;
	margin:0px 0px 3px 0px; 
	width:275px;
}

#aboutleft2 img {
    vertical-align:top; 
	float:left;
}

#about img {
    vertical-align:top; 
	float:left;   
}
 
#aboutleft {
    float:right;
	position:relative;
	background-image:url(images/aboutBackground.gif);
	
}

#aboutprod {
	padding:5px 5px 5px 20px;
	margin:0px 0px 3px 0px; 
	width:661px;
}

#aboutrecent {
   /** border:solid #FFFFFF 1px; **/
	padding:5px 5px 5px 20px;
	margin:0px 0px 3px 0px; 
	width:650px;
}

#portfolio2 {
   /** border:solid #FFFFFF 1px; **/
	padding:5px 5px 5px 20px;
	margin:0px 0px 3px 0px; 
	width:140px;
}

#portfolio  {
	float:left;
	background-image:url(images/aboutBackground.gif);	
	margin-left:75px;
	position:relative;
	z-index: 0;
}

#rent {
	float:right;
}

#rent img{
	border:none;	
}

#links {
    float:left;
}

#forms {
	text-align: left;
	
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/************ **** TEXT ****** ********************/

a {
	text-decoration:none;
	}
#box a:link {
	color:#cde6f7;
	}
#box a:visited {
	color:#cde6f7
	}
a:hover {
	/**background-color:#bfdfff;**/
	text-decoration:underline;
	}

h1 {
    font:Arial, Helvetica, sans-serif;
    font-size:1.2em;
    margin-top:-10px;
    margin-bottom:-15px;
	display:inline; 
	
}

h2 {
    font:Arial, Helvetica, sans-serif;
    font-size:14px;
    margin-top:-10px;
    margin-bottom:-15px;
	display:inline;
	text-decoration:underline; 
	
}

h3 {
    font:Arial, Helvetica, sans-serif;
    margin-top:-10px;
    margin-bottom:-15px;
	display:inline; 
	
}

.abouttext {
    font-family:Arial, Helvetica, sans-serif;
	font-size:.8em;
	padding:0px 0px 0px 5px;
}

.text {
    padding:25px 0px 0px 10px;
    float:left;
    color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
}

p {
    
}

li {
    list-style:square;
	margin-left:20px;	
}

ul {
	
}