@charset "utf-8";
/* CSS Document */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

* { margin: 0; padding: 0; outline: none; }

img { border: 0; }

hr, .nodisp { display: none; }
ul { list-style: none; }
table { font-family: Arial; font-size: 12px; }
strong { font-weight: bold; }

a, a:link, a:visited {
    color: #FFFFFF;
    text-decoration: underline;
}

a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}

div.contain_clear { 
    position: relative;
    clear: both;
}

p.linebreak {
    padding: 20px 0;
}

	body {
		font: normal 11px Helvetica Neue, arial, verdana, sans-serif;
		margin: 0px;
		padding: 0px;
		background-color: #333333;
		background-image: url("../images/back.jpg");
		background-repeat: repeat;
		background-position:top;
		z-index:0;
	}
	
	#global_container{
		position: relative;
		padding: 0px; margin: 0px;
		width:100%;
		height:100%;
		background-image: url("../images/back_top.jpg");
		background-repeat:repeat-x;
		text-align:center;
		vertical-align:top;
	}	

	#header_container{
		width: 100%;
		height:511px;
		background-image: url("../images/main_r2_c4.jpg");
		background-position:bottom;
		background-repeat:repeat-x;		
	}
	
	#header_main{
		position: relative;
		display: block; 
		width: 770px;
		height:511px;
		margin-right:auto;
		margin-left:auto;
		background-image: url("../images/main_r1_c6.jpg");
		background-position: center bottom;
		background-repeat:no-repeat;		
	}	

	#header_left{
		display: block; 
		width: 132px;
		height:511px;
		background-image: url("../images/main_r1_c5.jpg");
		background-position:right;
		background-repeat:no-repeat;
		float: left;		
	}

	#header_center{
		position: relative;
		display: block; 
		width: 506px;
		height:511px;
		float: left;	
		text-align:center;	
	}
	
	#header_right{
		display: block; 
		width: 132px;
		height:511px;
		background-image: url("../images/main_r1_c7.jpg");
		background-repeat:no-repeat;
		background-position: left;
		float: left;		
	}	

	#header_center h1{
		display: block;
		position:absolute;		
		top:5px; left:10px;
		font-size:26px;
		font-weight: lighter;
		color:#FFFFFF;
		text-align:left;		
	}
	
	#header_main #header_oldsite {
		display: block;
		position: absolute;
		left:-10px; top:25px;
		width: 136px;
		height: 20px;
	}
	
	#header_main #header_oldsite a{
		display:block;
		width: 136px;
		height: 20px;
		background-image: url("../images/buttons_r12_c1.jpg");
		background-position: 0 0;
	}	
	
	#header_main #header_oldsite a:hover{
		background-position: 0 -20px;
	}	
	
	#header_main #header_lang {
		display: block;
		position: absolute;
		right:0px; top:25px;
		width: 124px;
		height: 20px;
	}
	
	#header_main #header_lang a.en{
		display:block;
		width: 124px;
		height: 20px;
		background-image: url("../images/buttons_r14_c1.jpg");
		background-position: 0px 0px;
	}	
	
	#header_main #header_lang a.en:hover{
		background-position: 0px -20px;
	}

	#header_main #header_lang a.el{
		display:block;
		width: 124px;
		height: 20px;
		background-image: url("../images/buttons_r14_c1.jpg");
		background-position: -124px 0px;
	}	
	
	#header_main #header_lang a.el:hover{
		background-position: -124px -20px;
	}		
	
	#header_main #header_logo {
		position: absolute;
		display:block;
		left:0px; top:55px;
		width: 122px;
		height: 53px;
		background-image: url("../images/buttons_r1_c2.jpg");
		background-repeat:no-repeat;	
	}
	
	#header_main #header_date {
		position: absolute;
		display:block;
		right:-5px; top:40px;
		width: 122px;
		height: 53px;
	}

	#header_date h1{
		padding-top:15px;
		display:block;
		font-size:18px;
		font-weight: lighter;
		color:#FFFFFF;
		text-align:left;
	}

	#header_main #header_date h2{
		display:block;
		font-size:12px;
		font-weight:normal;	
		padding-top:2px;			
		color:#FFFFFF;
		text-align:left;
	}
	
	#menu {
		position: relative;
		width: 506px;
		height:19px;
		margin-right:auto;
		margin-left:auto;
		margin-top: 0px;
		margin-bottom: 5px;
	}

    ul#menu_items {
		position: relative;
		display:block;
		height: 19px;
		display: block;
		float: left;
		background: url("../images/left_spacer_top.jpg") no-repeat;
		background-position:left;
		margin-left:10px;
    }
    
    ul#menu_items li {
		position:relative;
		width: 90px;
		height: 19px;
		float: left;
		overflow:hidden;
	}
	
    ul#menu_items li a {
	display: block;
	height: 19px;
	width: 90px;
	padding-left: 10px !important;  
	padding-top: 5px !important; 
	background: url("../images/buttons_r8_c1.jpg") no-repeat; 
	background-position: 0 0; 
	color: #FFFFFF;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	text-decoration: none;	
}

	ul#menu_items li a:hover { 
		color: #FF0000;
	}

	.active {
		color: #FF9900;
	}

	#main_subject {
		position: relative;	
		width: 729px;
		height:317px;
		margin-right:auto;
		margin-left:auto;
		background-image: url("../images/main_r4_c3.jpg");
		background-position: center bottom;
		background-repeat:no-repeat;
	}

	#main_subject_left{
		position: relative;
		display:block;
		width: 111px;
		height:290px;
		float: left;
		text-align:center;		
	}

	#main_subject_center{
		display:block;	
		position: relative;
		width: 506px;
		height:290px;
		float: left;		
	}
	
	#pg_1, #pg_2, #pg_3, #pg_4 { 
		position: absolute;
		left:10px; top:0px;
		width: 490px;
		height:270px;
		color:#FFFFFF;
		font-size:12px;
		text-align:justify;
		overflow:auto;
		visibility:hidden;
	}	

	#pg_1 h1, #pg_2 h1, #pg_3 h1, #pg_4 h1{
		display: block;
		font-size:26px;
		width: 490px;		
		font-weight: lighter;
		color:#CC0000;
		text-align:left;		
	}	
	
	#pg_1 p, #pg_2 p, #pg_3 p, #pg_4 p{
		display: block;
		text-align: justify;
		margin-bottom:5px;margin-top:10px;
		
	}	
	
	#main_subject_right{
		position: relative;
		display:block;		
		width: 111px;
		height:290px;
		float: left;		
		text-align:center;		
	}

	#main_subject_footer{
		position: relative;
		display: block; 
		width: 506px;
		height: 20px;
		margin-right:auto;
		margin-left:auto;
	}
	
		#footer_rights_left { 
			display: block;
			width: 250px;
			height:21px;
			float:left;
		}
		
		#footer_rights_right { 
			display: block;
			width: 250px;
			height:21px;	
			float:right;		
		}	

	#css-valid {
		height: 21px;
		margin: 5px;
		float: right;
		margin-top:0px;		
	}

		#css-valid a, #css-valid a:hover {
			display: block;
			width: 61px;
			height: 21px;
			background: transparent url("../images/button_css_xhtml.gif") no-repeat;
			background-position: 0 -21px;
		}

		#css-valid a:hover {
				background-position: -61px -21px;
			}

	#xhtml-valid {
		height: 21px;
		margin: 5px;
		margin-top:0px;
		float: right;
	}
	
		#xhtml-valid a, #xhtml-valid a:hover {
			display: block;
			width: 61px;
			height: 21px;
			background: transparent url("../images/button_css_xhtml.gif") no-repeat;
			background-position: 0 0;
		}

		#xhtml-valid a:hover {
				background-position: -61px 0;
			}

	#copyright {
		height: 21px;
		float: left;
		padding-left:10px;	
	}

		#copyright a, #copyright a:hover {
			display: block;
			width: 107px;
			height: 21px;
			background: transparent url("../images/button_created.gif") no-repeat;
			float:left;
		}
			
		#copyright a:hover {
				background-position: -107px 0;
		}

	#main_subject_right ul {
		position:absolute;
		right:2px;
		margin-left:11px;
		text-align:center;
	}
	
	#main_subject_left ul {
		position:absolute;
		left:2px;	
		margin-right:11px;
		text-align:center;
	}	

	#main_subject_right ul li,#main_subject_left ul li{
		position:relative;
		display:block;
	}

	li.link_hosting {
		width:100px;
		height:16px;
		display:block;
		margin-top:5px;
		background: transparent url("../images/buttons_r16_c1.jpg") no-repeat;
		margin-bottom:24px;
	}

	li.link_apache {
		width:100px;
		height:38px;
		display:block;
		background: transparent url("../images/buttons_r18_c1.jpg") no-repeat;
		margin-bottom:24px;		
	}

	li.link_backbone {
		width:100px;
		height:25px;
		display:block;
		background: transparent url("../images/buttons_r22_c1.jpg") no-repeat;
		margin-bottom:24px;		
	}

	li.link_linux {
		width:100px;
		height:38px;	
		display:block;
		background: transparent url("../images/buttons_r26_c1.jpg") no-repeat;
	}		
	

	li.link_technologies {
		width:100px;
		height:16px;
		display:block;
		margin-top:5px;		
		background: transparent url("../images/buttons_r16_c12.jpg") no-repeat;
		margin-bottom:24px;
	}

	li.link_mysql {
		width:100px;
		height:32px;
		display:block;
		background: transparent url("../images/buttons_r18_c12.jpg") no-repeat;
		margin-bottom:24px;
	}

	li.link_php {
		width:100px;
		height:27px;
		display:block;
		background: transparent url("../images/buttons_r21_c12.jpg") no-repeat;
		margin-bottom:24px;
	}

	li.link_macromedia {
		width:100px;
		height:39px;	
		display:block;
		background: transparent url("../images/buttons_r25_c12.jpg") no-repeat;
		margin-bottom:24px;
	}	

	li.link_ajax {
		width:100px;
		height:34px;	
		display:block;
		background: transparent url("../images/buttons_r31_c12.jpg") no-repeat;
	}	

	li.link_ci {
		width:100px;
		height:37px;	
		display:block;
		background: transparent url("../images/buttons_r29_c12.jpg") no-repeat;
		margin-bottom:24px;
	}				
	
			
