BODY{background-image: url(http://assuray.ucoz.ru/113bbb77.jpg); background-attachment: fixed; }



<!-- начало стиля меню-->

/* Стили демонстрационной страницы */
body {
 background:
 margin:0px;
 padding:0px;
}
.example {
 background:# 
 width:1100px;
 height:0px;
 border:0px 
 margin:0px ;
 padding:0px;
 border-radius:0px;
 -moz-border-radius:0px;
 -webkit-border-radius:0px;
}


/* Стили меню */
#nav {
 display:inline-block;
 width:100%;
 margin:0px ;
 padding:0;
 background:

 border-radius:0px; /*немного css3*/
 -moz-border-radius:0px;
 -webkit-border-radius:0px;
 box-shadow:0 0px 0px rgba(0,0,0, .5);
 -moz-box-shadow:0 0px 0px rgba(0,0,0, .5);
 -webkit-box-shadow:0 0px 0px rgba(0,0,0, .5);
}
#nav li {
 margin:10px;
 float:left;
 position:relative;
 list-style:none;
}
#nav a {
 font-weight:bold;
 color:#0000FF;
 text-decoration:none;
 display:block;
 padding:1px 20px;<!--ширина строки в выподающем меню -->

 border-radius:10px; /*немного css3*/
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 text-shadow:0 2px 2px rgba(0,0,0, .7);
}

/* sВыбранный пункт меню */
#nav .current a, #nav li:hover > a {
 background:#7788aa url(../images/bg.png) repeat-x 0 -20px;
 color:#000;
 border-top:1px solid #f8f8f8;

 box-shadow:0 2px 2px rgba(0,0,0, .7); /*немного css3*/
 -moz-box-shadow:0 2px 2px rgba(0,0,0, .7);
 -webkit-box-shadow:0 2px 2px rgba(0,0,0, .7);
 text-shadow:0 2px 2px rgba(155,155,155, 0.7);
}

/* Подуровень */
#nav ul li:hover a, #nav li:hover li a {
 background:none;
 border:none;
 color:#000;
}
#nav ul li a:hover {
 background:#335599 url(../images/bg.png) repeat-x 0 -100px;
 color:#fff;

 border-radius:10px; /*немного css3*/
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 text-shadow:0 2px 2px rgba(0,0,0, 0.7);
}

#nav ul li:first-child > a {
 -moz-border-radius-topleft:10px; /*немного css3*/
 -moz-border-radius-topright:10px;
 -webkit-border-top-left-radius:10px;
 -webkit-border-top-right-radius:10px;
}
#nav ul li:last-child > a {
 -moz-border-radius-bottomleft:10px; /*немного css3*/
 -moz-border-radius-bottomright:10px;
 -webkit-border-bottom-left-radius:10px;
 -webkit-border-bottom-right-radius:10px;
}

/* выпадающий список */
#nav li:hover > ul {
 opacity:1;
 visibility:visible;
}
#nav ul {
 opacity:0;
 visibility:hidden;
 padding:0;
 width:175px;
 position:absolute;
 background:#aabbcc url(../images/bg.png) repeat-x 0 0;
 border:1px solid #7788aa;

 border-radius:10px; /*немного css3*/
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
 box-shadow:0 2px 2px rgba(0,0,0, .5);
 -moz-box-shadow:0 2px 2px rgba(0,0,0, .5);
 -webkit-box-shadow:0 2px 2px rgba(0,0,0, .5);

 -moz-transition:opacity .25s linear, visibility .1s linear .1s;
 -webkit-transition:opacity .25s linear, visibility .1s linear .1s;
 -o-transition:opacity .25s linear, visibility .1s linear .1s;
 transition:opacity .25s linear, visibility .1s linear .1s;
}
#nav ul li {
 float:none;
 margin:0;
}
#nav ul a {
 font-weight:normal;
 text-shadow:0 2px 2px rgba(155,155,155, 0.7);
}
#nav ul ul {
 left:160px;
 top:0px;
}



<!-- конец стиля меню-->


/* General Style */
a:link {text-decoration:underline; color:;}
a:active {text-decoration:underline; color:;}
a:visited {text-decoration:underline; color:;}/*ЦВЕТ ССЫЛКИ НА ГЛАВНУЮ*/ 
a:hover {/* font-size: 15px; */ /* Размер шрифта */
 font-weight: bold; /* Жирное начертание */
 color: red; /* Цвет ссылки */
 }/*ЦВЕТ ПРИ НАВЕДЕНИИ КУРСОРА*/

.topLink a:link {text-decoration:none; color:;}/*ЦВЕТ ССЫЛКИ В ОЖИДАНИИ*/
.topLink a:active {text-decoration:none; color:;}
.topLink a:visited {text-decoration:none; color:;}
.topLink a:hover {text-decoration:none; color:;}

