/* CSS Document */

body { 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000;
	background:#69a6d0 url("../images/main-bg-4.jpg") left top no-repeat;
	margin:0;
	padding:0;
}

p {
	margin:0;
}

h1, h2 {
	color:#fc0101; margin:5px 0 0 5px;
}

h1 {
	font-size:24px; 
}

h2 {
	font-size:18px;
}

h3 {
	color:#222222; margin:5px 0 0 5px;
}

h3 { font-size:14px;
}

h4 { margin:5px 0 0 10px;
}

.footer {
	background: none repeat scroll 0 0 #FFFFFF;
    border-top: 1px solid #196AAF;
    float: left;
    margin: 0 auto;
    padding: 4px 0;
    width: 100%;
}

#wrapper {
	width:1237px;
	margin:0 auto;
}

#first {
	margin: 150px 20px 20px 400px;
}

#container {
	width:1237px;
	min-height:860px;
	position:relative;
}

#logo {
	margin:0 0 0 158px;
}

.logo {
	position:absolute;
	top:16px;
	left:147px;
}

.panel {
	width:374px;
	background:url("../images/panel-bg.png") top left repeat-y;
	float:left;
}

.panel p {
	margin:10px;
	line-height:1.8em;
}

blockquote {
	margin:25px;
	font-size:12px;
	line-height:1.8em;
	color:#555;
}

#first img {
	float:right;
	clear:left;
	margin:5px 10px 5px 10px;
}

#second img {
	float:right;
	clear:left;
	margin:5px 10px 5px 10px;
}

ul, li {
	list-style:none;
	margin:0;
	padding:0;}

#second {
	margin-top:150px;
	margin-bottom:20px;
}

#second ul, li {
	text-align:center
}

li.wood {
	padding:10px 0 10px 40px;
}

li.syrinx {
	padding:10px 0 10px 40px;
}

#contact {
	margin:5px;
	background-color:#C4E4F5;
	padding:5px;}

a {
	color:#2244FF;
}

a:hover {
	color:#0000EE;
}