html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
	
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
body { background:#eee url(images/bg.png); font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #6a6a6a; }
	
a:link, a:visited, a:active { color: #4eabce; text-decoration: none; outline:none; }
a:hover { text-decoration: none; color: #3b87a4; }


@font-face{ 
	font-family: 'Yanone Kaffeesatz'; 
	src: url('fonts/YanoneKaffesatz/yanonekaffeesatz-regular-webfont.eot'); 
	src: url('fonts/YanoneKaffesatz/yanonekaffeesatz-regular-webfont.eot?#iefix') format('embedded-opentype'), 
		 url('fonts/YanoneKaffesatz/yanonekaffeesatz-regular-webfont.woff') format('woff'), 
		 url('fonts/YanoneKaffesatz/yanonekaffeesatz-regular-webfont.ttf') format('truetype'), 
		 url('fonts/YanoneKaffesatz/yanonekaffeesatz-regular-webfont.svg#webfont') format('svg'); 
}

/*
@font-face {
    font-family: 'DroidSansRegular';
    src: url('fonts/DroidSans/DroidSans-webfont.eot');
    src: url('fonts/DroidSans/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans/DroidSans-webfont.woff') format('woff'),
         url('fonts/DroidSans/DroidSans-webfont.ttf') format('truetype'),
         url('fonts/DroidSans/DroidSans-webfont.svg#DroidSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DroidSansBold';
    src: url('fonts/DroidSans/DroidSans-Bold-webfont.eot');
    src: url('fonts/DroidSans/DroidSans-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/DroidSans/DroidSans-Bold-webfont.woff') format('woff'),
         url('fonts/DroidSans/DroidSans-Bold-webfont.ttf') format('truetype'),
         url('fonts/DroidSans/DroidSans-Bold-webfont.svg#DroidSansBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
*/

h1, h2, h3, h4, p { margin:0 0 15px 0; padding:0; }
h1 { font-size:42px; font-weight:normal; color:#333; }
h2 { font-size:30px; font-weight:normal; }
h3, h4 { font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:600; color:#111; }
p { line-height:1.5em }

.clr {clear:both; font-size:1px; height:1px; }

/* float clearing for IE6 */
* html .clearfix{ height: 1%; overflow: visible;}
/* float clearing for IE7 */
*+html .clearfix{ min-height: 1%;}
/* float clearing for everyone else */
.clearfix:after{  clear: both; content: "."; display: block; height: 0; visibility: hidden; font-size: 0;}

.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.container { width:980px; margin:0 auto; }
#wrapper { background:url(images/top_bg_new.png) no-repeat center top; }

#menu { display:none; position:fixed; z-index:100; top:0; left:0; width:100%; height:51px; background:url(images/blue.png); }

header { height:120px; background:url(images/header_bg.png) repeat-x 0 bottom; }
	header .inner { position:relative;  z-index:101; width:980px; height:120px; }
	#logo { position:absolute; left:0; top:20px; }
	#logo_main { position:absolute; left:620px; top:15px; }
	#navigation { position:absolute; right:0; top:60px; z-index:102; }
	#navigation ul { }
		#navigation ul li { font-family: 'Open Sans', sans-serif; font-weight:600; font-size:14px; display:inline; }
			#navigation ul li a { display:block; float:left; padding:7px 5px; margin:0 10px; color:#666; outline:none; }
				#navigation ul li a span { display:block; float:left; }
			#navigation ul li a:hover { color:#222; }
			#navigation ul li a.selected { color:#222; border-bottom:2px solid #77bd60; }
	#language { position:absolute; right:0; top:0; background:#fff; color:#777; font-size:11px; padding:0 15px; height:30px; line-height:30px; 
		-moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; 
	}
		#language img { margin:0 0 0 5px; }
	
	.col_wrapper { margin:0 0 30px 0; }
	.col_left { float:left; width:430px; }
	.col_right { float:right; width:430px; }
	
	.input_field { font:12px Arial, sans-serif; color:#555; background:#fff; padding:6px 5px; border:1px solid #ccc;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		.input_field:focus { border:1px solid #bbb; -moz-box-shadow: 0 0 3px #ccc; -webkit-box-shadow: 0 0 3px #ccc; box-shadow: 0 0 3px #ccc; }
	
	.heading { height:51px; line-height:51px; padding:0; margin:0 0 75px 0; background:url(images/heading_bg.png) no-repeat center 0; text-align:center; color:#fff; font-size:36px; font-family:'Yanone Kaffeesatz', sans-serif; }
	
	.heading_webdesign { height:55px; line-height:55px; padding:0 0 0 70px; background:url(images/icon_webdesign.png) no-repeat 0 50%;  }
	.heading_webdevelopment { height:55px; line-height:55px; padding:0 0 0 70px; background:url(images/icon_webdevelopment.png) no-repeat 0 50%;  }
	.heading_hosting { height:55px; line-height:55px; padding:0 0 0 70px; background:url(images/icon_hosting.png) no-repeat 0 50%;  }
	.heading_apps { height:55px; line-height:55px; padding:0 0 0 70px; background:url(images/icon_apps.png) no-repeat 0 50%;  }
	
	section#home_data { height:800px; background:url(images/main_bg.png) no-repeat center 493px; }
		section#home_data .inner { position:relative; }
		
		#slogan { position:absolute; left:10px; top:535px; width:660px; }
			#slogan h1 {  font-size:46px; color:#484848; font-family:'Yanone Kaffeesatz', sans-serif; }
			#slogan p { font-size:16px; color:#5ca7c5; font-family: 'Open Sans', sans-serif; font-weight:600;   }
				#slogan p a { border-bottom:1px dotted #5ca7c5; }
		
		#blog_post { position:absolute; right:15px; top:410px; width:184px; color:#fff; }
			#blog_post .blog_heading { margin:0 0 10px 0; padding:0 0 5px 0; background:url(images/blog_post_dots.png) repeat-x 0 bottom; color:#0b506c; font-family: 'Open Sans', sans-serif; font-weight:600;   }
				#blog_post .blog_heading a { color:#0b506c; }
			#blog_post .title { font-size:14px; font-weight:bold; margin:0 0 5px 0; line-height:1.3em; color:#fff }
				#blog_post .title a { color:#fff }
			#blog_post p {}
			#blog_post p.more a { float:right; margin:0 10px 0 0; display:block; width:33px; height:19px; text-indent:-9999px; background:url(images/arrow.png) no-repeat; }
		
		#twitter { position:absolute; left:700px; top:225px; }
			#twitter a { display:block; width:113px; height:52px; text-indent:-9999px; background:url(images/twitter.png) no-repeat 0 0; }
			#twitter a:hover { background:url(images/twitter.png) no-repeat 0 -52px; }
			
		#facebook { position:absolute; left:860px; top:340px; }
			#facebook a { display:block; width:127px; height:100px; text-indent:-9999px; background:url(images/facebook.png) no-repeat 0 0; }
			#facebook a:hover { background:url(images/facebook.png) no-repeat 0 -100px; }
		
		#main_slideshow_wrapper { position:absolute; width:482px; height:391px; top:74px; left:0px; background:url(images/screen.png) no-repeat; }	
		#home_slideshow_wrapper { position:absolute; width:499px; height:365px; top:34px; left:74px; background:url(images/home_slideshow_bg.png) no-repeat; }
			#home_slideshow_inner { position:relative; width:445px; height:253px; margin:18px 0 0 19px; }
/*			#home_slideshow_inner { position:relative; width:474px; height:323px; margin:11px 0 0 12px; } */
			a#home_slideshow_next { position:absolute; z-index:10; width:24px; height:24px; outline:none; background:url(images/arrows-sliders.png) no-repeat -15px 3px; text-indent:-9999px;}
				a#home_slideshow_next:hover { background:url(images/arrows-sliders.png) no-repeat -15px 3px; }
				a#home_slideshow_prev { position:absolute; z-index:10; width:24px; height:24px; outline:none; background:url(images/arrows-sliders.png) no-repeat 5px 3px; text-indent:-9999px;}
				a#home_slideshow_prev:hover { background:url(images/arrows-sliders.png) no-repeat 5px 3px; text-indent:-9999px; }
				.home_slideshow_item { width:445px; height:253px;  }
				.home_slideshow_item img { }
		
			#slide_paging { position:relative; top:-30px; float:right; right:5px; z-index:999; }
				#slide_paging .button { width:24px; height:24px; background:url(images/trans-black-60.png); float:left; margin-right:2px; }
				#slide_paging .button:hover { background:url(images/trans-black-80.png); }		
		
	section#about { height:1000px;  }	
		section#about .inner { min-height:870px; padding:130px 0 0 0; background:url(images/lines.png) no-repeat center 155px; }
		
		
		.skills_wrapper { position:relative; padding:100px 0 0 0; }
		
			.skills_tooltip { display:none; position:absolute; z-index:3; left:0; bottom:80px; width:204px; height:162px; background:url(images/skills_tooltip.png) no-repeat; }
			.skills_tooltip .data { padding:10px 15px; line-height:1.4em; }
			
			.skills_wrapper h3 { float:left; width:120px; margin:0; padding:29px 0 0 0; }
			
			.skills_bar { float:left; width:840px; }
				.skills_bar li { display:inline; }
					.skills_bar li a { display:block; float:left; width:140px; height:80px; color:#666; }
					.skills_bar li a span { display:block; cursor:pointer; }
					.skills_bar li a span.bar { height:10px; background:url(images/skills_bar.png) repeat-x 0 -10px; }
					.skills_bar li.alt a span.bar { margin-top:32px; }
					.skills_bar li a span.point { height:12px; background:url(images/skills_point.png) no-repeat center bottom; }
					.skills_bar li a span.text { height:20px; line-height:20px; text-align:center; }
				.skills_bar li a:hover { color:#2d9cc5; }
				.skills_bar li a:hover span.bar { background:url(images/skills_bar.png) repeat-x 0 0; }
		
	section#services { height:1000px; }
		section#services .inner { min-height:870px; padding:130px 0 0 0; background:url(images/lines.png) no-repeat center 155px; }
		
	section#work { height:1000px; }
		section#work .inner { min-height:870px; padding:130px 0 0 0; background:url(images/lines.png) no-repeat center 155px; }
		
		#work_slideshow_wrapper { position:relative; width:482px; height:426px; padding:9px 0 0 9px; background:url(images/work_slideshow_bg.png) no-repeat; }
			#work_slideshow_inner { position:relative; width:472px; height:415px;  }
				a#work_slideshow_next { position:absolute; right:-529px; top:180px; z-index:10; width:51px; height:34px; outline:none; background:url(images/arrows.png) no-repeat 0 -34px; text-indent:-9999px; }
				a#work_slideshow_next:hover { background:url(images/arrows.png) no-repeat 0 0; }
				a#work_slideshow_prev { position:absolute; left:-40px; top:180px; z-index:10; width:51px; height:34px; outline:none; background:url(images/arrows.png) no-repeat -51px -34px; text-indent:-9999px; }
				a#work_slideshow_prev:hover { background:url(images/arrows.png) no-repeat -51px 0; }
				.work_slideshow_item { width:472px; height:415px;  }
				.work_slideshow_item .image img { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
				.work_slideshow_item .data { display:none; }
			#work_slideshow_box { position:absolute; z-index:9; right:-489px; top:0; width:430px; height:415px; }
				#work_slideshow_box .data { padding:0 30px 0 0; }
				#work_slideshow_box .data ul li { line-height:1.4em; margin:0 0 5px 0; }
		
	section#contact { height:600px; background:url(images/blue.png); }
		section#contact .inner { min-height:580px; padding:20px 0 0 0; background:url(images/lines.png) no-repeat center 45px; }
		
		#contact .heading { margin-bottom:45px; }
		
		#contact h3 { margin-bottom:25px; }
		
		#contact_form { width:450px; }
		#contact_form .field_wrapper { margin:0 0 15px 0; float:left; display:block; }
		#contact_form label { float:left; display:block; padding:5px 0; color:#444; }
			#contact_form label em { font-weight:bold; font-size:14px; color:#ae0303; font-style:normal; }
			#contact_form label.error { color:#F00; margin-left:80px; }
		#contact_form .field { margin-left:80px; }
		#contact_form input.input_field, #contact_form textarea.input_field  { width:300px; }
		#contact_form textarea.input_field { height:120px; overflow:auto; }
		#contact_form .button_wrapper { width:390px; }
		
		.contactus { position:absolute; top:580px; right:10px;}
		
		a.button_send { display:block; float:right; padding:6px; background:url(images/trans-black-7.png); color:#42788e; font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:18px; 
			-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
		}
			a.button_send span { display:block; float:right; cursor:pointer; background:#97d9f0; padding:5px 30px; border:1px solid #53a6c7; 
				-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
				-moz-box-shadow: 0 1px 1px #aaa, inset 0 1px 1px #ceedf7; -webkit-box-shadow: 0 1px 1px #aaa, inset 0 1px 1px #ceedf7; box-shadow: 0 1px 1px #aaa, inset 0 1px 1px #ceedf7;
				text-shadow: 0 0 2px #fff;
			}
		a.button_send:hover span { background:#8ad0e8; color:#336275; }
		
		a.button_website { display:block; float:right; padding:6px; background:url(images/trans-black-7.png); color:#2f750e; font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:14px; 
			-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
		}
			a.button_website span { display:block; float:right; cursor:pointer; background:#8fca73; padding:5px 20px; border:1px solid #5fa63f; 
				-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; 
				-moz-box-shadow: 0 1px 1px #aaa, inset 0 1px 1px #cef7d2; -webkit-box-shadow: 0 1px 1px #aaa, inset 0 1px 1px #cef7d2; box-shadow: 0 1px 1px #aaa, inset 0 1px 1px #cef7d2;
				text-shadow: 0 0 2px #fff;
			}
		a.button_website:hover span { background:#88c26d; color:#205009; }
		
		.find_us { padding:10px 0 0 0; } 
		.find_us li { margin:0 0 30px 0; color:#555; font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:14px; } 
			.find_us li a { color:#555; } 
				.find_us li a:hover { color:#222; } 
		.find_us li.twitter {} 
			.find_us li.twitter a { display:block; background:url(images/icon_twitter.png) no-repeat 0 50%; height:30px; line-height:30px; padding:0 0 0 50px;} 
		.find_us li.facebook {} 
			.find_us li.facebook a { display:block; background:url(images/icon_facebook.png) no-repeat 7px 50%; height:30px; line-height:30px; padding:0 0 0 50px;} 
		.find_us li.address { background:url(images/icon_address.png) no-repeat 9px 50%; height:30px; line-height:30px; padding:0 0 0 50px; } 
		.find_us li.telephone { background:url(images/icon_telephone.png) no-repeat 2px 50%; height:30px; line-height:30px; padding:0 0 0 50px; } 
	
	#footer { height:41px; background:url(images/footer_bg.png) repeat-x; }
		#footer p { margin:0; padding:0; line-height:41px; color:#fff; font-size:12px; }
		
		.contact_form { background:#FFF; width:100%; height:100%; }
		.contact_wrapper { margin:0 60px; padding:30px 0; font-family: 'Open Sans', sans-serif; font-size:14px; }