a.forRegLink:link, a.topSortLink:link, a.postUser:link, a.postNumberLink:link {text-decoration:underline; color:;}
a.forRegLink:active, a.topSortLink:active, a.postUser:active, a.postNumberLink:active {text-decoration:underline; ;}
a.forRegLink:visited, a.topSortLink:visited, a.postUser:visited, a.postNumberLink:visited {text-decoration:underline; color:;}
a.forRegLink:hover, a.topSortLink:hover, a.postUser:hover, a.postNumberLink:hover {text-decoration:underline; color:;}/*убрал цвет*/

td, body {font-family: Georgia, Helvetica, Tahoma, verdana, arial, Comic Sans MS, sans-serif; font-size:12pt; color:;}/*шрифт и размер шрифта и цвет на страницах сайта*/
form {padding:0px;margin:0px;}
input,textarea,select {vertical-align:bottom ;font-weight:bolder; font-size:8pt; font-family:verdana,arial,helvetica;}/*шрифт и размер шрифта системных кнопок и цвет на страницах сайта*/
.copy {font-size:3pt;}

a.noun:link {text-decoration:none; color: #0000CD}
a.noun:active {text-decoration:none; color:#0000CD}
a.noun:visited {text-decoration:none; color: #0000CD}
a.noun:hover {text-decoration:underline; color:#000000}

hr {color:#C2C2C2;height:1px;}
label {cursor:pointer;cursor:hand}

.blocktitle {font-family:Verdana,Sans-Serif;color:#0000CD;font-size:10px;}

a.menu1:link {text-decoration:underline; color:#9CCF00}
a.menu1:active {text-decoration:underline; color:#9CCF00}
a.menu1:visited {text-decoration:underline; color:#9CCF00}
a.menu1:hover {text-decoration:none; color:#000000}
.menuTd {padding-left:12px;padding-right:10px; background: url('/.s/t/971/11.gif') no-repeat 0px 3px;}

.mframe {border-left:1px solid #E5E7EA; border-right:1px solid #E5E7EA;}
.colgray {border-right:1px solid #E5E7EA;}
.colwhite {border-right:1px solid #FAFAFA;}
.msep {border-top:1px solid #FAFAFA;}
/* ------------- */


/*эффект тени*/ 
text-align:center;
 position:relative;
 top:80px;
}
.box {
 width:80%;
 height:200px;
 background:#FFF;
 margin:40px auto;
}
 
/*==================================================
 * Effect 1
 * ===============================================*/
.effect1{
 -webkit-box-shadow: 0 10px 16px -16px #777;
 -moz-box-shadow: 0 10px 6px -6px #777;
 box-shadow: 0 10px 6px -3px #777;
}

<!=модальное окно=>
<style>
 body {
 font-family:verdana;
 font-size:15px;
 } 
a {color:#333; text-decoration:none}
 a:hover {color:; text-decoration:none} 
#mask {
 position:absolute;
 left:0;
 top:0;
 z-index:9000;
 background-color:#000;
 display:none;
 }
 
 #boxes .window {
 position:absolute;
 left:0;
 top:0;
 width:440px;
 height:200px;
 display:none;
 z-index:9999;
 padding:20px;
 } 
#boxes #dialog {
 width:375px; 
 height:203px;
 padding:10px;
 background-color:#ffffff;
 } 
#boxes #dialog1 {
 width:375px; 
 height:203px;
 } 
#dialog1 .d-header {
 background:url(images/login-header.png) no-repeat 0 0 transparent; 
 width:375px; 
 height:150px;
 } 
#dialog1 .d-header input {
 position:relative;
 top:60px;
 left:100px;
 border:3px solid #cccccc;
 height:22px;
 width:200px;
 font-size:15px;
 padding:5px;
 margin-top:4px;
 } 
#dialog1 .d-blank {
 float:left;
 background:url(images/login-blank.png) no-repeat 0 0 transparent; 
 width:267px; 
 height:53px;
 } 
#dialog1 .d-login {
 float:left;
 width:108px; 
 height:53px;
 }
 
#boxes #dialog2 {
 background:url(images/notice.png) no-repeat 0 0 transparent; 
 width:326px; 
 height:229px;
 padding:50px 0 20px 25px;
 }
 </style>

/* коменнтарии */

/*выпадающее окно на главной странице при выходе с сайта div расположен в нижнем блоке*/

#navv ul ul {
 display: none;
 }

#navv ul li:hover > ul {
 display: block;
 }

#navv ul {
 background: #efefef;
 background: linear-gradient(top, #efefef 10%, #bbbbbb 100%);
 background: -moz-linear-gradient(top, #efefef 10%, #bbbbbb 100%);
 background: -webkit-linear-gradient(top, #efefef 10%,#bbbbbb 100%);
 box-shadow: 0px 0px 19px rgba(0,0,0,0.15);
 padding: 0 20px;
 border-radius: 10px;
 list-style: none;
 position: relative;
 display: inline-table;
 }
 #navv ul:after {
 content: ""; clear: both; display: block;
 }

#navv ul li {
 float: left;
 }
 # navv ul li:hover {
 background: #4b545f;
 background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
 background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
 background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
 }
 #navv ul li:hover a {
 color: #fff;
 }

# navv ul li a {
 display: block; padding: 25px 40px;
 color: #757575; text-decoration: none;
 }

