/***** Default styles ****/
/*
@import "default_telerik.css";
*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}
body
{
	text-align: center;
	background: #ffffff;
	color: #000000;
	font: 14px Arial;
}
html, body, #Form1 {
	height: 100%;
}

td {
	vertical-align: top;
}

input, select, textarea {
	border: 1px solid #999999;
	width: 98%;
	margin-right: 5px;
}
input[type="radio"], input[type="checkbox"],
.smallInput input, .smallInput select, .smallInput textarea,
input.smallInput, select.smallInput, textarea.smallInput {
	width: auto;
}

div.page {
	padding-bottom: 25px;
}

/*===== Links =====*/
a:link,
a:visited,
a:active {
	background: transparent;
	color: #000000;
	border-bottom: 1px dotted #ff0000;
	text-decoration: none;
}
a:hover {
	background: #ff0000;
	color: #ffffff;
	text-decoration: none;
}
.logo a,
.menu li a,
.admin-tabs li a {
	border: none;
}
.admin-tab-Host li.host,
.admin-tab-Admin li.admin,
.admin-tab-Design li.design {
	background-color: #528fcc;
}
.pushbutton,
.pushbutton:link,
.pushbutton:visited,
.pushbutton:active,
.pushbutton:hover,
.black .pushbutton,
.black .pushbutton:link,
.black .pushbutton:visited,
.black .pushbutton:active,
.black .pushbutton:hover {
	border: none;
	background: #ffcc00;
	padding: 5px 15px;
	margin: 5px 10px 5px 0;
	font-size: 12px;
	color: #000000;
}
a.subtext,
a.subtext:link,
a.subtext:visited,
a.subtext:active
a.subtext:hover {
	font-size: 12px;
	border-bottom: 1px dotted #ff0000 !important;
	line-height: 20px;
	color: #000;
}

a.subtext:hover {
	color: #fff;
	background: #f00;
}

/*===== Text =====*/
.skinoff ul,
.skinoff p,
.mod_content ul,
.mod_content p {
	padding-bottom: 10px;
}
.mod_content td {
	padding: 5px 0;
}
div.subtext,
span.subtext,
p.subtext {
	font-size: 12px;
	color: #999999;
}
.label {
	width: 200px;
}
.subcaption {
	font-weight: bold;
	font-size: 17px;
}
.black .label {
	white-space: nowrap;
	font-weight: bold;
}

.black .input {
	width: 100%;
}

/*===== Modules =====*/
/*.mod_content div {
	margin: 7px 0;
}*/

.contentpane h1 {
	font: 30px Arial;
	color: #000;
	padding-bottom: 10px;
}
.contentpane h1.date {
	color: #ccc;
}
.contentpane h2 {
	font: 26px Arial;
	color: #000;
	padding-bottom: 10px;
}
.module_title {
	font: 30px Arial Black, Arial, Tahoma;
	font-weight: 900;
}
.history_module_title {
	font: 30px Arial Black, Arial, Tahoma;
	font-weight: 900;
	padding: 0 15px;
}
.skinoff,
.mod_content {
	margin: 0 20px 50px;
}
.mod_title {
	margin: 0 20px 20px;
}
.skinoff ul,
.mod_content ul {
	display: block;
}
.skinoff li,
.mod_content li {
	background: url(img/bullet.gif) left top no-repeat;
	padding: 2px 0 2px 20px;
	list-style-type: none;
	margin-bottom: 5px;
}

.skinoff ul.li2,
.mod_content ul.li2 {
	padding: 0 15px;
}
.skinoff ul.li2 li,
.mod_content ul.li2 li {
	background: url(img/bullet2.gif) left top no-repeat;
	padding: 2px 0 2px 20px;
	list-style-type: none;
	margin-bottom: 5px;
	font-size: 12px;
	color: #999999;
}

