body, p {	
	color:#000000;
	font-family: Arial;
	font-size:14px;
	font-weight:normal;
	text-align:justify;
	}
   a.menu_text {
	color: #fccdc8;
	font-family: arial;
	font-size: 20px;
   }
   a.menu_text:hover {
	text-align: center;
	color: #FFFFFF;
	font-family: arial;
	font-size: 20px;
   }

a.top {color: #fea95e; font: italic 110% arial; text-decoration:none;}
a.top:hover {color: #fea95e; font: italic 110% arial; text-decoration:underline;}

a.bottom {color: #7e191a; font: bold 10pt tahoma; text-decoration:none;}
a.bottom:hover {color: #7e191a; font: bold 10pt tahoma; text-decoration:underline;}

a.text {color: #000000; font-size: 16px; font-family: Franklin Gothic Medium arial; text-decoration: none;}
a.text:hover {color: #000000; font-size: 16px; font-family: Franklin Gothic Medium arial; text-decoration: underline;}

.h1 { 	color:#000000;
                text-align:center;
	font-family: Arial;
	font-size:18px;
	font-weight:bold;
   }
.h2 {        text-align: left;
               color: #fea95e;
               font: bold italic 130% arial;
   }
.foo {color: gray} /* для всех браузеров */
*html .foo {color: yellow} /* только Internet Explorer <= 6.0 */
html>body .foo {color: red} /* Opera & FireFox & Internet Explorer 7.0 */
html:root .foo {color: green} /* только FireFox */
@media all and (min-width: 0px) { /* только Opera */
  body .foo {color: blue} }
   body {
	background-image: url(./images/fon.jpg);
	margin:0 auto;
   }
   .page { 
	width: 1000px; 
	margin:0 auto;
   }
   .star { 
	width: 373px;
	height: 399px;
	background-image: url(./images/star.gif);
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
	z-index:200;
	position:relative;
	top: 30px; 
	left: 0px;

   }
   .order { 
	width: 261px;
	height: 104px;
	background-image: url(./images/order.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	float:left;
	z-index:0;
	position:relative;
	top: 95px; 
	left: -20px;
   }
   .webstudio { 
	width: 295px;
	height:165px; 
	float:left;
 	position:relative;
	top: 240px; 
	left: -280px;

   }
   .advertasing { 
	width: 315px; 
	height: 165px;
 	float:right; 
	position:relative; 
	top: 75px; 

   }
   .contacts { 
	width: 305px;
	height:203px;
	background-image: url(./images/phone.gif);
	background-position: top center;
	background-repeat: no-repeat;
	float:right;
	position:relative;
	top: -130px; 
	right: -285px;
   }
   .phones {

	float:left; 
                position:relative;
	top: 100px; 
	left: 0px;
          text-align: left;
          color: #e7926d;
          font: 28px arial;
  }
   .menu { 
	width: 1000px;
	height:85px;
                float:left;
	background-image: url(./images/menufon.jpg);
	background-position: top center;
	background-repeat: no-repeat;
                position:relative;
	top: 50px; 
	left: 0px;
                z-index:100;
   }

   .content {
	width: 685px;
	height: 100%;
                margin:0;
	background-image: url(./images/content2.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	float: left; 
	position: relative;
	top: 50px; 
	left: 20px;
                z-index:0;
   }


   .top_content {
	width: 685px;
	height: 45px;
	float:left; 
	background-image: url(./images/contenttop.jpg);
	background-position: top left;
	background-repeat: no-repeat;
   }

   .bottom_content {
	width: 685px;
	height: 39px;
	float:left; 
	background-image: url(./images/contentbottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
   }

   .text_content {
	padding-left:45px;
	padding-right:45px;
                height:100%;
   }

    .text_content p{
               color: #626262;
               font: 16px Tahoma Franklin Gothic Medium arial;
   }

   .text_content ul li{
          color: #626262;
          font: 16px Tahoma Franklin Gothic Medium arial;
          text-align:left;
          padding-left: 20px;
        list-style-type: none;
        background: url(images/li_text.gif) no-repeat 0 0.6em;
   }

/*   .text_content LI:before {
	content: "- "; /* Добавляем в качестве маркера символ "плюс" */
   }
*/
   .text_content h1{
          color: #000000;
          font: 22px arial;
   }

   .right_bar {
	width: 300px;
	height: 100%;
	float: right; 
	position: relative;
	top: 50px; 
	left: 0px;
   }


   .footer {
	width: 1000px;
	height: 99px;
	background-image: url(./images/footerstars.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
	float:left; 
	position:relative;
	top:50px;
	left:0px;
   }


   .counters {
	width: 130px;
	height: 35px;
	float: right; 
	position: relative;
	top:35px;
	left:-150px;
   }

   .liveinternet {
	width: 35px;
	height: 35px;
	float: left; 
	position: relative;
	top:0px;
	left:0px;
   }
   .mail {
	width: 90px;
	height: 17px;
	float: left; 
	position: relative;
	top:0px;
	left:0px;
   }
   .prcy {
	width: 90px;
	height: 18px;
	float: left; 
	position: relative;
	top:0px;
	left:0px;
   }
   .bottommenu {
	width: 645px;
	float: left; 
	position: relative;
	top:0px;
	left:40px;
	font: bold italic 10pt arial;
	color: #7e191a;
   }
   .copyright {
	width: 580px;
	float: left; 
	position: relative;
	top:57px;
	left:80px;
	text-align: left;
	font: bold 10pt tahoma;
	color: #7e191a;
   }

   ul {
        margin: 0.5em 0;
        padding: 0 0 0 2em;
   }

   .services {
	padding:0; margin:0;
	color: #fea95e;
	font: italic 15px arial;
	text-align: left;
        list-style-type: none;
   }
.img1 { opacity: 0.0; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
.img2 { opacity: 0.6; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);}
.img3 { opacity: 0.4; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);}

#csstopmenu, #csstopmenu ul{
padding:0;
margin:0;
}

#csstopmenu li{
float: left;
position: relative;
list-style-type: none;
}

#csstopmenu a{
color: #FFFFFF;
text-decoration:none;
}
#csstopmenu a:hover{
color: #fea95e;
text-decoration:underline;
}

.mainitems{
border-left-width:0;
}

.headerlinks a{
margin: auto 20px;
font-size: 18px;
}

.headerlinks a:hover{
margin: auto 20px;
font-size: 18px;
}

.submenus{
display: none;
width: 170px;
position: absolute;
	background-image: url(./images/jsmenu.png);
}

.submenus li{
width: 100%;
height: 25px;
text-align:left;
text-indent: 20px;
list-style-type: none;
}

.submenus li a{
width: 100%;
height: 25px;
text-align:left;
font-size: 16px;
text-indent: 20px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
display:block;
height: 25px;
text-align:left;
font-size: 16px;
text-indent: 20px;
}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}

html>body #clearmenu{ /* non IE browsers */
height: 3px;
}


.light{
background-color: #d3d3d3;
}

.light:hover{
background-color: #e1e0e0;
}