/*-----------------------------------------------------------------------------
version:   0.01
date:      17/05/07
author:    Sinitsky V. Matvey us Zgursky N. Yura
email:     m.sinitsky@gmail.com

version history: ...
-----------------------------------------------------------------------------*/





/* Remove margin, padding and border from everything
-----------------------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
	border: 0;
}





/* Set up the document
-----------------------------------------------------------------------------*/

html, body {
	height: 100%;
}


body {
	font: normal normal normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #4a4a4a;	
	text-align: center;
}

#wrapper {
	position: relative;
	width: 1000px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -70px; /* the bottom margin is the negative value of the footer's height */
	text-align: left;
	z-index: 5;
}

/*	>> Header
-----------------------------------------------------------------------------*/

#header {
	height: 54px;
	background: url(images/beldan_logo.gif) no-repeat 0% 0% #fff;
	text-align: right;
	z-index: 2;
}

#header_bg {
	height: 54px;
	width:49%;
	position:absolute;
	top:0;
	left:0;
	background: #4a4a4a;
	z-index:1;
}

#teltext {
	height: 41px;
	padding-top: 13px;
	padding-right: 20px;
	font-size: 21px;
}

span#telnum {
	color: #9c0000;
}

/*	>> Document menu
-----------------------------------------------------------------------------*/

#menu {
	height: 34px;
	margin: 0;
	text-align: right;
}

#menu a {
	display: block;
	height: 34px;
	float: right;
	margin-right: 5px;
	text-decoration: none;
}

#menu a#home {
	width: 49px;
	background: url(images/menu/home.jpg) no-repeat 0px -34px;
}

#menu a#home:hover {
	background: url(images/menu/home.jpg) no-repeat 0px 0px;
}

#menu a#homehov {
	width: 49px;
	background: url(images/menu/home.jpg) no-repeat 0px 0px;
}

#menu a#website_solutions {
	width: 124px;
	background: url(images/menu/web_solutions.jpg) no-repeat 0px -34px;
}

#menu a#website_solutions:hover {
	background: url(images/menu/web_solutions.jpg) no-repeat 0px 0px;
}

#menu a#website_solutionshov {
	width: 124px;
	background: url(images/menu/web_solutions.jpg) no-repeat 0px 0px;
}

#menu a#learning_center {
	width: 111px;
	background: url(images/menu/learning_center.jpg) no-repeat 0px -34px;
}

#menu a#learning_center:hover {
	background: url(images/menu/learning_center.jpg) no-repeat 0px 0px;
}

#menu a#learning_centerhov {
	width: 111px;
	background: url(images/menu/learning_center.jpg) no-repeat 0px 0px;
}

#menu a#current_specials {
	width: 111px;
	background: url(images/menu/current_specials.jpg) no-repeat 0px -34px;
}
#menu a#current_specials:hover {
	background: url(images/menu/current_specials.jpg) no-repeat 0px 0px;
}

#menu a#current_specialshov {
	width: 111px;
	background: url(images/menu/current_specials.jpg) no-repeat 0px 0px;
}

#menu a#contact_us {
	width: 77px;
	background: url(images/menu/contact_us.jpg) no-repeat 0px -34px;
}

#menu a#contact_us:hover {
	background: url(images/menu/contact_us.jpg) no-repeat 0px 0px;
}

#menu a#contact_ushov {
	width: 77px;
	background: url(images/menu/contact_us.jpg) no-repeat 0px 0px;
}

/*	>> Footer
-----------------------------------------------------------------------------*/

#separate {
	height: 11px;
	clear: both;
}

#footer {
	padding: 15px;
	background: #fff;
	clear: both;
	width: 970px;
	margin: auto;
	height: 25px; /* .push must be the same height as .footer */
	border-top: 2px solid #4a4a4a;
	text-align: left;
	z-index: 1000;
}

.push {
	height: 70px;
	float: left;
	z-index: 1;
}


#footer span {
	float: left;
}

#footer span.topr {
	float: right;
	margin-left: 240px;
}