/*=====  =====*/
.black {
	padding: 20px 0 10px 0;
	background: #000000;
	color: #ffffff;
	margin-bottom: 20px;
}
.black h1 {
	font: 30px Arial;
	color: #fff;
	padding-bottom: 10px;
}
.black h2 {
	font: 26px Arial;
	color: #fff;
	padding-bottom: 10px;
}
.black .mod_content {
	margin-bottom: 0px;
	position: relative;
}
.black .mod_content .bgimage {
	position: absolute;
	right: -20px;
	bottom: -10px;
	margin: 0;
	_bottom: 102px;
	_right: 0px;
}
.black .skinoff li,
.black .mod_content li {
	background: url(img/bullet-black.gif) left top no-repeat;
}

.black .skinoff ul.li2 li,
.black .mod_content ul.li2 li {
	background: url(img/bullet2-black.gif) left top no-repeat;
}

.contacts-form .label {
	font-family: Arial, Tahoma;
	font-size: 24px;
	font-weight: normal;
}
.contacts-form input,
.contacts-form textarea {
	font-size: 19px;
	font-family: Arial, Tahoma, Sans-Serif;
}

.black a:link,
.black a:visited,
.black a:active {
	background: transparent;
	color: #ffffff;
	border-bottom: 1px dotted #ff0000;
	text-decoration: none;
}
.black a:hover {
	background: #ff0000;
	text-decoration: none;
}
.black a.subtext,
.black a.subtext:link,
.black a.subtext:visited,
.black a.subtext:active
.black a.subtext:hover {
	font-size: 12px;
	border-bottom: 1px dotted #ff0000 !important;
	line-height: 20px;
	color: #fff;
}
.black a.subtext:hover {
	color: #fff;
	background: #f00;
}

/*=====  =====*/
.container {
	width: 1000px;
	margin: 0 auto;
	background: #ffffff;
	text-align: left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -235px;
}
.push,
.footer {
	/*position: relative;*/
	width: 100%;
	height: 235px;
}
.footer {
	background: #f2f2f2;
}
.clear {
	clear: both;
}

/*===== Page elements =====*/
.header {
	display: block;
	height: 242px;
	position: relative;
}
.logo {
	display: block;
	float: left;
	width: 335px;
	height: inherit;
}
.topmenu {
	display:block;
	float: right;
	width: 383px;
	height: 142px;
}
.bottommenu {
	height: 100%;
	width: 1000px;
	margin: 0 auto;
	position: relative;
	top: -30px;
}
/*===== Controls =====*/
.bottommenu span.copyright {
	position: absolute;
	bottom: 0px;
	right: 0px;
	font: 11px Arial;
	color: #666666;
	padding: 1px 20px 25px 78px;
	background: url(img/copyright.gif) left bottom no-repeat;
}
.bottommenu div.menu {
	margin: 0 auto;
	padding: 15px 0;
	width: 700px;
}

/*===== Bottom menu =====*/
.bottommenu li,
.bottommenu li a,
.bottommenu li a:visited,
.bottommenu li.active > a,
.bottommenu li.active > a:visited,
.bottommenu li:hover > a,
.bottommenu li:hover > a:visited,
.bottommenu li ul,
.bottommenu li:hover > ul,
.bottommenu li:hover > ul li,
.bottommenu li li:hover > ul,
.bottommenu ul,
.bottommenu li,
.bottommenu li ul,
.bottommenu li:hover > ul,
.bottommenu a,
.bottommenu span {
	display: inline;
	width: auto;
	padding: 0px;
	margin: 0px;
	position: static;
	text-align: left;
	white-space: nowrap;
	list-style-type: none;
}

.bottommenu li {
	display: block;
	float: left;
	margin-right: 15px;
	font: 11px Arial;
}
.bottommenu li ul li {
	padding: 0;
	float: none;
	margin: 0;
}

.bottommenu li ul {
	list-style-type: none;
	display: block;
}

