@font-face {
	font-family: 'TitilliumText22LThin';
	src: url('type/TitilliumText22L001-webfont.eot');
	src: local('☺'), url('type/TitilliumText22L001-webfont.woff') format('woff'), url('type/TitilliumText22L001-webfont.ttf') format('truetype'), url('type/TitilliumText22L001-webfont.svg#webfontEtJY7Tfo') format('svg');
	font-weight:200!important;
	font-style: normal!important;
}

@font-face {
	font-family: 'TitilliumText22LMedium';
	src: url('type/TitilliumText22L004-webfont.eot');
	src: local('☺'), url('type/TitilliumText22L004-webfont.woff') format('woff'), url('type/TitilliumText22L004-webfont.ttf') format('truetype'), url('type/TitilliumText22L004-webfont.svg#webfontR8jqiKWT') format('svg');
	font-weight: 200!important;
	font-style: normal!important;
}

/* RESET */
video, audio, mark, time, summary, section, nav, menu, hgroup, header, footer, figure, figcaption, details, canvas, aside, article, td, th, tr, thead, tfoot, tbody, caption, table, legend, label, form, fieldset, li, ul, ol, dd, dt, dl, i, b, var, sup, sub, strong, small, samp, q, kbd, ins, img, em, dfn, del, code, cite, address, abbr, pre, blockquote, p, h6, h5, h4, h3, h2, h1, iframe, object, span, div, body, html, a {
	margin:0;
	background:transparent;
}
video, audio, mark, time, summary, section, nav, menu, hgroup, header, footer, figure, figcaption, details, canvas, aside, article, td, th, tr, thead, tfoot, tbody, caption, table, legend, label, form, fieldset, li, ul, ol, dd, dt, dl, i, b, var, sup, sub, strong, small, samp, q, kbd, ins, img, em, dfn, del, code, cite, address, abbr, pre, blockquote, p, h6, h5, h4, h3, h2, h1, iframe, object, span, div, body, html, a, hr {
	padding:0
}
video, audio, mark, time, summary, section, nav, menu, hgroup, header, footer, figure, figcaption, details, canvas, aside, article, td, th, tr, thead, tfoot, tbody, caption, table, legend, label, form, fieldset, li, ul, ol, dd, dt, dl, i, b, var, sup, sub, strong, small, samp, q, kbd, ins, img, em, dfn, del, code, cite, address, abbr, pre, blockquote, p, h6, h5, h4, h3, h2, h1, iframe, object, span, div, body, html, hr {
	border:0
}
video, audio, mark, time, summary, section, nav, menu, hgroup, header, footer, figure, figcaption, details, canvas, aside, article, td, th, tr, thead, tfoot, tbody, caption, table, legend, label, form, fieldset, li, ul, ol, dd, dt, dl, i, b, var, sup, sub, strong, small, samp, q, kbd, ins, img, em, dfn, del, code, cite, address, abbr, pre, blockquote, p, h6, h5, h4, h3, h2, h1, iframe, object, span, div, body, html, input:focus, textarea:focus {
	outline:0
}
section, nav, menu, hgroup, header, footer, figure, figcaption, details, aside, article, hr {
	display:block
}
q, blockquote {
	quotes:none
}
q:after, q:before, blockquote:after, blockquote:before {
	content:'';
	content:none
}
ins, mark {
	background:#ff9;
	color:#000
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through;
	border-bottom:0;
}
dfn[title], abbr[title] {
	border-bottom:1px dotted;
	cursor:help
}
table {
	border-collapse:collapse;
	border-spacing:0
}
select, input {
	vertical-align:middle
}
*, ul, ol, li, img {
	padding:0;
	margin:0;
	border:0;
}
/* PRESET */
pre, code, kbd, samp {
	font: monospace, sans-serif;
}
html {
	overflow:scroll-y;
}
/* MAIN */

/* MY CSS */

body {
	background:url(img/bg.jpg) #000;
}
header {
	height:231px;
	background:url(img/bg_header.jpg);
}
div#content {
	color:#999;
}
footer {
	height:361px;
	background:url(img/bg_footer.jpg);
	color:#999;
	margin-top:15px;
}
.container {
	position:relative;
	width:960px;
	margin:0 auto 0 auto;
}
img#logo {
	margin:40px 0 12px 0;
}

