@import url("reset.css");  /* сброс стилей по умолчанию  */
body{ background: url(img/bodyTop.jpg) repeat-x top; }

div.clear{clear:both;}

#mainbody{ background: url(img/mainTop.jpg) no-repeat top center; height: 100%; width: 990px;margin: 0px auto 0px auto;}
#mainbody h1{ position: relative; top: 0px; left: 50px;  padding: 110px 0px 0px 0px; float: left;font-weight: bold; color: Red; font-size: 22px;}

a{ text-decoration: none; color: Gray;}
a:hover{ text-decoration: underline; color: Red;}

/* блок контент */
#content{ position: relative; top: 0px; left: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
 
/* расположение логотипа */
#content div.logo{ padding: 20px 0px 0px 650px;}
#content div.logo div{ color: #666666; padding: 30px 0px 15px 0px; font-weight: bold; font-size: 18px; }

/* путевая навигация */
#mainbody #content div.pathway{ width: 610px;padding: 0px 0px 4px 0px; margin: 0px 0px 4px 0px; display: block;}
#mainbody #content div.pathway{  font-size: 0.7em; color: #706e6e; border-bottom: solid 1px #c6c4cb;}
#mainbody #content div.pathway a{ font-size: 0.9em; color: #706e6e; text-decoration: none;}

#mainbody div.work{ position: relative; left: 0px; top: 400px; padding: 0px 160px 0px 0px; color: #666666; float: right; }

/* последние работы, на главной странице под флеш-роликом */
#content div.newsWorks{ font-size: 11px; padding: 10px 0px 0px 0px; background: url(img/botleft.gif) no-repeat right top; height: 120px; margin: 10px 0px 0px 0px;}
#content div.newsWorks div{float: left; text-align: center; width: 60px; padding: 0px 0px 0px 40px; height: 100px; background: url(img/shadow.gif) no-repeat bottom right;}
#content div.newsWorks div a {text-align: center;display: block;} 
#content div.newsWorks div img{ border: solid 1px #cccccc; margin: 4px 4px 4px 4px; }
/* портфолио автора */
#content div.autor{}
#content div.autor div.left{ float: left; width: 145px;}
#content div.autor div.left p{ text-align: right; color: #808080; font-size: 11px;}
#content div.autor div.left img{ margin: 0px 20px 8px 0px; border: solid 1px #999999;}
#content div.autor div.description{ margin: 0px 0px 0px 165px; width: 420px; }
#content div.autor div.description p{ padding: 0px 0px 8px 0px; }
#content div.autor p strong{ font-size: 14px;font-weight: bold;}
#content div.autor p.name strong{ font-size: 18px;font-weight: bold;}

/* галерея на странице автора */
#content div.autorGallery{ margin: 4px 0px 0px 0px;}
#content div.autorGallery h3.gallery{ padding: 4px 0px 4px 20px; font-weight: bold; font-size: 13px; background: url(img/bot.gif) no-repeat left; color: Gray; }
#content div.autorGallery div.content{ margin: 4px 0px 0px 0px; padding: 10px 0px 6px 10px; }
#content div.autorGallery div.content p{ float: left; width: 115px; font-size: 0.8em; color: #686868; line-height: 12px; margin: 0px 10px 0px 0px; text-align: center;}
#content div.autorGallery div.content p a{ margin: 0px 0px 2px 0px; display: block; text-align: center;}
#content div.autorGallery div.content img{border: solid 1px #999999;}

/* общий список управлятора */
ul#listMenuRoot{margin: 0px 0px 0px 6px; padding: 6px 0px 14px 0px;}
ul#listMenuRoot li{ height: 8px; padding: 4px 0px 4px 0px;}
ul#listMenuRoot li a{ display: block; text-decoration: none; color: Gray; padding: 0px 0px 0px 15px; margin: 0px 0px 6px 12px; background: url(img/lib.gif) no-repeat left;}
ul#listMenuRoot li a:hover{text-decoration: underline; color: Red; background: url(img/lib2.gif) no-repeat left;}

