.clear {

	clear: both;
}


body {

	background-color: #18052B;
	color: #ffffff;
	text-shadow: 0.5px 0.5px 0.5px rgba( 0%, 0%, 0%, 0.2 );
	font-family: 'Geneva', 'Trebuchet MS', 'Verdana', sans-serif;
	font-size: 18px;
	line-height: 130%;
	background-image: url(../media/background.jpg);
	background-position: 50% 0;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}


.on_js_show {

	display: none;
}


h1, h2, h3 {

	font-weight: normal;
	background-color: #502050;
	background-color: rgba( 20%, 0%, 20%, 0.3 );
	padding: 5px 10px 3px 50px;
	background-image: url(../media/icons/heading_marker.png);
	background-repeat: no-repeat;
	background-position: 10px 50%;
	-moz-border-radius-topright: 15px 15px;
	border-top-right-radius: 15px 15px;
	border-top: 1px solid rgba( 50%, 20%, 50%, 0.35 );
	border-bottom: 1px solid rgba( 20%, 0%, 20%, 0.35 );
}

h1 {

	font-size: 140%;
}


h2 {

	font-size: 110%;
}


h3 {

	font-size: 100%;
}


dd {

	margin-left: 10px;
}


a {

	color: #ffff60;
}


a:hover {

	color: #ff5090;
}


p + p, h1 + p, h2 + p, h3 + p, ul + p, table + p,
	p + h1,
	p + h2,
	p + h3, form + h3,
	p + ul, h1 + ul, h2 + ul, h3 + ul,
	p + table, h2 + table, ul + table,
	h3 + ol,
	h3 + form {

	margin-top: 12px;
}


li {

	margin-left: 40px;
	list-style-type: square;
}


td {

	padding-right: 10px;
}


td + td {

	padding-left: 10px;
	padding-right: 0px;
}


td {

	padding-bottom: 4px;
}


div#fade_block {

	position:fixed;
	top:0px;
	left:0px;

	background-color: #000000;
	width: 100%;
	height: 100%;
	z-index: 100;
	display: none;
}


div.content_width {

	width: 960px;
	margin-left: auto;
	margin-right: auto;
}


div#top_bar {

	position: fixed;

	width: 100%;
	z-index: 50;

	font-size: 12px;
	background-color: rgba( 0%, 0%, 0%, 0.8 );
	text-shadow: 0.5px 0.5px 0.5px rgba( 100%, 100%, 100%, 0.25 );
	padding: 0 0 0 0;

	border-top: 1px rgba( 0%, 0%, 0%, 0.25 ) solid;
	border-bottom: 1px rgba( 100%, 100%, 100%, 0.25 ) solid;

	box-shadow: 0 1px 2px rgba( 0%, 0%, 0%, 0.25 );
	-moz-box-shadow: 0 1px 2px rgba( 0%, 0%, 0%, 0.25 );
	-webkit-box-shadow: 0 1px 2px rgba( 0%, 0%, 0%, 0.25 );
}


div#top_bar_links {

	float: left;
}


div#top_bar_popups {

	float: right;
}


div#top_bar_content {
}


div.top_bar_button {

	float: left;
	height: 32px;
	font-size: 130%;
	padding: 7px 10px 7px 10px;
	border-left: 1px solid #302030;
	border-right: 1px solid #181018;
}


div.top_bar_button a {

	color: #ffffff;
	text-decoration: none;
}


div.top_bar_button:hover {

	background: -moz-linear-gradient( top, rgba( 100%, 40%, 100%, 0.6 ), rgba( 40%, 20%, 40%, 0.6 ) );
	background: -webkit-gradient( linear, left bottom, left top, from( rgba( 40%, 20%, 40%, 0.6 ) ), to( rgba( 100%, 40%, 100%, 0.6 ) ) );

/*	background-color: rgba( 100%, 60%, 100%, 0.5 ); */
	cursor: pointer;
}


div.top_bar_button * {

	vertical-align: text-bottom;
}


