html {min-height: 100%;}

* {
	margin: 0;
	padding: 0;
}

a {color: #ffffff;}
a:hover {color: #bebebe;}

body {
	background: #00baff url(img/bg.gif) repeat-x top;
	color: #FFFFFF;
	font-family: sans-serif;
	font-size: 62.5%;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}

p,code,ul {padding-bottom: 1.2em;}

li {list-style: none;}

h1, h2, h3 {
	margin: 0;
	font-weight: normal;
	color: #ffffff;
}

h1 {
	letter-spacing: -3px;
	font-size: 30px;
	font-weight:bold;
	color: #1abbfe; 
}

h2 {
	font-size: 28px;
}
h3 {
	font-size: 14px;
}
h4 {
font-size: 14px;
font-weight: bolder;
color: #00baff;
}
h5 {
font-size: 11px;
color: #00baff;
}

/* misc */
.clearer {clear: both;}

.left {float: left;}

.right {
	float: right;
}
.style5 {
color: #ee3e21;}

/* structure */
.container {
	background: #001e34;
	font-size: 1.2em;
	margin: 0 auto;
	width: 1000px;
}

/* header */

/* title */
.header {
	background: #001e34 url(img/header.jpg) no-repeat;
	margin: 0 auto;
	width: 1000px;
}

.logo {
	height: 129px;
	color: #00baff;
	text-transform: uppercase;
	}
	
.logo .right {
	float: right;
	font-size: 11px;
	margin-right: 0px;
	margin-top: 15px;

}
.logo .contact {
	float: right;
}

.logo a {
	color: #ffffff;
	text-decoration:none;
}
.logo a:hover {
	color: #00baff; text-decoration:underline;
}


/* navigation */
.navigation {	
	background: url(img/mainnavbg.gif) repeat-x;;
	height:29px;
	width:1000px;

}
.navigation a {
	background: url(img/nav-bg.gif) repeat-x;
	color: #ffffff;
	display: block;
	float: right;
	font-size: 11px;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	line-height: 29px;
	padding: 0 20px;
	text-decoration: none;
}
.navigation a:hover {background: url(img/hover.gif) repeat-x; cursor: default;}
.news a { background: url(img/news.gif) repeat-x; color: #ffffff; cursor: default;}
.news a:hover{  background: url(img/news1.gif) repeat-x; cursor: default;}
.current a { background: url(img/active.gif) repeat-x; color: #000000; cursor: default;}
.current a:hover{  background: url(img/active.gif) repeat-x; cursor: default;}


.sidenav {
	float: left;
	width: 240px;
	margin-left:4px;
	background-color:#001e34;
	padding: 11px 0 10px 0;
}
.sidenav .descr {
	background-color:#001e34;
	color: #ffffff;
	font-size: 0.9em;
	width:227px;
	margin-bottom: 6px;
	margin-left: 10px;
	margin-right: 10px;
	text-transform:uppercase;
}
.sidenav .descr a {
	color: #ffffff;
	text-decoration:none;
}
.sidenav .descr a:hover {
	color: #bebebe; text-decoration:underline;
}

.sidenav .descr .right {
float: right;
}

/* content */
.content {
	float: right;
	padding: 16px 0 10px 0;
	width: 737px;
	margin-right:7px;
	background-color:#001e34;
}
.content .descr {
	color: #ffffff;
	font-size: 1em;
	margin-bottom: 6px;
	margin-left: 25px;
	margin-right: 25px;
}






/* footer */
#footer {
	width: 1000px;
	background-color: #00101c;
	border-top: 1px solid #ffffff;
	margin: 0 auto;
	height: 65px;
	padding: 10px 0 10px 0;
		}
		
#footer a {
	color: #00baff;
	text-decoration:none;
}
#footer a:hover {
	color: #ee3e21; text-decoration:underline;
}
#footer .right {padding-right: 15px; float: right; text-align:right;}
#footer .left {padding-left: 15px; float: left; text-align:left;}

#footer .generic {
font-size: 9px;
color: #4d5861;
padding-left: 15px;
text-align:center
}

.spacerl {
float: right;
border-left: 1px solid #ffffff;
height: 55px;
width: 12px;
}
.galleria{list-style:none;width:200px}
.galleria li{display:block;width:80px;height:80px;overflow:hidden;float:left;margin:0 10px 10px 0}
.galleria li a{display:none}
.galleria li div{position:absolute;display:none;top:0;left:180px}
.galleria li div img{cursor:pointer}
.galleria li.active div img,.galleria li.active div{display:block}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:auto;height:auto}
.galleria li .caption{display:block;padding-top:.5em}
* html .galleria li div span{width:400px} /* MSIE bug */

