*					{ margin: 0; padding: 0; }
/* mac hide \*/
html, body 			{ height: 100%; width: 100%; }
/* end hide */
body 				{ font: 18px Courier new, verdana; background: #333; text-align: center; color: #aaa; }
a:link 				{ color: #aaa; outline: none; text-decoration: none; }
a:active 			{ color: #aaa; outline: none; text-decoration: none; }
a:visited 			{ color: #aaa; outline: none; text-decoration: none; }
a:hover 				{ color: #ddd; outline: none; text-decoration: none; }
a img				{ border: 0; background: none; }
img					{ vertical-align: middle; }
.clear 				{ clear: both; }

#index h1			{ color: #333; display: none; }
#index h2			{ color: #333; display: none; }
#page-wrap			{ height: 100%; width: 100%; text-align: center; }
#full-wrap 			{ display: table; height: 100%; width: 100%; vertical-align: middle; }
#container-wrap		{ position: relative; float: left; }
.half-wrap 			{ display: table; height: 50%; width: 100%; vertical-align: middle; text-align: left; }
.inner-wrap			{ display: table-cell; vertical-align: middle; text-align: left; }

#container 			{ position: relative; height: 540px; }
#logo 				{ float: left; width: 163px; height: 50px; position: relative; margin-left: 150px; }
#logo a 				{ display: block; width: 100%; height: 100%; }
#pattern 			{ float: left; padding: 0; text-align: left; border: 1px solid #aaa; height: 50px; width: 80%; background: url('../img/pattern2.jpg'); border-left: 0; position: relative; }
#contacts 			{ text-align: left; font: 15px Courier new; clear: both; margin-left: 150px; position: relative; width: 300px; float: left; }
#menu 				{ margin: 20px 0 0 150px; float: left; width: 235px; }
#menu  ul 			{ list-style: none; padding: 0; margin: 0; }
#menu  li 				{ padding: 0; margin: 20px 0; height: 25px; }
#menu  li div 			{ float: left; padding: 0; margin: 0; height: 25px; padding: 5px 15px 5px 20px; }
#menu img 			{ float: left; border: 1px solid #aaa; }

#content 			{ float: left; margin-top: 25px; height: 400px; width: 520px; }
#content .img 		{ padding: 0; margin: 0; display: none; }
.fade 				{ filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; }
.images 				{ margin: 0; padding: 0; }
.images a 			{ margin: 0; padding: 0; height: 90px; width: 130px; position: relative; display: block; }
.images a img			{ float: left; padding: 0; margin: 0; border: 0; width: 130px; height: 90px; z-index: -1; }
.rollover			{ display: block; position: absolute; top: 0; left: 0; width: 130px; height: 90px; }
.image-border 		{ margin: 15px 0 0 15px; background: #444; border: 1px solid #aaa; padding: 10px; height: 90px; float:left;; }
#footer				{ font: 12px Courier new; clear: both; float: left; text-align: left; width: 755px; margin-left: 150px;}
#info				{ clear: both; font: 12px Courier new; margin-top: 30px; margin-left: 150px; text-align: left; width: 550px; position: relative; float:left; }