div#main_container {

	padding-top: 60px;
}



div#main_sections {

	padding: 2px 0 2px 0;
	margin: 25px 0 20px 0;
}


ul#main_sections_menu {

	padding: 0px;
}



ul#main_sections_menu li {

	position: relative;
	display: inline-block;
	width: 220px;
	padding: 4px 0 4px 0;
	text-align: center;

//	background-color: #4040b0;
	color: #f0f0f0;
	text-shadow: -0.5px -0.5px 2px rgba( 100%, 100%, 100%, 0.5 ), 0.5px 0.5px 2px rgba( 0%, 0%, 0%, 0.5 );
	font-size: 21px;

	margin-left: 10px;
	margin-right: 10px;
	cursor: pointer;
}


ul#main_sections_menu li.selected {

//	background-color: #ff0000;
}


ul#main_sections_menu li a {

	text-decoration: none;
	color: #ffffff;
}


ul#main_sections_menu li:hover a {

	color: #ffff60;
	text-shadow: 0.5px 0.5px 2px rgba( 100%, 100%, 100%, 0.5 ), -0.5px -0.5px 2px rgba( 0%, 0%, 0%, 0.75 ), 0px 0px 4px rgba( 100%, 70%, 100%, 0.7 ), 0px 0px 7px rgba( 100%, 70%, 100%, 0.4 );
//	background-color: #4BECF0;
}


div.list_separator {

	position: absolute;
	left: -14px;
}


div.highlight {

	background-color: rgba( 0%, 0%, 0%, 0.45 );
	color: #ffffff;

	border-top: 1px rgba( 0%, 0%, 0%, 0.25 ) solid;
	border-bottom: 1px rgba( 100%, 100%, 100%, 0.25 ) solid;

	box-shadow: 0 1px 2px rgba( 0%, 0%, 0%, 0.25 );
	-moz-box-shadow: 0 1px 2px rgba( 0%, 0%, 0%, 0.25 );
	-webkit-box-shadow: 0 1px 2px rgba( 0%, 0%, 0%, 0.25 );
}


div#footer {

	margin: 20px 0 6px 0;
	padding: 4px 0 4px 0;
	font-size: 13px;
	text-align: center;
	line-height: 150%;
}



/* Page specific */


img.service {

	width: 280px;
	height: 280px;
	background-color: #ffffff;
}



div.column_content {

	margin: 8px 10px 8px 10px;
}


div.column_content h1, div.column_content h2, div.column_content h3 {

	margin-left: 10px;
	margin-right: 10px;
}


div.column_content p, div.column_content ul, div.column_content table, div.column_content form {

	margin-left: 25px;
	margin-right: 25px;
}


div.width_full {

	width: 940px;
}


div.width_half {

	float: left;
	width: 460px;
}


div.width_third_1 {

	float: left;
	width: 300px;
}


div.width_third_2 {

	float: left;
	width: 620px;
}


/* Portfolio Item */


div.portfolio_item_third {

	float: left;
	width: 260px;
	margin: 10px 20px 10px 20px;
}


div.portfolio_item_third + div.portfolio_item_third {

	margin-left: 40px;
}


div.portfolio_item_full {

	width: 900px;
	margin: 10px 20px 10px 20px;
}


div.portfolio_item_header {

	-moz-border-radius-topright: 15px 15px;
	border-top-right-radius: 15px 15px;
	background-color: rgba( 30%, 0%, 30%, 0.3 );
	border-bottom: 1px solid #502050;
}


div.portfolio_item_title {

	-moz-border-radius-topright: 15px 15px;
	border-top-right-radius: 15px 15px;
	background-color: rgba( 0%, 0%, 0%, 0.3 );
	padding: 6px 10px 6px 10px;
}


div.portfolio_tags {

	padding: 6px 0px 6px 0px;
	margin-left: 15px;
}


div.portfolio_item_body {

	margin: 8px 0 8px 0;
}