ol#navigation li {
	display:block;
	margin:10px 0 10px 10px;
	height:40px;
	width:120px;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius:5px;
	float:left;
}
ol#navigation li a {
	display:block;
	height:27px;
	width:100%;
	padding-top:13px;
	font-size:12px;
	color:#dedede;
	text-decoration:none;
	font: 12pt 'TitilliumText22LMedium', Helvetica, Arial, sans-serif;
	
}
ol#navigation li:hover, ol#navigation li.current {
	background-color:#9f072f;
	text-shadow:1px 1px 0 #000;
	cursor:pointer;
}

ol#navigation li.disabled:hover a{
	background-color:#222222;
	text-shadow:1px 1px 0 #000;
	cursor:not-allowed!important;
	text-decoration:line-through;
	-webkit-border-radius:5px;
	-moz-border-radius: 5px;
	border-radius:5px;
}
ol#navigation li.disabled a{
	text-decoration:line-through;
	color:#666;
}



ol#socialbar {
}
ol#socialbar li {
	list-style-type:none;
}
ol#socialbar li a {
	display:block;
	width:40px;
	height:40px;
	float:right;
	margin:10px 10px 10px 0;
	padding:0;
	border:0;
}
ol#socialbar li a:hover {
	margin:11px 9px 9px 1px;
}
.fb {
	background-image:url(img/icon_fb.png);
	background-position:0 -40px;
}
.fb:hover {
	background-position:0 0;
}
.twitter {
	background-image:url(img/icon_twitter.png);
	background-position:0 -40px;
}
.twitter:hover {
	background-position:0 0;
}
.flickr {
	background-image:url(img/icon_flickr.png);
	background-position:0 -40px;
}
.flickr:hover {
	background-position:0 0;
}
.xing {
	background-image:url(img/icon_xing.png);
	background-position:0 -40px;
}
.xing:hover {
	background-position:0 0;
}

/* SUBPAGES */

img.about-me {
	margin:10px 0 0 0;
	border-bottom:1px solid #393939;
}

div.workthumbs p {
	margin:5px 0 0 0;
}
div.workthumbs img:hover {
	margin:1px -1px -1px 1px;
}

.yoxview a {
	border:0!important;
	padding:0;
	margin:0;
}

div.prog-container {
  width: 100px; 
  margin: 2px 5px 0px 0; 
  padding: 2px; 
  float: left; 
     -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   background:#000;
}

div.prog-container > div {
   height:10px;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
}
div.prog-container > div.green { background: #ecc280; }
div.prog-container > div.red { background: #9f072f; }
	
/*CONTENT LAYOUT PATTERN*/
.column100 {
	width:940px;
	padding:0 10px 0 10px;
}
.column66 {
	width:620px;
	padding:0 10px 0 10px;
}
.column50 {
	width:460px;
	padding:0 10px 0 10px;
}
.column33 {
	width:300px;
	padding:0 10px 0 10px;
}
.column25 {
	width:235px;
	padding:0 10px 0 10px;
}
.column75 {
	width:705px;
	padding:0 10px 0 10px;
}
hr {
	height:1px;
	border-top:1px dashed #393939;
	margin:12px 0 12px 0;
}
.padl {
	padding:0 0 0 10px!important;
}
.padr {
	padding:0 10px 0 0!important;
}
.nopad {
	padding:0!important;
}
/*TYPO*/
.cntr {
	text-align:center;
}
.flr {
	float:right;
	text-align:right;
}
.fll {
	float:left!important;
}
.cfl {
	clear:both!important;
}
a:hover, a:active {
	outline: none;
}
a.plain {
	border:0!important;
	padding:0!important;
	background:none!important;
}
#content a, #content a:active, #content a:visited, #contact_alt a, #contact_alt a:active, #contact_alt a:visited {
	color: #9f072f;
	border-bottom:1px dotted #9f072f;
	text-decoration:none;
	padding:2px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
#content a:hover, #contact_alt a:hover {
	color:#dedede;
	background-color:#9f072f;
	text-shadow:1px 1px 0 #000;
}
body, .button, input, textarea, select {
	font:12pt/18pt 'TitilliumText22LThin', Helvetica, Arial, sans-serif;
}
h1 {
	margin:20px 0 10px 0;
	padding:3px 3px 0 0;
	font: 12pt 'TitilliumText22LMedium', Helvetica, Arial, sans-serif;
	color:#dedede;
}

cite {font-size:8pt; color:#666}
b, strong {
	color:#dedede;
}
em, i {
	color:#666;
}
ul {
	list-style-type:none;
	margin:1em 0 1em 0;
}
ul li {
	background-image:url(img/bullet.jpg);
	background-repeat:no-repeat;
	background-position:30px 6px;
	overflow:visible;
	padding-left:50px;
	color:#ecc280;
	text-shadow:0 1px 0 #000;
}
ul li:hover {
	background-image:url(img/bullet_active.jpg);
}
/* SLIDESHOW */
div#slideshow {
	height:450px!important;}
#pager {
	margin-top:12px;
}
#pager a, #pager a:visited  {
	background-image:url(img/bg_pager.jpg);
	display:block;
	float:left;
	width:25px;
	height:25px;
	text-align:center;
	margin-left:7px;
	border:1px dotted #393939 !important;
}
#pager a:hover, #pager a:active {
	border:1px dotted #9f072f !important;
	}
