@charset "UTF-8";
/*  © Created by design studio Dot Seven www.dot7.ru  */

body {
	background-color:#999;
    background:url(/images/bkg-grundge.jpg);
	margin: 20px 20px;
}
div#outer {
	position:relative;
    width: 970px;
	min-height:610px;
	margin: 0 auto;
	padding: 0;
    background-color: #fff;
    border: none;
/*	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;*/
	box-shadow: 0 0 40px #111;
	-moz-box-shadow: 0 0 40px #111;
	-webkit-box-shadow: 0 0 40px #111;
}

/* =======top========= */

div#top {
	position:relative;
	float:left;
	width: 930px;
	height: 120px;
	margin: 20px 20px 0 20px;
	
		
}
img#logo {
	float:left;
	margin:0 0 0 20px;
	padding:0;
	border: none;
}

/* =======top navigation========= */

ul#topLinks1{
	position:absolute;
	top: 0;
    left: 625px;
	padding:0;
	margin:0;
	list-style: none;
	width: 130px;
    height: auto;
}
ul#topLinks2{
	position:absolute;
	top: 0;
    left: 770px;
	padding:0;
	margin:0;
	list-style: none;
	width: 130px;
    height: auto;
}

/* =======page header========= */

div#pageheader {
	float:left;
	background: #DDD url(/images/header_bkg.jpg);
	width: 930px;
	height: 30px;
	margin:0 20px;
}
#pageheader H1 {
	padding:5px 0 0 20px;
	margin:0;

}


/* =======content========= */


div#middle { 
	float:left;
	width:930px;
	margin:0 20px;
}
div#content {
	position:relative;
	padding:20px 20px 60px 20px;

}
div#leftColumn {
	float:left;
	width: 425px;
	padding: 0 20px 0px 0;
	margin:0 0 60px 0;
	
}
div#rightColumn {
	float:right;
	width: 424px;
	padding: 0 0 0 20px;
	margin:0 0 60px 0;
	border-left:1px solid #999;
}

/* =======portfolio ========= */

#rightColumn ul{
	list-style: none;
	padding:0;
	margin:0;
	height: auto;
}
#backtoList {
	position:absolute;
	top: 5px;
	left: 20px;
}
#backtoList a{
	height: 12px;
	width: 123px;
	display: block;
    background: url(/images/sprite_arrow2.png) 0px -48px no-repeat;
    border: none;
}
#backtoList a:hover {
	background-position: 0 -60px;
}
#arrowLeft {
	position:absolute;
	top: 5px;
	right: 105px;
}
#arrowLeft a{
	height: 12px;
	width: 80px;
	display: block;
    background: url(/images/sprite_arrow2.png) 0px -24px no-repeat;
    border: none;
}
#arrowLeft a:hover {
	background-position: 0 -36px;
}
#arrowRight {
	position:absolute;
	top: 5px;
	right: 20px;
}
#arrowRight a{
	height: 12px;
	width:73px;
    display: block;
    background: url(/images/sprite_arrow2.png) 0px 0px;
    border: none;
}
#arrowRight a:hover {
	background-position: 0px -12px;
}	
/* =======copyright========= */
div#bottom {
	position:absolute;
	margin:0;
	padding:0;
	bottom:10px;
	right:20px;
	
}
div#bottom p {
	margin:0;
	padding:0;
}

/* ===== miscellaneous styles ===== */

.clear {
    clear: both;

}