@IMPORT "common.css";

#paddingTop
{
	display: block;
	height:25px;
	width: 300px;
}
/* Main header (begin)*/
	#main
	{
		position: relative;
		width: 100%;
		height: 286px;

		background: url(../img/bg_header.jpg) 0 0 repeat-x;
	}
	#main .r
	{
		background: url(../img/bg_header_right.jpg) 0 0 repeat-y;
		width: 5px;
		height:100%;
	}
	#main .l
	{
		background: url(../img/bg_header_left.jpg) 0 0 repeat-y;
		width: 5px;
		height:100%;
	}
	#main .t
	{
		display: block;
		width: 500px;
		height:5px;
		margin: 0 auto;
		padding: 0;

		background: url(../img/bg_header_top.jpg) 0 0 repeat-x;
		border-width: 0 5px;
		border-style: solid;
		border-color: #DCDADA;

	}
	#main .tl
	{
		background: url(../img/bg_header_top_left.jpg) 0 0 no-repeat;
		width: 19px;
		height:76px;
	}
	#main .tr
	{
		background: url(../img/bg_header_top_right.jpg) 0 0 no-repeat;
		width: 86px;
		height:85px;
	}
	#main .bl
	{
		background: url(../img/bg_header_bottom_left.gif) 0 0 no-repeat;
		width: 25px;
		height:34px;
	}
	#main .br
	{
		background: url(../img/bg_header_bottom_right.gif) 0 0 no-repeat;
		width: 18px;
		height:34px;
	}
	#main #splash
	{
		position: absolute;
		top: 102px;
		left:5px;
		width: 770px;
		height: 158px;
		background: url(../img/bg_splash.jpg) 0 0 no-repeat;
	}
	#main #logo
	{
		position: absolute;
		top: 10px;
		left: 40px;
		width: 206px;
		height: 48px;
		background: url(../img/logo.gif) 0 0 no-repeat;
	}
	.slogan
	{
		position: relative;
		top: 50px;
		left: 96px;
		width: 242px;
		height: 30px;
		display: block;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pic_slogan.png',sizingMethod='scale');
	}
	[class].slogan
	{
		background: transparent url(../img/pic_slogan.png) 0 0 no-repeat;
	}
	/* Top navigation panel (begin)*/
		#main #topNav
		{
			position: absolute;
			top: 26px;
			right: 4px;
			width: 81px;
			height: 20px;
			background: url(../img/bg_mail.gif) 0 0 repeat-x;
		}
		#main #topNav #corner
		{
			display: block;
			float: left;
			width: 12px;
			height: 20px;
			background: url(../img/bg_mail_corner.gif) 0 0 no-repeat;
		}
		#main #topNav #home
		{
			display: block;
			float: left;
			width: 11px;
			margin: 4px 0 0 12px;

			height: 10px;
			background: url(../img/icon_home.gif) 0 0 no-repeat;
		}
		#main #topNav #mail
		{
			display: block;
			float: left;
			width: 12px;
			margin: 4px 0 0 18px;

			height: 10px;
			background: url(../img/icon_mail.gif) 0 0 no-repeat;
		}
	/* Top navigation panel (end)*/

	/* Main menu (begin)*/
		#main #menu
		{
			position: absolute;
			left: 5px;
			top: 68px;
			height: 34px;
			border-right: 1px solid #fff;
			overflow: hidden;
			width:302px
		}
		#main #menu a
		{
			display: block;
			float: left;
			height: 100%;
			border-right: 1px solid #9B9B9B;
			border-left: 1px solid #fff;
		}
		#main #menu a#m_index
		{
			width: 55px;
			background: url(../img/menu_index.gif) 10px 9px no-repeat;
			border-left: 0;
		}
		#main #menu a#m_index:hover,
		#main #menu a#m_index.selected
		{
			background: url(../img/menu_index_sel.gif) 10px 9px no-repeat;
		}
		#main #menu a#m_portfolio
		{
			width: 87px;
			border-right: 1px solid #9B9B9B;
			background: url(../img/menu_portfolio.gif) 7px 9px no-repeat;
		}
		#main #menu a#m_portfolio:hover,
		#main #menu a#m_portfolio.selected
		{
			background: url(../img/menu_portfolio_sel.gif) 7px 9px no-repeat;
		}
		#main #menu a#m_services
		{
			width: 75px;
			border-right: 1px solid #9B9B9B;
			background: url(../img/menu_services.gif) 7px 9px no-repeat;
		}
		#main #menu a#m_services:hover,
		#main #menu a#m_services.selected
		{
			background: url(../img/menu_services_sel.gif) 7px 9px no-repeat;
		}
		#main #menu a#m_contacts
		{
			width: 78px;
			border-right: 1px solid #9B9B9B;
			background: url(../img/menu_contacts.gif) 8px 9px no-repeat;
		}
		#main #menu a#m_contacts:hover,
		#main #menu a#m_contacts.selected
		{
			background: url(../img/menu_contacts_sel.gif) 8px 9px no-repeat;
		}
		.selected
		{
			cursor: default;
		}

		/* Needed only for upload in background (begin) */
			#main #menu_selected
			{
				width:0;
				height:0;
			}
			#main #menu_selected i#m_index
			{
				background-image: url(../img/menu_index_sel.gif);
			}
			#main #menu i#m_portfolio
			{
				background-image: url(../img/menu_portfolio_sel.gif);
			}
			#main #menu i#m_services
			{
				background-image: url(../img/menu_services_sel.gif);
			}
			#main #menu i#m_contacts
			{
				background-image: url(../img/menu_contacts_sel.gif);
			}
		/* Needed only for upload in background (end) */

	/* Main menu (end)*/

	/* Additional menu (begin)*/
		#main #menu2
		{
			position: absolute;
			left: 25px;
			top: 263px;
			height: 23px;
			width:477px;
		}
		* html #menu2
		{
			width:auto !important;
		}
		#main #menu2 .l
		{
			float: left;
			width: 15px;
			height: 23px;
			background: transparent url(../img/bg_menu_additional_l.gif) 0 0 no-repeat;
		}
		#main #menu2 .m
		{
			float: left;
			height: 23px;
			width:452px;
			margin: 0 15px;
			padding-top: 4px;
			background: transparent url(../img/bg_menu_additional_m.gif) 0 0 repeat-x;
		}
		* html #menu2 .m
		{
			width:auto !important;
		}
		#main #menu2 .r
		{
			float: right;
			width: 15px;
			height: 23px;
			background: transparent url(../img/bg_menu_additional_r.gif) 0 0 no-repeat;
		}
		#menu2 a
		{
			font-family: Arial, sans-serif;
			font-weight: 600;
			font-style: normal;
			font-size: 11px;
			color: #960A04;

			margin: 0 5px;
			text-transform: uppercase;
			text-decoration: none;
		}
		#menu2 a:hover,
		#menu2 a.selected
		{
			color: #F60;
		}

	/* Additional menu (end)*/

	.kenguru
	{
		position: absolute;
		right:10px;
		bottom: 0;

		width: 333px;
		height: 278px;

		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/pic_kenguru.png',sizingMethod='scale');
	}
	[class].kenguru
	{
		background: transparent url(../img/pic_kenguru.png) 0 0 no-repeat;
	}