#footer a, #footer span {
	font: normal normal normal 10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #444;
}

#footer a {
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}





/* Typography
-----------------------------------------------------------------------------*/
/*	>> Fonts
-----------------------------------------------------------------------------*/

h1 {
	margin: 0 10px 15px 0px;
	font-size: 17px;
	color: #000;
}

	h1.red {
		margin: 0 0px 10px; 0;
		font-size: 18px;
		color: #ba1715;
	}
	
	.sub_h1 {
	font-weight: normal;
	font-size: 14px;
	}
	
	h1.nomargin {
		margin: 0;
	}

		
h2 {
	margin: 0 10px 10px 0px;
	font-size: 16px;
}
	
h3 {
	font-size: 14px;
}
	
h4 {
	font-size: 14px;
	color: #ba1715;
	font-weight: bold;
}
	
h5 {
	font-size: 13px;
	color: #000;
}
	
p {
	margin: 0;
	margin-bottom: 5px;
	padding: 0;
	font: normal normal normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	text-align: justify;
}

	#sidebar_left p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font: normal normal normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #686868;
	text-align: justify;
	}

span.sncolor {
	color: #8a2300;
}

ul {
	margin-bottom: 2px;
	margin-left: 10px;
	list-style-position: inside;
}

li {
	font: normal normal normal 13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

A{
	font: italic;
	COLOR: #0066CC;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	cursor: hand; 
	text-decoration: none;
	font-style: italic;
}
A:hover {
	font: italic;
	COLOR: #FF3300;
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	font-style: italic;
}


a.panel_link {
	font: normal normal normal 10px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #0066cc;
	border-bottom: 1px dotted #4d485b;
	text-decoration: none;
}

.p_center {
	text-align: center;
}

.p_center a {
	font: italic normal normal 13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #0066cc;
	text-decoration: none;
}

.p_center a:hover {
	text-decoration: underline;
	color: #ff0000; 
}

p.bold {
	font: normal normal bold 15px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #626262;
	margin: 0;
	margin-bottom: 5px;
}

.middle {
	float: left;
	font: normal normal bold 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #626262;
}


a.tablink {
	font: italic normal normal 13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #0066cc;
	text-decoration: none;
}

a.tablink:hover {
	text-decoration: underline;
}

.err {
	font-weight: bold;
	color: #ba1715;
}





/*	>> Tables
-----------------------------------------------------------------------------*/

table {
	border: 0px; /* border="0" */
	border-collapse: collapse; /* cellspacing="0" */
}

table td {
	padding: 0px; /* cellspadding="0" */
	border: 0px;
}

/*	>> Controls
-----------------------------------------------------------------------------*/

.button {
	width: 68px;
	height: 26px;
	margin-left: 45px;
	margin-top: 10px;
	background: transparent url(images/send_butt.gif);
}

.hoverbutton {
	width: 68px;
	height: 26px;
	margin-left: 45px;
	margin-top: 10px;
	background: transparent url(images/send_butt.gif) 0px 26px;
}

.clickbutton {
	width: 68px;
	height: 26px;
	margin-left: 45px;
	margin-top: 10px;
	background: transparent url(images/send_butt.gif) 0px 52px;
}

.input_text {
	font: normal normal normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

.button_login {
	width: 68px;
	height: 26px;
	padding: 0;
	margin-left: 15px;
	margin-top: -1px;
	background: transparent url(images/login_butt.gif);
}

.hoverbutton_login {
	width: 68px;
	height: 26px;
	padding: 0;
	margin-left: 15px;
	margin-top: -1px;
	background: transparent url(images/login_butt.gif) 0px 26px;
}

.clickbutton_login {
	width: 68px;
	height: 26px;
	padding: 0;
	margin-left: 15px;
	margin-top: -1px;
	background: transparent url(images/login_butt.gif) 0px 52px;
}





/* dialogs for all pages
-----------------------------------------------------------------------------*/

.dialog_1 {
	float: left;
}

.dialog_1 #dia_1_top {
	font-size: 1px;
	float: left;
	width: 389px;
	height: 8px;
	background: url(images/rad_corn/dia_1_top.gif) no-repeat;
}

.dialog_1 #dia_1_cont {
	float: left;
	width: 389px;
	background: #ececec;
	overflow: hidden;
}
.dialog_1 #dia_1_cont_ {
	padding: 10px 15px 5px 15px;
}
.dialog_1 #dia_1_bott {
	font-size: 1px;
	float: left;
	width: 389px;
	height: 8px;
	background: url(images/rad_corn/dia_1_bott.gif) no-repeat;
}

