* {
	border: 0;
	margin: 0;
	padding: 0;
	outline: none;
	font-size: 100%;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	line-height: 1.25em;
}
html {
	color: #000;
	font: 16px/1.25 Verdana, Tahoma, Arial, Helvetica, sans-serif;
	background: #fff;
}

:focus {outline: 0;}

a, a:link, a:active, a:hover, a:visited {
	text-decoration: underline;
}
a:link {color: #05c;}
a:active {color: #c00;}
a:hover {color: #c00;}
a:visited {color: #909;}

h1, h2, h3, h4, h5, h6, #nav strong {margin: 0;}
h2 {color: #fd7600;font:bold 16px Arial;}
h1 {color: #fd7600;font:bold 16px Arial;}

p {margin: 0 0 0.5em 0;}

table, td, th {
	border-spacing: 0;
	border-collapse: collapse;
}

ul, ol {padding: 0 0 1.25em 0.5em;}
ul li, ol li {list-style: none;}

big {font-size: 110%;}
small, sup, sub {font-size: 60%;}

sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}

blockquote, q {quotes: "" "";}
blockquote:before, blockquote:after, q:before, q:after {content: "";}

acronym, abbr {
	cursor: help;
	letter-spacing: 1px;
	border-bottom: 1px dashed;
}

form {display:inline;}
select {border: 1px solid;}
select option {padding:0 0.2em;}
input, textarea {padding: 0.2em;}
label, input[type="radio"], input[type="checkbox"], input[type="submit"] {cursor:pointer;}

hr {height: 20px;border-top: 1px solid #ddd;}
/* -=-=-=- */

.hide		{display:none;}
.clear		{clear:both;height:1px; font-size:1px; line-height:1px;}
.float-left	{float:left;}
.float-right	{float:right;}

.text-left	{text-align:left;}
.text-right	{text-align:right;}
.text-center	{text-align:center;}
.text-justify	{text-align:justify;}

.bold		{font-weight:bold;}
.italic		{font-style:italic;}
.underline	{border-bottom:1px solid;}

.img-left		{float:left;margin:4px 10px 4px 0;}
.img-right	{float:right;margin:4px 0 4px 10px;}

.nopadding	{padding:0;}
.noindent	{margin-left:0;padding-left:0;}
.nobullet		{list-style:none;list-style-image:none;}


.wrap		{width:960px;margin:0 auto;}
.w100	{width:100%;}

/* ======= */

html, body {
	width: 100%;
	background: #2b2b2b url('body-bg.png') left top repeat-x;
}
#content {
	min-height: 500px;
}

#body, .body-rt, .body-rb, .bottom-b, .body-l, #content {
	color: #eee;
	width: 100%;
	height:100%;
	display:inline-block;
}


#body {background: url('body-bg_lt.png') left top no-repeat;}
.body-rt {background: url('body-bg_rt.jpg') right top no-repeat;}
.body-rb {background: url('body-bg_rb.jpg') right bottom no-repeat;}
.bottom-b {background: url('bottom-bg_b.gif') bottom repeat-x;text-align: center;}
.body-l {background: url('note.png') -88px 345px no-repeat;}
.ie6 .body-l {background: url('note__ie6.jpg') -88px 345px no-repeat;}

#main {
	text-align: left;
	width: 920px;
	width: 100%;
	min-width: 900px;
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: -4px;
	display: inline-block;
	background: url('phone.png') 32% 100% no-repeat;
}
.ff3 #main, .chrome #main, .safari #main {}
.ie8 #main {margin-bottom: -5px;}
.opera #main, .ie7 #main, .ie6 #main  {margin-bottom: 0;}


#main #lft {
	float: left;
	width: 79.5%;
	padding-bottom: 35px;
	background: url('rgt-border_r.gif') 100% 290px no-repeat;
}
#main #rgt {
	font: normal 11px Verdana;
	float: left;
	width: 285px;
	width: 20%;
	background: url('coffee-bg.png') left top no-repeat;
}
.ie6 #main #rgt {background: url('coffee-bg__ie6.jpg') left top no-repeat;}

#main #lft, #main #rgt {
	min-height: 820px;
}
.ie6 #main {width: 1050px;}
.ie6 #main #lft, .ie6 #main #rgt {height: 820px;}


#lft .lft-in {
	width: 100%;
	min-height: 206px;
	background: url('lft-top_bg.gif') left top repeat-x;
}

#lft .head, #rgt .head {
	color: #d3d3d2;
	font: normal 11px Tahoma;
	height: 85px;
}
#rgt .head {
	padding-left: 31px;
}
#rgt .head .top {
	color: #7e7e7e;
	font: normal 11px Tahoma;
	height: 48px;
	padding-top: 42px;
	background: url('hr-scissors.gif') right bottom no-repeat;
}
#rgt a, #rgt a:link, #rgt a:visited {
	color: #7e7e7e;
	font-size: 11px;
}
#rgt a:hover {color: #fff;}

