body
	{
	color:#929292;
	background-color:#F0F0F0;
	font:12px Arial, Helvetica, sans-serif;
	line-height:16px;
	}


/*--------------------------------upper area css start----------------------------*/	
div.upper_wrapper
	{
	background:url(../images/layout/header_bg.jpg) repeat-x;
	background-color:#ffffff;
	width:100%;
	}

div.upper_main_wrapper
	{
	margin:auto;
	width:960px;
	}

div.header_wrapper
	{
	height:143px;
	width:960px;
	}

div.logo_wrapper
	{
	height:79px;
	float:left;
	padding-top:22px;
	width:149px;
	}

div.menu_wrapper
	{
	float:right;
	margin-top:45px;
	width:790px;
	}
		

div.body_content_wrapper
	{
	width:960px;
	}

/*--------------------------------body left content css start----------------------------*/		

div.body_left_content_wrapper
	{
	float:left;
	padding-bottom:15px;
	width:671px;
	}

div.featured_project_wrapper
	{
	height:334px;
	padding-bottom:13px;
	width:width:671px;
	}

div.featured_wrapper
	{
	background:url(../images/layout/laptop.jpg) no-repeat;
	float:left;
	height:350px;margin-top:45px;
	margin-left:-74px;
	width:580px;
	z-index:1;
	}

div.featured_content_wrapper
	{
	float:left;	
	margin-left:-50px;
	width:215px;
	z-index:10;
	}

div.featured_main_content_wrapper
	{
	height:251px;
	margin:24px 0px 0px 90px;
	width:399px;
	z-index:2;
	}	

div.welcome_content_wrapper
	{

	}

div.services_offer_wrapper
	{
	padding-top:20px;
	}	

div.offer_left_content_wrapper
	{
	float:left;
	padding-left:55px;
	width:232px;	
	}	

div.offer_right_content_wrapper
	{
	float:left;
	padding-left:128px;
	width:232px;	
	}					

/*--------------------------------body right content css start----------------------------*/		

div.body_right_content_wrapper
	{
	float:right;
	width:266px;
	}

div.language_wrapper
	{
	height:43px;
	padding-bottom:15px;
	position:relative;
	width:266px;
	z-index:1;
	}

div.language_link_wrapper
	{
	height:43px;
	float:left;
	width:95px;
	}

div.language_link_wrapper2
	{
	height:43px;
	float:left;
	margin-left:25px;
	width:95px;
	}

div.panel_wrapper
	{
	padding-bottom:15px;
	position:relative;
	width:266px;
	}

div.panel_header_wrapper
	{
	background:url(../images/layout/right_panel_bg.jpg) no-repeat;
	height:35px;
	margin-bottom:10px;
	width:266px;
	}

div.right_panel_divider_wrapper
	{
	height:1px;
	padding:7px 0 7px 0px;
	}

div.more_details_wrappper
	{
	height:33px;
	padding-top:15px;
	z-index:20;
	}
	

/*--------------------------------list css start----------------------------*/

.offer_list
	{
	padding:5px 0 15px 18px;
	list-style-type:none;
	}
	
.offer_list li
	{
	color:#101010;
	font:14px Arial, Helvetica, sans-serif;
	list-style:url(../images/layout/arrow_icon.jpg);
	padding-bottom:5px;
	}

.offer_list2
	{
	padding:5px 0 5px 18px;
	list-style-type:none;
	}	

.offer_list2 li
	{
	color:#101010;
	font:14px Arial, Helvetica, sans-serif;
	list-style:url(../images/layout/arrow_icon.jpg);
	padding-bottom:5px;
	}

.offer_list3
	{
	padding:25px 0 15px 18px;
	list-style-type:none;
	}

.offer_list3 li
	{
	color:#101010;
	font:12px Arial, Helvetica, sans-serif;
	list-style:url(../images/layout/arrow_icon.jpg);
	padding-bottom:5px;
	}			
		
	
/*--------------------------------span css start----------------------------*/

span.mail_icon_wrapper
	{
	background:url(../images/layout/male_icon.jpg) no-repeat;
	height:43px;
	left:179px;
	position:absolute;
	top:47px;
	width:62px;
	}

