/****************************** GLOBAL TAGS *******************************/

html, body {
	width: 100%;
	height: 100%;
}

body {
	margin: 0;
	background: #707c83;
}

img {
	vertical-align: top;
}

a {
	color: #054593;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

.taal {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
	position:relative;
	top:10px;
	left:132px;
}

.taal a {
	font-family:Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	text-decoration:none;
}

.taal a:hover {
	text-decoration:underline;
}

/******************************** CLASSES *********************************/

.g-clear {
	clear: both;
	height: 0;
	overflow: hidden;
}

.g-clear-left {
	clear: left;
	height: 0;
	overflow: hidden;
}

.g-imgRepl {
	display: block;
	text-indent: -99999px;
	outline: none;
}

/********** home.html **********/
	
.bg {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	overflow: hidden;
}

.bg img {
	width: 100%;
	height: 100%;
}

.frame {
	width: 100%;
	height: 100%;
	border: none;
	border-collapse: collapse;
}

.frame tr td {
	width: 100%;
	height: 100%;
	vertical-align: middle;
	padding: 0 20px;
}

.l-main {
	width: 960px;
	height: 524px;
	margin: 20px auto 0 auto;
	background-color: #ffffff;
}

.l-main-flash {
	float: right;
	margin: 22px 18px 0 0;
}

.g-logo {
	display: inline;
	width: 310px;
	height: 131px;
	float: left;
	background: url("../images/logo.gif") no-repeat;
	text-indent: -99999px;
	margin: 33px 0 20px 52px;
}

.language {
	margin: 163px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 158px;
	height: 14px;
	float: left;
	vertical-align:top;
	background-color:#fff;
	font: 11px Tahoma;
	text-align:right;
	color:#455560;
}

.language a {
	color:#455560;
}

.g-menu {
	display: inline;
	width: 190px;
	float: left;
	clear: left;
	margin-left: 15px;
}

.g-menu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.g-menu ul li {
	float: left;
	line-height: 10px;
}

.g-menu ul li a {
	display: inline-block;
	width: 80px;
	height: 18px;
	background: url("../images/button_mask.gif") no-repeat;
	font: bold 11px Tahoma;
	color: #ffffff;
	text-decoration: none;
	padding: 55px 0 0 6px;
	margin: 0 0 8px 9px;
}

.g-menu ul li a.dark {
	background: #455560 url("../images/button_dark.gif") no-repeat;
}

.g-menu ul li a.usual {
	background: #6a7780 url("../images/button_usual.gif") no-repeat;
}

.g-menu ul li a.bright {
	background: #8f99a0 url("../images/button_bright.gif") no-repeat;
}

.g-menu ul li a:hover {
	background-image: url("../images/button_over.gif");
	text-decoration: none;
}

.g-menu ul li a.lighthouse1 {
	background: #b6b6b6 url("../images/lighthouse1.jpg") no-repeat;
}

.g-menu ul li a.lighthouse2 {
	background: #9e9e9e url("../images/lighthouse2.jpg") no-repeat;
}

.g-menu ul li a.lighthouse1:hover {
	background: #b6b6b6 url("../images/lighthouse1.jpg") no-repeat;
}

.g-menu ul li a.lighthouse2:hover {
	background: #9e9e9e url("../images/lighthouse2.jpg") no-repeat;
}

.lighthouse01 {
	margin:0px 0px 0px 8px;
}

.lighthouse02 {
	margin:0px 0px 0px 10px;
}

.l-main-h-content {
	width: 307px;
	float: left;
	margin-left: 8px;
	background: #e3e6e7 url("../images/content_lt_corner.gif") left top no-repeat;
}

.l-main-h-content-b-inner {
	height: 277px;
	background: url("../images/content_rb_corner.gif") right bottom no-repeat;
	padding: 20px;
}

.l-main-h-content-b-inner h1 {
	font: bold 14px Tahoma;
	color: #b20838;
	margin: 0;
	padding: 0;
}

.l-main-h-content-b-inner p {
	font: 11px Tahoma;
	color: #455560;
	margin: 0;
	padding: 10px 0 0 0;
	line-height: 19px;
}

.l-footer {
	width: 920px;
	margin: 0 auto;
	font: 10px Tahoma;
	color: #8c969d;
	line-height: 33px;
}

.l-footer a {
	font: 10px Tahoma;
	color:#e3e6e7;
}

.l-footer-copyright {
	float: left;
	color:#e3e6e7;
}

.l-footer-developer {
	float: right;
	color:#e3e6e7;
}

/********** subpage.html **********/

.m-subpage .l-main-h-content {
	width: 729px;
}

.l-main-h-content-b-inner-b {
	height: 277px;
	overflow: auto;
}

.l-main-h-content-b-inner-b .left {
	width: 610px;
	float: left;
}

.l-main-h-content-b-inner-b .right {
	width: 310px;
	float: left;
	position: relative;
	left: 55px;
}

/********** contact.html **********/

.m-contact .l-main-h-content {
	width: 729px;
}

.m-contact .l-main-h-content-b-inner {
	height: 277px;
	margin: 0;
}

.m-contact .l-main-h-content-b-inner h1 {
	padding-bottom: 10px;
}

.m-contact .l-main-h-content-b-inner .left {
	width: 217px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.leftContact {
	width: 317px;
	float: left;
	margin: 0;
	padding: 0;
	line-height: 18px;
}

.m-contact .l-main-h-content-b-inner .left input {
	width: 96%;
	height: 19px;
	border: 1px solid #53626c;
	padding: 0 2%;
}

.m-contact .l-main-h-content-b-inner .right {
	width: 398px;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
	left: 77px;
}

.m-contact .l-main-h-content-b-inner .right textarea {
	width: 100%;
	height: 208px;
	margin: 0;
}

.m-contact .l-main-h-content-b-inner .right input {
	width: 47px;
	height: 18px;
	float: right;
	font: bold 11px Tahoma;
	color: #ffffff;
	background: url("../images/submit.gif") no-repeat;
	border: none;
	cursor: pointer;
	margin-top: 12px;
}

.contactOk {
	padding: 40px 0px 0px 40px;
	color:#b20838;
	font: bold 14px Tahoma;
}

.error {
	color:#FF0000;
}