/* This CSS file is created for you to create or override any of the existing CSS styles used in this theme */

#gyro_menu { 
	text-align: left; 
}

#gyro_menu table { border-collapse: collapse; border-spacing: 0px; border: 0px; margin-bottom: 0px; width:auto; }
#gyro_menu td { border: 0px; border-width: 0px; padding: 0px 0px 0px 0px; }
#gyro_menu tr { }

table.gm_table2 { width:193; }

.gm_strip { background:url('http://gyroscope.ru/design/strip.gif'); height:25px; vertical-align:bottom; }
.gm_strip2 { background:url('http://gyroscope.ru/design/strip2.gif'); height:60px; vertical-align:middle; }
.gm_strip3 { background:#2C547B; height:20px; }

/* navigation */
.gyro-menu					{ font-family:"Times New Roman", Times, serif; font-size: 17px; color:white; font-weight: bold; }
.gyro-menu, .gyro-menu ul	{ float: left; list-style: none; line-height: 30px; padding: 0; margin: 0; }
.gyro-menu a				{ color:white; display: block; text-decoration: none; font-size: 17px; }
.gyro-menu li				{ float: left; padding: 0; }
.gyro-menu ul				{ position: absolute; left: -999em; height: auto; width: 150px; margin: 0; line-height: 1; border: none; }
.gyro-menu li li			{ width: 148px; border: solid #CCC; border-width: 1px 1px 0; }
.gyro-menu li li a		{ background: url(../../images/techblue/content-bg.jpg) repeat-x top #FFF; padding: 7px 10px; width: 128px; font-size: 12px; text-transform: none; }
.gyro-menu li ul ul		{ margin: -27px 0 0 148px; }
.gyro-menu li li:hover	{ }
.gyro-menu li:hover ul ul, .gyro-menu li:hover ul ul ul, .gyro-menu li:hover ul ul ul ul, .gyro-menu li.sfhover ul ul, .gyro-menu li.sfhover ul ul ul, .gyro-menu li.sfhover ul ul ul ul { left: -999em; }
.gyro-menu li:hover ul, .gyro-menu li li:hover ul, .gyro-menu li li li:hover ul, .gyro-menu li li li li:hover ul, .gyro-menu li.sfhover ul, .gyro-menu li li.sfhover ul, .gyro-menu li li li.sfhover ul, .gyro-menu li li li li.sfhover ul { left: auto; z-index: 2; }
.gyro-menu li ul li:hover a, .gyro-menu li ul li li:hover a, .gyro-menu li ul li li li:hover a, .gyro-menu li ul li li li:hover a { background: url(../../images/techblue/feed-title.jpg) repeat-x top #004688; color: #FFF; }
.gyro-menu li:hover li a, .gyro-menu li li:hover li a, .gyro-menu li li li:hover li a, .gyro-menu li li li li:hover li a { background: url(../../images/techblue/content-bg.jpg) repeat-x top #FFF; color: #666; }