/* внутреннии страницы */
#content div.withbg div.page{ float: left; padding: 20px 20px 180px 10px; width: 590px; background: url(img/page.jpg) no-repeat right bottom; margin: 0px 35px 0px 0px;height: 100%;font-size: 12px; line-height: 16px; } 
/* индексная страница */
#content div.page{ float: left; padding: 10px 0px 50px 0px; width: 616px; background-image: none;  margin: 0px 35px 0px 0px; font-size: 12px; line-height: 16px;} 
#content div.page h2{ color: #696868; padding: 0px 0px 10px 0px;font-weight: bold; font-size: 13px;} 
#content div.page p{ padding: 0px 0px 6px 0px;}

/* многостраничная навигация внутри контента */
div.pagenav{ text-align: center; padding: 15px 0px 0px 0px; color: Red; width: 650px; clear: left; }
div.pagenav a{font-weight: normal;}

/* заголовок Н3 на внутренних страницах */
#content div.page h3{font-weight: bold; padding: 10px 0px 5px 20px; font-size: 14px; color:#464646;background: url(img/bot.gif) no-repeat left;}
div.page div.autor h3{background-image:none; padding: 2px 0px 6px 0px; margin: 0px 0px 0px 0px;}

/* Галерея в портфолио */
#content div.page div.gallery{ margin: 0px 0px 20px 0px; height: 100%;}
#content div.page div.gallery p{width: 120px; float: left; margin: 0px 12px 12px 0px;font-size: 0.8em; color: #686868; line-height: 12px;height:106px;text-align:center;}
#content div.page div.gallery p img{ border: solid 1px #999999; margin: 0px 0px 5px 0px;}

/* иконки в портфолио */
#content div.page div.portfolio{ margin: 0px 0px 20px 0px; height: 100%;}
#content div.page div.portfolio p{width: 90px; float: left; margin: 0px 12px 12px 0px;font-size: 0.8em; color: #686868; height: 120px; text-align: center;}
#content div.page div.portfolio p img{display: block; margin: 0px 0px 6px 6px;}
#content div.page div.portfolio a{color: #686868; text-decoration: none;}
#content div.page div.portfolio a:hover{color: #686868; text-decoration: underline;}

#content div.mainpagetitle{ width: 260px; color: #666666; font-weight: bold; font-size: 18px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 623px;  text-align: right; height: 25px;clear: both; }


/* бокс описания раздела, находится справа */
#content div.pageDescription{ color: #696868; padding: 0px 0px 0px 530px; font-size: 0.8em; line-height: 15px; background: url(img/Rbot.gif) no-repeat bottom right;}
#content div.pageDescription h2{position: relative; top: 0px; left: 0px;  padding: 0px 0px 12px 0px; margin: 0px 0px 0px 0px; color: #cc0000;font-weight: bold; font-size: 1.4em;}
#content div.pageDescription div.content{ background: url(img/right.gif) no-repeat top right; padding: 0px 40px 20px 100px; border-right: solid 1px #c6c4cb; margin: 0px 0px 0px 0px; }
#content div.pageDescription div.content p{ padding: 0px 0px 4px 0px;}
#content div.endbox{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; height: 10px;}

/* новость на главной странице */
#content #boxnews{ margin: 38px 0px 0px 0px; padding: 0px 100px 0px 0px;color: #696868;}
#content #boxnews h3{ padding: 0px 0px 5px 0px;font-weight: bold; font-size: 14px; color: Gray; }
#content #boxnews h3 a{font-weight: bold; font-size: 14px; color: Gray; text-decoration: none; }
#content #boxnews h3 a:hover{font-weight: bold; font-size: 14px; color:#CC0000; text-decoration: none; }
#content #boxnews div.content p.title{font-weight: bold; font-size: 13px; color: Red; padding: 3px 0px 0px 0px;}
#content #boxnews div.content p.title a{font-weight: bold; font-size: 13px; color:#CC0000;}
#content #boxnews div.content{ padding: 6px 0px 0px 0px;}
#content #boxnews div.content span{ font-size: 0.7em; color: Red;}
#content #boxnews div.content p{ padding: 4px 0px 0px 0px; font-size: 11px; line-height: 13px;}
#content #boxnews div.content p a{ display: block; text-align: left; margin: 0px 0px 0px 0px;}

