/*

  (c) 2009, Vect0r design
  Client: Marvic.ru

*/

/* Common */

html,
body,
img,
p,
h1,
h2,
h3,
h4,
h5,
h6,
div,
form {
  margin: 0;
  padding: 0;
  border: 0;
}
html, body {
height: 100%;
font: 14px Tahoma, sans-serif;
color: #4e4e4e;
}
h1, h2, h3, h4, h5, h6 {
font-family: Georgia, serif;
font-weight: normal;
}
h1 {
font-size: 24px;
color: #698400;
padding: 5px 10px;
}
h3, h3 a {
font-size: 20px;
color: #698400;
text-decoration: none;
}
h3 a:hover {
text-decoration: underline;
}
h4, h4 a {
font-size: 18px;
color: #698400;
}
h4 a:hover {
text-decoration: underline;
}
a, .bread-crumbs a:hover {
color: #7b9a00;
}
a:hover, a:focus, h3 a:hover, h4 a:hover, .submenu a:hover {
color: #a1bb38;
}


.sitename {
position: absolute;
width: 200px;
padding: 18px 0 0 80px;
font-size: 20px;
}
.sitename div {
font-size: 11px;
}

#logo {
position: absolute;
display: block;
top: 10px;
width: 62px;
height: 62px;
background: url(/i/logo_inner.jpg) 0 0 no-repeat;
}
#mainpage #logo {
background: url(/i/logo.jpg) 0 0 no-repeat;
}

#menu {
font-size: 18px;
float: right;
height: 25px;
background: url(/i/bg_menu.gif) 0 0 repeat-x;
position: relative;
padding: 30px 0 0;
}
#menu img {
margin-top: -30px;
position: absolute;
}
#menu .r {
right: 0px;
}
#menu a {
padding: 0 10px;
color: #63635f;
text-decoration: none;
}
#menu a:hover, #menu .act {
color: #7b9a00;
}
/*#header .shadowedText .shadow .act {
color: #ccc;
}*/

#site-creation {
width: 940px;
background: url(/i/bg_site_creation.gif) 0 0 repeat-x;
height: 255px;
color: #d0e186;
font-size: 12px;
margin-bottom: 20px;
}
#site-creation .in-sc {
width: 940px;
height: 255px;
background: url(/i/bg_site_creation_path.gif) 41px 100px no-repeat;
}
#site-creation div {position: absolute;}
#site-creation .h {margin: 20px 0 0 60px; display: block;}
#site-creation h3 {font-size: 20px;}
#site-creation h3 a, #site-creation a { color: #fff; text-decoration: underline;}
#site-creation h3 a:hover, #site-creation h3 a:focus { color: #e9fdc9;}
#idea {
top: 160px;
left: 10px;
width: 175px;
height: 90px;
}
#anketa {
top: 75px;
left: 240px;
width: 220px;
height: 70px;
}
#design {
top: 150px;
left: 480px;
width: 220px;
height: 100px;
}
#programming {
top: 40px;
left: 720px;
width: 210px;
height: 70px;
}
#site-creation .icon {
position: absolute;
}
.ico-idea {
top: 60px;
left: -20px;
}
.ico-anketa {
top: 150px;
left: 240px;
}
.ico-design {
top: 60px;
left: 480px;
}
.ico-coding {
top: 120px;
left: 720px;
}
.ico-start {
top: 105px;
left: 880px;
}
.view {
background: url(/i/ico_new_window.gif) 100% 0 no-repeat;
padding-right: 9px;
}

.roundIt {position: relative;}
*html .roundIt {border: 1px solid #fff;}
.rounded {
background: #eef1df;
border: 1px solid #dbdacf;
padding: 9px;
}
.roundIt .corner {
height: 9px;
width: 9px;
}
*html .roundIt .tl, *html .roundIt .tr {top: 1px;}
*html .roundIt .tr, *html .roundIt .br {right: 1px;}
.roundIt .tl {
position: absolute;
top: 0;
left: 0;
}
.roundIt .tr {
position: absolute;
right: 0;
top: 0;
}
.roundIt .bl {
position: absolute;
bottom: 0;
left: 0;
}
.roundIt .br {
position: absolute;
bottom: 0;
right: 0;
}
.roundIt .rounded-header {
position: absolute;
margin-top: -27px;
display: table;
background: url(/i/bg_gray_h6_l.gif) 0 100% no-repeat;
}
.roundIt .rounded-header h3 {
display: table;
padding: 0 10px 2px;
background: url(/i/bg_gray_h6_r.gif) 100% 100% no-repeat;
}
.roundIt .rounded {
padding-top: 20px;
}

.portfolio table {border-collapse: collapse; border: 0;}
.portfolio td {
padding: 0 10px;
}
#mainpage .portfolio {
width: 440px;
}
.portfolio {
overflow: hidden;
}
.portfolio .item {
padding: 9px;
background: #eef1df url(/i/bg_pf_item.gif) 0 0 repeat-x;
border: 1px solid #dbdacf;
overflow: hidden;
width: 420px;
margin: 10px 0 0;
float: left;
}
.portfolio .item .short-view {
float: left;
border: 1px solid #aead9e;
margin-right: 10px;
}
.portfolio .item span {
display: block;
height: 55px;
font: 18px Georgia, serif;
color: #5c5c5c;
}
.portfolio .view {
float: left;
overflow: hidden;
margin-right: 5px;
}
.portfolio p {
text-align: right;
}
.portfolio p a {
padding-right: 5px;
}
.portfolio a {
white-space: nowrap;
font-size: 11px;
}
.portfolio .hidden-screens {
padding-right: 15px;
text-decoration: none;
border-bottom: 1px dotted #7b9a00;
background: url(/i/bg_btn.gif) 100% 100% no-repeat;
}
.portfolio .hidden-screens:hover {
border-bottom: 1px dotted #a1bb38;
background: url(/i/bg_btn_over.gif) 100% 100% no-repeat;
}
.screenshots {
padding-top: 5px;
display: none;
}
.screenshots img {
padding-right: 5px;
}
.pf-item img {
border: 1px solid #aead9e;
margin-bottom: 3px;
}
.pf-item h3 {
margin-bottom: 20px;
}