.dialog_2 {
	float: left;
	margin-bottom: 5px;
}

.dialog_2 #dia_2_top {
	font-size: 1px;
	float: left;
	width: 359px;
	height: 5px;
	background: url(images/rad_corn/dia_2_top.gif) no-repeat;
}

.dialog_2 #dia_2_cont {
	float: left;
	width: 359px;
	font-size: 1px;
	background: #fff;
	overflow: hidden;
}
.dialog_2 #dia_2_cont_ {
	padding: 5px 10px 5px 10px;
}
.dialog_2 #dia_2_bott {
	font-size: 1px;
	float: left;
	width: 359px;
	height: 5px;
	background: url(images/rad_corn/dia_2_bott.gif) no-repeat;
}

.dialog_2 a {
	font: italic normal bold 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #0066cc;
}

.dialog_2 #dia_2_bott ul {
	margin-top: 15px;
	margin-left: 15px;
	list-style-image: url(images/li_image2.gif);
	list-style-position: outside;	
}

.dialog_2 #dia_2_bott ul li {
	font: normal normal bold 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

/*	>> Quick Contact dialog
-----------------------------------------------------------------------------*/

.dialog_3 {
	float: right;
}

.dialog_3 #dia_3_top {
	font-size: 1px;
	float: left;
	width: 200px;
	height: 9px;
	background: url(images/rad_corn/dia_3_top.gif) no-repeat;
}

.dialog_3 #dia_3_cont {
	float: left;
	width: 200px;
	background: #cdcdcd;
}
.dialog_3 #dia_3_cont_ {
	padding: 10px 15px 10px 15px;
}
.dialog_3 #dia_3_bott {
	font-size: 1px;
	float: left;
	width: 200px;
	height: 9px;
	background: url(images/rad_corn/dia_3_bott.gif) no-repeat;
}

.contact_input {
	float: left;
	color: #4d485b;
	font-size: 11px;
	height: 19px;
	width: 160px;
	padding-left: 5px;
	padding-top: 3px;
	border: 1px solid #6b6b6b;
}
.contact_phone {
	color: #4d485b;
	font-size: 11px;
	height: 19px;
	width: 30px;
	padding-left: 5px;
	padding-top: 3px;
	border: 1px solid #6b6b6b;
}
.contact_check {
	float: left;
	color: #4d485b;
	font-size: 11px;
	height: 19px;
	width: 19px;
	padding-left: 5px;
	padding-top: 3px;
	border: 1px solid #6b6b6b;
}
.contact_input2 {
	float: left;
	color: #4d485b;
	font-size: 11px;
	height: 19px;
	width: 160px;
	padding-left: 5px;
	padding-top: 3px;
	border: 1px solid #6b6b6b;
}

.contact_area {
	color: #4d485b;
	font-size: 11px;
	height: 100px;
	width: 160px;
	padding-left: 5px;
	border: 1px solid #6b6b6b;
}


/*	>> index seidebar-left dialog
-----------------------------------------------------------------------------*/

.dialog_4 #dia_4_top {
	font-size: 1px;
	float: left;
	width: 338px;
	height: 10px;
	background: url(images/rad_corn/dia_4_top.gif) no-repeat;
}

.dialog_4 #dia_4_cont {
	float: left;
	width: 338px;
	background: url(images/rad_corn/dia_4_cont.gif) repeat-y;
}
.dialog_4 #dia_4_cont_ {
	padding: 10px 15px 10px 15px;
}