/*** NEWSROTATOR ***/
#newsrotator {
	position:absolute;
	display:block;
	top:35px; left:0px;
	padding:0px; margin:0px;
	width:501px;
	height:460px;
}

#newsrotator #controls {
	height:460px;
	float:right;
	margin-top:0px;margin-right:0px;
	overflow:hidden;
}
#newsrotator #controls #rotatorup,
#newsrotator #controls #rotatordown {
	display:block;
	position:relative;
	height:230px;
	width:24px;
}

#newsrotator #controls #rotatorup         {
	background:url("../images/scrollarrow-up.jpg") no-repeat;
	background-position:top;
}

#newsrotator #controls #rotatordown       {
	background:url("../images/scrollarrow-down.jpg") no-repeat;
	background-position:bottom;
}

#newsrotator #scrollarea {
	height:460px;
	width:470px;	
	float:left;
	overflow:hidden;
	margin-top:5px;	margin-right:5px;
}
#newsrotator .newsitem {
	height:229px;
	width:470px;
	overflow:hidden;
	margin:0 10px 0 10px;
	text-align:left;
	color:#FFFFFF;
	border-top:1px dashed #FFFFFF;	
}

#newsrotator .newsitem:after {
	clear:both;
}

#newsrotator .newsitem form.container {
	display:block;
	width:470px;
	height:200px;
	font-size:11px;
	font-weight: normal;
	vertical-align:top;
}