.responses {
list-style-type: none;
margin: -10px 0 0 0;
padding: 0;
}
.responses li {
margin: 20px 0 10px;
font-size: 12px;
width: 200px;
overflow: hidden;
}
.responses .line, .line {
font-size: 1px;
background: #dbdacf url(/i/line.gif) 0 0 repeat-x;
height: 2px;
}
.content .line {
margin-bottom: 10px;
}
.responses li .view {
padding-right: 12px;
}
.responses li img, .img-response {
float: left;
margin: 10px 10px 0 0;
}
.responses li span {
margin-top: 10px;
display: block;
text-align: right;
font-style: italic;
}
.sign {
margin-top:5px;
font-style: italic;
text-align: right;
}
.responses li p {
font-size: 11px;
line-height: 150%;
}

.notes {
list-style-type: none;
margin: -10px 0 0 0;
padding: 0;
}
.notes li {
margin: 20px 0 30px;
font-size: 11px;
}
.notes h4 {
padding-bottom: 5px;
}

.footer {
background: #e8e8e0 url(/i/bg_footer.gif) 0 0 repeat-x;
}
.infoot div {
float: right;
width: 200px;
padding: 4px 10px;
margin-left: 20px;
font-size: 12px;
}
.infoot a, .infoot b {
display: block;
font-size: 20px;
font-weight: normal;
padding-top: 4px;
}

.bread-crumbs a {
font-size: 11px;
color: #aca985;
}
.bread-crumbs div {
margin: 5px 0;
padding: 0 0 0 20px;
background: url(/i/submenu_dot.gif) 6px 0 no-repeat;
}
.bread-crumbs .lvl-0 {
padding: 0;
margin: 0;
background: none;
}
.bread-crumbs .lvl-2 {
margin-left: 20px;
}
.submenu {
margin: 5px 0;
padding: 0 0 0 20px;
background: url(/i/submenu_dot.gif) 6px 4px no-repeat;
margin-left: 20px;
}
.submenu a {
font: 18px Georgia, serif;
display: block;
color: #689024;
}
.submenu .act {
color: #6caa03;
text-decoration: none;
}
.pager {
padding: 10px 0;
text-align: center;
}
.pager a, .pager b{
padding: 0 3px;
}
.pager b {font-size: 16px;}

.pub-date {
float: right;
padding-top: 10px;
font-size: 11px;
color: #aba;
}
.pub-preview {
margin:5px 0 30px;
}



/* Оформление контентной части */
.content p, content ol, .content table {
line-height: 140%;
margin-top: 10px;
margin-bottom: 10px;
padding-top: 0;
padding-bottom: 0;
}
.content h1, .content h2, .content h3 {
margin: 20px 0 10px;
font-weight: normal;
}
.content h1 {
font-size: 24px;
color: #698400;
}
.content h2 {
font-size: 21px;
color: #698400;
}
.content h3 {
font-size: 18px;
color: #698400;
}
.content .table {
border: 1px solid #b4b6b8;
border-collapse: collapse;
}
.content .table th {
color: #fff;
background: #906b70 url(/i/bg_table.gif) 0 0 repeat-x;
border-bottom: 3px double #563f42;
padding: 2px 7px;
}
.content .table td {
background: #fff;
border-bottom: 1px solid #b4b6b8;
padding: 2px 7px;
}


/* Расположение элементов */ 
html, body, .main {
height: 100%;
}
.main {
background: url(/i/bg_header.gif) 0 0 repeat-x;
}
*html .top-part {
height: auto !important;
height: 100%;
}
.top-part {
min-height: 100%;
width: 940px;
margin: 0 auto;
}
.empty {
clear: both;
height: 85px;
visibility: hidden;
}
#mainpage #header{
margin-bottom: 0;
}
#header { 
height: 62px;
margin-bottom: 20px;
}
.footer {
width: 100%;
min-height: 65px;
height: auto !important;
margin-top: -65px;
}
*html .footer {
height: 65px;
}
.infoot {
margin: 0 auto;
width: 940px;
}

#left-side {
float: left;
width: 460px;
}
#right-side {
float: right;
width: 220px;
}
#central-part {
float: left;
margin-left: 20px;
width: 220px;
}
#content-holder {
width: 700px;
}
.sandwitch {
visibility:hidden;
height: 30px;
}
#site-creation .shadowMe {
position: absolute;
top: 0;
left: 0;
}
#site-creation .shadowedText {
position: absolute;
top: 0;
}
.shadowedText  {
position:relative;
}
.shadowedText .shadow img {
display: none;
}
#site-creation .shadowedText .shadow div {
background: none;
}
.shadowedText .shadow, #site-creation .shadowedText .shadow  h3 a, #site-creation .shadow a {
color: #6d8802;
}
#header .shadowedText .shadow, #header .shadowedText .shadow a {
color: #fff;
}
.shadowedText  .text {
position: absolute;
top: 0;
margin: -1px 0 0 -1px;
}