@charset "utf-8";
body {
	background:url(images/bg-body.gif) repeat-x left top #001220;
	margin: 0px;
	padding: 0px;
	text-align: center;
}
p, h1, h2, h3, h4, h5, h6, a, ul, li, dt, dd, lo, address, td, div {
	margin:0px;
	padding:0px;
	text-align: left;
}
p {
	margin:0 0 20px 0;
	font:normal 13px verdana;
	color:#0C4775;
}
h1 {
	font:bold 19px verdana;
	text-transform:capitalize;
	color:#9F0606;
	margin-bottom:10px;
}
h2{
	font:normal 15px verdana;
	color:#9F0606;
	margin-bottom:10px;
}
h3{ font:normal 12px Verdana;
	color:#000;
	padding:10px 20px 20px 20px;
	 }
h4 {
	font:normal 14px verdana;
	color:#3399CC;
}
address {
	font:normal 12px Verdana;
	color:#000;
	padding:10px 20px 20px 20px;
	
}
address br{
	line-height:8px;
}
a {
	color:#D45B0B;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
}
a img {
	border:none;
}
/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */
div#wrapper{
	width:100%;
	float:left;
	background:url(images/bg-wrapper.gif) no-repeat center top;
	padding:0px;
	margin:0px;
}
div#container {
	width: 980px;
	margin: 0px auto;
}
div#header {
	width:980px;
	float:left;
	position:relative;
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	height: 234px;
}
img#proverb {
	position:absolute;
	top:193px;
	left:29px;
}
div#audio{
	color:#ffffff;
	font:normal 14px verdana;
	margin:10px 0px;
	text-align:center;
}
a#webaudio {
	float:right;
	font:normal 12px Verdana;
	color:#260203;
	padding:5px 0px 5px 30px;
	background:url(images/bg-audio.gif) no-repeat left center;
	text-decoration:none;
	margin:9px 0px 0 0;
	text-transform:capitalize;
	width:130px;
}
a#webaudio:hover{
	color:#fff;
}
div#logo {
	width:357px;
	float:left;
	height:236px;
}

img#theme{
	width:auto;
	float:left;
}
div#maincontent {
	width:970px;
	float:left;
	background:url(images/bg-main-content.gif) repeat-y right bottom #fffffe;
	padding:0px 0 20px 0;
	margin-top:5px;
}
div#content {
	width:606px;
	background:url(images/bg-content.gif) no-repeat left top;
	float:left;
	padding:20px;
}
div#content ul{
	list-style:none;
	padding:0px;
	width:302px;
	float:left;
	margin-bottom:20px;
}
div#content ul.services{
	width:600px;
	background:#ffe6e6;
	padding:10px 0px;
	border: dashed 1px #e9bbbb;
}
div#content ul.services li{
	background:url(images/bullet.gif) no-repeat 13px 8px;
	font:normal 13px verdana;
	color:#0C4775;
	padding:3px 0 3px 25px;
}
div#content ul li{
	background:url(images/bullet.gif) no-repeat left 8px;
	font:normal 13px verdana;
	color:#0C4775;
	padding:3px 0 3px 12px;
}
div#content ul li.inner{
	background:url(images/bullet.gif) no-repeat 13px 8px;
	font:normal 13px verdana;
	color:#0C4775;
	padding:3px 0 3px 25px;
}
div#sidebar {
	width:323px;
	float:right;
}
img#payment{
	margin-left:20px;
}
div#footer {
	background:url(images/bg-footer.gif) no-repeat left top;
	width:970px;
	float:left;
	padding:10px 0 20px 0;
}
a#owner {
	float:right;
	background:url(images/bg-owner.gif) no-repeat left center;
	padding:4px 0px 5px 15px;
	margin:0px 0 0 0;
	font:bold 12px verdana;
	color:#1865A4;
	text-transform:capitalize;
	text-decoration:none;
}
div#copyright {
	color:#1865A4;
	font:normal 10px Verdana;
	width:500px;
	position:relative;
	float:left;
	padding-left:140px;
}
div#copyright img {
	border: none;
	position:absolute;
	left:0px;
	top:0px;
}
div#copyright a {
	color:#1865A4;
	font:normal 10px Verdana;
	text-decoration: none;
}
div#copyright a:hover {
	text-decoration: underline;
}
/* ----------------- NAVIGATION ----------------- */
div#nav {
	width:780px;
	float:left;
	padding:0px;
	margin:0px;

}
ul#mainnav {
	width:780px;
	margin: 0;
	padding:0px;
	float:left;
	list-style: none;
}
ul#mainnav li {
	display: inline;
	list-style: none;
	background:url(images/bg-nav.jpg) no-repeat right top;
	float:left;
	padding:0px 12px;
	margin:0px;
}
ul#mainnav li a{
	float: left;
	text-decoration: none;
	padding-left:5px;
	display: block;
	font: bold 13px Verdana;
	text-transform:uppercase;
	color: #B4DBFA;
	padding-top: 2px;
}
ul#mainnav li a span {
	padding:12px 14px 13px 10px;
	display: block;
}
ul#mainnav li a:hover, ul#mainnav li a.current {
	background: url(images/bg-current1.gif) no-repeat left top;
	padding-left:5px;
	display: block;
	color:#000000;
	padding-top: 0px;
	margin-top: 2px;
}
ul#mainnav li a.current span, ul#mainnav li a:hover span {
	background: url(images/bg-current2.gif) no-repeat right top;
	padding:12px 14px 13px 10px;
	display: block;
	color:#000000;
}
ul#mainnav li.last{
	background:0px;
	padding-right:0px;
}
/* ----------------------------  NAVIGATION (HORIZONTAL) ----------------------------  */
div#utility {
	background:url(images/bg-utility.gif) no-repeat left top;
	width: 970px;
	padding:10px 0px;
	height:23px;
	float:left;
	text-align:center;
	margin-bottom:10px;
}
ul#utilitynav {
	width:650px;
	margin:0px auto;
	padding: 0px;
	list-style-type: none;
}
ul#utilitynav li {
	display: inline;
	float: left;
	margin: 0px auto;
	padding: 0px 20px;
}
ul#utilitynav li a{
	font:bold 13px verdana;
	margin: 0px;
	color:#ffffff;
	text-decoration:none;
}
ul#utilitynav li.last{
	border:0px;
}
ul#utilitynav li a:hover{
	text-decoration: underline;
}

/* ----------------- CUSTOM CLASSES ----------------- */

img.left {
	float: left;
	margin: 0px 15px 10px 0px;
	border: solid 5px #CAE8F9;
}
img.right {
	float: right;
	margin: 0px 0px 10px 20px;
	border: solid 5px #CAE8F9;
}
.clear{
	clear:left;
	display:inline-block;
}

#vid {
	width: 300px;
	margin-left: auto;
	margin-right: auto;
}
