* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #000; min-width: 997px}
html, body {height: 100%}

img {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
table td {vertical-align: top; text-align: left}
table th {text-align: left}

ul {list-style: none}

a {color: #05c; text-decoration: underline; outline: none}
a:hover {text-decoration: none}


h1 {font-size: 170%; color: #000; font-weight: normal; margin-bottom: 6px}

p {font-size: 95%; line-height: 130%; margin-bottom: 14px}


#main {position: relative; min-width: 997px; max-width: 1600px; min-height: 100%; font-size: 0.75em; margin: 0 auto; background: #dce6ed url(../images/main_bg.jpg) no-repeat center 0}
*html #main {width: expression(((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) > 1601 ? "1600px" : (((document.compatMode && document.compatMode=='CSS1Compat') ? document.documentElement.clientWidth : document.body.clientWidth) < 997 ? "997px" : "100%")); height: 100%}

	#main_in {width: 880px; padding-top: 380px; margin: 0 auto}
	
	div.clear {clear: both; font-size: 1px}
	
		span.text {font-size: 120%; font-style: italic; line-height: 150%}
	
		#leftcol {float: left; width: 424px; padding-top: 72px; padding-bottom: 20px}
		
			#leftcol span.text {display: block; padding-left: 3px; height: 131px}
			
			#leftmenu {height: 135px; padding-left: 1px}
			#leftmenu li img {display: block}
			#leftmenu li {padding-bottom: 4px}
			#leftmenu a {display: inline-block; font-size: 150%; cursor: pointer}
				a#portfolio {padding-right: 20px;}
				
			#leftcol div.right {margin-left: 213px}
			#copy {display: block; height: 17px}
			a#mail {display: inline-block; text-decoration: none; border-bottom: 1px solid #5f8dcb}
			a#mail:hover {border: none}
			a#mail img {display: block}
			
			#logo {float: left}
		
		#rightcol {float: right; width: 421px; padding-bottom: 20px}
		
			#rightcol div.top {height: 73px}
			a#fonts_vers {float: left; font-size: 95%; text-decoration: none; padding: 10px 0 0 14px; background: url(../images/a_on_off.gif) no-repeat 0 0; cursor: pointer}
			a#fonts_vers:hover {background-image: url(../images/a_on_off_h.gif)}
			a#fonts_vers i {display: inline; border-bottom: 1px dashed #05c}
			a#fonts_vers:hover i {border-bottom: none; padding-bottom: 1px}
			
			#rightcol span.text {display: block; position: relative; width: 411px; height: 115px; padding-left: 14px; margin-right: -4px}
			
			#tel {display: block; padding-left: 13px; height: 54px; font-size: 40px}
			
			#address {display: block; padding-left: 14px; height: 73px; font-size: 120%}
			
			#textblock {position: relative; margin-left: -49px; width: 391px}
			#textblock div.block {background: url(../images/textblock_bg.gif) repeat-y right 0}
			#textblock div.block_in {padding: 7px 14px 20px 63px; background: url(../images/textblock_bg_top.gif) no-repeat right 0}
			#textblock div.bot {height: 59px; background: url(../images/textblock_bg_bot.gif) no-repeat right bottom}
			#textblock span.date {display: block; font-size: 85%; color: #8fa1ab; margin-bottom: 2px}
			#textblock p {position: relative; display: block; font-size: 95%; font-style: italic; color: #4a565c; line-height: 115%; margin-bottom: -50px}
			
#form_bg {position: absolute; left: 0; top: 0; width: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85); -moz-opacity: 0.85; -khtml-opacity: 0.85; opacity: 0.85; background: #000}
	#form, #form_portfolio {position: absolute; width: 433px; margin-left: -216px; left: 50%; font-size: 0.75em; z-index: 255}
	.feedback {top: 211px}
	.form_bg_top {height: 15px; font-size: 1px; background: url(../images/form_bg_top.png) no-repeat 0 0}
	*html .form_bg_top {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/form_bg_top.png', sizingMethod='crop')}
	.form_bg_bot {height: 15px; font-size: 1px; background: url(../images/form_bg_bot.png) no-repeat 0 0}
	*html .form_bg_bot {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/form_bg_bot.png', sizingMethod='crop')}
		#form div.block, #form_portfolio div.block {position: relative; background: #fff url(../images/form_bg.gif) repeat-y 0 0}
		.feedback div.block {height: 371px; padding: 16px 33px}
		.feedback label {display: block; font-size: 135%; color: #2e2e2e; margin: 0 0 6px 1px}
		.feedback input.text_field, .feedback textarea {display: block; width: 340px; height: 20px; padding: 12px 8px 8px 16px; margin-bottom: 18px; font-family: Tahoma, Arial, sans-serif; font-size: 125%; font-style: italic; color: #222; background: #faf9e9 url(../images/input_bg.gif) no-repeat 0 0; border: none}
		.feedback textarea {height: 109px; background-image: url(../images/textarea.gif); overflow: auto}
		#browse {overflow:hidden;cursor:pointer;cursor:hand;float: left; width: 250px; height: 32px; border: none; cursor: pointer}
		#browse input1{cursor:pointer;cursor:hand;opacity:0;filter:alpha(opacity:0);font-size:199px;cursor:pointer;padding:0px;margin:0px;border:none;margin-left:-450px;}
		.feedback i {display: block; font-size: 85%; color: #6e6e6e; padding-top: 3px; margin-left: 76px}
		#loading {position: absolute; float: right; right: 38px; bottom: 23px; z-index: 0}
		
		.success {top: 318px}
		.success div.block {height: 42px; padding: 40px 33px; font-size: 135%; color: #2e2e2e}
		
		#load {display: block; width: 15px; margin: 0 auto; padding: 500px 0 100px 100px}
		
		#send {position: absolute; top: 356px; right: 35px; width: 88px; height: 32px; background: url(../images/button_send.gif) no-repeat 0 0; border: none; cursor: pointer; z-index: 1}
		
		#form_portf {position: absolute; width: 900px; height: 730px; margin: 0 0 0 -450px; left: 50%; top: 36px; font-size: 0.75em; z-index: 255}
		*html #form_portf {background: #000}
			#close {position: absolute; top: 69px; right: 0px; cursor: pointer; width: 18px; height: 18px; background: url(../images/portf_close.png) no-repeat 0 0}
			*html #close {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/portf_close.png', sizingMethod='crop')}
			#close span {display: none}
			#work_1 {position: absolute; width: 100%; left: 0; height: 600px; overflow: hidden; text-align: center; top: 88px; z-index: 0}
			#work_1 div {position: relative; margin: 0 auto}
			#work_2 {position: absolute; width: 100%; left: 0; height: 600px; overflow: hidden; text-align: center; top: 88px; z-index: 0}
			#work_2 div {position: relative; margin: 0 auto}
			#form_portf .nav {display: block; position: absolute; top: 343px; width: 57px; height: 63px; z-index: 1; background: no-repeat 0 0; cursor: pointer}
			#form_portf .nav strong {display: none}
			#form_portf .left {left: -65px; background-image: url(../images/form_portf_prev.png)}
			*html #form_portf .left {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/form_portf_prev.png', sizingMethod='crop')}
			#form_portf .right {left: 910px; background-image:url(../images/form_portf_next.png)}
			*html #form_portf .right {background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/form_portf_next.png', sizingMethod='crop')}
			#form_portf div.bot {position: absolute; height: 30px; left: 0px; bottom: 0; z-index: 1; font-size: 95%; color: #fff}
			#form_portf div.bot a {color: #eddb29}