@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #000000;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #ffffff;
}
html {
	overflow-y:scroll;
}
a:link, a:active {
	text-decoration:none;
	color:#0066FF;
}
a:visited {
	text-decoration:none;
	color:#0066FF;
}
a:hover {
	color:#FFFF00;
}
a img {
	border-top-style: none; 
	border-right-style: none; 
	border-left-style: none; 
	border-bottom-style: none;
}
.mainBody .container {
	background: url(../imgs/bg.png) no-repeat left top;
	width: 46em;  
	margin: 0 auto; 
	text-align: left; 
	padding:0px;
}
.mainBody .header {
	padding: 0;  
	padding-top: 0px;
}
.mainBody .header h1 {
	margin: 0; 
	padding: 0px;
}
.mainBody .mainContent {
	width: 46em;  
	margin: auto; 
	text-align: left; 
	padding:0px;
}
.mainBody .mainContent .page_table {
	padding:0px;
	padding-top:10px;
}
.mainBody .mainContent .logo {
	font-size: 90%;
	text-align:center;
	padding:1px;
	width:400px;
	padding-left:25px;
}
.mainBody .mainContent .logo_help {
	font-size: 75%;
	text-align:left;
	padding-left:5px;
	border:none;
	padding-right:25px;
}
.mainBody .mainContent .logo_header {
	font-size: 110%;
	text-align:center;
	padding:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.mainBody .mainContent .general_header {
	font-size: 110%;
	text-align:left;
	padding:8px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
	padding-left:25px;
	padding-right:25px;
}
.mainBody .mainContent .general_footer {
	font-size: 70%;
	text-align:right;
	padding:0px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-variant:small-caps;
}
.mainBody .mainContent .home_page_rubik {
	font-size: 70%;
	text-align:right;
	padding:0px;
	padding-top:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.mainBody .mainContent .general {
	font-size: 75%;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-left:25px;
	padding-right:25px;
}
.mainBody .mainContent .general .general_page {
	background: #262626 url(../imgs/portfolio_bg.png) repeat-x left top;
	margin-top:8px;
	width: 100%;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	padding-top:8px;
	padding-bottom:8px;
}
.mainBody .mainContent .portfolio_general {
	font-size: 75%;
	text-align:center;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	padding-left:25px;
	padding-right:25px;
}
.mainBody .mainContent .general img {
	padding:10px;
}
.mainBody .mainContent .general .about_text_right {
	padding-right:100px;
	text-align:justify;
}
.mainBody .mainContent .general .about_text_right .service_title {
	text-align:left;
	font-size: 110%;
	font-weight:bold;
	padding-bottom:8px;
}
.mainBody .mainContent .general .about_text_right .service_abstract {
	text-align:left;
	padding-bottom:3px;
}
.mainBody .mainContent .general .service_sep {
	height:16px;
	border-bottom:1px dotted #FFCC00;
}
.mainBody .mainContent .general .about_text_right .service_subtitle {
	text-align:left;
	padding-bottom:5px;
	border-bottom:1px dotted #00CC00;
}
.mainBody .mainContent .general .about_text_right .service_list {
	text-align:left;
	padding-left:8px;
}
.mainBody .mainContent .general .about_text_left {
	padding-left:100px;
	text-align:justify;
}
.mainBody .mainContent .general .about_text_left_right {
	padding-left:100px;
	padding-right:100px;
	text-align:justify;
}
.mainBody .mainContent .error_not_found {
	font-size: 80%;
	text-align:center;
	padding:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px dotted #FF0000;
}
.mainBody .mainContent .error_link:link, 
.mainBody .mainContent .error_link:active, 
.mainBody .mainContent .error_link:visited {
	text-decoration:none;
	color:#0066FF;
}
.mainBody .mainContent .error_link:hover {
	color:#FFFF00;
}
.mainBody .footer {
	padding:0px;
}
.mainBody .footer p {
	margin: 0; 
	padding: 10px 0;
}
.footer_sep {
	margin: 0px; 
	padding:0px;
	width:15px !important;
	font-size:12px;
}
.mainBody .footer .admin_link,
.mainBody .footer .admin_link:link, 
.mainBody .footer .admin_link:visited {
	background: url(../imgs/admin.png) no-repeat right bottom;
	padding-right: 15px;
	color:#555555;
	text-decoration: none;
	margin: 0px;
	font-size: 10px;
	padding-top:5px;
	margin-left:15px;
	border-top:1px solid #222222;
	line-height:24px;
	display:inline;
}
.mainBody .footer .admin_link:hover {
	background: url(../imgs/admin_on.png) no-repeat right bottom;
	color:#ffffff;
	border-top:1px solid #FFBF00;
}
.mainBody .footer .sitemap_link,
.mainBody .footer .sitemap_link:link, 
.mainBody .footer .sitemap_link:visited {
	background: url(../imgs/sitemap.png) no-repeat right bottom;
	padding-right: 15px;
	color:#555555;
	text-decoration: none;
	margin: 0px;
	font-size: 10px;
	padding-top:5px;
	margin-left:15px;
	border-top:1px solid #222222;
	line-height:24px;
	display:inline;
}
.mainBody .footer .sitemap_link:hover {
	background: url(../imgs/sitemap_on.png) no-repeat right bottom;
	color:#ffffff;
	border-top:1px solid #FFBF00;
}
.logo {
	padding:0px;
}
.menu_item_selected {
	padding:2px;
	margin: 0px;
	color:#FFBF00;
	text-decoration:none;
	font-size: 15px;
	background:none;
	border-bottom:1px solid #FFBF00;
	line-height:30px;
}
.menu_item_link,
.menu_item_link:link, 
.menu_item_link:visited {
	padding:2px;
	margin: 0px;
	color:#FF4000;
	text-decoration:none;
	font-size: 15px;
	background:none;
	border-bottom:1px solid #222222;
	line-height:30px;
}
.menu_item_link:hover {
	padding:2px;
	margin: 0px;
	color:#FFBF00;
	text-decoration:none;
	font-size: 15px;
	background:none;
	border-bottom:1px solid #FFBF00;
	line-height:30px;
}
.menu_sep {
	padding:0px;
	padding-left:5px;
	padding-right:5px;
	color:#00A23C;
	font-size: 85%;
}
.menu_lang_sep {
	padding:0px;
	padding-left:3px;
	padding-right:3px;
	color:#00A23C;
}
.lang_selected,
.lang_selected:link, 
.lang_selected:visited,
.lang_selected:hover {
	margin-top:4px;
	padding:5px;
	border-bottom:1px solid #FFBF00;
}
.lang_not_selected,
.lang_not_selected:link, 
.lang_not_selected:visited {
	margin-top:4px;
	padding:5px;
	border-bottom:1px solid #222222;
}
.lang_not_selected:hover {
	margin-top:4px;
	padding:5px;
	border-bottom:1px solid #FFBF00;
}
.validcss,
.validcss:link, 
.validcss:visited {
	background: url(../imgs/validcss.png) no-repeat left bottom;
	padding-left: 18px;
	color:#FF9900;
	text-decoration: none;
	margin: 0px;
	font-size: 10px;
	padding-top:5px;
	margin-right:15px;
	border-top:1px solid #222222;
	line-height:24px;
	display:inline;
}
.validcss:hover {
	background: url(../imgs/validcss.gif) no-repeat left bottom;
	color:#ffffff;
	border-top:1px solid #FFBF00;
}
.validhtml,
.validhtml:link, 
.validhtml:visited {
	background: url(../imgs/validhtml.png) no-repeat left bottom;
	padding-left: 18px;
	color:#80c43d;
	text-decoration: none;
	margin: 0px;
	font-size: 10px;
	padding-top:5px;
	border-top:1px solid #222222;
	line-height:24px;
	display:inline;
}
.validhtml:hover {
	background: url(../imgs/validhtml.gif) no-repeat left bottom;
	color:#ffffff;
	border-top:1px solid #FFBF00;
}
.header_table {
	background: url(../imgs/menubg.png) repeat-x left center;
	padding:0px;
}
.header_table_logo {
	/*background: url(../imgs/logo.png) no-repeat left bottom;*/
	padding:0px;
	margin:0px;
	height:120px;
}
.header_table_logo_menu {
	padding:0px;
	padding-left:200px;
}
.header_table_logo_lang {
	padding:0px;
	padding-right:25px;
	height:15px;
}
.footer_table {
	padding-left:25px;
	padding-right:25px;
}
.header_table2 {
	padding:0px;
	background: url(../imgs/headersep.png) repeat-x left center;
}
.x_logo {
	color:#FF4000;
}
.a_logo {
	color:#FFBF00;
}
.bar_logo {
	color:#00A33D;
}
.design_logo {
	color:#0000FF;
}
.msg_div {
	margin-left:25px;
	margin-right:25px;
	background: #262626 url(../imgs/portfolio_bg.png) repeat-x left top;
}
.notice {
	border:1px dotted yellow;
	font-size:70%;
}
h1.notice, div.notice {
	margin:0px;
	border:             0.1em solid #FFD700;
	background-image:   url(../imgs/s_notice.png);
	background-repeat:  no-repeat;
	background-position: 10px 50%;
	padding:           10px 10px 10px 36px;
}
.notice h1 {
	border-bottom:      0.1em solid #FFD700;
	font-weight:        bold;
	font-size:120%;
	text-align:         left;
	margin:             0 0 0.2em 0;
}
.warning {
	border:1px dotted green;
	font-size:70%;
}
p.warning, h1.warning, div.warning {
	margin:0px;
	border:             0.1em solid #0000CC;
	background-image:   url(../imgs/s_warn.png);
	background-repeat:  no-repeat;
	background-position: 10px 50%;
	padding:            10px 10px 10px 36px;
}
.warning h1 {
	border-bottom:      0.1em solid #0000CC;
	font-weight:        bold;
	text-align:         left;
	margin:             0 0 0.2em 0;
	font-size:120%;
}
.error {
	border:1px dotted red;
	font-size:70%;
}
h1.error, div.error {
	margin:0px;
	background-image:   url(../imgs/s_error.png);
	background-repeat:  no-repeat;
	background-position: 10px 50%;
	padding:            10px 10px 10px 36px;
}
div.error h1 {
	border-bottom:      0.1em solid #ff0000;
	font-weight:        bold;
	text-align:         left;
	margin:             0 0 0.2em 0;
	font-size:120%;
}
.sea0 {
	background-color:#330000;
	color:white;
	font-weight:bold;
}
.sea1 {
	background-color:#003300;
	color:white;
	font-weight:bold;
}
.sea2 {
	background-color:#000033;
	color:white;
	font-weight:bold;
}
.sea3 {
	background-color:#333300;
	color:white;
	font-weight:bold;
}
.sea4 {
	background-color:#330033;
	color:white;
	font-weight:bold;
}
.sea5 {
	background-color:#003333;
	color:white;
	font-weight:bold;
}
.sea7 {
	background-color:#333333;
	color:white;
	font-weight:bold;
}
.sea8 {
	background-color:#00FFFF;
	color:#000000;
	font-weight:bold;
}
.sea9 {
	background-color:#9999FF;
	color:#333333;
	font-weight:bold;
}
.sea10 {
	font-weight:bold;
}
.search_sep {
	font-size:8px;
	padding:0px;
	margin:0px;
}
.search_title {
	text-align:left;
}
.search_perc {
	text-align:right;
	font-size:70%;
}
.search_result {
	text-align:justify;
}
.search_table {
	padding:0px;
	margin:0px;
	width:100%;
	padding-left:8px;
}
.search_what {
	border:1px dotted #666666;
	color:white;
	width:250px;
	background-color:#000000;
}
.search_but {
	margin-left:5px;
	border:1px dotted #666666;
	color:white;
	font-weight:bold;
	background-color:#000000;
}
.search_radio {
	font-size:80%;
	color:white;
	font-weight:bold;
}
.search_hr {
	border:none;
	background:none;
	border-bottom:1px dotted #222222;
}
.search_link:link, .search_link:active, .search_link:visited {
	text-decoration:none;
	color:#0066FF;
}
.search_link:hover {
	color:#FFFF00;
}

.portfolio_abstract_cat {
	padding: 0px;
	padding-left: 5px;
	font-weight: normal;
	font-size: 95%;
	font-variant:small-caps;
	font-weight:bold;
	margin: 0px;
	color: #FFFFFF;
	text-align:left;
	width:100px;
}

.portfolio_abstract_icons {
	padding: 0px;
	padding-top: 5px;
	font-weight: normal;
	font-size: 95%;
	font-variant:small-caps;
	text-transform:lowercase;
	font-weight:bold;
	margin: 0px;
	color: #FFFFFF;
	text-align:left;
	width:550px;
}

.portfolio_abstract_image_container {
	display:inline;
	float:left;
	padding:0px;
	padding-left:10px;
	width:170px;
	height:170px;
}

.portfolio_abstract_image_container img {
	width:170px;
}

.portfolio_abstract_image a {
	padding:0px;
	margin:0px;
	margin-top: -1px;
	display:block;
	width:170px;
}

.portfolio_abstract_image_shadow {
	padding:0px;
	margin:0px;
	margin-top: -1px;
	display:block;
	width:160px;
}

.general_page {
	background: #262626 url(../imgs/portfolio_bg.png) repeat-x left top;
	margin-top:8px;
	width: 100%;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	float:left;
}

.portfolio {
	background: #262626 url(../imgs/portfolio_bg.png) repeat-x left top;
	margin-top:8px;
	width: 100%;
	border-bottom: #666666 1px solid;
	border-top: #666666 1px solid;
	float:left;
}

.portfolio_controls a {
	padding:3px;
	margin: 3px;
	font-size: 90%;
	font-variant:small-caps;
	text-transform:lowercase;
	text-align:left;
}

.portfolio_controls {
	padding:3px;
	margin: 3px;
	font-size: 90%;
	font-variant:small-caps;
	text-transform:lowercase;
	text-align:left;
}

.control_disabled {
	padding:3px;
	margin: 3px;
	font-size: 90%;
	font-variant:small-caps;
	text-transform:lowercase;
	text-align:left;
	color:#999999;
}

.portfolio_info {
	font-size: 80%;
	border-top: #666666 1px solid;
	margin-top: 25px;
	display: inline;
	float: left;
	margin-left: 15px;
	width: 150px;
	padding-top: 12px;
	text-align:right;
	background: url(../imgs/portfolio_line.png) no-repeat left top;
}
.portfolio_info .feature_title {
	padding: 0px;
	padding-top: 16px;
	font-weight: normal;
	font-size: 105%;
	font-variant:small-caps;
	text-transform:lowercase;
	font-weight:bold;
	margin: 0px 0px 8px;
	color: #afafff;
	line-height: 10px;
	text-align:right;
	width:100%;
}
.portfolio_info .feature_link {
	padding: 0px;
	padding-top: 16px;
	font-weight: normal;
	font-size: 115%;
	font-variant:small-caps;
	text-transform:lowercase;
	font-weight:bold;
	margin: 0px 0px 8px;
	color: #afafff;
	line-height: 10px;
	text-align:center;
	width:100%;
}
.portfolio_info .feature_sep {
	margin-left:100px;
	width:50px;
	border:none;
	border-bottom:1px solid #afafff;
}
.portfolio_info .year {
	padding: 0px;
	font-weight: normal;
	font-size: 95%;
	font-variant:small-caps;
	text-transform:lowercase;
	font-weight:bold;
	margin: 0px;
	margin-top: -30px;
	color: #FFFFFF;
	line-height: 20px;
	text-align:left;
	width:100%;
}
.portfolio_info .feature_point {
	padding: 0px;
	font-weight: normal;
	font-size: 90%;
	margin: 0px;
	color: #FFEEDD;
	text-align:right;
	width:100%;
}
.portfolio_link:link, 
.portfolio_link:active,
.portfolio_link:visited {
	text-decoration:none;
	color:#FFFFFF;
}
.portfolio_link:hover {
	color:#afFfaf;
}
.portfolio_content {
	background: url(../imgs/portfolio_line.png) no-repeat left top;
	font-size: 80%;
	border-top: #666666 1px solid;
	margin-top: 25px;
	display: inline;
	float: left;
	margin-left: 25px;
	width: 490px;
	padding-top: 12px;
	text-align:center;
}
.portfolio_content .portfolio_main_title {
	padding: 0px;
	font-weight: normal;
	font-size: 105%;
	font-weight:bold;
	margin: 0px;
	margin-top: -30px;
	color: #FFFFFF;
	line-height: 20px;
	text-align:right;
	width:100%;
}
.portfolio_content .portfolio_main_info {
	padding: 1px;
	font-weight: normal;
	font-size: 90%;
	font-weight:bold;
	margin: 0px;
	margin-left: 8px;
	margin-right: 3px;
	color: #FFFFFF;
	line-height: 10px;
	text-align:justify;
}
.portfolio_content .portfolio_image_description {
	padding: 0px;
	font-weight: normal;
	font-size: 90%;
	margin:0px;
	margin-left: 6px;
	color: #FFFFFF;
	text-align:center;
	width:477px;
}

.portfolio_content .portfolio_screenshot {
	padding: 0px;
	margin: 3px;
	text-align:center;
	width:100%;
}

.portfolio_content .img_border {
	border: 1px dotted #555555;
	margin:auto;
	margin-top: 5px;
	padding: 3px;
	display: block;
	background-color: #333333;
	width:470px;
}

.portfolio_content .img_border_link {
	border: 1px dotted #555555 ;
	margin:auto;
	margin-top: 5px;
	padding: 3px;
	display: block;
	background-color: #333333;
	width:470px;
}

.portfolio_content .img_border_link:hover {
	border: 1px dotted yellow;
	margin:auto;
	margin-top: 5px;
	padding: 3px;
	display: block;
	background-color: #333333;
	width:470px;
}

.sitemap {
	padding: 0px;
	font-weight: normal;
	font-size: 90%;
	margin:0px;
	width:100%;
}

.sitemap .sitemap_sep {
	font-size: 5px;
}

.sitemap .sitemap_desc0 {
	text-align:right;
	padding-right: 3px;
	width:110px;
}

.sitemap .sitemap_desc1 {
	text-align:right;
	padding-right: 3px;
	width:110px;
	background-color:#1a1a1a;
}

.sitemap .sitemap_title0 {
	text-align:left;
	padding-bottom:3px;
	padding-left:3px;
}

.sitemap .sitemap_title1 {
	text-align:left;
	padding-bottom:3px;
	padding-left:3px;
	background-color:#1a1a1a;
}

.sitemap .sitemap_subtitle0 {
	text-align:left;
	padding-bottom:3px;
	padding-left:3px;
}

.sitemap .sitemap_subtitle1 {
	text-align:left;
	padding-bottom:3px;
	padding-left:3px;
	background-color:#1a1a1a;
}

.header_image_container {
	display:inline;
	float:left;
	padding:0px;
}

.header_image_container img {
	display:inline;
	float:left;
}

.header_image {
	display:block;
}