.php {
	width: 100%;
	height: 200px;
	background: url('man.jpg') 100% 1px no-repeat;
	background: url('head-bg.gif') repeat-x;
}
.php .l {width: 100%;height:206px;background: url('head-l.jpg') left top no-repeat;}
.php .r {width: 100%;height:206px;background: url('head-r.jpg') right top no-repeat;}

#nav, #lft .head .l {
	width: 30%;
	float: left;
}

#content {
	width: 68%;
	float: right;
	padding: 0 12px 190px 0;
}


#lft .head .l a.home, #lft .head .l a.home:link, #lft .head .l a.home:visited {
	float: left;
	display: block;
	width: 75px;
	height: 85px;
	background: url('ico-home.gif') 40px 57px no-repeat;
}
#lft .head .l a.lang, #lft .head .l a.lang:link, #lft .head .l a.lang:visited {
	color: #bdbdbd;
	font: normal 11px Tahoma;
	text-decoration: none;
	float: left;
	display: block;
	height: 29px;
	padding-top: 56px;
}
#lft .head .l a.lang:hover {
	color: #fff;
	text-decoration: underline;
}
#lft .head .r a, #lft .head .r a:link, #lft .head .r a:visited {
	float: left;
	display: block;
	color: #bdbdbd;
	font: normal 11px Tahoma;
	text-decoration: none;
	padding: 56px 15px 15px 15px;
	background: url('menu-sep.gif') 100% 57px no-repeat;
}
#lft .head .r a:hover {
	color: #fff;
	text-decoration: underline;
}
#lft .head .r a.first {
	padding-left: 32px;
}
#lft .head .r a.last {
	background: none;
}


#nav {
	padding-bottom: 20px;
}
#nav strong {display: block;}


#nav ul, #nav strong span {
	padding-left: 30px;
}
h5, h5 span {
	padding: 0;
}


#nav ul li {
	margin: 0;
	padding: 2px 10px 2px 26px;
	line-height: 12px;
	background: url('arrow-r.gif') 16px 8px no-repeat;
}

#nav ul li a, #nav ul li a:link, #nav ul li a:visited {
	color: #949494;
	font: normal 11px Tahoma;
	text-decoration: none;
}
#nav ul li a:hover {
	color: #fff;
}
#nav ul li.active a, #nav ul li.active a:link, #nav ul li.active a:visited {color: #fd7600;}
#nav ul li.active a:hover {text-decoration: underline;}

#nav ul li.first {
	height: 18px;
	padding: 2px 0 20px 10px;
	background: url('green-l.gif') 0px 2px no-repeat;
}
#nav ul li.first-n {
	padding-top: 16px;
	background-position: 0px 16px;
}

#nav ul li i,
#nav ul li.first a, #nav ul li.first a:link, #nav ul li.first a:visited {
	color: #fffffe;
	font: normal normal 12px Tahoma;
	text-decoration: none;
	display: block;
	float: left;
	clear: both;

	padding: 6px 15px 6px 8px;
	background: #5a980f url('green-r.gif') 100% 0px no-repeat;
}

.ie9 #nav ul li i, .ie9 #nav ul li.first a, .ie9 #nav ul li.first a:link, .ie9 #nav ul li.first a:visited {
	padding-top: 5px;
}
.ff #nav ul li i, .ff #nav ul li.first a, .ff #nav ul li.first a:link, .ff #nav ul li.first a:visited {
	padding-top: 4px;
}

.shadow {
	left: 1px;
	top: 1px;
	color: #000 !important;
	position: absolute;
	z-index: 0;
}

#content div.news {
}


div.news .l div {padding-left: 25px;background: url('h-vr.gif') 0px 8px no-repeat;}

div.news .l, div.news .r {
	float: left;
	width: 48%;
}

div.news p {
	padding-left: 25px;
	background: url('ico-paper.gif') 6px 6px no-repeat;
}
div.news .r {
	padding-top: 37px;
}
div.news p b {
	color: #fff;
	font: normal 11px Tahoma;
}

div.news p a, div.news p a:link, div.news p a:visited {
	color: #d3d3d2 !important;
	font: normal 12px Tahoma;
	text-decoration: none;
	display: block;
	padding-top: 8px;
}
div.news p a:hover {
	color: #fff !important;
}

