* {
	margin: 0;
	padding:0;
	border:0;
}
body {
	font:12px/18px Arial,sans-serif;
	background:#9e0b0f;
}
h1, h2 {
	text-transform:uppercase;
}
blockquote {font-style:oblique;color:#666;}
.banner {
	background:#ECECEC;
	width:240px;
	height:400px;
	overflow:hidden;
}
.menu {
	display:block;
	font-size:14px;
	list-style:none inside;
}
	.menu li {
		float:left;
	}
	.menu a {
		text-decoration:underline;
		color:#000;
	}
	.menu a:hover {
		text-decoration:none;
	}
#page {
	position:relative;
	margin:0 auto;
	width:961px;
	z-index:2;
}
#header,
#promo,
#content, 
#footer {
	position:relative;
	margin-left:188px;
	z-index:99;
	zoom:1;
}

#header {
	position:relative;
	height:108px;
	background:#FFF;
}
	#ib-de #header {
		height:124px;
	}
	#header #title {
		padding:14px 0 14px 18px;
		overflow:hidden;
	}
		#header #title img {
			float:left;
		}
		#header #title h1 {
			float:left;
			font-size:26px;
			line-height:36px;
			margin:22px 0 22px 20px;
		}
			#ib-de #header #title h1 {
				float:none;
				margin-left:100px;
				margin-top:4px;
			}
	#header #top-menu {
		position:absolute;
		bottom:6px;
		left:118px;
		margin-left:-20px;
	}
		#header #top-menu li {
			margin-left:40px;
			text-transform:uppercase;
		}
		#header #top-menu li i {
			display:block;
			position:absolute;
			width:16px;
			height:16px;
			margin-left:-20px;
			background:url(http://files.brocompany.com/css/broco.10/tmp.sprite.png) no-repeat -16px -1585px;
		}
		#header #top-menu .chat i {
			background-position:0 -1585px;
		}
		#header #top-menu .partner i {
			background-position:-16px -1569px;
		}
		
#promo {
	padding:0 0 0 2px;
	margin:20px 0 35px 188px;
	overflow:hidden;
	
	color:#FFF;
}

	#gifts {
		margin:0 0 18px 80px;
		font-size:14px;
		list-style:inside;	
	}
		#gifts li {
			padding:16px 0 0 9px;
		}
		
