/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#000;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}
ul.square {list-style-type:square; margin-left:40px;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.813em;
		line-height:1.231em;
		color:#bcc2c9;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#27b5cf; cursor:pointer; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:15px;}
strong a {color:#fff;}
b {color:#27b5cf;}

/* ============================= main layout ====================== */
#main { width:980px; margin:0 auto; text-align:left;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/

.col-1 {width:528px;}
.col-2 {width:203px;}
.col-3 {width:235px;}
.list {padding-left:7px;}
.list li {padding:0 0 15px 45px;}
.list li a {color:#27b5cf; line-height:1.5em;}
.list .li1 {background:url(images/li1.gif) no-repeat 0 0;}
.list .li2 {background:url(images/li2.gif) no-repeat 0 0;}
.list .li3 {background:url(images/li3.gif) no-repeat 0 0;}
.list .li4 {background:url(images/li4.gif) no-repeat 0 0;}
.list .li5 {background:url(images/li5.gif) no-repeat 0 0;}
.list .li6 {background:url(images/li6.gif) no-repeat 0 0;}
.list .li7 {background:url(images/li7.gif) no-repeat 0 0;}

h2 {font-size:1.846em; line-height:1em; color:#fff; margin-bottom:20px;}
h3 {font-size:1.615em; line-height:1em; color:#fff; font-weight:normal; border-bottom:1px solid #636e7d; padding:0 8px 3px 0; margin-bottom:5px;}
h4 {font-size:1.615em; line-height:1em; color:#fff; font-weight:normal;}

.imgindent {margin:0 20px 0 0; float:left;}
.smaller {font-size:0.85em;}

/* ============================= header ====================== */

#header {background:url(images/header-bg.gif) left top no-repeat #15181c; height:96px;}
.logo {margin:20px 0 0 31px;}

.menu {background:url(images/menu-bg.png) top repeat-x;}
.menu ul {width:100%; overflow:hidden; text-align:right;}
.menu li {float:right; font-size:0.923em; background:none; padding:0;}
.menu li a {color:#fff; text-decoration:none; font-weight:bold; display:inline-block; padding:14px 36px 15px 36px; background:url(images/menu-separator.gif) right top repeat-y;}
.menu li a:hover {background:url(images/menu-bg.png) top repeat-x;}

/* ============================= pop-up ====================== */
.popup-body {padding:20px 20px 20px 20px; text-align:left;}



/* ============================= content ====================== */

#content {background:url(images/content-bg1.jpg) no-repeat 0 0; height:621px;}
.main-indent {padding:65px 46px 0 46px;}

.splash {padding:29px 52px 0 45px;}
.gallery {padding:254px 52px 0 358px;}
.gallery img {margin:0 1px 7px 0;}
.navigation {background:url(images/navigation-right-bg.png) right top no-repeat; text-align:center;  font-size:0.923em; }
.navigation .left-bg {background:url(images/navigation-left-bg.png) left top no-repeat; padding:0 7px;}
.navigation .tail-bg {background:url(images/navigation-tail-bg.png) top repeat-x; font-weight:bold;}
.navigation .indent { padding:4px 2px 4px 2px;}
.navigation a {color:#fff;}
.arrow-right {float:right;}
.arrow-left {float:left;}

.box {background:url(images/box-bg.jpg) no-repeat 0 0; padding:20px 57px 0 57px; height:412px;}

.col-pad {padding-right:43px;}
.rss {float:right;}

.line {border-bottom:1px solid #3c4656; padding-bottom:5px; margin-bottom:20px;}
.link {background:url(images/marker1.gif) no-repeat 0 6px; padding-left:16px; color:#27b5cf; font-weight:bold;}

.margin1 {margin-top:35px;}
.margin2 {margin-top:20px;}

.name {display:inline-block; width:149px;}
.taright {text-align:right; padding:20px 17px 0 0;}
.taright .link {margin-left:20px;}

/* ============================= footer ====================== */

#footer {background:#0f1823; color:#66788e; font-size:0.846em; line-height:1em; padding:11px 0 0 45px; height:23px;}
#footer a {color:#66788e;}
#footer span {color:#c4dcf8;}

/* ============================= forms ============================= */

#SearchForm {float:right; padding:39px 46px 0 0;}
#SearchForm .input {width:139px; height:20px; border:none; background:url(images/search-bg.gif) no-repeat 0 0; padding:3px 0 0 10px; font-size:1em; color:#4c5968;}
#ContactForm .rowi {height:33px;}
#ContactForm label {display:block; height:25px;}

.input {width:182px; height:18px; border:1px solid #5a6a7f; background:none; padding:0 0 0 5px; font-size:1em;}
textarea {width:182px; height:124px; border:1px solid #5a6a7f; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;}