#newsrotator .newsitem p.itemtitle { 
	display:block;
	margin-bottom:3px;	
	margin-top:3px;
	font-size:12px;
	font-weight:bold;
	width:265px;	
	float:left;	
}


#newsrotator .newsitem img {
	display:block;
	height:190px;
	float:right;
	margin-left:5px; 
	margin-top:5px;
	/*border:1px solid #89a;*/
}

#newsrotator .newsitem p {
	display:block;
	width:265px;	
	margin-bottom:2px;	
	text-align:justify;	
	float:left;
}

#newsrotator .title{ 
	color: #990000;	
}


div.newsitem ul.technologies {
	height:26px;
	width:265px;
	float: left;
	overflow:hidden;
	background:url("../images/buttons_r6_c1.jpg") no-repeat;
}


		div.newsitem ul.technologies li.xhtml{
			width:53px;
			height:26px;
			float:left;		
		}
		div.newsitem ul.technologies li.css{
			width:57px;
			height:26px;
			float:left;		
		}
		div.newsitem ul.technologies li.ajax{
			width:30px;
			height:26px;		
			float:left;		
		}
		div.newsitem ul.technologies li.php{
			width:42px;
			height:26px;		
			float:left;		
		}
		div.newsitem ul.technologies li.mysql{
			width:49px;
			height:26px;		
			float:left;		
		}
		div.newsitem ul.technologies li.ci{
			width:28px;
			height:26px;
			float:left;		
		}

		div.newsitem ul.technologies li.xhtml a{
			display:block;
			width:53px;
			height:26px;
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:0 0;
		}
		div.newsitem ul.technologies li.css a{
			display:block;
			width:57px;
			height:26px;
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-53px 0;			
		}
		div.newsitem ul.technologies li.ajax a{
			display:block;
			width:30px;
			height:26px;	
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-110px 0;					
		}
		div.newsitem ul.technologies li.php a{
			display:block;
			width:42px;
			height:26px;		
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-140px 0;				
		}
		div.newsitem ul.technologies li.mysql a{
			display:block;
			width:49px;
			height:26px;		
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-182px 0;				
		}
		div.newsitem ul.technologies li.ci a{
			display:block;
			width:28px;
			height:26px;	
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-210px 0;					
		}


		div.newsitem ul.technologies li.xhtml a:hover{
			width:53px;
			height:26px;
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:0 -26px;
		}
		div.newsitem ul.technologies li.css a:hover{
			width:57px;
			height:26px;
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-53px -26px;			
		}
		div.newsitem ul.technologies li.ajax a:hover{
			width:30px;
			height:26px;	
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-110px -26px;					
		}
		div.newsitem ul.technologies li.php a:hover{
			width:42px;
			height:26px;		
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-140px -26px;				
		}
		div.newsitem ul.technologies li.mysql a:hover{
			width:49px;
			height:26px;		
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-182px -26px;				
		}
		div.newsitem ul.technologies li.ci a:hover{
			width:28px;
			height:26px;	
			background-image:url("../images/buttons_r3_c1.jpg");
			background-repeat:no-repeat;
			background-position:-210px -26px;					
		}
	
