/* Архитектура */



body { background-color: #FFFFFF; background-image: url(img/bg.gif); background-repeat: repeat-x; margin: 0; }

#container { margin-right:auto; margin-left:auto; background:url(img/content.gif) repeat-y; width:770px; height:100%; }

#head {width:770px; height:181px; background: url(img/head.gif); }

#content_block { float:left; margin-left:15px; width:465px; height:100%; border:0px; }

#content { font-family:Arial, Helvetica, sans-serif; font-size:0.88em; padding-left:40px; height:auto; }

#content p { font-family:Arial, Helvetica, sans-serif; font-size:0.98em; color: #666666 ;}

#right_block { float:right; margin-left:20px; margin-right:27px; width:225px; border:solid 1px #999999; height:auto; }

.right { font-family:Arial, Helvetica, sans-serif; font-size:0.88em; border:solid 1px #999999; height:auto; text-align:center; margin-left:12px; margin-right:10px; margin-top:5px; margin-bottom:5px; width:200px;}

.right ul { background: #FFF5EE; margin: 12px 12px 12px 12px; padding: 3px 3px 3px 3px; }

.right p { font:Arial, Helvetica, sans-serif; font:0.94em; color:#129CE7;}

.right img { border:0px;}

.right a { font:Arial, Helvetica, sans-serif; font:0.94em; color:#129CE7; color: #FF9933;}

.right a:hover { font:Arial, Helvetica, sans-serif; font:0.94em; color: #3399FF;}

#footer { width: 770px; height: 108px; clear: both; background: url(img/footer.gif); }

#footer_block { font-family:Arial, Helvetica, sans-serif; font-size:0.96em; color:#FF6600; margin-left:140px; width:370px;  padding-top:50px;}

/* для ИЕ */
*html #content_block { padding-left:-10px; width:460px; margin-left:10px;}
*html #right_block { padding-left:-10px; margin-right:14px;}
*html .pic_block_l { float:left; margin-left:0px; width:200px; height:auto; border:0px; margin-top:10px;}
*html .pic_block_r { float:right; margin-right:5px; width:200px; height:auto; border:0px; margin-top:10px;}

/* оформление тектса */

h1 { font-family:Arial, Helvetica, sans-serif; font-size: 1.3em; color: #129CE7; }

h2 { font-family:Arial, Helvetica, sans-serif; font-size: 1.2em; color: #999999; }

h3 { font-family:Arial, Helvetica, sans-serif; font-size: 1.1em; color: #FF6600;  }

h4 { font-family:Arial, Helvetica, sans-serif; font-size: 1.0em; color: #333333; }

h5 { font-family:Arial, Helvetica, sans-serif; font-size: 0.9em; }

h6 { font-family:Arial, Helvetica, sans-serif; font-size: 0.8em; }



/* доп.элементы */

hr { border:dashed 1px #999999;}

		

/* CSS menu */

.buttonscontainer {width: 200px;}



.buttons a {

color: #666666;

background-color: #F5DEB3;

padding: 2px;

padding-left: 3px;

display: block;

border-left: 10px solid #FFCC99;

font: 13px serief, sans-serif;

font-weight: bold;

text-decoration: none;

text-align: left;

margin-top: 1px;}



.buttons a:hover {border-left: 10px solid #FFA500; text-decoration: none; color: #000000; color: #FF3300;}



/* portfolio */

.pic_block_l { float:left; margin-left:20px; width:200px; height:auto; border:0px; margin-top:10px;}

.pic_block_r { float:right; margin-right:5px; width:200px; height:auto; border:0px; margin-top:10px;}

.pic {   width:150px; height:auto; border:0px;}

.pic p { font-family:Arial, Helvetica, sans-serif; font-size:0.88em; text-align:center;}

.pic h4 { font-family:Arial, Helvetica, sans-serif; font-size:0.94em; text-align:center;}

.pic img { text-align:center; border:1px solid #999999;} 

.pic img:hover { border:1px solid #666666;}