div.hr {
	position: relative;
	display: inline-block;
	height: 16px;
	width: 100%;
	padding-top: 6px;
	background: url('hr.gif') 0px 14px repeat-x;
}
div.hr a, div.hr a:link, div.hr a:visited {
	color: #ba955c !important;
	font: normal 11px Tahoma !important;
	display: block;
	float: left;
	padding-right: 6px;
	padding: 0 6px 0 25px;
	background: #2b2b2b;
}
div.hr a:hover {
	color: #e19829 !important;
}
div.hr div {
	width: 6px;
	height: 16px;
	float: right;
	background: #2b2b2b url('hr-arr.gif') 100% 5px no-repeat;
}

div.inf {
	color: #d3d3d2;
	font: normal 12px Tahoma;
	padding: 15px 0px 0px 25px;
}



#nav ul,  #nav strong span {
	padding-left: 20px;
}

#content a, #content a:link, #content a:visited {
	color: #aaa;
	font: normal 12px Tahoma;
}

/* -=-=-=- */



#nav strong, #nav strong span,
h1, h1 span, h2, h2 span, h3, h3 span, h4, h4 span, h5, h5 span, h6, h6 span {
	color: #6c6c6c;
	/*color:#fd7600;*/
	font: normal 22px "Lucida Grande";
	padding-bottom: 10px;
}
#feedback h1 {padding-top: 0;}

#service, #summary, #contact {
	padding-left: 25px;
}
#nav, #content {
	padding-top: 25px;
}



/* -- Portfolio == */

#portfolio {
}


#portfolio .img {
	padding-right: 15px;
}
#portfolio .pre {
	font: normal 12px Verdana;
	max-width: 250px;
}

#view {
	border: 1px solid #111;
}
#portfolio .inf {
	clear: both;
	padding: 15px 0 0 0;
}
#portfolio .inf b {
	color: #eee;
}
#portfolio .inf, #portfolio .inf p, #portfolio .inf strong {
	color: #ccc;
	font-weight: normal;
	font-family: Tahoma;
}
#portfolio h2, #portfolio h2 span {
	color: #fd7600;
	font: normal 13px Verdana;
	padding: 0 !important;
}

#portfolio #next {
	display: none;

}
#portfolio #isNext, #portfolio #isNext:link {
	color: #87c7cd;
	border-bottom: 1px dotted;
	text-decoration: none;
}

#portfolio .pre .link {
	float:left;
	clear: both;
	padding-right: 15px;
	background: url('link.gif') 100% 3px no-repeat;
}
#portfolio .pre dfn {
	font-style: normal;
	display: block;
	clear: both;
}
#portfolio .pre dfn i {font-weight: normal;font-style:normal;}

#portfolio .pre .link span, #portfolio .pre .link a, #portfolio .pre .link a:link, #portfolio .pre .link a:visited {
	color: #aaa;
	font: normal 13px Tahoma;
	text-decoration: none;
}
/*#portfolio .pre .link span:hover,*/ #portfolio .pre .link a:hover {
	cursor: pointer;
	color: #fff;
	text-decoration: underline;
}



#portfolio .pre pre b {display: block;}
#portfolio .pre pre b i {font-style: normal;font-weight: normal;}
#portfolio pre {
	float: none;
	clear: both;
	padding-top: 15px;
	white-space: normal;
}


#portfolio .more, #portfolio .about {
	padding-left: 15px;
}
#portfolio .site {
	padding-top: 45px;
	background: url('hr-a.png') center 10px no-repeat;
}

#portfolio ul.more, #portfolio ul.more li {
	margin: 0;
	padding: 0;
}
#portfolio ul.more li {
	padding-left: 25px;
	background: url('arrow-r.gif') 16px 5px no-repeat;
}

/* -- Service == */

#service {
	font: normal 12px Verdana;
}
#service h2, #service h2 span {
	color: #6c6c6c;
	font: normal 22px "Lucida Grande";
}

#service .init strong {font-weight: normal;}

#service a, #service a:link, #service a:visited {
	color: #e19829;
	text-decoration: none;
	font: normal 12px Verdana;
}
#service a:hover {
	text-decoration: underline;
}

/* -- Resume == */

#summary {
	font: normal 12px Verdana;
}
#summary .l, #summary .r {
	float: left;
}
#summary .l img {
	border: 1px solid #000;
}
#summary .r {
	max-width: 360px;
	padding-left: 15px;
}
#summary .r h3, #summary .r h3 span {
	padding-top: 0;
}
#summary h4, #summary h4 span,
#summary h2, #summary h2 span {
	font-size: 16px;
}

#summary h2, #summary h2 span,
#summary h3, #summary h3 span,
#summary h4, #summary h4 span {
	color: #fd7600;
	font:bold 16px Arial;
}

#summar dl, #summary dt, #summary dd {
	margin: 0;
	padding: 0;
}