#content {
	position:relative;
	padding:0 18px;
	background:#EFECE9;
	z-index:5;
	}
	#content #programs .wrap {
		overflow:hidden;
	}
	#content #programs .text {
		float:left;
		margin:0 250px 0 0;
	}
		#content .text ul,
		#content .text ol {
			margin:9px 0 18px 28px;
		}
	#content h2 {
		line-height:54px;
		font-size:14px;
		color:#303030;
	}
	#content ul#programs,
	#content ul.programs {
		list-style:none inside;
		overflow:hidden;
		margin-left:-16px;
	}
	#content div#programs ul.programs {
		float:right;
		margin-left:-250px;
	}
	#content div#programs {
		padding:18px 0;
	}
		#content div#programs div#ib,
		#content div#programs div#represent,
		#content div#programs div#white-label {
			margin-bottom:18px;
			padding:18px;
			background:#FFF;
			border:1px solid #FFF;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			font-size:14px;
			overflow:hidden;
		}
		#content div#programs div#ib img,
		#content div#programs div#represent img,
		#content div#programs div#white-label img {
			float:left;
			margin-right:18px;
		}
		#content div#programs div#ib h3,
		#content div#programs div#represent h3,
		#content div#programs div#white-label h3 {
			margin:36px 0;
			font-size:20px;
			color:#F00;
		}
		
		#content ul#programs li {
			position:relative;
			float:left;
			margin-left:16px;
			width:233px;
			height:375px;
			background:#FFF;
			border:1px solid #FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
		#ib-de #content ul#programs li {height:385px;}
			#content ul#programs li#franchising {
				background:#F00;
				margin-top:15px;
				padding-top:20px;
				width:734px;
				height:auto;				
			}
				#content ul#programs li#franchising IMG {
					float:left;
					margin:-20px 0 0 20px;
					width:109px;
				}
				#content ul#programs li#franchising H3 {
					color:#FFF;
				}
				#content ul#programs li#franchising P {
					margin-left:144px;
				}
				#content ul#programs li#franchising .learn-more {
					background:#FFF;
					border-color:#FFF;
					color:#F00;
					margin-bottom:13px;
					margin-left:544px;
				}
					#ib-de #content ul#programs li#franchising .learn-more  {
						margin-left:542px;
						margin-bottom:-6px;
					}
		#content ul.programs li {
			position:relative;
			margin:0 0 18px;
			width:233px;
			height:375px;
			background:#FFF;
			border:1px solid #FFF;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
		#content ul#programs img,
		#content ul.programs img {
			display:block;
			margin:18px auto 16px;
			width:185px;
		}
		#content ul#programs h3,
		#content ul.programs h3 {
			margin:0 14px;
			display:inline;
			font-size:12px;
			color:#F00;
		}
		#content #programs p,
		#content ul.programs p {
			margin:1px 14px;
		}
		#content ul#programs .learn-more,
		#content ul.programs .learn-more {
			display:block;
			position:absolute;
			bottom:18px;
			left:66px;
			padding:0 18px;
			text-decoration:none;
			text-align:center	;
			color:#FFF;
			line-height:28px;
			background:#F00;
			border:1px solid #F00;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
		}
			#ib-de #content ul#programs .learn-more,
			#ib-de #content ul.programs .learn-more  {
				left:42px;
				bottom:11px;
			}
	#content #feedback {
		margin:20px -18px 0;
		overflow:hidden;
		background:#FFF;
	}
	#content .feedback-wrap {
		float:left;
		width:500px;
	}
		#content #feedback h2 {
			margin:0 18px;
		}
		#content #feedback form {
			width:320px;
			margin:2px 18px 0;
			padding:0 0 18px;
		}
		#content #feedback form h2 {
			margin:0;
			font-size:16px;
			color:#F00;
		}
		#content #feedback dl {
			margin:0 0 6px;
			overflow:hidden;
		}
		#content #feedback dt {
			margin:10px 0 0;
		}
		#content #feedback dd {

		}
		#content #feedback input {
			width:300px;
			padding:0 9px;
			background:transparent;
			border:1px solid #818181;
		}

		#content #feedback textarea {
			width:300px;
			height:150px;
			padding:0 9px;
			background:transparent;
			border:1px solid #818181;
		}
		#content #feedback .captcha-img {
			float:left;
			display:block;
			margin:7px 10px 0 0;
			width:128px;
			height:39px;
		}
		#content #feedback .captcha-text {
			width:162px;
		}
		#content #feedback .coolbtn {
			float:right;
			clear:both;
			display:block;
			margin:14px 0 0;
			width:auto;
			background:#F00;
			border:1px solid #F00;
			border-radius:5px;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			color:#FFF;
			cursor:pointer;
		}
		#content #feedback .banner {
			float:right;
			margin:20px 18px 0 0;
		}
		#content #feedback .quick-form p {margin-left:18px;}
	#content #contacts {
		height:191px;
		overflow:hidden;
	}
		#content #contacts .wallpaper {
			float:left;
			padding:18px 18px 0 0;
			width:276px;
			height:191px;
			border-right:1px solid #8b8987;
		}
		#content .vcard {
			float:right;
			padding:36px 0;
			width:441px;
			border-left:1px solid #FFF;
		}
			#content .vcard .wrap {
				margin:0 30px 0 36px;
				padding:0 18px;
				background:#FFF;
			
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
			}
				#ib-de #content .vcard .wrap {
					padding:5px 18px;
				}
			#content .vcard h3 {padding-top:18px;color:#F00;}
			#content .vcard .photo {
				float:right;
				margin:0 0 0 18px;
				
			}
			#content .vcard .title {
				font-size:10px;
			}
			#content .vcard a {text-decoration:none;color:#000;}
			#content .vcard strong {
				background:url(http://files.brocompany.com/css/broco.10/tmp.sprite.png) no-repeat -16px -1585px;
				text-indent:-9999px;
				float:left;
				display:block;
				margin-right:6px;
				width:16px;
				height:16px;
			}
			#content .vcard .skype strong {
				background-position:-16px -1601px;
			}
			#content .vcard .email strong {
				background-position:0 -1601px;
			}
			
#footer {
	height:100px;
	background:#790000;
	font-size:10px;
	color:#FFF;
	text-align:center;
}
	#footer-menu {
		font-size:10px;
		padding-top:41px;

	}
	#footer-menu li {
		display:inline;
		float:none;
		padding:0 9px;
	}
	#footer a {
		color:#FFF;
	}
	
#page .page-photo {
	position:absolute;
	top:280px;
	width:300px;
	height:840px;
	background:url(page.photo.png) no-repeat 0 0;
	z-index:1;
	margin-left:-55px;
}
#page .page-bg {
	display:block;
	position:absolute;
	top:-30px;
	left:-200px;
	width:870px;
	height:507px;
	background:url(bg.body.png) no-repeat 0 0;
	z-index:0;
}

/*Content - zebra & compare tables
-----------------------------*/	
TABLE.zebra {margin:0 0 30px; color:#524242; clear:both;}
	TABLE.zebra TH,
	TABLE.zebra TD {padding:.4em; border-bottom:1px solid #A0A9A9;}
	TABLE.zebra TH {border-bottom:1px solid #A0A9A9; background:#8F8F8F; color:#FFF;}
	TABLE.zebra .caption {font-style:italic; color:#A30425;}
	TABLE.zebra .important {font-weight:700;}
	TABLE.zebra COL.even {background:#EEE;}
TABLE.compare TD {text-align:center; vertical-align:middle;}