html {
		margin:0;
      background: #fff;

	}
body,
	html {
height:100%;
	}
	
body {		margin:0 0 1px;
	  font-family: Arial, Verdana, sans-serif;
		color:#000;
	  font-size:62.5%;
	height:100%;}
	img {border:none;}
clear {clear:both;}
a {color:#000; outline:0; }

/**************   container *******************************************/
#container {margin:0 auto;
     	    padding: 0;	
		    width:1000px;

            background: #E8E8E6;
        	}



/**************  top   *****************************************/

#topouter {
		position: fixed;
		top: 0;
		left: 0;
		margin:0 ;
		padding:0;
		width:100%;
		min-height:90px;
		z-index:100;
}

#top {
		margin:0 auto ;
		padding:0;
		width:1000px;
		min-height:90px;
	height:90px;
		background:transparent url(/images/topback.png) 0 0 repeat;

}


	
#title {float:left;
margin:27px 0 0 54px;
		padding:0;

}
			 

.dropdown {float:left; 
			margin:0;
padding:0;	
			position:relative;
							  font-size:1.4em;
							  margin:49px 0px 0 125px;
							   color:#948E8F;}
.dropdown1 {margin:49px 0px 0 191px;
			}
							   
.dropdown dt {
			margin:0;
padding:0;	 

			cursor:pointer; 
		}
			

.dropdown dd {position:absolute; 
			overflow:hidden; 
			display:none; 
			z-index:200; 
		/*	opacity:0;
			*/
			/*border:1px solid red;*/
			width:130px;
			top:0px;left:-40px;}
			
.dropdown ul { 
			list-style:none;
margin:0;
padding:30px 0 0 0;			
		}
			
.dropdown li {display:inline;}

.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; 
			padding:0px; margin:0;
			color:#948E8F;
			text-decoration:none; 

			}
			
.dropdown a:hover {
					color:#231F20;}

.nodropdown { margin:20px 0px 0 125px;
						}


ul.submenu  {


margin:0px;
                  padding:30px 0 0 0;
				  width:100px;
                  list-style-type:none;
				  color:#231F20;
				  font-size:1em;
			 }		 
 
	
ul.submenu li  {margin:0;
                     padding:0;
	        		 }
			 
ul.submenu a  {
		            padding:0;
									  color:#231F20;
					text-decoration:none;}
					
				
					

ul#mainmenu1  { float:left;

				margin:55px 0 0 150px;
                  padding:0;
				  width:600px;
                  list-style-type:none;
				  color:#231F20;
				  font-size:1.4em;
				  }	

/**************  left column   *****************************************/
#leftcol {float:left;
position: fixed;
		margin:90px 0 0 0px;
		padding:0;
		width:230px;
		background-color:transparent;

  top: 0;
  left: auto;
	
	}

#leftcol p {color:#686868;	
			font-size:1.4em;
			width:200px;}
			
#leftcol a {color:#686868;	
			text-decoration:none;}

			
#productdets {position:relative;height:400px;}
#productdets1 {position:absolute;bottom:0;}

#projectdets {position:relative;height:400px;}
#projectdets1 {position:absolute;bottom:0;}
			
#leftcol p.producttitle {margin:0px 0 18px 30px;font-size:1.2em;}

.productdesc {margin:0 0 0 30px;}
#leftcol .productdesc p {font-size:1.2em;}

#leftcol p.productlink {margin:18px 0 0 30px;font-size:1.2em;}


#leftcol p.projecttitle {margin:200px 0 18px 30px;font-size:1.2em;}

.projectdesc {margin:0 0 0 30px;}
#leftcol .projectdesc p {font-size:1.2em;}

#leftcol p.projectlink {margin:18px 0 0 30px;font-size:1.2em;}

				  
				  
/**************  main column   *****************************************/
#maincol {float:left;

			margin:0;
			padding:0;
			width:710px;}
#maininner {
			margin:0px 0 0 96px;
			padding:126px 0 0 0;
			width:710px;}
			
#maininner img {display:block;
margin:0 0 36px 0;}
			
body#products #maininner {margin:0 0 0 326px;min-height:480px;}	
body#projects  #maininner {margin:0 0 0 326px;min-height:480px;}		
/******************  home   *****************************************/
#homeslides {position:relative;
				margin:0;
				padding:0;
				width:1000px;
				height:900px;}			
					 
#homeslides img {position:absolute;
				top:0;
				left:0;
				margin:0;
				padding:0;
				width:1000px;
				display:block;}	
				