div.portfolio_item_body p.link {

	text-align: right;
}


div.portfolio_item_footer {

	background-color: rgba( 0%, 0%, 0%, 0.3 );
	border-bottom: 1px solid #502050;
	padding: 2px 10px 2px 10px;
	text-align: left;
}


a.portfolio_toggle {

	cursor: pointer;
}


a.portfolio_link_more_info {

	float: right;
}


/* Tags */

div.tag {

	display: inline-block;
	background-color: #005000;
	-moz-border-radius: 8px;
	font-size: 80%;
	padding: 0 3px 0 3px;
	margin: 0 4px 0 4px;
}


div.tag_content {
}



div.tag_web {

	background-color: #500000;
}


div.tag_brand, div.tag_logo {

	background-color: #500050;
}


div.tag_flash, div.tag_flex {

	background-color: #505000;
}


div.tag_twitter {

	background-color: #73C6C7;
}


div.tag_oauth {

	background-color: #BF9406;
}


/*
div#top_text {

	font-family: "corner-store-1","corner-store-2",sans-serif;
	text-align: center;
	font-size: 30pt;
	-webkit-transform: rotate(-6eg);
	-moz-transform: rotate(-6deg);
}
*/

div#top_text, div#top_logo {

	margin-top: 10px;
	margin-bottom: 10px;
	height: 100px;
	text-align: center;
}


div#top_bar_button_messages {

	position: relative;
}


div#ajax_message_list {

	width: 600px;
	position: absolute;
	-moz-box-shadow: 2px 2px 5px rgba( 0, 0, 0, 0.4 );
	display: none;
	border: 3px double #202020;
	z-index: 75;
	margin-top: 10px;
}


div.ajax_message {

	border-bottom: 1px solid #282828;
	border-top: 1px solid #484848;
	padding: 3px 0 3px 0;
}


div.ajax_message:hover {

	background-color: #707070;
}


div#dialog {

	display: none;
}


span.award_container {

	cursor: pointer;
}


span.award_container + span.award_container {

	margin-left: 10px;
}


div.award {

	float: left;
	width: 460px;
	margin: 10px 10px 10px 10px;
//	background-color: #603030;
}


div.award_content {

	padding: 10px;
}


input, textarea {

	font-size: 100%;
	margin: 4px 0 4px 0;
	padding: 2px 6px 2px 6px;
	font-weight: normal;
	font-family: 'Arial', sans-serif;
	width: 100%;
	background-color: rgba( 100%, 100%, 100%, 0.3 );
	border-style: none;
	vertical-align: middle;

	color: #402040;
	text-shadow: 0.5px 0.5px 1px rgba( 100%, 100%, 100%, 0.5 );
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.3 );
	-webkit-box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.3 );
	box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.3 );

	border: 2px solid transparent;
}


.mandatory_warning {

	border-color: #ffb050;
}


fieldset {
}


input:hover, input:focus, textarea:hover, textarea:focus {

	border-color: rgba( 100%, 100%, 100%, 0.8 );
}


input:focus, textarea:focus {

	background-color: rgba( 100%, 100%, 100%, 0.5 );
	-moz-box-shadow: 0px 0px 4px rgba( 100%, 100%, 100%, 0.8 );
	-webkit-box-shadow: 0px 0px 4px rgba( 100%, 100%, 100%, 0.8 );
	box-shadow: 0px 0px 4px rgba( 100%, 100%, 100%, 0.8 );
}


input[type=submit], input.submit {

	width: auto;
	cursor: pointer;
}


input[type=radio], input[type=checkbox] {

	width: auto;
}


input[type=submit]:hover, input.submit:hover {

	background-color: #d050d0;
}



div.news_list, div.downloads_list {

	font-size: 17px;
}


div.news_list table {
}


div.news_list .time, table.twitter_statuses .time {

	text-align: right;
}


