*{
	margin:  0;
	padding:  0;
}
a:focus, a:active {
	outline:  0;
}

ul, ol	{
	list-style: none;
}

img {
	border: 0;
} 

a {
	text-decoration:  none; 
	color:  #3e3e3e; 
}

p  {
	margin:  0 0 15px; 
}

body {
	padding:50px;
	font:  .75em arial;
	color:  #888; 
	background:  #fff;
	line-height:  1.6em; 
	text-align:center;
 }

#background{
	padding:50px 0 0 0;
	height:  350px; 
	background: url(images/bg.png); 
}

.wrap { 
	padding-top:80px;
	margin:  0 auto; 
	width:  960px;
	text-align:justify;
 }

 #header { 
	 height:  420px; 
	 width: 800px;
	 background: url(images/banner.png) no-repeat center top; 
	 color:  #ccc; 
	 margin:30px auto;
 }

#logo { 
	padding-top: 22px;
	color:  #3e3e3e; 
	letter-spacing:  .2em; 
	font-size:  4.5em;
	font-weight:normal;
	font-family: 'Bad Script', cursive;
}

h1, .page {
	font-size:  1.8em;
	margin:  0 0 10px; 
	color:  #3e3e3e;
	font-weight: normal;
	font-family: 'Bad Script', cursive;
 }

h2, .hdrei { 
	font-size:  1.8em;
	margin:  0 0 10px; 
	color:  #3e3e3e;
	font-weight: normal;
	font-family: 'Bad Script', cursive;
 }

#menu { 
	float:  left;
	width:  200px; 
	height:400px;
	font-size:  1.2em; 
 }

#menu li { 
	padding: 5px 0;
}

#menu li a { 
	color:#888;
}

#menu li a:hover { 
	color:  #3e3e3e;
}
 
 .list {
	padding: 0 0 20px 30px;
	list-style:square;
 }
 
#main { 
	float:  right; 
	width:  760px; 
} 

.line {
	clear:  both; 
	border-bottom:  1px dotted #ccc; 
	padding:  10px 0 0; 
	margin:  0 0 20px; 
}

#footer { 
	clear:  both;
	height:  120px;
	padding:  20px 0;
	color:  #888;
	border-top:  1px dotted #ccc; 
	text-align:center;
}