#navv ul ul {
 background: #5f6975; border-radius: 10px; padding: 0;
 position: absolute; top: 100%;
 }
 #navv ul ul li {
 float: none;
 border-top: 1px solid #6b727c;
 border-bottom: 1px solid #575f6a;
 position: relative;
 }
 #navv ul ul li a {
 padding: 15px 40px;
 color: #fff;
 }
 #navv ul ul li a:hover {
 background: #4b545f;
 }
 #navv ul ul ul {
 position: absolute; left: 100%; top:0;
 }

/*************************** Основные пункты */
#mainmenu{
 position:relative;
 border: 0px solid #;
 background-color: #;
 background-image: -moz-linear-gradient(#, #); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#), to(#)); 
 background-image: -webkit-linear-gradient(#, #); 
 background-image: -o-linear-gradient(#, #);
 background-image: -ms-linear-gradient(#, #);
 background-image: linear-gradient(#, #);
 border-radius: 0px;
 -moz-border-radius: 0px;
 -o-border-radius: 0px;
 -webkit-border-radius: 0px;
 -ms-border-radius: 0px; 
 box-shadow: 0 0px 0px #666, 0 0px 0 #666 inset;
 -moz-box-shadow: 0 0px 0px #666, 0 0px 0 #666 inset;
 -o-box-shadow: 0 0px 0px #666, 0 0px 0 #666 inset;
 -ms-box-shadow: 0 0px 0px #666, 0 0px 0 #666 inset;
 -webkit-box-shadow: 0 0px 0px #666, 0 0px 0 #666 inset; 
 height:0px; /* отступ внизу */
 margin:0px auto; /* отступ сверху */
 padding:0;
 width:1000px;
 z-index:10 /* для отображения подпунктов поверх остальных блоков */
}
#mainmenu ul, /* сбрасываем поля и отступы у списков */
#mainmenu ul ul {
 list-style:none;
 padding:0;
 margin:0;
}
#mainmenu ul { 
 clear:left;
 position:relative;
 right:50%;
 height:28px;/* ВЫСОТА */
 float:right;
 text-align:center;
 font:18px Arial, Helvetica, sans-serif; 
 text-transform:uppercase; 
}
#mainmenu ul li {
 border-right: 0px solid #222;
 box-shadow: 0px 0 0 #444;
 -moz-box-shadow: 0px 0 0 #444;
 -o-box-shadow: 0px 0 0 #444;
 -ms-box-shadow: 0px 0 0 #444;
 -webkit-box-shadow: 0px 0 0 #444; 
 position:relative;
 left:50%;
 float:left;
 height:50px;
 padding:0;
 margin:0
}
#mainmenu ul li:last-child {
 border:none;
 box-shadow:none
} 
#mainmenu ul li a {
 display:block;
 color: #ccc;
 text-decoration: none;
 padding:5px 10px
}
#mainmenu ul li a:hover {
 background-color: #0186BA;
 background-image: -moz-linear-gradient(#04acec, #0186ba); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
 background-image: -webkit-linear-gradient(#04acec, #0186ba);
 background-image: -o-linear-gradient(#04acec, #0186ba);
 background-image: -ms-linear-gradient(#04acec, #0186ba);
 background-image: linear-gradient(#04acec, #0186ba);
 color: #fafafa
}
#mainmenu ul li:hover > ul {
 opacity: 1;
 visibility: visible;
 margin: 0;
}
 
/*************************** Выпадающие подпункты */
#mainmenu ul li ul {
 background: ##0910BD;
 background: -moz-linear-gradient(#444, #111);
 background-image: -webkit-gradient(linear, left top, left bottom, from(##0910BD), to(##0910BD));
 background: -webkit-linear-gradient(#0910BD, ##0910BD); 
 background: -o-linear-gradient(##0910BD, #111); 
 background: -ms-linear-gradient(#444, #111); 
 background: linear-gradient(#000884, #00BEF6); <!-- фон таблицы выпадающего меню, первая позиция меняется градиент-->
 border-radius: 3px;
 -moz-border-radius: 3px;
 -o-border-radius: 3px;
 -ms-border-radius: 3px;
 -webkit-border-radius: 3px;
 transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -ms-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out; 
 text-transform:none;
 opacity: 0;
 visibility: hidden;
 position:absolute;
 left:0;
 top:40px;
 font-size:12px;
 height:auto;
 width:150px 
}
#mainmenu ul li ul li {
 border:none;
 box-shadow: 0 1px 0 #111, 0 0px 0 #666;
 -moz-box-shadow: 0 1px 0 #111, 0 0px 0 #666;
 -o-box-shadow: 0 1px 0 #111, 0 0px 0 #666;
 -webkit-box-shadow: 0 1px 0 #111, 0 0px 0 #666;
 -ms-box-shadow: 0 1px 0 #111, 0 0px 0 #666;
 position:relative;
 left:0;
 float:none;
 height:auto;
 margin:0;
 text-align:left !important;
}
#mainmenu ul li ul li:last-child {
 -moz-box-shadow: none;
 -webkit-box-shadow: none;
 box-shadow: none;
}
#mainmenu ul li ul li a {
 padding:10px 8px;
 border:none
}

/*************************** Выпадающие пункты второго уровня */
#mainmenu ul li ul li ul {
 top: 0;
 left: 150px;
 margin: 0 0 0 20px;
 _margin: 0; /*IE6 only*/
 box-shadow: -1px 0 0 rgba(255,255,255,.3);
 -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 -o-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3);
 -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); 
}

/* Стрелочки на подпунктах */
#mainmenu ul ul li:first-child > a {
 border-radius: 3px 3px 0 0;
 -moz-border-radius: 3px 3px 0 0;
 -o-border-radius: 3px 3px 0 0;
 -ms-border-radius: 3px 3px 0 0;
 -webkit-border-radius: 3px 3px 0 0; 
}
#mainmenu ul ul li:first-child > a:after {
 content: '';
 position: absolute;
 left: 40px;
 top: -6px;
 border-left: 6px solid transparent;
 border-right: 6px solid transparent;
 border-bottom: 6px solid #0910BD;
}
#mainmenu ul ul ul li:first-child a:after {
 left: -6px;
 top: 50%;
 margin-top: -6px;
 border-left: 0; 
 border-bottom: 6px solid transparent;
 border-top: 6px solid transparent;
 border-right: 6px solid #0910BD;
}
#mainmenu ul ul li:first-child a:hover:after {border-bottom-color: #04acec}

