﻿html,body{
	background: #28489f url(img/bg.jpg) repeat-x;
	margin: 0;padding:0
}

body{
	font: 90% tahoma, arial, helvetica, sans-serif;
	text-align: center
}

* {
	margin: 0; 
	padding: 0;
}

p {
	margin: 0 10px 10px}

h3 {
	padding: 10px 0px 0px 10px;
	font: normal bold 100% tahoma, arial, helvetica, sans-serif;
	color: #000080;
}
h4 {
	font: normal bold 90% tahoma,sans-serif;
	background: #ffedbf url(img/h4.jpg) repeat-y top right;
	color: #000080;
	padding-left: 5px;
}

#topnav {
	font: normal 90% tahoma, arial, helvetica, sans-serif;
	color: #0f2f86;
	letter-spacing: 2px;
	margin: 0px auto 0px auto;
	padding-top: 5px;
	width: 800px;
	height: 20px;
	clear: both;
	text-align: right;
}
 
#topnav a {
	text-decoration: none;
	color: #0f2f86;

} 
#topnav a:hover { 
	color: #fff;
	text-decoration: underline;
} 
#topnav a#current { 
	color: #0f2f86;
	text-decoration: underline;
}
#topnav img {
	border: 0px;
}
#header {
	font: normal italic 110% "Times New Roman", times, serif;
	height: 100px;
	margin: 0; 
	padding: 10px;
	background: #28489f url(img/header_bg.gif) repeat-x;
	color: #fff;
	text-align: left;
}

#header img {
	float:left;
}
#woodbar {
	background: #c88858 url(img/menu.jpg) repeat-x;
	color: #000080;
	width: 800px;
	height: 25px;
	border-top: 1px solid #ffedbf;
	border-bottom: 1px solid #888;
	text-align: center;
	clear: both;
}
#woodbar a {
	text-decoration: underline;
	color: #000080;

} 
#woodbar a:hover { 
	color: #fff;
	text-decoration: underline;
}
#midnav {
	background: #c88858 url(img/menu.jpg) repeat-x;
	font: normal 80% tahoma, arial, helvetica, sans-serif;
	color: #000080;
	width: 800px;
	height: 25px;
	padding-top: 5px;
	border-top: 1px solid #ffedbf;
	border-bottom: 1px solid #888;
	text-align: center;
	letter-spacing: 2px;
	clear: both;
}
#midnav a {
	text-decoration: none;
	color: #000080;
} 
#midnav a:hover { 
	color: #fff;
	text-decoration: underline;
} 
#midnav a#current { 
	color: #000080;
	text-decoration: underline;
}
#container {
	width: 800px;
	margin: 0 auto;
	background: #bfe4ff;
	text-align: left;
}

#content p {
	line-height: 1.4;
}

#content {
	float: right;
	width: 475px;
	height: 360px;
	background: #fff url(img/content_bg.jpg) no-repeat bottom left;
	margin: 10px 10px 0px 0px;
	border: #ffedbf solid 6px;
	overflow: auto;
}

#content img {
	float: right;
}
#content a {
	text-decoration: underline;
	color: #000080;
} 
#content a:visited {
	color: #444;
	text-decoration: underline;
}
#content a:hover {
	color: #0000ff;
	text-decoration: underline;
}
#leftside {
	background: #bfe4ff;
	float: left;
	clear: left;
	width: 300px;
}

#leftside p {
	background: #fff;
	border: #ffedbf solid 6px;
	margin: 10px auto 10px auto;
	padding-top:5px;
	height:100px;
	width: 250px;
	clear:both;
}
#leftside a {
	background: #fff;
	text-decoration: none;
	color: #444;
} 
#leftside a:hover {
	color: #000080;
	text-decoration: none;
} 
#leftside a#current {
	color: #000080;
	text-decoration: none;
}
#twitter {
	float: left;
	clear: left;
	margin: 10px 0px 10px 15px;
	padding-top:11px;
	height:360px;
	width: 250px;
}
#networks {
	background: #bfe4ff;
	clear: both;
	width: 100%;
}
#facebook {
	float: left;
	margin: 10px;
	padding: 10px;
	height: 500px;
	width: 350px;
}
#myspace {
	float: left;
	margin: 10px;
	padding: 10px;
	height: 500px;
	width: 350px;
}
.product img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;
}

.product:hover img {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
} 
.product a#current { 
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;
}

#leftside img {
	float: left;
	border: 0px;
}

#info {
	background: #bfe4ff;
	height: 125px;
	line-height: 1.3;
	clear: both;
	width: 100%;
}
#info a {
	text-decoration: none;
	color: #000080;
} 
#info a:hover { 
	color: #000;
	text-decoration: underline;
} 
#info a#current { 
	color: #000;
	text-decoration: underline;
}
#info img {
	float: left;
	border: 0px;
}
#column1 {
	float: left;
	width: 260px;
	padding: 0px 0px 20px 20px;
}
#column2 {
	float: left;
	width: 260px;
	padding: 0px 0px 20px 20px;
}

#footer {
	background: #28489f url(img/footer_bg.jpg) repeat-x;
	color: #bfe4ff;
	text-align: center;
	padding: 10px 0px 10px 0px;
	clear: both;
	width: 100%;
	height: 100px;
}
#footer a {
	text-decoration: none;
	color: #ccc;
} 
#footer a:hover { 
	color: #fff;
	text-decoration: underline;
} 
#footer img {
	border: 0px;
}
#subfooter {
	background: #28489f;
	color: #000;
	text-align: right;
}

#subfooter p {
	font: normal 75% tahoma, arial, helvetica, sans-serif;
	letter-spacing: 3px;
	margin: 0;
	padding: 5px 0px 5px 0px;
}
#subfooter a {
	text-decoration: underline;
	color: #000;
} 
#subfooter a:hover { 
	color: #bfe4ff;
	text-decoration: underline;
}

.c {
	text-align:center;
}
.smallfont { 
	font: normal 85% tahoma, arial, helvetica, sans-serif;
	color: #000;
}
.darkblue {
	color: #000080;
}
.red {
	color: #ff0000;
	text-align:center;
}

table {
	margin: 0px auto 0px auto;
}

.contact input, .contact textarea {	
	padding: 2px;	
	margin-bottom: 5px;
	border: 1px solid #ccc;

}
.contact input.submit-button {
	background: #80c9fe;
	width: 75px;
	float: right;
	color:#000080;
}

#column3 {
	float: left;
	width: 225px;
	text-align: center;
	padding: 0px;
}
#column4 {
	float: left;
	clear: right;
	width: 225px;
	text-align: center;
	padding: 0px;
}
#content input, #content textarea {	
	padding: 2px;		
	margin-bottom: 5px;
	border: 1px solid #bfe4ff;

}
#content input.submit-button {
	background-color:#ffedbf;
	width: 75px;
	float: right;
	color:#444;
	cursor: hand;
}
img {
	border: 0px;
}