#homeslides a {position:absolute;
				top:0;
				left:0;
			}	
			


/******************  contact   *****************************************/
body#contact #maininner {margin:197px 0 50px 325px;
			padding:0;
			width:615px;
			min-height:480px;
			background:#fff;
			}	

#contactdets {margin:0 0 0 350px;
			padding:180px 0 0 0;
			font-size:1.4em;
			color:#686868;}


#contactdets p {margin:0 0 20px 0;
			padding:0;
			}
			

#contactdets p#address {margin:0 0 25px 0;
			}			

#contactdets a {margin:0;
			padding:0;
			text-decoration:none;
			color:#686868;}

/******************  biography   *****************************************/
body#biography #maininner {margin:197px 0 50px 325px;
			padding:0;
			width:615px;
			min-height:480px;
			background:#fff;}	

#biodets {margin:0 0 0 63px;
			padding:20px 0 0 0;
			font-size:1.4em;
			width:480px;
			color:#686868;}
#biodets a {color:#686868;}
/******************  clients   *****************************************/
body#clients #maininner {margin:197px 0 50px 325px;
			padding:0;
			width:615px;
			min-height:480px;
			background:#fff;}	

#clientdets {margin:0 0 0 63px;
			padding:20px 0 0 0;
			font-size:1.4em;
			width:500px;
			color:#686868;}
			
#clientdets ul {float:left;
margin:23px 0 0 0;
			padding:0;
			list-style-type:none;
			width:200px;
		
			}	
#clientdets ul#clientsleft {margin:23px 90px 0 0;
}	
#clientdets ul#clientsright {margin:23px 0px 0 0;
}	
			
#clientdets li {margin:0 0 20px 0;
			}
			
#clientdets a {text-decoration:none;
color:#686868;}			

/******************  press and blog  *****************************************/
body#press #maininner {margin:143px 0 50px 290px;
			padding:0;
			width:615px;
						min-height:480px;
			}	
body#blog #maininner {margin:143px 0 50px 290px;
			padding:0;
			width:615px;
			min-height:480px;}	
			
.slidedets {position:relative;border-bottom:2px solid white;
width:555px;margin:0 0 20px 0;}
.slidecap {position:relative;
		margin:0px 0 12px 35px;
		font-size:1.4em;
		color:#686868;}  
		
.slidedesc {position:relative;
		margin:0px 0 38px 35px;
		font-size:1.2em;
		color:#686868;}  
				
.slidedets a {text-decoration:none;color:#686868;}				
/************* slide  navigation  ***************/	
.slidenav  {position:relative;
		margin:0 0 11px 35px;}    
.slidenav ul {
			list-style-type: none;
	        margin: 0;
	        padding: 0;
		}
	    
.slidenav ul li {margin: 0 12px 0 0;
	        padding: 0;
			display:inline;
	}
	    
.slidenav  li a {margin:0;
			padding:0 0 0 0px;
			height:12px;
			width:12px;
	    display:inline-block;
	text-decoration: none; 
	
/*background-color: #ccc;*/
		background:transparent url(/images/greycircle.gif) 0 0 no-repeat;	
}

.slidenav a span {
 visibility:hidden; 
 } 	

.slidenav li.selected a {
	background:transparent url(/images/blackcircle.gif) 0 0 no-repeat;
	    }

.slidenav li a:hover {	background:transparent url(/images/blackcircle.gif) 0 0 no-repeat;
	    }
	    			
			
/************* slides  ***************/	 
.slides {position:relative;
		margin:0 0 10px 35px;}   
body#press .slides .slideback {position:relative;
		height:300px;	}			
			
body#blog .slides .slideback {position:relative;
		height:485px;	}
			
.slides .slideback img {position: absolute;
									top: 0;
									left: 0;
									}			
				
		
		
		
/************* press and blog paging  ***************/	 
.pagenav {margin:0;
padding:0;
width:555px;
font-size:1.4em;
 }

.pagenavprev {width:150px;text-align:left;float:left;}
.pagenavnext {width:150px;text-align:right;float:right;}
.pagenavinner {width:255px;text-align:center;float:left;}
.pagenav a {text-decoration:none; width:300px;color:#948E8F;}
.pagenav a:hover {color:#231F20;}
 .pagenavinner .currentpage {color:#231F20;}

/**********************************************************************************************************/






	#footer {
		clear:both;
		padding:0px;
		background:#cc9;
	}
	#footer p {
		margin:0;
    }
	* html #footer {
		height:1px;
	}