@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}

 
	#wrap {
		background-color: #FFF;
		width:560px;
		margin:0 auto;
		margin-top: 40px;
		margin-bottom:20px;
		
	}
	html {
		margin:0;
		padding:0;
		color:#000;
		
	}

#nav ul {
		margin:0;
		padding:0;
		background-color: #FFF;
		height: 15px;
		
	}
	#nav li {
		display: inline;
		margin:10px;
		padding:20px;
		height: 30px;
		width: 550px;
	
		
	}
	ul,li{
	margin:5px;
	padding:0;
}
li{
	
	float:center;
	display:inline;
	margin-right:5px;
	margin-bottom: 5px;
		
}	

#footer {
background:#AF988A;
}
	#main {
		float:right;
		width:440px;
		padding:10px;
		background:#FFF;
		margin-right: 40px;
		margin-top: 10px;
		margin-bottom: 10px;
		
		
		
	}

#footer {
clear:both;
background:#CCD4B4;
}
	.offscreen { 
  position: absolute; 
  top: -30em; 
  left: -300em; 
} 

div#hmenu { 
   margin: 0; 
   padding: .3em 0 .3em 0; 
   background:#f2f2f2; 
   width: 100%; 
   height: 40px;
   text-align: center; 
   
   
   
} 

div#hmenu ul { 
   list-style: none; 
   margin-top:10px; 
   padding: 0; 
   
   
} 

div#hmenu ul li { 
   margin: 0; 
   padding: 0; 
   display: inline; 
   font-color:#000;
  font-size: 12px;
   
   
} 

div#hmenu ul a:link{ 
   background-color: #3CB371;
    color: white;
    padding: .3em .4em .3em .4em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     ie-dummy: expression(this.hideFocus=true);
	 border: none;
	 outline: none;
	 font-size: 12px;
} 

div#hmenu ul a:visited{ a:focus;
	 
   background-color: 	#3CB371;
    color: white;
    padding: .3em .4em .3em .4em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     ie-dummy: expression(this.hideFocus=true);
	 border: none;
	 outline: none;
    font-size: 12px;
} 

div#hmenu ul a:active{ a:focus;
   background-color: 	#0066ff;
    color: white;
    padding: .3em .4em .3em .4em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
     ie-dummy: expression(this.hideFocus=true);
	 border: none;
	 outline: none;
  font-size: 12px;
    
}

div#hmenu ul a:hover{ a:focus;
	background-color: 	#0066ff;
    color: white;
    padding: .3em .4em .3em .4em;
    text-align: center;
    text-decoration: none;
    display:inline-block;
     ie-dummy: expression(this.hideFocus=true);
	 border: none;
	 outline: none;
    font-size: 12px;
}

#header {
background-color: #FFF;
margin: 0px;
padding: 10px;
width: auto;
height: 165px;
overflow: hidden;
text-align: left;
}
	h1 {
	background-color: #FFF;
	margin: 0;
	font-size: 10px;
    }


h2 {
background-color: #FFF;
margin-left: 10px;
font-size: 12px;


}
h3 {
	background-color: #FFF;
	margin: 0;
	font-size: 12px;
	
	
    }
	h4 {
	background-color: #FFF;
	margin: 0;
	font-size: 12px;
	font-weight:400;
	
    }
pre{
	display:block;
	font:100% "Courier New", Courier, monospace;
	padding:10px;
	border:1px solid #bae2f0;
	background:#e3f4f9;	
	margin:.5em 0;
	overflow:auto;
	width:400px;
}




#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#CCC;
	padding:5px;
	display:none;
	color:#CCC;
	}
#sidebar {
	background-image: url(sidebarpng.png);
	width: 150px;
	margin-left: 30px;
	margin-top: 10px;
	padding: 10px;
	border:outset;
	border-color: #ccc;
}
#img1 {
	position: center;
	width: 200px;
	text-align: center;
	float: none;
	height: 166px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}
#img2 {
	position: center;
	width: 200px;
	text-align: center;
	float: none;
	height: 166px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}
#img3 {
	position: center;
	width: 200px;
	text-align: center;
	float: none;
	height: 166px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	
}	


#img4 {
	position: center;
	width: 200px;
	text-align: center;
	float: none;
	height: 166px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
	
	#footer {
		clear:both;
		padding: 10px;
		margin: 10px;
		background:#FFF;
		
	}
#footer p {
margin:0;
}

	* html #footer {
		height:1px;
	}	



#wrap #sidebar ul li a {
}
/*! Respond.js v1.0.1pre: min/max-width media query polyfill. (c) Scott Jehl. MIT/GPLv2 Lic. j.mp/respondjs  */