/* Browser reseting */
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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline
}
:focus {outline: 0}
ol, ul {list-style: none}
table {
	border-collapse: separate;
	border-spacing: 0
}
caption, th, td {
	text-align: left;
	font-weight: normal
}
blockquote:before, blockquote:after, q:before, q:after {content: ""}
blockquote, q {quotes: "" "" }

p {margin: 10px 0;}
ul {list-style-type: circle}
li {margin-left:25px;}

/* colors */
.black{color:#222;}
.blue{color:#014FA1;}
.grey1 { color:#555; }
.red{color:#C00;}

.cb { clear:both }
.cl { clear:left }
.cr { clear:right }
.db { display:block }
.fl { float:left }
.fr { float:right }
.m0 { margin: 0px; }
.p0 { padding: 0px; }
.txb{font-weight:bold;}
.txu{text-decoration:underline;}
.txj { text-align:justify; }
.tdn{text-decoration:none;}
.txc{text-align:center;}
.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.tal{text-align:left;}
.tac{text-align:center;}
.taj{text-align:justify;}
.tar{text-align:right;}
.vat{vertical-align:top}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.mt0{margin-top:0px;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mb0{margin-bottom:0px;}
.mb10{margin-bottom:10px;}
.mb20{margin-bottom:20px;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}

.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}

.w100p{width:100%;}

a { color:#CF6100; text-decoration:none; }
a:hover { color:#CF6100; text-decoration:underline; }
body { border:none; padding:0; margin:0; background-color:#121212; color:#FFF; font-size:12px; }
form dd { padding-bottom:15px; }
form dt { padding-bottom: 3px; }
form input.button { border:0 none; background:#CF6100 none repeat scroll 0 0; color:#FFFFFF; padding:3px; }
h2{ line-height:1.3em; margin:3px 0 10px 0; letter-spacing:3px; font-size:110%; color:#FFF; font-weight:bold; }
img{border:none}
strong { color:#CF6100; font-weight: normal; }

.form input.text {background:transparent url(images/text.png) no-repeat scroll left top; height:16px !important; margin:0 10px 0 0; padding:5px 10px !important; width:218px; border:0;}
.form textarea { background:transparent url(images/textarea.png) no-repeat scroll left top; height:133px !important; margin:0 10px 0 0; padding:5px 10px !important; width:354px; border:0; }


#layout_main { width:1000px; margin: 0 auto; }
#layout_header { width:1000px; height:174px; background-image:url(images/header.jpg) }
#layout_menu { padding-top:118px; font-size:12px; font-family:Arial; }
#layout_menu li { margin-left:0; float:left; disply:block; list-style-type:none; text-align:center; }
li#layout_menu0 { width:16px; }
li#layout_menu1 { width:170px; }
li#layout_menu2 { width:178px; }
li#layout_menu3 { width:272px; }
li#layout_menu4 { width:180px; }
li#layout_menu5 { width:170px; }
#layout_menu a { color:#FFF; text-decoration:none; }
#layout_menu a:hover { color:#AAA; text-decoration:none; }
#layout_content { width:1000px; background-image:url(images/content.png); font-size:120%; font-family:Arial; line-height:1.3em;  }
#content { margin:0 25px 0 27px; }
#layout_content img.fl { margin-right:5px; }
#layout_content img.left { margin-left:-4px; }
#layout_content_end { width:1000px; height:17px; background-image:url(images/content_end.png) }
#layout_footer_start { width:1000px; height:17px; background-image:url(images/footer1.png); background-repeat:no-repeat; }
#layout_footer_content { width:1000px; background-image:url(images/footer2.png); background-repeat:repeat-y; }
#navi a { color:#AAA; }
#navi li { float:left; disply:block; list-style-type:none; text-align:center; margin-right:20px; }
#layout_footer_content > div { margin:0 25px; }
#layout_footer_end { width:1000px; height:22px; background-image:url(images/footer3.png); background-repeat:no-repeat; }

#left {
	clear:both;
	float:left;
	overflow:hidden;
	width:469px;
	margin-left:1px;
	margin-top: 3px;
}

#right {
	float:right;
	overflow:hidden;
	width:469px;
	margin-right:1px;
	margin-top: 3px;
}

.box50 {
	width:469px;
	background: url(images/box50pb.png) no-repeat bottom left;
}

.box50 h2 {
	margin: 0;
	padding: 11px 8px 10px 15px;
	background: url(images/box50pt.png) no-repeat top left;
}

.box50 div {
	padding: 0 15px 10px 15px;
}


.error {
	display: block;
	color:#FFF;
	background-color:#CF6100;
	margin-top:10px;
	padding: 10px !important;
	font-size:90%;
	font-weight:bold;
}

.success{
	margin-top:10px;
	color:#0EEF6C;
	border: 1px solid #444;
	background-color:#222;
	padding:10px !important;
	font-size:15px;
	text-align:center;
	font-weight:bold;
}

.hint{
	font-size:80%;
	color:#777;
	padding:10px 0px;
}


#white_layout { color:#666; background-color:white; }
.quiet {color:#555; font-weight:normal;}
.small {font-size:70%}
.i {font-style:italic;}


/* PORTFOLIO */
.portfolio_project {border-top:1px solid #333; padding-bottom:15px; padding-top:17px; margin-left:5px;}
.portfolio_first {border-top:none;}
.portfolio_img {padding-right:21px; width:450px; }
.portfolio_img img {border:2px solid #FFF;}
.portfolio_desc {float:right; padding-top:10px; width:450px;}
.portfolio_desc p {color: #777;}
.portfolio_desc .thumb_title {font-size:150%; font-weight: bold; margin-bottom:1px; color:#FFF;}
img.portfolio_small {border:2px solid #FFF; margin: 10px 0 0 10px;}
img.portfolio_big {margin: 18px 0 6px 10px;}
#portfolio_entry {margin:5px 0 0 10px;}
#portfolio_entry dd {font-size:80%; color:#555; margin-bottom:10px;}
#portfolio_entry h2 {font-size:150%; margin-bottom: 20px;}
#portfolio_entry a {margin-left: 10px;}

/* ABOUT */
#about_technologies {width:100%;}
#about_technologies td {vertical-align:middle; text-align:center; padding: 10px 0; width:130px;}