#mainmenu ul ul ul li:first-child a:hover:after {
 border-right-color: #0299d3; 
 border-bottom-color: transparent; 
}
#mainmenu ul ul li:last-child > a {
 -moz-border-radius: 0 0 3px 3px;
 -webkit-border-radius: 0 0 3px 3px;
 border-radius: 0 0 3px 3px;
}

<!--стиль кнопки вверх в левом верхнем углу-->

.upTop { 
 display:none; 
 width:100px; 
 height:100%; 
 position:fixed; 
 left:0px; 
 top:0px; 
 z-index:100; 
} 
.upTopButton { 
 background:#777777 url(http://uguide.ru/templates/goup.png) no-repeat; 
 width:27px; 
 height:27px; 
 position:fixed; 
 top:20px; 
 left:100px; 
 cursor:pointer; 
} 
.upTopZone { 
 display:none; 
 background:url(http://uguide.ru/templates/upbg.png) repeat; 
 width:100px; 
 height:100%; 
 cursor:pointer; 
} 
.upTopZone p { 
 background:#777777; 
 font-size:12px; 
 width:63px; 
 height:27px; 
 margin:0; 
 position:fixed; 
 top:20px; 
 left:37px; 
 color:#fff; 
 font-family:"tahoma", "verdana", "arial"; 
 line-height:25px; 
 text-align:center; 
 text-shadow:1px 1px 1px #000000; 
} 
@media screen and (max-width:1024px) { 
 .upTopZone { 
 display:none !important; 
 } 
} .blue .upTopButton, .blue .upTopZone p { 
 background-color:#3fa3e1; 
} 
.green .upTopButton, .green .upTopZone p { 
 background-color:#60bf3a; 
} 
.red .upTopButton, .red .upTopZone p { 
 background-color:#ca2929; 
} 
.orange .upTopButton, .orange .upTopZone p { 
 background-color:#ef990b; 
} 
.purple .upTopButton, .purple .upTopZone p { 
 background-color:#b053a0; 
} 
.grey .upTopButton, .grey .upTopZone p { 
 background-color:#777777; 
}