.dialog_4 #dia_4_bott {
	font-size: 1px;
	float: left;
	width: 338px;
	height: 10px;
	background: url(images/rad_corn/dia_4_bott.gif) no-repeat;
}

.dialog_4 #dia_4_cont ul {
	margin-bottom: 15px;
	margin-left: 15px;
	list-style-image: url(images/li_image.gif);
	list-style-position: outside;
}

li {
	margin-bottom: 0px;
	font: normal normal normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

#dia_4_cont p {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	font: italic normal bold 13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #000;
	text-align: justify;
}

/*	>> Submenu dialog
-----------------------------------------------------------------------------*/

.dialog_5 {
	float: right;
	margin-bottom: 10px;
}

.dialog_5 #dia_5_top {
	font-size: 1px;
	float: left;
	width: 200px;
	height: 9px;
	background: url(images/rad_corn/dia_5_top.gif) no-repeat;
}

.dialog_5 #dia_5_cont {
	float: left;
	width: 200px;
	background: #e4e4e4;
}
.dialog_5 #dia_5_cont_ {
	padding: 10px 15px 10px 15px;
}
.dialog_5 #dia_5_bott {
	font-size: 1px;
	float: left;
	width: 200px;
	height: 9px;
	background: url(images/rad_corn/dia_5_bott.gif) no-repeat;
}

.dialog_5 #dia_5_cont ul {
	margin-left: 15px;
	list-style-position: outside;
	color: #0066cc;
}

.dialog_5 #dia_5_cont ul li {
	margin: 0;
	margin-bottom: 5px;
}

.dialog_5 #dia_5_cont ul li a {
	font: italic normal bold 13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	color: #0066cc;
}

.dialog_5 #dia_5_cont ul li a:hover {
	font: italic normal bold 13px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

/*	>> non-index seidebar-left dialog
-----------------------------------------------------------------------------*/

.dialog_6 {
	float: left;
	margin-bottom: 10px;
}

.dialog_6 #dia_6_top {
	font-size: 1px;
	float: left;
	width: 730px;
	height: 9px;
	background: url(images/rad_corn/dia_6_top.gif) no-repeat;
}

.dialog_6 #dia_6_cont {
	float: left;
	width: 730px;
	background: url(images/rad_corn/dia_6_cont.gif) repeat-y;
}
.dialog_6 #dia_6_cont_ {
	padding: 0px 15px 0px 15px;
}

	#dia_6_cont ul {
		margin: 0;
		margin-left: 15px;
	}
	
	#dia_6_cont ul li {
		display: inline;
		margin-left: 10px;
	}

.dialog_6 #dia_6_bott {
	font-size: 1px;
	float: left;
	width: 730px;
	height: 9px;
	background: url(images/rad_corn/dia_6_bott.gif) no-repeat;
}

.dialog_6_1 {
	float: left;
	margin-bottom: 10px;
}

.dialog_6_1 #dia_6_1_top {
	font-size: 1px;
	float: left;
	width: 730px;
	height: 9px;
	background: url(images/rad_corn/dia_6_top.gif) no-repeat;
}

.dialog_6_1 #dia_6_1_cont {
	float: left;
	width: 730px;
	background: url(images/rad_corn/dia_6_cont.gif) repeat-y;
}
.dialog_6_1 #dia_6_1_cont_ {
	padding: 0px 15px 0px 15px;
}
	#dia_6_1_cont ul {
	margin: 0;
	margin-left: 20px;
	list-style-position: inside;
	padding-left: 20px;
	}
	
	#dia_6_1_cont ul li {
	display: marker;
	}

.dialog_6_1 #dia_6_1_bott {
	font-size: 1px;
	float: left;
	width: 730px;
	height: 9px;
	background: url(images/rad_corn/dia_6_bott.gif) no-repeat;
}
/*	>> non-index seidebar-left subdialog
-----------------------------------------------------------------------------*/

.dialog_7 {
	float: left;
	margin-bottom: 10px;
}