span.highlight
	{
	color:#869717;
	}

span.highlight2
	{
	color:#147cb2;
	}
	
span.highlight3
	{
	color:#045a81;
	}		

span.referrence_icon
	{
	padding-right:8px;
	width:12px;
	}

span.details_btn_left
	{
	background:url(../images/layout/more_details1.jpg) no-repeat;
	float:left;
	height:33px;
	width:4px;
	}

span.details_btn_bg
	{
	background:url(../images/layout/more_details_bg.jpg) repeat-x;
	float:left;
	height:33px;
	}	

span.details_btn_right
	{
	background:url(../images/layout/more_details2.jpg) no-repeat;
	float:left;
	height:33px;
	width:4px;
	}

span.design_coding_header_wrapper
	{
	display:block;
	background:url(../images/layout/main_icons.jpg) no-repeat;
	background-position:0px 0px;
	height:49px;
	width:232px;
	}

span.grafik_design_header_wrapper
	{
	display:block;
	background:url(../images/layout/main_icons.jpg) no-repeat;
	background-position:0px -49px;
	height:49px;
	width:232px;
	}

span.dtp_header_wrapper
	{
	display:block;
	background:url(../images/layout/main_icons.jpg) no-repeat;
	background-position:0px -98px;
	height:49px;
	width:232px;
	}

span.animation_header_wrapper
	{
	display:block;
	background:url(../images/layout/main_icons.jpg) no-repeat;
	background-position:0px -147px;
	height:49px;
	width:232px;
	}

span.video_prodcution_header_wrapper
	{
	display:block;
	background:url(../images/layout/main_icons.jpg) no-repeat;
	background-position:0px -196px;
	height:49px;
	width:232px;
	}

span.music_production_header_wrapper
	{
	display:block;
	background:url(../images/layout/main_icons.jpg) no-repeat;
	background-position:0px -245px;
	height:49px;
	width:232px;
	}

span.music_player_wrapper
	{
	float:left;
	height:24px;
	width:290px;
	}	
								
	
	
/*--------------------------------p css start----------------------------*/	

p.referrece_txt	
	{
	color:#575656;
	}
	
p.referrece_txt2	
	{
	padding-top:7px;
	}	

p.referrence_posted_txt
	{
	font-size:11px;
	}

p.featured_txt_title
	{
	color:#045a81;
	font-size:14px;
	padding:48px 0 20px 0;
	}
	
p.text_content_wrapper
	{
	padding-top:20px;
	}

p.project_text_content_wrapper
	{
	padding-top:10px;
	}	

p.copyright_txt
	{
	color:#5f5f5f;
	font:11px Arial, Helvetica, sans-serif;
	padding:15px 0 15px 0;
	text-align:center;
	}	

					
	

/*--------------------------------heading css start----------------------------*/

h1
	{
	color:#80a43f;
	font:bold 16px Arial, Helvetica, sans-serif;
	padding:8px 0 0 50px;
	}

h2
	{
	padding-top:20px;
	}

h3
	{
	color:#aee6fe;
	font:15px "Lucida Sans Unicode";
	padding:10px 0 0 10px;
	}
				
h4
	{
	color:#000000;
	font: bold 15px Arial, Helvetica, sans-serif;
	}

/*--------------------------------link area css start----------------------------*/

a.deutsch_link
	{
	display:block;
	background:url(../images/layout/language.jpg) no-repeat;
	background-position: 0px 0px;
	height:43px;
	width:95px;
	}

a:hover.deutsch_link
	{
	display:block;
	background:url(../images/layout/language.jpg) no-repeat;
	background-position: 0px -43px;
	height:43px;
	margin-top:2px;
	width:95px;
	}

a.englisch_link
	{
	display:block;
	background:url(../images/layout/language.jpg) no-repeat;
	background-position: -119px 0px;
	height:43px;
	width:95px;
	}

a:hover.englisch_link
	{
	display:block;
	background:url(../images/layout/language.jpg) no-repeat;
	background-position: -119px -43px;
	height:43px;
	margin-top:2px;
	width:95px;
	}

