/*
	Благодарности:
		- моему другу Фуаду Гасымову за то, что помог телок вырезать :)
		- Сергею Шмелеву за его помощь с баннерами и за конструктивную критику :)
		
	В сообществе разработчиков постоянно ведутся споры по поводу верстки.
	Что лучше? Таблицы? Блоки?
	На этом проекте я пришел к мнению, что смешенная верстка является самым
	опмтимальным решением.
	
	Посмотрим что будет дальше :)

*/

body{
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif, "Trebuchet MS";
	font-size:11px;
	background:url(../img/bg.gif) repeat;
}

table.main{ /* Для главных контентных таблиц (зададим ширину и по центру их) */
	width:724px;
	padding:0px;
	margin:0px auto;
	border-collapse: collapse;
	background:#FFFFFF;
	/*border:solid 1px;*/
}

table#megamain{ /* Главная таблица. Пришлось ее сделать, чтобы отступы слева справа соблюсти */
	width:743px;
	background:#FFFFFF;
	margin:0px auto;
}

td{
	margin: 0;
	padding: 0;
	 /* Для отладки :)
	border:solid 1px #000000;
	*/
}

/* ###################  Верхушка сайта ################### */
table#top_table{ /* Шапка */
	height:100px;
}

td#logo{ /* Логотип */
	width:188px;
	height:56px;
	background:url(../img/logo.gif) center no-repeat;
	padding-left:50px;
	cursor:pointer;
}

td#girls_top{ /* Головы девочек */
	background:url(../img/girls_top.jpg) bottom no-repeat;
	background-position: 43px 25px;
	text-align:right;
	padding-right:20px;
}

/* ###################  Серединка сайта ################### */
table#middle_table{
	height:100px;
}

td#left{ /* Меню и баннеры */
	background:url(../img/menu.gif) top left no-repeat;
}

div.element_menu{
	background:url(../img/cursor.gif) left no-repeat;
	background-position:0px 4px;
	height:23px;
}

div.element_sub_menu{
	background:url(../img/cursor.gif) left no-repeat;
	background-position:10px 4px;
	padding-left:10px;
	height:23px;
}

img.banner{
	margin-top:0px;
	margin-bottom:2px;
}

div#menu{
	padding-top:35px;
	padding-left:15px;
	height:262px;
}

div#menu a{
	color:#2d3134;
	text-decoration:none;
	margin-left:10px;
	padding-bottom:5px;
	margin-left:-2px;
	padding-left:15px;
	background:url(../img/separator_menu.gif) bottom no-repeat;
}

td#right{ /* Девчонки и контент */
	width:511px;
	background:url(../img/girls_bottom.jpg) top no-repeat;
}

div#title{ /* Заголовок страницы */
	width:511px;
	height:29px;
	background:url(../img/title.gif) no-repeat;
	margin-top:190px; /* Маржин и паддинг очень связаны друг с другом, очень аккуратно менять %) */
	padding-top:5px;
}

div#content{ /* Контент */
	width:498px;
	margin-left:2px;
	padding:5px;
	margin-top:-2px;
	background:#dbeff8;
	border:solid 1px #e3e3e3;
	min-height:600px;
	overflow:hidden;
	height:expression(this.scrollHeight < 600? "600px" :"auto");
}

/* ###################  Футер сайта ################### */
table#footer_table td{
	padding-top:3px;
}

div#left_footer{ /* Левая колоночка */
	width:208px;
	height:58px;
	border:solid 1px #e3e3e3;
	margin-right:3px;
}

div#left_footer img{ /* Картинки для левой колонки*/
	margin-top:15px;
	margin-left:10px;
}

div#right_footer{ /* Правая колоночка */
	width:508px;
	height:58px;
	border:solid 1px #e3e3e3;
}

div#right_footer img{ /* Картинки для правой колонки*/
	margin-top: 3px;
	margin-left:20px;
}

div#right_footer img.sep{ /* Разделители для правой колонки*/
	padding-bottom: 7px;
}

div#left_line{
	width:210px;
	font-size:2px;
	height:3px;
	background:#4a91a6;
	margin-top:3px;
}

div#right_line{
	width:510px;
	font-size:2px;
	height:3px;
	background:#566268;
	margin-top:3px;
}

/* ###################  Копирайты  и прочая дрянь ################### */
table#footer_text{
	color:#839098;
}

table#footer_text a{
	color:#839098;
	text-decoration:none;
}

table#footer_text td{
	height:30px;
}

table#footer_text td.left{
	text-align:left;
	padding-left:20px;
}

table#footer_text td.right{
	text-align:right;
	padding-right:20px;
}

/* ###################  Вспомогательные классы и украшательства ################### */
span.grey{
	color:#566268;
}

span.or{
	color:#e4752d;
}

h1.white{
	color:#FFFFFF
}

h1.title{
	font-size:10px;
	margin:0px;
	padding:0px;
	margin-left:50px;
	font-size:14px;
	font-weight:bold;
}

span.white{
	color:#FFFFFF
}

span.title{
	font-size:10px;
	margin:0px;
	padding:0px;
	margin-left:50px;
	font-size:14px;
	font-weight:bold;
}

.f20{
	font-size:20px
}

.b{
	font-weight:bold;
}

div.mark{
	width:80px;
	height:70px;
	float:left;
	margin-left:15px;
	margin-top:10px
}

div.year{
	width:70px;
	height:20px;
	float:left;
	margin-left:15px;
	margin-top:5px;
}

a{
	color:#484e53;
	text-decoration:none;
}

div.year,div.model a{
	color:#484e53;
	text-decoration:none;
}

div.model{
	margin-top:10px;
	margin-left:10px;
}

table#descr{
	padding:0px;
	margin:0px;
	border-collapse: collapse;
}

table#descr td, th{
	border:solid 1px #CCCCCC;
	padding:3px;
}

input#search_input{
	font-size:11px;
	padding:2px;
	color:#6b7c87
}