/* Global */
* {
margin:0;
padding:0;
border:none;
}
li {list-style:none;}
.clearfix:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
a{
text-decoration:none;
color:#fff;
}
a:hover{
text-decoration:underline;
}
p {margin-bottom: 12px;}


/* Layout */

body{
background: #000 url(images/body_bg.gif) center top repeat-x;
font-size: 16px;
font:Georgia, "Times New Roman", Times, serif;
color: #666699;
padding: 0px 0px 0px 0px;
}
.style1 {
	color: #3366ff;
	font-size: 14px;
	font-weight: bold;
}
.style2 {
	color: #666699;
	font-size: 14px;
	font:"Georgia, "Times New Roman", Times, serif;
}
.style3 {
	color: #ffffff;
	font-size: 16px;
	font:"Georgia, "Times New Roman", Times, serif;
}.style4 {
	color: #FF0000;
	font-size: 16px;
	font:"Times New Roman", Times, serif;	font-weight: bold;
}

div#wrap{
width:826px;
margin:0px auto 0px auto;
font-size:14px;
background: url(images/cont_bg.gif) top left repeat-y;
bborder: 1px solid red;
}

#header{
height:352px;
background:url(images/header.jpg) top center no-repeat;
position:relative;
bborder: 1px solid red;
}

#header #logo {
position: relative;
top: 10px;
left: 45px;
overflow: hidden;
text-indent: -9999px;
width: 230px;
height: 115px;
display: block;
bborder: 1px solid red;
float: left;
}

#header a#home {display: block; width: 12px; height: 10px; position: relative; top: 17px; left: 494px;
  overflow: hidden; text-indent: -9999px; bborder: 1px solid red; float: left;}
#header a#cont {display: block; width: 13px; height: 10px; position: relative; top: 17px; left: 514px;
  overflow: hidden; text-indent: -9999px; bborder: 1px solid red; float: left;}


#main-menu {background:url(images/menubg.jpg) top left no-repeat; display: block; width: 750px; height: 34px; 
 position: relative; top: 170px; left: 50px; overflow: hidden; float: left; }
#main-menu a {display: block; height: 34px; text-indent: -9999px; float: left;}

#menu_home    {width: 55px;}
#menu_about   {width: 65px;}
#menu_contact {width: 83px;}
#menu_adv     {width: 99px;}
#menu_authors {width: 143px;}
#menu_books   {width: 128px;}
#menu_videos  {width: 106px;}
#menu_news    {width: 55px;}

#menu_home:hover    {background:url(images/menu_home.jpg) 1px 1px no-repeat;}
#menu_about:hover   {background:url(images/menu_about.jpg) 1px 1px no-repeat;} 
#menu_contact:hover {background:url(images/menu_contact.jpg) 0px 1px no-repeat;}
#menu_adv:hover     {background:url(images/menu_adv.jpg) 0px 1px no-repeat;}
#menu_authors:hover {background:url(images/menu_authors.jpg) 0px 1px no-repeat;}
#menu_books:hover   {background:url(images/menu_books.jpg) -1px 1px no-repeat;}
#menu_videos:hover  {background:url(images/menu_videos.jpg) -2px 1px no-repeat;}
#menu_news:hover    {background:url(images/menu_news.jpg) -3px 1px no-repeat;}


#container {bborder: 1px solid red; ppadding: 0 20px 0}

#sidebar {width: 172px; bborder: 1px solid red; float: right; font-size: 12px; padding-right: 40px;}
#sidebar h3 {font-size: 14px; font-weight: bold; color: #3366ff; margin-bottom: 5px;}

#sidebar div.image {width: 172px; height: 249px; background:url(images/foto-side-bg.jpg) top left no-repeat;}
#sidebar div.image img {position: relative; top: 30px; left: 21px;}

.content {width: 520px; float: left; bborder: 1px solid red; padding-left: 50px;}
.content h3 {font-size: 20px; font-weight: normal; color: #fff; margin-bottom: 5px;}
.content div.image {margin-right: 10px; width: 152px; height: 160px; float: left; background: url(images/foto-main-bg.jpg) top left no-repeat;}
.content div.image img {position: relative; top: 30px; left: 24px;}

.content_inside {width: 750px; float: left; bborder: 1px solid red; padding-left: 50px;}
.content_inside h3 {font-size: 20px; font-weight: normal; color: #fff; margin-bottom: 5px;}
.content_inside div.image {margin-right: 10px; width: 152px; height: 212px; float: left; background: url(images/foto-main-bg.jpg) top left no-repeat;}
.content_inside div.image img {position: relative; top: 30px; left: 24px;}

#footer-w {
background: #fff url(images/footer-w.jpg) center top repeat-x;
height: 78px;
clear: both;
}

#footer {
background: #fff url(images/footer-bg.jpg) top left no-repeat;
margin:0px auto 0px auto;
height: 78px;
width: 826px;
font-size: 12px;
}

#footer ul {display: block; bborder: 1px solid red; height: 25px; width: 800px; position: relative; top: 40px;}
#footer ul li {float: left; margin-left: 45px;}
#footer ul li a {color: #4b7ef8;}
#footer ul li a:hover {color: #fff;}

div.buttons {padding-left: 8px;}
div.buttons a {display: block; height: 38px; text-align: center; float: left; padding-top: 2px;}
div.buttons a.but1 {width: 67px; background: url(images/but1_bg.gif) top left no-repeat;}
div.buttons a.but2 {width: 74px; background: url(images/but2_bg.gif) top left no-repeat; margin-left: 5px;}