/* CSS RESET */
html{color:#000;background:#4c5065;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:12px/1.231 Verdana,arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#000;
}
a {
	text-decoration:none;
	color:#ff0000; 
}
a:hover {
	text-decoration: underline;
		color: #ff0000
}
#wrap {
	width:900px;
	text-align:justify;
	margin:0 auto;
background:url(images/bg.jpg); 
}

.fl{ float:left}
.fr{ float:right}
.clearfix{ clear:both}


/* header */
#header { position:relative;height:111px;  background:url(images/hd.jpg);  }

#logo {position:absolute; top:43px; left:70px}
#logo h1 {
	font-size:32px;
	color: #000030
}

#logo h2 {
	font-size:13px;
	color: #000030
}

#logo div {
	padding-left:100px
}


#nav { position:absolute; top:35px; left:420px; background:url(images/nav.jpg); width:451px;height:30px; line-height:30px; padding:0 0 0 0px  }
#nav li {float:left;  font-weight:700; width:80px; padding:0 0px }
#nav a {text-decoration:none; display:block; text-align:center; color:#fff}
#nav a:hover {background: #ffffff; color:#000030}
/* content */

.img { margin:0px 0  0 70px }
.main {width:440px;  font-family:Verdana, Arial, Helvetica, sans-serif; background:url(images/box.jpg); color:#000030;}
#text {margin:0px 0  0 65px }
#text p {margin:0 auto; width:420px; line-height:1.5 }
#text li {margin:0px 0  0 30px; width:420px; line-height:1.5; list-style-type:decimal;}
#text h2 {font-size:30px; padding:20px 0 20px 0}
#text h3 {font-size:20px}
#text h4 {font-size:16px}
#text img {margin:10px 0  0 0}
#col {margin:30px 0  10px 65px ;width:300px; background:url(images/listen.jpg); width: 419px; height:170px ; }

#col div {width: 150px; margin: 20px 0 0  10px; display:inline}
#col .first  {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#ff0000;}
#col a { color:#ff0000; text-decoration:underline;}
.side { width:375px;display: inline; }
.side h2 {font-size:24px; color:#000030; }
.side li {line-height:20px; list-style:inside disc; color:#ff0000; }
.side ul {margin:20px  0 30px 20px}
#top {margin-top:20px}
/* footer */
#footer { background:url(images/ft.jpg); height:100px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:80px; color:#E98383}
#ftinner a {color:#FFFFFF}
.ftlink {width:600px;}