@CHARSET "ISO-8859-1";

/* Use only relative % sizes here - no absolute size and or positions */

body {
	min-width:600px;
	/*width:98%;*/
	height:200mm; /* will be minimum. will expand to content */
	overflow:auto;
}

a { outline:none; }

	
		 
		.panel {
			height:200px;
			padding:10px;
			background:blue url(../images/blend_1.png) repeat;
			border:1px solid grey;
			width:40%;
			margin:5px;
		}
		
		.curved {
			border:2px #747474 solid;
			background:white;
			margin:10px;
			padding:10px;
		}
		
	
	
	
        *{padding:0; border:0; margin:0;}
        body{min-width:850px;font-family:arial; padding:20px;}
        h2{font-size:16px; margin-bottom:10px; color:#555;}
        .nav{ 
			margin-bottom:115px;  /* allows logo to overlap panels a little - increase to clear */
			margin-left:auto;
			/* margin-right:auto; ... If want it centered */
			width:455px;  /* Width of nav bar - adjust of more buttons added/removed */
		}
    
		.nav a{
			display:block;
			text-indent:-9999px;
			width:90px;
			height:46px;
			margin-right:1px;/*7px*/
			float:left;
			background-image:url(../images/nav_bar.png);
			background-repeat:no-repeat;
			cursor:pointer;
		}
	        
		#nav_home{background-position:0 0;}
		#nav_home:hover,#nav_home.hover{background-position:0 -48px;}
	        
		#nav_services{background-position:-90px 0;}
		#nav_services:hover,#nav_services.hover{background-position:-90px -48px;}
	        
		/* SPARE */
		#nav_demo{background-position:-180px 0;}
		#nav_demo:hover,#nav_demo.hover{background-position:-180px -48px;}
	        
		#nav_contact{background-position:-270px 0;}
		#nav_contact:hover,#nav_contact.hover{background-position:-270px -48px;}
	        
		#nav_about{background-position:-360px 0;}
		#nav_about:hover,#nav_about.hover{background-position:-360px -48px;}
	        
		#nav_blog{background-position:-450px 0;}
		#nav_blog:hover,#nav_blog.hover{background-position:-450px -48px;}
	
		#advertpanel .middle, #copywritepanel .middle {
			background:white;	
			overflow:hidden;
		}
		
		.title {
			color: green;
			text-shadow:2px 2px 2px #333333;
			display:none;
			border:none;
			height:30px;width:97%;
			text-align:right;
			margin-top:5px;
		}
		
		
		ul#list-menu {
			list-style:none;
			margin:10px;
			padding:0;
			border:solid #668265;
			border-width:1px 2px 2px 2px;
			width:120px
		}
		
		ul#list-menu li a {
			text-decoration:none;
			display:block;
			border-top:1px solid #77a487;
			padding:5px;
			background:#485e49;
			color:#eee;
			font-size:12px
		}
		
		ul#list-menu li a:hover {
			background:#a2b3a1;
			color:#000
		}