/*
-----------------------------------------------
Site Screen Master
Author:   vetslav
Version:  02 apr 2009
----------------------------------------------- */


/* -------------------------------------------------------------- 
     reset.css
-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body { 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

ins {
	text-decoration: none;
}

/* -------------------------------------------------------------- 
     grid.css
-------------------------------------------------------------- */
.container {
  width: 940px;
  margin: 0px auto;
}

#content { margin-bottom:20px; clear:both}
#footer { border-top:1px solid #ccc; clear:both; padding:1em 0; padding-left:180px}

body {
  margin:0 0 1.5em 0;	
}

div.span-1  {float:left; border-right:1px solid #679423; padding-right:19px;}
div.span-2 {float:left; border-left:1px solid #679423; padding-left:19px; margin-left:-1px; margin-right:20px }
div.span-3 {float:left;}
div.span-2-3 { float:left; border-left:1px solid #679423; padding-left:19px; margin-left:-1px; margin-right:20px}
.noborder { border:none !important}

.span-1  { width: 161px;}
.span-2  { width: 558px; position:relative}
.span-2 ins { border-top:4px solid #50822D; width:40px; height:10px; position:absolute; top:0; right:-40px; display:block}
.span-3, div.span-3 { width: 160px; margin: 0; }
.span-2-3 {width: 708px; }

hr {
  background: #ddd; 
  color: #ddd;
  clear: both; 
  float: none; 
  width: 100%; 
  height: .1em;
  margin: 0 0 1.45em;
  border: none; 
}
hr.space {
  background: #fff;
  color: #fff;
}

.clearfix:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix, .container {display: inline-block;}
* html .clearfix,
* html .container {height: 1%;}
.clearfix, .container {display: block;}
.clear { clear:both; }

/* -------------------------------------------------------------- 
     logo.css
-------------------------------------------------------------- */

h1#b-logo.ru a {
	width:112px;
	height:101px;
}

h1#b-logo.ru a span {
	width:112px;
	height:101px;
	background:transparent url(../i/logo.gif) no-repeat 0 0;
	}

h1#b-logo a {
	overflow:hidden;
	display:block;
	position:relative;
	text-indent:-300px;
	border:none;
	
}

h1#b-logo { margin-bottom:10px; margin-left:24px}

h1#b-logo a span {
	position:absolute;
	top:0;
	left:0;
}