#dev1 {
float: left;
width: 333px;
height: 180px;
margin-right: 19px;
margin-bottom: 15px;
}
#dev1 .box {
width:333px;
margin: 0 auto;
}
#dev1 .pic{
float:left;
width: 123px;
padding-right: 5px;
border: 3px solid #ffffff;
}


#dev1 p{
padding-bottom: 0.5em;
}
#dev1 .descr{
float: left;
width: 192px;
margin: 0 auto;
margin-left: 3px;
font-size: 10px;
}

#dev2 {
float: left;
width: 333px;
height: 180px;
margin-bottom: 15px;
}

#dev2 .box {
width:333px;
margin: 0 auto;
}

#dev2 .pic{
float:left;
width: 123px;
padding-right: 5px;
border: 3px solid #ffffff;
}


#dev2 p{
padding-bottom: 0.5em;
}
#dev2 .descr{
float: left;
width: 192px;
margin: 0 auto;
margin-left: 3px;
font-size: 10px;
}

#basic-accordian{
	background-color: #001e34;
	padding:5px;
	margin-left: 5px;
	width:227px;
	z-index:2;
}

.accordion_headings{
	background-color:#0d293e;
	color:#FFFFFF;
	cursor:pointer;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	padding: 5px 5px 5px 20px;
	}

.accordion_headings:hover{
	background-color:#1a3549;
}

.accordion_child{
	background-color:#0d293e;
	color:#FFFFFF;
}

.accordion_child2{
	background-color:#0d293e;
	color:#FFFFFF;
	padding-left: 10px;
}

.accordion_child a {
	display: block;
	color: #ffffff;
	text-decoration:none;
padding: 5px 5px 5px 30px;

}
.accordion_child a:hover {
padding: 5px 5px 5px 30px;
	display: block;
	color: #fff; text-decoration:underline; background-color:#1a3549;
}

.header_highlight{
	background-color:#0d293e;
}
#inner{
float: left;
width: 400px;
margin-right: 19px;
margin-bottom: 15px;
}
#inner .box {
width:400px;
margin: 0 auto;
}

.style2 {color: #00B9FF}

.news1 {
color: #bebebe;
font-size: small;
}
.news1 a {
color: #00baff;}
.news1 a:hover {color: #ffffff;}

.thumbpic {
float: right;
width: 330px; }

.thumbnails {
float: left;
margin-right: 10px;
width: 158px;
font-size: smaller;
color: #bebebe;
}

#menu {
width: 227px;
	padding: 0 0 1em 0;
	display: block;
	background-color: #001e34;
	color: #333;
	font-size: 11px;
	text-transform:uppercase;
	font-weight:bold;
	text-decoration: none;
}
#menu a:hover {
	background-color: #1a3549;
	display: block;
	}

#menu ul {
list-style: none;
		margin: 0;
		padding: 0;
		border: none;
}
.menul ul {
margin-top:-20px;
}
.menul a {
color: #000;
text-decoration: none;
background-color: #1a3549;
}

html>body .hbutton li a {
		width: auto;
		}
.hbutton li {
		margin: 0;
}

.hbutton ul {
list-style: none;
		padding: 0;
		border: none;
}
.hbutton a {
	clear: both;
display: block;
		padding: 5px 5px 5px 0.5em;
		border-left: 5px solid #b75819;
		border-right: 10px solid #c48f50;
		background-color: #ae2300;
		color: #fff;
		text-decoration: none;
		width: 100px;
}


.hbutton a:hover {
border-left: 5px solid #fff;
		border-right: 10px solid #ae2300;
		background-color: #be2301;
		color: #fff;
}

.quicknav {
float:right;
background-color: #001e34;
width:1000px;
 }

#basic{
	background-color: #1c4c6e;
	padding:5px;
	margin-left: 5px;
	width:227px;
	z-index:2;
}

.title {
color: #1abcfe;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -2px;
font-size: 30px;
}