body {text-align:center; margin:0; padding:0; font-size:12px; font-family: verdana, "Trebuchet MS", Tahoma, Arial, Lucida; background: #02060f url(i/bg.jpg) no-repeat top center; min-width:780px}
	body#small {background:#02060f url(i/bgsmall.jpg) no-repeat top center; min-width:780px}
	
	ul {list-style-type:none; padding:0; margin:0;}
	img {border:0;}
	em {font-style:normal;}
	form, fieldset {margin:0; padding:0; border:0;}
	a {text-decoration:none;}	
	
	#wrapper {width:100%; height:1657px; background:url(i/index-bot.jpg) no-repeat bottom center; overflow:auto;}
	#illustration #wrapper {background:url(i/illustration-bot.jpg) no-repeat bottom center;}
	#illustration .monsters {position:absolute; top:-136px; left:100px}

	#print #wrapper {background:url(i/print-bot.jpg) no-repeat bottom center;}
	#print .monsters {position:absolute; top:-43px; left:315px}
	
	#web #wrapper {background:url(i/web-bot.jpg) no-repeat bottom center;}
	#web .monsters {position:absolute; top:-58px; left:77px}
	#web .monsters2 {position:absolute; top:226px; left:762px}
	#web .monsters3 {position:absolute; top:-50px; left:427px; z-index:10;}
	
	#small #wrapper {height:1390px; background:url(i/contact-bot.jpg) no-repeat bottom center;}
	#small .about {position:absolute; top:-111px; left:384px}
	#small .contact {position:absolute; top:-49px; left:399px}
	
	.im1 {position:absolute; top:-135px; left:-140px}
	.im2 {position:absolute; top:-92px; left:290px}
	
	#monsters {width:780px; margin:0 auto;}
	
	
	#header {width:780px; margin:138px auto 0 auto; text-align:left; position:relative; height:184px; overflow:visible;}
	
	h1,h2,h3 {margin:0; padding:0; font-size:38px; font-weight:normal; font-family:Arial;}
	h2, h3 {text-align:right; position:absolute; top:40px; right:46px;}
	h3 {font-size:24px; top:92px; line-height:28px;}
	h1 {margin-left:8px;}
	#header ul {list-style-type:none; padding:0; margin:0;}
	#header li {float:left; display:inline;}
	
	#nav {background:url(i/nav.png) no-repeat; width:780px; height:50px; z-index:20; position:relative;}
	#nav li {float:left; display:inline; padding-top:10px;}
	#nav .m1 {width:100px; margin-left:16px;}
	#nav .m2 {width:92px;}
	#nav .m3 {width:184px;}
	#nav .m4 {width:100px;}
	#nav .m5 {width:110px;}
	#nav .m6 {width:118px;}
	#nav li a {color:#000; font-size:20px; text-transform:uppercase;}
	#nav li a:hover {color:#222;}
	
	#content {width:780px; margin:0 auto; text-align:left; height:760px; margin-top:8px; position:relative;}
	#content .col {width:350px; margin:0 12px; float:left; display:inline;}
	#content .col img {clear:both;}
	#content .col a {display:block;}
	#side {float:left; display:inline; width:220px;}
	.news, .newssmall {width:220px; background:url(i/newsbottom.gif) no-repeat bottom;}
	.news {background:url(i/newsb.png) no-repeat bottom; height:443px; width:210px;}
	.newssmall {height:195px;  margin-bottom:47px;}
	.newssmall p {background:url(i/newstop.gif) no-repeat top; padding:16px 12px 0 12px; line-height:18px; margin:0;}
	.news h4 {background:url(i/newst.png) no-repeat top; display:block; text-align:center; padding:16px 0 0 0; margin:0; font-size:17px; font-weight:normal;}
	.news p {padding:12px 12px 0 12px; line-height:18px; margin:0;}

	#main {float:left; display:inline; width:530px; margin-left:30px; overflow:auto; }
	p.iportfolio, p.portfolio {margin:0; padding:0; width:492px; color:#696969}
	p.portfolio {height:242px; }
	p.iportfolio {padding-bottom:12px;}
	p.iportfolio a, p.portfolio a {color:#696969; font-size:13px;}
	p.iportfolio a:hover, p.portfolio a:hover {color:#000;}
	.more {font-size:28px; text-transform:uppercase; margin:0; padding:0; text-align:right; position:absolute; bottom:12px; right:40px;}
	.more a {color:#000}
	.more a:hover {color:#696969}
	.back {font-size:28px; text-transform:uppercase; margin:0; padding:0; text-align:right; position:absolute; bottom:12px; left:40px;}
	.back a {color:#000}
	.back a:hover {color:#696969}

	.green {width:209px; height:260px; background:url(i/form.png) no-repeat; margin-top:12px;}
	form h4 {color:#fff; text-align:center; padding-top:8px; margin:0; font-size:16px;}
	form label {display:block; font-size:14px; margin-top:4px; margin-left:20px; line-height:21px; position:relative;}
	form input {display:block; margin-left:17px; border:1px solid #b0c234; width:170px;  font-size:12px; font-family:Arial; color:#444}
	form textarea {margin-left:17px; border:1px solid #9bb634; width:170px; font-size:12px; font-family:Arial; color:#444}
	.go {border:1px solid #c5d0a9; width:150px; cursor:pointer; margin-top:8px; margin-left:27px;  color:#000; font-weight:bold;}
	
	#info {display:inline; float:left;}
	#small .green { display:inline; float:left;}
	#small .form {border:0;} 
	#small form h4 {text-align:left; padding:8px 0 10px 20px;}
	.check input {width:16px; height:16px; position:absolute; right:20px; border:0; top:1px; cursor:pointer;}
	.check {border-left:52px solid #fff; border-right:52px solid #fff;}
	.check label {cursor:pointer;}
	.check label.n {cursor:default;}
	
	#small p {clear:both; font-size:12px; color:#888888; font-weight:bold; line-height:18px; padding:0px 60px 0 20px; margin:0;}
	#contacts {list-style-type:none; padding:0; margin:8px 0 0 0; display:block; clear:both;}
	#contacts li {display:inline; float:left; text-align:center; margin:0 6px; padding:10px 0}
	#contacts p {padding:8px 0; margin:0; padding:0; color:#000}
	#small .a p {padding:12px 60px 0 20px;}
	#small .a ul {list-style-type:none; padding:0; margin:12px 0 8px 0;}
	#small .a ul li {display:inline; float:left; width:193px; text-align:center;}
	#small .a li p {padding:2px 16px 0 16px; text-align:left;}
	#gallery{}
	#gallery .gallery-body{ padding-left:9px;}
	#gallery .portfolio{width:380px;height:240px;float:left}
	.clear{clear:both;height:0px; line-height:0px; font-size:0px}
	.g-more{font-size:28px; text-transform:uppercase; text-align:right; padding-right:40px}
	.g-more a:link, .g-more a:visited{color:#000; text-decoration:none}
	.g-more a:hover, .g-more a:active{color:#696969; text-decoration:none}