@charset "ISO-8859-1";

/* =============================================== GENERAL Styles ========================================= */

html {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
body {
	background-color: #5b6063;
	text-align: center;
	vertical-align: top;
	margin-left: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
}

ul {
	padding-left: 12px;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

p.news {
	margin-top: 7px;
	margin-bottom: 7px;
}

a.login:link, a.login:visited {
	color: #666666;
	text-decoration: none;
}

a.login:hover, a.login:active {
	color: #ffffff;
	text-decoration: none;
}

a.navi:link, a.navi:visited {
	color: #ffffff;
	text-decoration: none;
}

a.navi:hover, a.navi:active {
	color: #678a80;
	text-decoration: none;
}

a.sub:link, a.sub:visited {
	color: #999999;
	text-decoration: none;
}

a.sub:hover, a.sub:active {
	color: #ffffff;
	text-decoration: none;
}

a.body:link, a.body:visited {
	color: #678a80;
	text-decoration: none;
}

a.body:hover, a.body:active {
	color: #95c167;
	text-decoration: none;
}

a.clients:link, a.clients:visited {
	color: #000000;
	text-decoration: none;
}

a.clients:hover, a.clients:active {
	color: #678a80;
	text-decoration: none;
}


/* =============================================== TOP ========================================= */

div#top {
	width: 935px;
	height: 21px;
	text-align: right;
	background-image: url(images/top_logo.gif);
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-right: 15px;
	padding-top: 35px;
	margin-left: auto;
	margin-right: auto;
}


/* =============================================== BANNER========================================= */

div#banner {
	width: 950px;
	height: 132px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: #000000;
	padding-top: 4px;
}




/* =============================================== NAVI ========================================= */

div#navi {
	width: 740px;
	height: 19px;
	text-align:justify;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 4px;
	padding-left: 210px;
}


/* =============================================== BODY ========================================= */

div#body {
	width: 950px;
	text-align:left;
	background-color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}

td.body-left {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	background-image: url(images/bg_sub.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	width: 164px;
	height: 466px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 20px;
}

td.body-left-video {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #999999;
	background-image: url(images/bg_sub2.gif);
	background-repeat: no-repeat;
	background-position: 15px;
	width: 164px;
	height: 485px;
	text-align: left;
	vertical-align: top;
	padding-top: 15px;
	padding-left: 25px;
	padding-right: 20px;
}

div.body-left-h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #678a80;
	line-height: 26px;
}

div.body-left-h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	line-height: 18px;
	margin-top: 8px;
}

td.body-right {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	width: 741px;
	height: 481px;
	text-align: left;
	vertical-align: top;
}

td.body-right-video {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	width: 723px;
	height: 500px;
	text-align: left;
	vertical-align: top;
}

div.body-right-h {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #000000;
	background-image: url(images/bg_h.gif);
	background-repeat: no-repeat;
	text-align: left;
	height: 29px;
	width: 679px;
	padding-top: 15px;
	padding-left: 15px;
	padding-right: 30px;

}

div.body-right-body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	height: 408px;
	width: 689px;
	padding-top: 20px;
	padding-left: 20px;
	line-height: 18px;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
}

div.body-right-body2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	height: 317px;
	width: 689px;
	padding-top: 20px;
	padding-left: 20px;
	line-height: 18px;
	background-image: url(images/bg_body.gif);
	background-repeat: repeat-y;
	padding-right: 15px;
}

div.body-right-img {
	float: right;
	width: 405px;
	height: 405px;
	vertical-align: top;
}

div.body-right-img2 {
	float: right;
	width: 461px;
	height: 390px;
	vertical-align: top;
}

span.body-right-body-bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}


div.body-right-bottom {
	text-align: left;
	height: 9px;
	width: 724px;
	background-image: url(images/bg_body_bottom.gif);
	background-repeat: no-repeat;
}

div.body-right-bottom2 {
	text-align: left;
	height: 100px;
	width: 724px;
	background-image: url(images/slider.jpg);
	background-repeat: no-repeat;
}


/* =============================================== BODY GREY ========================================= */