.bottommenu a,
.bottommenu a.active {
	padding: 0;
	color: #000000 !important;
	font-weight: bold;
	line-height: 20px;
	border: 0 !important;
}

.bottommenu li:hover > ul,
.bottommenu li:hover > ul li {
	display: block;
}
.bottommenu li ul li a,
.bottommenu li ul li.active a {
	color: #666 !important;
	font-weight: normal;
	border: 0 !important;
}
.bottommenu a:hover {
	color: #fff !important;
	background: #ff0000;
}

#footer .login-link,
.bottommenu .login-link {
	position: absolute;
	bottom: 4px;
	right: 23px;
	color: #aaa !important;
	font-size: 10px;
}
#footer .login-link:hover,
.bottommenu .login-link:hover {
	background: none;
	color: #777 !important;
}

#footer .login-link {
	bottom: 12px;
	right: 0;
	border: none;
	line-height: 100%;
}


/*
	quark
*/


html {
	height: 100%;
}
body {
	height: 100%;
	background-color: #fff;
	color: #111;
	font-family: Arial, Helvetica, sans-serif;
}

#main-home a,
#main-home a:link,
#main-home a:visited {
	color: #111;
	border: none;
}
#main-home a:hover,
#main-home a:active {
	color: #666;
	background-color: Transparent;
}

#main-home {
	position: relative;
	min-height: 100%;
	text-align: left;
}
* html #main-home {
	height: 100%;
}

#main-home #content {
	padding-bottom: 55px;
	min-height: 700px;
}

#footer {
	position: relative;
	margin-top: -55px;
	background-color: #ddd;
	height: 55px;
}

#main-home {
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
}

#main-home #header {
	position: relative;
	float: left;
	height: 560px;
	width: 100%;
}

#main-home #logo {
	position: absolute;
	width: 335px;
	height: 223px;
	background: url(img/home-logo.gif) no-repeat top left;
	left: 0;
}

.home-menu {
	position: relative;
}

.home-menu li {
	float: left;
	position: absolute;
}

.home-menu .we-are {
	background: url(img/home-we-are.gif) no-repeat top right;
	width: 476px;
	height: 336px;
	margin-left: 83px;
	z-index: 5;
}

.home-menu .professional {
	background: url(img/home-professional.gif) no-repeat top right;
	width: 586px;
	height: 447px;
	margin-left: 195px;
	z-index: 4;
}

.home-menu .creative {
	background: url(img/home-creative.gif) no-repeat top right;
	width: 699px;
	height: 556px;
	margin-left: 305px;
	z-index: 3;
}

.home-menu .and-clear {
	background: url(img/home-clear.gif) no-repeat top right;
	width: 299px;
	height: 256px;
	margin-left: 675px;
	margin-top: 130px;
	z-index: 2;
}
.menu-popups a,
.home-menu a {
	border: none !important;
}
.menu-popups li,
.home-menu li {
	list-style: none;
}

.home-menu li ul {
	position: relative;
	top: 100%;
	width: 200px;
	right: 83px;
	margin-top: -2px;
	z-index: 100000;
}
.menu-popups li,
.home-menu li ul li {
	position: relative;
	float: none;
	clear: both;
	text-align: right;
	border-right: 3px solid #000;
	padding: 10px 0 0 0;
}
* html .menu-popups li,
* html .home-menu li ul li {
	height: 1%;
	margin-bottom: -5px;
}
.home-menu li ul li.first {
	padding: 0;
	margin-top: -5px;
}
.menu-popups li a,
.home-menu li ul li a {
	position: relative;
	display: block;
	float: right;
	padding-right: 25px;
	font-size: 11px;
	right: -9px;
	line-height: 16px;
	background: url(img/menu-circle-new.gif) no-repeat right top !important;
	text-decoration: none;
	z-index: 99999;
}
.menu-popups li a:hover,
.menu-popups li a:active,
.menu-popups li a:focus,
.home-menu li ul li a:hover,
.home-menu li ul li a:active,
.home-menu li ul li a:focus {
	background-position: right -16px  !important;
}
.home-menu li ul li a span {
	padding: 0 2px;
}