dl.pri {
	max-width: 360px;
}
dl dt {
	float: left;
}
dl dt, dl dd {
	padding-bottom: 4px !important;
}

dl.pri dt {width: 80px;}
dl.pro dt {width: 140px;}

#summary .c {
	clear: both;
	padding-top: 10px;
}

#summary dd span {text-decoration: line-through;}
#summary .c strong {font-weight: normal;}

/* -- FeedBack == */
#feedback {
	color: #eee;
	font: normal 12px Verdana;
	padding-left: 25px;
}


#feedback div.tr {
	display: block;
	padding: 0 0 2px 0;
}
#feedback .l {
	width: 82px;
	float: left;
	padding-top: 5px;
	padding-right: 15px;
	text-align: right;
}

#feedback .r input {
	font: normal 12px Verdana;
	width: 300px;
	border: 1px solid #4a4a4a;
}

#feedback .c {padding: 2px 0;}
#feedback textarea {
	width: 400px;
	height: 128px;
}

#feedback input.submit {
	cursor: pointer;
	color: #fff;
	background: #2b2b2b;
	border: 1px solid #666;
}

#feedback #stat {
	padding-top: 15px;
}

/* -- Contact == */

#contact {clear: both;float: none;display:inline-block;}
#contact div {clear: both;float:none;display: inline-block;padding-bottom: 15px;width: 100%;}
#contact div, #contact div b, #contact div i {
	font: normal 12px Verdana;
}
#contact div b, #contact div i {
	float: left;
	display: block;
}
#contact div b {clear: left;width: 100px;}
#contact div i {clear: right;}


#contact a, #contact a:link, #contact a:visited {
	font: normal 12px Verdana;
}
#contact a:hover {
	color: #fd7600;
}

/* -- Blog == */

#blogList {
	margin-left: -180px;
}
.ie6 #blogList {margin-left: 0;}

#blogList .last p {
	color: #eee;
	font: normal 11px Verdana;
	padding: 4px 20px 15px 20px;
}

#blog {
	padding-right: 25px;
	font: normal 12px Verdana;
}

#blog .dh0 b,
#blog .dh0 a, #blog .dh0 a:visited {
	float: left;
	display: block;
}

#blog .dh0 {float:left;}
#blog .dh1 {float: left;}

#blog .dh0 b,
#blog .dh0 a, #blog .dh0 a:visited
{
	color: #6c6c6c !important;
	font: normal 22px "Lucida Grande" !important;
}
#blog .dh0 b {padding: 1px 5px 0px 5px !important;}
#blog .dh1 h1 {padding:0;padding-right:1px;}

#blog #tx p {
	padding: 5px 0px 2px 0;
}

#blog #tx {
	float: none;
	clear: both;
	/*min-height: 430px;*/
}

#blogList a, #blogList a:visited {
	color: #aaa !important;
	font: normal 12px Verdana !important;
}
#blogList a:hover {
	color: #fd7600 !important;
}

#content #blog, #blog #tx {
	font: normal 12px Verdana;
}
#content #blog a, #content a:link, #content #blog a:visited {
	color: #fd7600;
	text-decoration: none;
	font: normal 12px Tahoma;
}
#content #blog a:hover {
	text-decoration: underline;
}

/* -- */

#comment .val, #comment .var {
	float: left;
}

#comment {
	font: normal 11px Tahoma;
	width: 430px;
	margin: 0 auto;
	padding-top: 35px;
	background: url('hr-a.png') center top no-repeat;
}
#comment .val {
	padding: 6px 5px 0 0;
}
#comment .var {
	padding: 0 10px 0 0;
}

#comment .var input {
	color: #000;
	font: normal 11px Verdana;
	width: 83px;
	height: 14px;
	border: 2px solid #2b2b2b;
}

#comment .c {
	clear: both;
	padding-bottom: 10px;
}
#comment .c textarea {
	width: 412px;
	height: 64px;
}

#comment .s {
	clear: both;
	padding-top: 15px;
}
#comment .s input {
	color: #fff;
	padding: 4px 15px;
	border: 1px solid #666;
	background: url('input-bg_black.png') center repeat-x;
}


#posting {
	display: none;
}

#com {
	/*width: 890px;*/
	font-size: 11px;
	padding: 15px 5px;
	padding-top: 25px;
	background: url('hr-a.png') center top no-repeat;
}
#com div {padding-bottom: 5px;}
#com b {color: #fff;display: block;float: left;font-weight: normal;}
#com i {color: #888;display: block;float: right;font-style: normal;}
#com blockquote {color: #bbb;display: block;clear: both;padding-bottom: 10px;}
#com blockquote {background: url('hr-a0.gif') center bottom no-repeat;}



#counter {display: none;}