div#body-grey {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	vertical-align: top;
	width: 280px;
}

div.body-grey-top {
	background-image: url(images/bg_bodytxt_top.gif);
	background-repeat: no-repeat;
	height: 16px;
	width: 280px;
}

div.body-grey-txt {
	background-color: #d1d3d5;
	text-align: left;
	vertical-align: top;
	width: 250px;
	padding-right: 15px;
	padding-left: 15px;
}

div.body-grey-txt p {
	margin-top:0px;
	margin-bottom:0px;
}

div.body-grey-bottom {
	background-image: url(images/bg_bodytxt_bottom.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 280px;
	background-position: top;
}


/* =============================================== BODY LONGER GREY ========================================= */

div#body-grey2 {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	vertical-align: top;
	width: 600px;
}

div.body-grey-top2 {
	background-image: url(images/bg_bodytxt_top2.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 600px;
	background-position: bottom;
}

div.body-grey-txt2 {
	background-color: #d1d3d5;
	text-align: left;
	vertical-align: top;
	width: 570px;
	padding-right: 15px;
	padding-left: 15px;
}

div.body-grey-bottom2 {
	background-image: url(images/bg_bodytxt_bottom2.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 600px;
	background-position: top;
}


/* =============================================== BODY MIDDLE GREY ========================================= */

div#body-grey4 {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	vertical-align: top;
	width: 460px;
}

div.body-grey-top4 {
	background-image: url(images/bg_bodytxt_top4.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 460px;
	background-position: bottom;
}

div.body-grey-txt4 {
	background-color: #d1d3d5;
	text-align: left;
	vertical-align: top;
	width: 430px;
	padding-right: 15px;
	padding-left: 15px;
}

div.body-grey-txt4 p {
	margin-top: 0px;
	margin-bottom: 0px;
}

div.body-grey-bottom4 {
	background-image: url(images/bg_bodytxt_bottom4.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 460px;
	background-position: top;
}


/* =============================================== BODY SHORTER GREY ========================================= */

div#body-grey3 {
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #000000;
	vertical-align: top;
	width: 201px;
}

div.body-grey-top3 {
	background-image: url(images/bg_bodytxt_top3.gif);
	background-repeat: no-repeat;
	height: 20px;
	width: 201px;
	background-position: bottom;
}

div.body-grey-txt3 {
	background-color: #d1d3d5;
	text-align: left;
	vertical-align: top;
	width: 171px;
	padding-right: 15px;
	padding-left: 15px;
}

div.body-grey-txt3 p {
	margin:0px;
}
div.body-grey-bottom3 {
	background-image: url(images/bg_bodytxt_bottom3.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 201px;
	background-position: top;
}

span.videotitle {
	font-weight: bold;
}



/* =============================================== CLIENTS ========================================= */

div.body-right-body-left {
	text-align: left;
	vertical-align: top;
	height: 400px;
	width: 335px;
}

div.body-right-body-client {
	height: 40px;
	width: 335px;
}

div.body-right-body-right {
	text-align: left;
	vertical-align: top;
	height: 400px;
	width: 335px;
	float: right;
}

div.body-right-h-button {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	float: right;
	height: 20px;
	width: 130px;
	text-align: right;
}



/* =============================================== HOMEPAGE PLAYER ========================================= */


div#right-player {
	width: 350px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: 10px;
	line-height: 18px;
	color: #000000;
	vertical-align: top;
	margin-top: 10px;
	background-color: #000000;
	height: 100px;
	margin-right: 10px;
}


/* =============================================== BOTTOM ========================================= */

div#bottom {
	width: 930px;
	height: 23px;
	background-image: url(images/bg_bottom.gif);
	background-repeat: no-repeat;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
	color: #FFFFFF;
	padding-top: 14px;
	padding-left: 20px;
}


/* =============================================== FORM ========================================= */


input.txt {
	width: 220px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;

}

input.btn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin-left: 110px;
}

form p {
	clear: left;
	margin: 0;
	padding: 0;
	padding-top: 5px;
}

form p label {
	float: left;
	width: 30%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.error {
	color:#FF0000;
	margin-left: 115px;
}