a.panel_link
	{
	color:#869717;
	text-decoration:none;	
	}

a:hover.panel_link
	{
	color:#869717;
	text-decoration:underline;	
	}

a.read_more_link
	{
	display:block;
	color:#e3f3ff;
	font: 14px "Lucida Sans Unicode";
	padding:6px 10px 0 10px;
	text-decoration:none;
	}

a:hover.read_more_link
	{
	display:block;
	color:#FFFFFF;
	font: 14px "Lucida Sans Unicode";
	padding:6px 10px 0 10px;
	text-decoration:none;
	}

a.offer_link
	{
	color:#101010;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

a:hover.offer_link
	{
	color:#666666;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

a.learn_more_link
	{
	color:#2189b8;
	display:block;
	padding-top:10px;
	text-decoration:none;	
	}

a:hover.learn_more_link
	{
	color:#2189b8;
	display:block;
	padding-top:10px;
	text-decoration:underline;	
	}

a.footer_link
	{
	color:#869717;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:none;	
	}

a:hover.footer_link
	{
	color:#869717;
	font:11px Arial, Helvetica, sans-serif;
	text-decoration:underline;	
	}

a.referrece_txt	
	{
	color:#575656;
	}
		
a.offer_link
	{
	color:#101010;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:none;
	}

a:hover.offer_link
	{
	color:#101010;
	font:14px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	}									
				
	
/*--------------------------------lower area css start----------------------------*/
div.lower_wrapper
	{
	border-top: 1px solid #e8e6e6;
	width:100%;
	}
div.lower_main_wrapper
	{
	margin:auto;
	width:960px;
	}


/*--------------------------------menu css start----------------------------*/
ul.menu {  list-style:none; margin-left:15px; padding:0}

.menu_divider{
	background:url(../images/layout/menu_divider.jpg);
	height:10px;
	position:relative;
	top:12px;
	width:1px;
}
ul.menu * {margin:0; padding:0}
ul.menu a {display:block; color:#FFFFFF; text-decoration:none}
ul.menu li {position:relative; float:left; margin-right:2px; z-index:150;}
ul.menu ul {position:absolute; top:32px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; }
ul.menu ul li {position:relative; width:166px; margin:0}
ul.menu ul li a {display:block; font:14px Arial, Helvetica, sans-serif; color:#575858; padding:5px 7px 5px; background-color:#eaeaea;}
ul.menu ul li a:hover {background-color:#d3d3d3;}
ul.menu ul ul {left:163px; top:-0px;}
ul.menu .menulink {padding:8px; font: 14px "Lucida Sans Unicode";}
a:hover.menulink{ background-color:#02415e; }


/*--------------------------------subpage css start----------------------------*/
div.subpage_header
	{
	height:41px;
	width:671px;
	}

div.subpage_left_image
	{
	background:url(../images/layout/subpage_header_left.jpg) no-repeat;
	float:left;
	height:41px;
	width:4px;
	}

div.subpage_left_right
	{
	background:url(../images/layout/subpage_header_right.jpg) no-repeat;
	float:left;
	height:41px;
	width:4px;
	}

div.subpage_left_bg
	{
	background:url(../images/layout/subpage_header_bg.jpg) repeat-x;
	float:left;
	height:41px;
	width:663px;
	}			

div.subpage_project_wrapper
	{
	padding-top:15px;
	width:671px;
	}

div.projct_name_wrapper
	{
	float:left;
	width:254px;
	}

div.projct_image_wrapper
	{
	float:right;
	width:408px;
	}

div.prject_image_header_wrapper
	{
	background:url(../images/layout/image_body_content_header.jpg) no-repeat;
	height:6px;
	width:409px;
	}

div.prject_image_footer_wrapper
	{
	background:url(../images/layout/image_body_content_footer.jpg) no-repeat;
	height:6px;
	width:409px;
	}	

div.prject_image_bg_wrapper
	{
	background:url(../images/layout/image_body_content_bg.jpg) repeat-y;
	width:409px;
	}

div.project_image_holder_wrapper
	{
	padding:0 6px 0 6px;
	width:396px;
	}
	
/*--------------------------------pop up css start----------------------------*/