#pager a.activeSlide {
	background:#9f072f;
	color:#fff;
	text-shadow:1px 1px 0 #000;
	border:1px solid #9f072f!important;
}
#pager a:focus {
	outline: none;
}

div.slide {
	background:url(img/bg.jpg);
}
.slide img {
	margin-bottom:5px;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

/* Contact Form */

textarea, input, select {
color:#666;
}
#contact_form { 
	width:705px;
	height:200px;
    position:relative;
	}
	
#response{display:none;}
#invalid-inquiry{display:none;}
#invalid-name{display:none;}
#invalid-email{display:none;}
#invalid-url{display:none;}
#invalid-msg{display:none;}


input#name, input#email, input#url {
	width:278px;
	height:31px;
	border:1px solid #3b3b3b;
	background:url(img/bg_ff-small.jpg);
	padding:2px 10px 0px 10px;
}

textarea#msg {
	width:363px;
	height:178px;
	border:1px solid #3b3b3b;
	background:url(img/bg_ff-msg.jpg);
	resize:none;
	margin-bottom:2px;
	padding:10px;
}

input#name:focus, input#email:focus, input#url:focus, textarea#msg:focus  {
	border:1px solid #9f072f;
}

.inquiry {
	width:300px;
}

.labelarea-l {
	width:278px;
	height:30px;
	padding-top:5px;
	}
.labelarea-r {
	width:363px;
	height:30px;
	padding-top:5px;
}
.error {
	float:right;
	text-align:right;
	text-decoration:none;
	padding:1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#dedede;
	background-color:#9f072f;
	text-shadow:1px 1px 0 #000;
	margin-right:-20px;
}
						
		
input.button {
   border-top: 1px solid #282828;
   border-left: 1px solid #282828;
   background: #161616;
   background: -webkit-gradient(linear, left top, left bottom, from(#1d1d1d), to(#161616));
   background: -moz-linear-gradient(top, #1d1d1d, #161616);
   width:130px;
   height:34px;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   color: #dedede;
   text-decoration: none;
   vertical-align: middle;
   float:right;
   margin-top:5px;
   }
input.button:hover {
   border-top-color: #292929;
   background: #212121;
   background: -webkit-gradient(linear, left top, left bottom, from(#212121), to(#161616));
   background: -moz-linear-gradient(top, #212121, #161616);
   color: #ffffff;
   }
input.button:active {
	margin:1px 0 0 1px;
	   background: #242424;
   background: -webkit-gradient(linear, left top, left bottom, from(#242424), to(#161616));
   background: -moz-linear-gradient(top, #242424, #161616);
   }
 input.button[disabled] {
	background: #212121; 
	color: #333333;
	margin:0;
 }
 
 
/* Contact Alternative Column */

.icon {
	display:block;
	padding-left:35px;
	background-position:0 0;
	background-repeat:no-repeat;
	
}
#icon-mail {
	background-image:url(img/icon_mail.png);
}

#icon-phone {
	background-image:url(img/icon_phone.png);
}

#icon-skype {
	background-image:url(img/icon_skype.png);
}

span.number {
	letter-spacing:1px;
}

.hidden {
	display:none!important;
	visibility:hidden!important;
	}