/* -------------------------------------------------------------- 
     color.css
-------------------------------------------------------------- */
body { background: url(../i/bg_main.gif) repeat-x top left}
a { color:#50822d; text-decoration:underline}
a.lite { border-bottom:1px dashed #50822d; text-decoration:none}
a:hover { text-decoration:none}

/* -------------------------------------------------------------- 
    typo.css
-------------------------------------------------------------- */
body { font-family:Arial, Helvetica, sans-serif; font-size:75%}
h3 { color:#000; font-size:1.5em; margin-bottom:1em; font-weight:bold}
h4 {color:#000; font-size:1.3em; margin-bottom:0.5em; font-weight:bold}
h5 { color:#000; font-size:1em; margin:0; padding:0; font-weight:bold}
p { margin-bottom:1em}
h3 a { font-size:0.7em; font-weight:normal}
ol { margin-left:2em; margin-bottom:1em}

/* -------------------------------------------------------------- 
    forms.css
-------------------------------------------------------------- */



/* -------------------------------------------------------------- 
    others.css
-------------------------------------------------------------- */
.warning { border:1px solid #ccc; color:red; text-align:center; padding:0.5em}
.box { border-top:4px solid #50822d; padding-top:6px}
#menu { list-style:none; margin-bottom:6px}
#menu li { margin-bottom:1px;display:inline-block;}
#menu li { display:block; vertical-align:top;}
#menu li a { display:block; padding:4px 10px; background:url(../i/bg_menu.gif) repeat-x top left; color:#fff; text-decoration:none; text-transform: uppercase; font-weight:bold}
#menu li a:hover { background:#969696 url(../i/bg_menu_hover.gif)}
#menu li.selected a { background:url(../i/bg_menu_selected.gif) no-repeat top right}
#menu li.selected { position:relative}
#menu li.selected em { display:block; width:12px; height:26px; background:url(../i/menu_on.gif); position:absolute; top:0; right:-12px}


.sample { position:relative; margin-bottom:3em}
.sample h4 { margin:0; position:absolute;top:200px; left:35px; z-index:1000}
.sample h4  a { font-weight:normal; font-size:0.8em; margin-left:20px}

#submenu {list-style:none; margin-bottom:6px}
#submenu li {margin-bottom:1px;display:inline-block;}
#submenu li {display:block; vertical-align:top;}
#submenu li a { display:block; padding:4px 10px 4px 20px; color:#fff; background-color:#dc6923; text-decoration:none; background:#dc6923 url(../i/bg_submenu.gif) repeat-x top right;}
#submenu li a:hover { background:#dedede url(../i/bg_menu_selected.gif) repeat-x top right;}
#submenu li.selected a { background:#ffffff  url(../i/bg_menu_selected.gif) no-repeat top left; font-weight:bold; color:#fff}
#submenu li.selected {position:relative}
#submenu li.selected em {display:block; width:12px; height:26px; background:url(../i/submenu_on.gif); position:absolute; top:0; left:-12px}


#address ul { list-style:none; padding-bottom:10px; border-bottom:4px solid #50822d}
#address ul li { padding:10px 10px; border-bottom:1px solid #50822d}
#address ul li.last { border:none}

#slogan h2 { color:#000; font-size:2em; line-height:1.2em; margin-bottom:0.5em}
#slogan span { color:#6eb43f; font-size:1.3em}

#projects { list-style:none; margin-bottom:100px}
#projects img { display:block; border-bottom:1px solid #fff}
#projects p { display:block; background:url(../i/bg_project_main.gif) repeat-x top left; color:#fff; padding:5px 55px; height:5em}


.type { background:url(../i/bg_type.gif) repeat-x top left; clear:both; overflow:hidden; border:1px solid #ccc; margin-bottom:1em; _height:1%}
.type dt { font-size:1.4em; font-weight:bold; padding:0.5em 0 0.5em 1em}
.hard dt { color:#d75302}
.regupol dt { color:#0040ff}
.cushion dt { color:#01e901}
.universal dt { color:#000}
.skateboard dt { color:#5339a4}

.type dd.desc { width:250px; float:left; padding:0.5em 0 1em 1em}
.type dd.img { float:right}
.type dd.img img { display:block}

.al-right { display:block; float:right; border:10px solid #ccc; margin:1em}
.inform {
	padding:1em;
	background-color:#FF9;
	border:1px solid #666
}

.about h4, .contacts h4 { margin-top:1em; }
.type-color { list-style:none}
.type-color li {display:block; float: left; border:0px solid #ccc; padding:4px; margin:0px 5px 5px 0px; height:285px}
.type-color li img { display:block; margin-bottom:5px}


#top-line { height:40px; color:#fff; padding:5px 0px}
#top-line a { color:#fff; margin-right:30px}

#scrumb { font-size:0.9em}

.list-items { padding-left:3em; margin-bottom:2em}
.list-items li { margin-bottom:0.5em}

#type-list { margin-bottom:1.5em}
#type-list div { background:url(../i/bg_type.gif) repeat-x top left; overflow:hidden; padding:0.5em; clear:both; _height:1%; border:1px solid #ccc; margin-bottom:0.5em}
#type-list h4 { float: left; margin-bottom:0}
#type-list a { float:right}
#type-list div p a { float:none}
#type-list div p { display:none; clear:both; padding-top:1em; overflow:hidden; padding-right:275px}
#type-list .hard p {background:url(../i/types/hard.jpg) no-repeat top right}
#type-list .regupol p {background:url(../i/types/regupol.jpg) no-repeat top right}
#type-list .cushion p {background:url(../i/types/cushion.jpg) no-repeat top right}
#type-list .skateboard p {background:url(../i/types/skate.jpg) no-repeat top right}
#type-list .universal p {background:url(../i/types/uni.jpg) no-repeat top right}
#type-list .hard h4 { color:#d75302}
#type-list .regupol h4 { color:#0040ff}
#type-list .cushion h4 { color:#01e901}
#type-list .universal h4 { color:#000}
#type-list .skateboard h4 { color:#5339a4}

h4.hard  { color:#d75302}
h4.cushion  { color:#01e901}

.img-container { border:0px solid #ccc; padding:10px}

.table {}
.table td { padding:3px 3px 3px 3px; border-bottom:1px solid #ccc}
.table th { color:#000; border-bottom:1px solid #50822d; font-weight:normal; font-style:italic; vertical-align:bottom}

.table_projects {}
.table_projects td { padding:3px 3px 3px 3px; border-bottom:1px solid #ccc; vertical-align:top}
.table_projects th { color:#000; border-bottom:1px solid #50822d; font-weight:bold; font-size:0.9em}

.table_prices {}
.table_prices td { padding:3px 3px 3px 3px; border-bottom:1px solid #ccc; vertical-align:top}
.table_prices th { color:#000; border-bottom:1px solid #50822d; font-weight:bold; font-size:0.9em; vertical-align:bottom}

.fotos {}
.fotos img { display:block;}
.fotos a { display:block; float:left; padding:4px; margin:0px 6px 6px 0px; background-color:#f0f0f0; text-decoration:none}
.fotos a:hover { background-color: #999}

.clear { clear:both; font-size:0; height:0; line-height:0}

.simple-table { border-top:1px solid #ccc; border-right:1px solid #ccc}
.simple-table td { border-left:1px solid #ccc; border-bottom:1px solid #ccc; padding:3px}