/* бокс списка клиентов в портфолио */
#content div.clients{ margin: 20px 0px 0px 0px; background: url(img/leftTop.gif) no-repeat top right; padding: 0px 0px 0px 626px;}
#content div.clients h3{font-weight: bold; color: #747373; padding: 4px 0px 6px 0px;font-size: 0.9em;}
#content div.clients div.content{color: #747373; font-size: 0.8em; background: url(img/line.gif) no-repeat bottom right;}
#content div.clients div.content p{ padding: 0px 0px 4px 25px;}

/* главное меню */
#content ul#menu{ position: relative; top: 0px; left: 0px; padding: 0px 0px 0px 260px; margin: 0px 0px 0px 0px; }
#content ul#menu li{ float: left; padding: 120px 18px 10px 0px;font-size: 0.8em; color: Gray;background: url(img/li.gif) no-repeat top right;margin: 0px 10px 0px 0px;}
#content ul#menu li a{ display: block; font-size: 1em; color: Red; padding: 0px 0px 0px 0px; text-decoration: none; /*background: url(img/li.gif) no-repeat top right;*/ }
#content ul#menu li a:hover{color: Black;text-decoration: none;  /*background: url(img/li2.gif) no-repeat top right;*/ }

/* копирайты */
#copyright{background: url(img/bgBot.gif) repeat-x top; position: relative; bottom: 0px; right: 0px; height: 120px; float: left; width: 100%;}
#copyright div.content{ width: 990px; padding: 0px 0px 20px 0px; font-size: 0.7em; color: #717171;  margin: 0px auto 0px auto;}
#copyright div.left{float: left; margin: 0px 0px 0px 0px; padding: 35px 0px 0px 0px; width: 470px; }
#copyright div.right{float: left; margin: 0px 20px 0px 0px; padding: 25px 0px 0px 0px; width: 115px; }
#copyright div.contacts{float: left; margin: 15px 0px 0px 0px; padding: 4px 0px 0px 20px; width: 130px; background: url(img/left.gif) no-repeat left; }
#copyright div.contacts div{ color: Red;font-weight: bold; font-size: 14px; padding: 0px 0px 2px 0px; margin: 0px 0px 0px 0px; }
#copyright div.contacts p{padding: 0px 0px 6px 0px; font-size: 13px; width: 100px;}
#copyright div.rightbox{position: relative; bottom: 21px; right: 0px; padding: 0px 0px 0px 0px; width: 190px; float:left; }

/* таблица прайс-листа */
table.prise td{ padding: 5px 5px 5px 5px; border-bottom: solid 1px silver;}
table.prise td h4{ font-weight: bold; padding: 6px 0px 6px 30px; background: url(img/bot.gif) no-repeat left;}

/* list style on page */
#content div.withbg div.page ol{padding: 0px 0px 5px 0px; list-style:disc; }
#content div.withbg div.page ol li{padding: 5px 0px 5px 5px;font-size: 12px; }
#content div.withbg div.page ul{padding: 4px 0px 4px 15px;}
#content div.withbg div.page ul li{padding: 0px 0px 5px 15px;font-size: 11px;}

/* в правой колонке */
div.pageDescription .content ul{padding: 8px 0px 2px 0px;}
div.pageDescription .content ul li{padding: 4px 0px 4px 0px;}
div.pageDescription .content ul li a{color:black;}