div.newsitem ul.links {
	height:26px;
	width:165px;
	float: right;
	margin-right:15px;
	overflow: hidden;
}

		div.newsitem ul.links li {
			width:76px;
			height:25px;
			float:left;
			margin-right:5px;
		}

		div.newsitem ul.links li a.links_google{
			display:block;
			width:76px;
			height:25px;		
			background-image:url("../images/buttons_r3_c11.jpg");
			background-repeat:no-repeat;
			background-position:0px 0px;				
		}
		div.newsitem ul.links li a.links_google:hover{
			background-position:0px -26px;					
		}

		div.newsitem ul.links li a.links_site{
			display:block;
			width:76px;
			height:25px;		
			background-image:url("../images/buttons_r3_c11.jpg");
			background-repeat:no-repeat;
			background-position:-76px 0px;				
		}
		div.newsitem ul.links li a.links_site:hover{
			background-position:-76px -26px;					
		}
		
	#the_form label {
		position:relative;
		display:block;
		text-align:right;
		width:400px;
		margin-top:5px;
	}
	
	#the_form nobr {
		display:none; 
	}
	  
	#the_form label input {
		padding-left:0.2em; padding-top:0.2em;
		height:24px;
		width:200px;
		border:solid 0 #fff;
		background:	url("../images/form_input.gif") no-repeat; 
		float:right;
	}
	
	#the_form label textarea {
		padding-left:0.1em;	
		height:128px;
		width:200px;
		border:solid 0 #fff;
		background: url("../images/form_textfield.gif") no-repeat;
		background-position:0 0;
		float:right;
		
	}		
	
	#the_form #submit{
		height:27px;
		width:116px;
		border:solid 0 #fff;
		color:#FFFFFF; font-weight:bold;
		background: url("../images/form_button.gif") no-repeat; 
	}
			
	#exp_mysql, #exp_php, #exp_xhtml, #exp_css, #exp_ajax, #exp_ci{
		display:none;
	}
	
#java_notice_curtain{
	display:none;
	position: absolute;
	z-index:550;
	top: 0px; left: 0px; bottom:0px; right:0px;
	background-color:#000;
}


#java_notice_container {
	display:none;
	position: absolute;
	z-index:550;
	top: 0px; left: 0px; bottom:0px; right:0px;
	width:100%; height:100%;
	vertical-align:middle;
}

#java_notice{
	position: relative;
	display:block;
	background-image:url(../images/notice.jpg);
	background-repeat:no-repeat;
	width:385px;
	height:145px;
	margin:auto;
	margin-top:20%;	margin-bottom:30%;
	padding-top:10px;
}

#java_notice h1{
	position:relative;
	display:block;
	width:220px;
	height:20px;
	margin-bottom:5px;
	margin-left:144px;
	font-size:16px;
	color:#FFFFFF;
	
}

#java_notice p{
	position:relative;
	display:block;	
	width:220px;
	height:auto;
	margin-left:144px;
	font-size:12px;
	color:#FFFFFF
}	

#google_ads{
		position: relative;
		display: block; 
		width: 728px;
		height:90px;
		margin-right:auto;
		margin-left:auto;
		margin-top:5px;
		margin-bottom:5px;
}