@charset "utf-8";

/* CSS Document */



/* global reset */



body, html, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset,input {

	margin: 0;

	padding: 0;

}



ul {

	list-style: none; 

}



a img, img {

	border: 0px;

}



/* main */	

body {

	background: #555 url(../img/bg_01.jpg) repeat left top;

	background-attachment: fixed;

	font-family: "Arial", "Verdana", "Tahoma", Serif;

	font-size:62.5%;

	color: #fff;

	border: 0;

	text-align: center;

}







h1 {

	font: 2.9em/1.2em Georgia, "Times New Roman", Times, serif;	

	text-align:Left;

	margin:0;

	padding:35px 0 25px 15px;

}

p {

	font-size:1.1em;

	line-height:1.4em;

	float:left;

}



.pad {

	padding:0 15px 0 15px;

}



#logo {

	float: left;

	width: 550px;

	margin: 0px;

}





.about {

	height:690px;

	background:#333;

}



.about p{

	font-family: Arial, Helvetica, sans-serifdisplay:block;

	color:#FFF;

	font-size:1.4em;

	text-align: justify;

	padding:30px 20px;

	font-weight:normal;

	line-height: 1.2em;



}



.folio {

	height:603px;

	background:#666;

}





.folio p{

	display:block;

	color:#FFF;

	font-size:7em;

	margin:25px 0 0 25px;

	padding:25px 25px 25px 25px;

	font-weight:bold;

	letter-spacing:-0.05em;

	background:#333;



}





.folio a{

	color:#FFF;

	text-decoration:none;

}



.folio a:hover{

	color:#555;

}



.about {

	

}

#contacts {

	padding-top:50px;

	float:right;

	width:200px;

}



#contacts li{

	padding-bottom:2px;



}



#contacts a{

	text-decoration:none;

	color:#FFF;	 

}



#contacts a:hover{

	text-decoration:underline;

	color: #CCC;

}





#header {

	height:130px;

	width:100%;

	margin:0;

	padding-bottom:15px;

	background:#333 url(../img/bg.gif);



}

/* global block*/

#wrapper {

	width:804px;

	margin:45px auto;

	padding:0;

}



/*portfolio*/



#portfolio {

	display:inline; /* double line off for IE */

	float:left;

	clear: both;

	width:100%; /*fix IE */

	

}



#portfolio li {

	float:left;

	

}



#portfolio a {

	color: #fff;

	display: block;

	padding:1px 1px 0px 0px;		

}



/* main navigation */

#mainNav {

	display:inline; /* double line off for IE */

	float: left;

	background-color:#900;

	padding:0;

	width:100%; /*fix IE */

	margin:-40px 0 0 0;

}



#mainNav li{

	float:left;

}





#mainNav a {

	color: #fff;

	font-size: 1.5em;

	text-transform:uppercase;

	text-decoration:none;

	display: block;

	background:#900;

	padding:5px 15px 5px 15px;

	

}



#mainNav a:hover {

	color: #900;

	font-size: 1.5em;

	text-transform:uppercase;

	text-decoration:none;

	display: block;

	background:#FFF;

}



/* page indetification*/

body#web a#webLink,

body#print a#printLink,

body#about a#aboutLink,

body#contact a#contactLink{

	color: #900;

	font-size: 1.5em;

	text-transform:uppercase;

	text-decoration:none;

	display: block;

	background-color:#fff;

}



#copyright p{

	margin-top:15px;

	margin-bottom:10px;

	padding-bottom:10px;

}









/* tooltip info added for preview 28.09.2009 

a.tooltip {

	position:relative;

	text-decoration:none;

}



a.tooltip span {

	display:none;

}



a.tooltip:hover span {

	font-size: 1.5em;

	display: block;

	position:absolute;

	top: 1em;

	left:1em;

	text-align:left;

	padding: 0.6em 0.6em;

	border: 1px  dashed #963;

	background-color: #FFC; 

	color: #000;

}





—-------------------------------------------------*/



/* icons set */

.mail {

	background: url(../img/mail.gif) no-repeat left 1px;

	padding-left:13px;

	font-weight:bold;

}



.phone {

	background:url(../img/phone.gif) no-repeat 1px 1px;

	padding-left:13px;

	font-weight:bold;

}



.skype {

	background:url(../img/skype.gif) no-repeat 0px 1px;

	padding-left:13px;

	font-weight:bold;

}