/* Main header (end)*/

/* Content (begin)*/
	/* Features panel(begin)*/
		#features
		{
			position: relative;
			display: block;
			background-color: #EDEDED;
		}
		#features td
		{
			width: 156px;
			background-color: #EDEDED;
			color: #A50000;
			padding: 18px 10px 10px 10px;
			vertical-align: top;
			border-width: 1px 1px 0 0 ;
			border-color: #DCDADA;
			border-style: solid;
		}
		#features th
		{
			width: 156px;
			height: 110px;
			background: #5C5C5C url(../img/bg_features_points.gif) 100% 100% repeat-y;
			vertical-align: top;
			text-align: left;
		}
		#features th.last
		{
			background: #5C5C5C;
		}
		#features a.feature
		{
			display: block;
			position: relative;
			width:100%;
			height:100%;
			text-decoration: none;
			cursor: pointer;
			cursor: hand;
		}
		#features .f01
		{
			background: url(../img/features/01.gif) 38px 8px no-repeat;
		}
		#features .f02
		{
			background: url(../img/features/02.gif) 27px 8px no-repeat;
		}
		#features .f03
		{
			background: url(../img/features/03.gif) 43px 8px no-repeat;
		}
		#features .f04
		{
			background: url(../img/features/04.gif) 48px 4px no-repeat;
		}
		#features .f05
		{
			background: url(../img/features/05.gif) 39px 8px no-repeat;
		}
		#features i.disk
		{
			display: block;
			position: relative;
			width:100%;
			height:100%;
			background: transparent url(../img/bg_features_disk.gif) 5px 8px no-repeat;

			color: #fff;
			font-weight: 600;
			font-style: normal;
			vertical-align: middle;
			text-align: center;
		}
		#features b
		{
			display: block;
			position: absolute;
			left: 14px;
			top: 13px;
			color: #fff;
			font-weight: 600;
			font-style: normal;
		}
	/* Features panel(end)*/

/* Content (end)*/


/* Footer (begin)*/
	#footer
	{
		position: relative;
		width: 780px;
		height: 69px;
		clear: both;

		background: url(../img/bg_footer.gif) 0 0 repeat-x;
	}
	#footer .l
	{
		background: url(../img/bg_footer_l.gif) 0 0 no-repeat;
		width: 9px;
		height:69px;
	}
	#footer .r
	{
		background: url(../img/bg_footer_r.gif) 0 0 no-repeat;
		width: 11px;
		height:69px;
	}
	#footer .m
	{
		display: block;
		margin: 0 11px 0 9px;
		padding-top: 12px;
		text-align: center;
		color: #9C2828;
	}
	#footer a
	{
		color: #9C2828;
		text-decoration: none;
		text-transform: uppercase;
		font-style: normal;
	}
	#footer a:hover
	{
		text-decoration: underline;
	}
	#footer #logoSmall
	{
		position: absolute;
		top: 17px;
		left: 15px;
		width: 146px;
		height: 34px;
		background: url(../img/logo_small.gif) 0 0 no-repeat;
	}

/* Footer (end)*/