/* IE6 :hover fix */
.menu-popups li a:hover,
.home-menu li ul li a:hover {
	text-indent: 0;
}
.home-menu li ul li a:hover span {
	color: #000;
}
.home-menu li.we-are ul li a:hover span {
	background-color: #aaa;
	color: #000;
}
.home-menu li.professional ul li a:hover span {
	background-color: #f00;
	color: #fff;
	display:inline;
}
.home-menu li.creative ul li a:hover span {
	background-color: #ffbf00;
}

#footer .wrapper {
	width: 1024px;
	margin: 0 auto;
}

.home-footer-content {
	float: right;
	background: url(img/home-footer-logo.gif) no-repeat left bottom;
	height: 55px;
	line-height: 43px;
	padding-left: 85px;
	color: #999;
	font-size: 11px;
	position: relative;
}

.menu-popups {
	position: relative;
}

.menu-popups li {
	padding-top: 5px;
}

#drop-menu-corporate,
#drop-menu-entertain,
#drop-menu-mobile,
#drop-menu-key {
	position: absolute;
	z-index: 99;
	width: 200px;
	background: url(img/topmenu-top-node.gif) no-repeat top right;
	padding-right: 11px;
	padding-top: 20px;
	top: -15px;
	*top: -17px; 
}

#drop-menu-corporate {
	left: -195px;
	*left: -194px;
}
#drop-menu-corporate li a:hover span {
	background-color: #999;
	color: #fff;
}

#drop-menu-mobile {
	left: -124px;
	left: -123px;
}
#drop-menu-mobile li a:hover span {
	background-color: #f00;
	color: #fff;
}

#drop-menu-entertain {
	left: -53px;
	*left: -52px;
}
#drop-menu-entertain li a:hover span {
	background-color: #ffbf00;
	color: #fff;
}

#drop-menu-key {
	left: 18px;
	*left: 19px;
}
#drop-menu-key li a:hover span {
	background-color: #000;
	color: #fff;
}

.menu-path {
	width: 700px;
	height: 25px;
	position: relative;
	margin: 0 auto;
	top: -25px;
}
.menu-path b {
	margin-right: 10px;
}
.menu-path span span,
.menu-path b,
.menu-path span a {
	display: block;
	float: left;
	font-size: 12px;
}
.menu-path span span {
	color: #999;
}
.menu-path span a {
	border: none;
}
.menu-path span span.breadcrumb {
	width: 9px;
	height: 16px;
	background: url(img/breadcrumb.gif) no-repeat;
	margin: 0 5px;
}

.form-email-buttons {
	text-align: right;
	padding-right: 6px !important;
}

.error {
	color: #f00;
}

.home-image-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	border: 1px solid red;
	z-index: 1;
}

.dg-header {
	font-weight: bold;
}


.newsletter {
	position: absolute;
	bottom: 0;
	left: 0;
}

.newsletter input {
	float: left;
	width: 150px;
	border: 1px solid #bbb;
}
.newsletter a.pushbutton {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background: none;
	color: #666 !important;
	line-height: 16px;
}
.newsletter a.pushbutton:hover {
	color: #333 !important;
}


.newsletter .errors {
	clear: both;
	height: 16px;
}

.newsletter .errors span {	
	display: block;
	float: left;
	font-size: 11px;
	line-height: 16px;
}

.newsletter span.error {
	display: block;
	float: left;
	margin-left: 10px;
	font-size: 11px;
	line-height: 16px;
}

.footer .vcard {
	font-size: 11px;
	top: 10px;
	left: 775px;
	position: absolute;
	margin: 25px auto -10px;
	text-align: left;
	width: 200px;
}

.NewsImage {
	width: auto;
	margin-right: 10px;
}