.dialog_7 #dia_7_top {
	font-size: 1px;
	float: left;
	width: 694px;
	height: 9px;
	background: url(images/rad_corn/dia_7_top.gif) no-repeat;
}

.dialog_7 #dia_7_cont {
	float: left;
	width: 694px;
	height: 60px;
	background: url(images/rad_corn/dia_7_cont.gif) repeat-y;
}
.dialog_7 #dia_7_cont_ {
	padding: 10px 15px 5px 15px;
}

	#dia_7_sidebar_left {
		float: left;
		padding-right: 10px;
		width: 322px;
	}
	
	#dia_7_sidebar_right {
		float: left;
		width: 332px;
	}
	#dia_7_sidebar_right_ {
		padding-left: 20px;
	}	
.dialog_7 #dia_7_bott {
	font-size: 1px;
	float: left;
	width: 694px;
	height: 9px;
	background: url(images/rad_corn/dia_7_bott.gif) no-repeat;
}

.dialog_8 {
	float: left;
	margin-bottom: 10px;
}

.dialog_8 #dia_8_cont {
	padding: 10px 0 10px 0;
	float: left;
	width: 684px;
}
	
.dialog_8 #dia_8_cont a {
	display: block;
	padding: 10px 0 0 15px;
	float: left;
}
	





/* index.php page
-----------------------------------------------------------------------------*/

body#index {
	background: url(images/body_bg.jpg) repeat-x 0px 54px #fff;
}

/*	>> Header
-----------------------------------------------------------------------------*/

#sheader {
	height: 330px;
	background: url(images/sub_header_bg.jpg) no-repeat 50% 0%;
}

/*	>> Set up the #sidebar_left
-----------------------------------------------------------------------------*/

#sidebar_left {
	float: left;
	width: 338px;
	padding: 28px 0 0 10px;
}

/*	>> Set up the #sidebar_middle
-----------------------------------------------------------------------------*/

#sidebar_middle {
	float: left;
	width: 409px;
	padding: 10px 0px 0 20px;
}

/*	>> Set up the #sidebar_right
-----------------------------------------------------------------------------*/

#sidebar_right {
	float: left;
	width: 200px;
	padding: 10px 0 0 20px;
}

/*	>> Set up the #content
-----------------------------------------------------------------------------*/

.with_sidebar {
	margin:0 0 0 352px;
}

#content {
	width: 652px;
	padding: 15px 0 30px 10px;
}




/* non-index pages
-----------------------------------------------------------------------------*/

/*	>> Set up the document
-----------------------------------------------------------------------------*/

body#nonindex {
	background: url(images/body_bg_2.jpg) repeat-x 0px 54px #fff;	
}

/*	>> Set up the #sidebar_left
-----------------------------------------------------------------------------*/

#sidebar_left_nonindex {
	float: left;
	width: 750px;
	padding: 30px 10px 0 10px;
}

/*	>> Set up the #content
-----------------------------------------------------------------------------*/

.with_sidebar_nonindex {
	margin:0 0 0 770px;
}

#content_nonindex {
	width: 200px;
	padding: 15px 0 30px 0px;
}




/* web_sol.php page
-----------------------------------------------------------------------------*/
/*	>> Typography
-----------------------------------------------------------------------------*/
/*		>> Tables
-----------------------------------------------------------------------------*/

table#price {
	width: 730px;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table#price tr.light {
	background: #f5f5f5;
}

table#price tr.dark {
	background: #e6e6e6;
}

table#price tr.trfoot {
	background: #e0e0e0;
}

table#price th {
	background: #ccc;
	padding: 5px;
	border: 1px solid #fff;
	text-align: center;
	font: normal normal bold 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

table#price td {
	text-align: left;
	padding: 5px; /* cellspadding="0" */
	border: 1px solid #fff;
	text-indent: 5px;
	font: normal normal normal 12px "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}
#trailimageid {
	position: absolute;
	visibility: hidden;
	left: 0px;
	top: 0px;
	height: 1px;
	z-index: 5000;
}