/* news */
div.newslist{ margin: 0px 0px 16px 0px;}
span.dateOne{ display: block; padding: 0px 0px 2px 8px;font-style: italic;font-weight: bold; font-size: 11px; color: #CC0000; margin: 5px 0px 10px 0px; border-left: solid 6px silver;}
div.newslist span.date{ display: block; padding: 0px 0px 2px 8px;font-style: italic;font-weight: bold; font-size: 11px; color: #CC0000; margin: 5px 0px 10px 0px; border-left: solid 6px silver;}
div.newslist p{ padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.newslist p.title a{font-size: 14px;color: #CC0000; text-decoration: none;font-weight: bold;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.newslist p.title a:hover{font-size: 14px;color: #CC0000; text-decoration: none;font-weight: bold;padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
div.newslist p.title{ padding: 0px 0px 0px 0px; font-size: 14px;color: #CC0000; text-decoration: none;font-weight: bold; margin: 0px 0px 0px 0px;  }
div.newslist a{color: #746A80;}

p.newsimg{ float: left; margin: 0px 10px 6px 0px;}
p.allnews{ border-top: solid 1px silver; padding: 4px 0px 0px 0px; margin: 10px 0px 0px 0px; text-align: right;}
p.allnews a{ color: Red; }

div.forclient{ width: 260px; float: left; padding: 6px 15px 6px 6px; margin: 0px 12px 12px 0px; border: solid 1px silver; height: 160px;}
div.forclient p.cientimg{ float: left; height: 150px; padding: 0px 15px 0px 0px;margin: 0px 15px 0px 0px;}
div.forclient p.cientimg img{ margin: 22px 0px 0px 0px; border: solid 1px silver;}
div.forclient span.date{text-align: right; font-style: italic; font-size: 11px; color: Gray; display: block; border-bottom: solid 1px silver; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
div.forclient p.title{font-weight: bold; font-size: 14px; padding: 0px 0px 5px 0px;}
div.forclient p.discription{font-size: 11px; color: Gray; padding: 0px 0px 0px 0px;}

div.allforclient{ width: 260px; float: left; padding: 6px 15px 6px 6px; margin: 0px 12px 12px 0px; height: 140px;border: solid 1px silver;}
div.allforclient p.cientimg{ float: left; height: 150px; padding: 0px 15px 0px 0px;margin: 0px 15px 0px 0px;}
div.allforclient p.cientimg img{ margin: 22px 0px 0px 0px;border: solid 1px silver;}
div.allforclient span.date{text-align: right; font-style: italic; font-size: 11px; color: Gray; display: block; border-bottom: solid 1px silver; padding: 0px 0px 0px 0px; margin: 0px 0px 5px 0px;}
div.allforclient p.title{font-weight: bold; font-size: 14px; padding: 0px 0px 5px 0px;}
div.allforclient p.discription{font-size: 11px; color: Gray; padding: 0px 0px 0px 0px;}


div.mainPhoto{}
div.mainPhoto p.pathcategoryes{ color: #808080;}
div.mainPhoto p.autor{padding: 0px 0px 0px 0px; margin: 6px 0px 0px 0px;}
div.mainPhoto p.autor a{padding: 5px 6px 5px 6px; border: solid 1px Silver; border-bottom: none; background: #F8F8F8; }
div.mainPhoto p.autor a:hover{padding: 5px 6px 5px 6px; border: solid 1px Silver; border-bottom: none; background: #F2F2F2; text-decoration: none; color: Black; }
div.mainPhoto p.image{ background: White; border: solid 1px Silver; width: 597px; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
div.mainPhoto p.image img{ border: solid 1px Gray; margin: 8px 8px 8px 8px; }
div.mainPhoto p.info{font-style: italic; color: Gray; padding: 2px 0px 0px 0px; margin: 10px 0px 0px 0px; }
div.mainPhoto p.info strong{font-weight: bold; font-style: normal;}

/* admin */
div.admingroup{ position: absolute; top: 4px; left: 10%;font-size: 12px;}
div.admingroup a{padding: 6px 6px 6px 6px; border: solid 1px gray; background: White; font-size: 12px; display: block;}
div.admingroup a:hover{padding: 6px 6px 6px 6px; border: solid 1px gray; background: #CC0000; font-size: 12px; display: block; color: White; text-decoration: none;}