/* CSS Document */

/* makes all link borders invisible */
a img {border:none;}
/* makes all link borders invisible */





#banner img, #banner span {
position:absolute;
top:0;
left:0;

}

#wrapper{ 
	   
	    background-color: #2f2b2b;
	    padding: 0 0 0 0;
	    margin-bottom:0px;
	    text-align:left; /* leave unchanged */ 
   		width: 800px;
		height: 100%;
	 	position:static;
		margin-left: auto;
		margin-right: auto;
		
	} 
	

body {
	background: #2f2b2b;
    margin-bottom:20px;
    width: 95%;
	height: 100%;
}


.header{
border:none;
background: url(../img/logo.jpg) no-repeat;
width:100%;
height:261px;
padding 10px 0 0 0:
margin:
position:relative;
min-width:180px;
max-width:180px;
}

.headtxt{
  	color:#FFFFFF;
	font-size:14px;
	padding:2em 2em 4em;
}

/* ----------------------------- head begins ---------------------------*/

#head{
background-color: #8A8863;
border-right: 0px solid #F7F6F1;
border-left: 0px solid #F7F6F1;
margin-left: none;
margin-top:none;
margin-bottom: 10px;
background: url(../img/) no-repeat;
width:680px;
height:0px;
padding:0px 0 0 0;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #FFF;
position:relative;
z-index: 2;
}


#head ul
{
list-style: none;
margin: 0;
border: none;
margin-left:none;
}

#head li
{
border-bottom: none;
margin: 0;
}

#head li a
{
display: auto;
padding: none;
border-right:none;
background-color: none;
color: #ccc;
text-decoration: none;
margin-top: none;
}

html>body #head li a { width: auto; }

#head li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}




/* ----------------------------- bio begins ---------------------------*/

#bio ul {
margin:0px 0px 0px 0px;
padding: 120px 0px 0px 0px;
width: 75px;
height: 64px;
overflow: visible;
z-index: 1;
}

#bio ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/bio_hover.png) no-repeat;
width: 75px;
height: 64px;
margin-top:0px;
z-index: 10;
}

html>body #bio ul a {  }

#bio ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/bio.png) no-repeat;
width: 75px;
height: 64px;
z-index: 10;
}



/* ----------------------------- bio begins ---------------------------*/

#bio ul {
margin:0px 0px 0px 0px;
padding: 120px 0px 0px 0px;
width: 85px;
height: 64px;
overflow: visible;
z-index: 1;
}

#bio ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/bio.png) no-repeat;
width: 85px;
height: 64px;
margin-top:0px;
z-index: 10;
}

html>body #bio ul a {  }

#bio ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/bio_hover.png) no-repeat;
width: 85px;
height: 64px;
z-index: 10;
}

/* ----------------------------- dates begins ---------------------------*/

#dates ul {
margin:0px 0px 0px 0px;
padding: 120px 0px 0px 0px;
width: 85px;
height: 64px;
overflow: visible;
z-index: 1;
}

#dates ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/dates.png) no-repeat;
width: 85px;
height: 64px;
margin-top:0px;
z-index: 10;
}

html>body #dates ul a {  }

#dates ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/dates_hover.png) no-repeat;
width: 85px;
height: 64px;
z-index: 10;
}

/* ----------------------------- gallery begins ---------------------------*/

#gallery ul {
margin:0px 0px 0px 0px;
padding: 120px 0px 0px 0px;
width: 85px;
height: 64px;
overflow: visible;
z-index: 1;
}

#gallery ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/gallery.png) no-repeat;
width: 85px;
height: 64px;
margin-top:0px;
z-index: 10;
}

html>body #gallery ul a {  }

#gallery ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/gallery_hover.png) no-repeat;
width: 85px;
height: 64px;
z-index: 10;
}

/* ----------------------------- blog begins ---------------------------*/

#blog ul {
margin:0px 0px 0px 0px;
padding: 120px 0px 0px 0px;
width: 85px;
height: 64px;
overflow: visible;
z-index: 1;
}

#blog ul a {
display: block;
padding: 0px 0px 0px 0px;
margin-bottom: 0px;
margin-left: 0px;
background: url(../img/blog.png) no-repeat;
width: 85px;
height: 64px;
margin-top:0px;
z-index: 10;
}

html>body #blog ul a {  }

#blog ul a:hover {
padding: 0px 0px 0px 0px;
background-color: #464D5B;
background: url(../img/blog_hover.png) no-repeat;
width: 85px;
height: 64px;
z-index: 10;
}



/* ----------------------------- header begins ---------------------------*/


#header {
width: 880px;
height: 440px;
position:relative;
background: url(../img/VKtoper.png) no-repeat;
background-color: #2f2b2b;
padding: 0px 0px 0 0px;
z-index: 10;
}