table.twitter_statuses td {

	font-size: 13px;
	line-height: 140%;
	border-top: 1px solid rgba( 0%, 0%, 0%, 0.15 );
	border-bottom: 1px solid rgba( 0%, 0%, 0%, 0.15 );
}


span.comment_icon {

	background-color: #ffffff;
	color: #000000;
	padding: 0px 6px 0px 6px;
	margin-left: 6px;
	font-size: 70%;
	vertical-align: middle;

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
}


/* JQueryUI */

div.ui-dialog {

	position:fixed;
	background-color: #200820;
	background-color: rgba( 20%, 0%, 20%, 0.9 );

	border: 1px solid rgba( 60%, 0%, 60%, 0.8 );
	-moz-box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.3 );
	-webkit-box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.3 );
	box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.3 );
}


.ui-corner-all {

	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
}


div.ui-dialog-titlebar {

	font-size: 25px;

	padding: 5px 20px 5px 20px;

	-moz-box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.5 );
	-webkit-box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.5 );
	box-shadow: 0px 0px 2px rgba( 0%, 0%, 0%, 0.5 );

	background-color: #381038;
	background-color: rgba( 35%, 0%, 35%, 0.8 );
}


div.ui-dialog-content {

	font-size: 20px;

	padding: 10px 20px 15px 20px;
}


a.ui-dialog-titlebar-close {

	float: right;
}


div#slider {

	margin: 10px 10px 10px 10px;
	width: 920px;
	position:relative;
	z-index: 25;
	-moz-box-shadow: 0px 0px 15px rgba( 100%, 100%, 100%, 0.25 );
	-webkit-box-shadow: 0px 0px 15px rgba( 100%, 100%, 100%, 0.25 );
	box-shadow: 0px 0px 15px rgba( 100%, 100%, 100%, 0.25 );
}


div#slider img {

	position:absolute;
	top:0px;
	left:0px;
	display:none;
}


div.form_half {

	float: left;
	width: 460px;
	margin: 0 10px 0 10px;
}


div.form_full {

	float: left;
	width: 960px;
	margin: 0 10px 0 10px;
}


div.form_question {

	float: left;
	width: 120px;
	margin: 0 10px 0 10px;
	text-align: right;
	padding-top: 10px;
}


div.form_half div.form_answer {

	float: left;
	width: 280px;
	margin: 0 10px 0 10px;
	text-align: left;
}


div.form_full div.form_answer {

	float: left;
	width: 760px;
	margin: 0 10px 0 10px;
	text-align: left;
}


div.message {

	padding: 8px 20px 8px 20px;
	margin: 0 10px 15px 10px;
	border: 1px solid #404040;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0px 0px 4px rgba( 100%, 100%, 100%, 0.3 );
	-webkit-box-shadow: 0px 0px 4px rgba( 100%, 100%, 100%, 0.3 );
	box-shadow: 0px 0px 4px rgba( 100%, 100%, 100%, 0.3 );
}


div.error {

	background-color: rgba( 75%, 0%, 0%, 0.4 );
}


div.warning {

	background-color: rgba( 75%, 75%, 0%, 0.4 );
}


div.information {

	background-color: rgba( 0%, 75%, 0%, 0.4 );
}


div.message img.icon {

	display: block;
	float: left;
	margin-right: 10px;
}

div.message div.detail {

	float: left;
}


div.textarea {

	position: relative;
}


div.character_counter {

	display: none;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #404040;
	background-color: rgba( 0%, 0%, 0%, 0.4 );
	padding: 2px 6px 2px 6px;
	margin: 0 15px 10px 0px;
	font-size: 12px;
}


/* Cosmetics */

div.lightspot {

	position: absolute;
	top: 0px;
	right: 0px;
	height: 200px;
	width: 200px;
	background-image: url(../media/effects/lightspot.png);
	opacity: 0.5;
}


/* Pure layout */

div.content_centre {

	text-align: centre;
}


.leading {

	font-size: 130%;
	line-height: 130%;
}


div.recaptcha {

	margin: 0 25px 0 25px;
}