#slogan {
width: 340px;
height: 20px;
position:relative;
background:none;
padding: 10px 0px 0 20px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:30px;
color: #2b8099;
}




#items {
width: 640px;
height: 250px;
position:relative;
background:none;
padding: 10px 0px 0px 20px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:20px;
color: #2b8099;
}


#top2 {
width: 800px;
height: 590px;
position:relative;
background-color: #2f2b2b;
padding: 0px 0px 0 0px;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:16px;
color: #FFFFFF;
}

#bottom {
width: 800px;
height: 333px;
position:relative;
background: url(../img/VKbottom.jpg) no-repeat;
padding: 0px 0px 0 0px;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:10px;
color: #ddb429;
}

#items3 {
width: 400px;
height: 100%;
position:relative;
padding: 0px 80px 40px 0px;
border-top: 0px solid #eee;
border-left: 0px solid #eee;
border-right: 0px solid #eee;
border-bottom: 0px solid #eee;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:12px;
color: #FFF;
}

#items4 {
width: 768px;
height: 100%;
overflow: show;
position:relative;
padding: 0px 0px 0px 0px;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:12px;
color: #dcdcdc;
z-index: 100;
}

#items5 {
width: 168px;
height: 100%;
overflow: show;
position:relative;
padding: 0px 0px 0px 0px;
font-family: Futura, Verdana, Arial, Helvetica;
font-size:12px;
color: #a1c0d2;
z-index: 100;
}

#player {
width: 50px;
height: 30px;
position:hide;
padding: 0px 0px 0 0px;
z-index: 3000;
}


/* ----------------------------- country begins ---------------------------*/

#itunes{
margin-left: 0px;
margin-top:0px;
*margin-top:0px;
margin-bottom:0px;
width:10px;
height:70px;
padding:0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica;
font-size:12px;
color: #ddb429;
position:relative;
z-index: 160;
}

#itunes ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:15px;

}

#itunes li
{
border-bottom: none;
margin: 0;

}

#itunes li a
{
display: auto;
padding:0px 0px 0px 0px;
border-right:none;
background-color: none;
color: #FFF;
text-decoration: none;
margin-top: none;
width:200px;

}

html>body #itunes li a { width: auto; }

#itunes li a:hover
{
border-right:none;
background-color: none;
color: #ddb429;
border-left: 0px solid #eee;
width:200px;

}





/* ----------------------------- country begins ---------------------------*/

#country{
margin-left: 0px;
margin-top:0px;
*margin-top:0px;
margin-bottom:0px;
width:240px;
height:30px;
padding:0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica;
font-size:12px;
color: #444;
position:relative;
z-index: 160;
}

#country ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:15px;

}

#country li
{
border-bottom: none;
margin: 0;

}

#country li a
{
display: auto;
padding:0px 0px 0px 0px;
border-right:none;
background-color: none;
color: #FFF;
text-decoration: none;
margin-top: none;
width:200px;

}

html>body #country li a { width: auto; }

#country li a:hover
{
border-right:none;
background-color: none;
color: #ddb429;
border-left: 0px solid #eee;
width:200px;

}

/* ----------------------------- paypal begins ---------------------------*/

#paypal{
margin-left: 10px;
margin-top:0px;
*margin-top:0px;
margin-bottom:0px;
background-color: none;
width:385px;
height:70px;
padding:0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #c97141;
position:relative;
z-index: 50;
}

#paypal ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:15px;
}

#paypal li
{
border-bottom: none;
margin: 0;
}

#paypal li a
{
display: auto;
padding:0px 0px 0px 0px;
border-right:none;
background-color: none;
color: #ddb429;
text-decoration: none;
margin-top: none;
width:385px;
}

html>body #paypal li a { width: auto; }

#paypal li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
width:385px;
}


/* ----------------------------- footer begins ---------------------------*/

#footer{
margin-left: 0px;
margin-top:0px;
*margin-top:0px;
margin-bottom:0px;
width:800px;
height:50px;
padding:0px 0px 0px 0px;
font-family: Verdana, Arial, Helvetica;
font-size:10px;
color: #666;
position:relative;
float: left;
z-index:300;
}

#footer ul
{
list-style-type: none;
margin-top:0px;
border: none;
margin-left:none;
height:15px;

}

#footer li
{
border-bottom: none;
margin: 0;
padding:0px 0px 0px 0px;

}

#footer li a
{
display: auto;
padding:5px 5px 5px 5px;
border-right:none;
background-color: none;
color: #4d9ace;
text-decoration: none;
margin-top: none;
}

html>body #footer li a { width: auto; }

#footer li a:hover
{
border-right:none;
background-color: none;
color: #FFF;
}