html, body {
	background-color: #F0F0F0;
	font-family: Georgia, serif; 
}
body {
	margin:1em 0;
}

a:link, a:visited {
    color: #BF2391;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.clear {
	clear: both;
}
#top_container {
	background-image: url(../images/bg_top.gif);
	background-repeat: no-repeat;
	height: 153px;
}
#middle_container {
	background-image: url(../images/bg_middle.gif);
	background-repeat: repeat-y;
	background-color: White;
}
#mcc_extender {
	width: 1px;
	float: left;
	height: 480px;
}
#mc_content {
	float: left;
	padding: 0 0 0 4px;
	width: 969px;
	background-image: url(../images/bg_container.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
}
#bottom_footer {
	background-image: url(../images/bg_footer.gif);
	background-repeat: no-repeat;
	height: 51px;
	padding: 6px 0 0 0;
}

/* bottom links */
#bf-links {
	width: 969px;
	text-align: center;
}
#bottom_footer ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#bottom_footer li {
	display: inline;
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
}
#bottom_footer li a {
	padding: 0 5px 0 5px;
	font-size: 0.75em;
	color: #808183;
	text-decoration: none;
	border-right: 1px solid #808183;
}
#bottom_footer li a:hover {
	text-decoration: underline;
	color: Black;
}
#bottom_footer li a.last {
	border-right: 0;
}

/* main content, padding bottom not to overlap with the image */
#mcc_main {
	float: left;
	padding: 0 0 50px 0;
}

#top-links {
	height: 128px;
}

/* top menu */
#top_menu {
	background: #909193;
	padding-left: 5px;
}
#top_menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#top_menu li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#top_menu li a, .nav ul li a {
	float: left;
	height: 25px;
	display: block;
}
#top_menu li a:hover, .nav ul li a, #top_menu li .active {
	background-position: 0 -25px;
}

#tm_home {
	background: url(../images/menu/home.gif) 0 0 no-repeat;
	width: 124px;
}
#tm_aboutus {
	background: url(../images/menu/about-us.gif) 0 0 no-repeat;
	width: 121px;
}
#tm_philosophy {
	background: url(../images/menu/philosophy.gif) 0 0 no-repeat;
	width: 123px;
}
#tm_services {
	background: url(../images/menu/services.gif) 0 0 no-repeat;
	width: 122px;
}
#tm_news {
	background: url(../images/menu/news.gif) 0 0 no-repeat;
	width: 118px;
}
#tm_relocations {
	background: url(../images/menu/relocations.gif) 0 0 no-repeat;
	width: 120px;
}
#tm_suppliers {
	background: url(../images/menu/suppliers.gif) 0 0 no-repeat;
	width: 120px;
}
#tm_contactus {
	background: url(../images/menu/contact-us.gif) 0 0 no-repeat;
	width: 122px;
}
#tm_hotproducts {
	background: url(../images/menu/hot-products.gif) 0 0 no-repeat;
	width: 122px;
}

/* FLOATING SUBMENU */
.nav ul { position:absolute; top:-999em; }
.nav ul li,
.nav a {
	width: 100%;
}
.nav li {
	float:left;
	position:relative;
	z-index:99;
}
.nav li:hover ul,
ul.nav li.sfHover ul {
	left:0px;
	top:25px;
	margin: 0;
	padding: 0;
}
.nav li:hover li ul,
.nav li.sfHover li ul {
	top:-999em;
}

.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:0px;
	top:25px;
}
.superfish li:hover ul,
.superfish li li:hover ul {
	top: -999em;
}

/* top links */
#link-home a {
	height: 116px;
	margin: 10px 0 0 25px;
	width: 350px;
	display: block;
}

/* office small buttons top */
#top-small-buttons {
	padding: 55px 0 0 50px;
}
#top-small-buttons ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#top-small-buttons li {
	display: inline;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#top-small-buttons li a {
	float: left;
	height: 64px;
	display: block;
}
#top-small-buttons li a:hover, #top-small-buttons li .active {
	background-position: 0 -64px;
}
#tsb-reception {
	background: url(../images/office/reception.gif) 0 0 no-repeat;
	width: 52px;
	padding-right: 17px;
}
#tsb-finance {
	background: url(../images/office/finance.gif) 0 0 no-repeat;
	width: 52px;
	padding-right: 10px;
}
#tsb-sales-force {
	background: url(../images/office/sales_force.gif) 0 0 no-repeat;
	width: 64px;
	padding-right: 12px;
}
#tsb-accounts {
	background: url(../images/office/accounts.gif) 0 0 no-repeat;
	width: 52px;
	padding-right: 4px;
}
#tsb-office-manager {
	background: url(../images/office/office_manager.gif) 0 0 no-repeat;
	width: 78px;
}

#signup-to-reformit-container {
	padding: 35px 0 0 0;
}
#signup-to-reformit {
	width: 140px;
	height: 76px;
	background: url(../images/sign-up-top.gif) 0 0 no-repeat;
	display: block;
}
#signup-to-reformit:hover, #signup-to-reformit-container .active {
	background-position: 0 -76px;
}

/* main page typography */
.pink_b {
	color: #BC1A8C;
	font-size: 22px;
}
.blue_n { color: #00969F; }
.green_n { color: #C9DA2A; }
.grey_n { color: #C8C8C8; }
.dark_grey_n {	color: #808183 }

.green_n a { color: #808183 !important; text-decoration: underline !important; }
.green_n a:hover { font-weight: bolder; }
.grey_n a {	color: #C9DA2A !important; text-decoration: underline !important; }
.grey_n a:hover { font-weight: bolder; }

/* Left and right containers */
#tpl_4_mccm_left { float: left; width: 366px; overflow: hidden; }
#tpl_4_mccm_left div.content { text-align: justify; padding: 30px 0 30px 30px; }
#tpl_4_mccm_right { float: left; width: 598px; overflow: hidden; }
#tpl_4_mccm_right div.reformit_flash {	margin: 15px 0 30px 0; }

#tpl_1_mccm_left { float: left; width: 489px; overflow: hidden; }
#tpl_1_mccm_left div.content { text-align: justify; padding: 30px 0 30px 30px; }
#tpl_1_mccm_right { float: left; width: 475px; overflow: hidden; }
#tpl_1_mccm_right div.content {	text-align: justify; padding: 30px 20px 30px 30px; }

#tpl_2_mccm_left { float: left; width: 489px; overflow: hidden; }
#tpl_2_mccm_left div.content { text-align: justify; padding: 30px 0 30px 30px; }
#tpl_2_mccm_right { float: left; width: 475px; overflow: hidden; }
#tpl_2_mccm_right div.content {	text-align: justify; padding: 30px 20px 30px 30px; }

#tpl_3_mccm_left { float: left; width: 964px; overflow: hidden; }
#tpl_3_mccm_left div.content { text-align: justify; padding: 30px; }

#mcc_main li {
	line-height: 150%;
	padding: 3px 0 3px 5px;
}
#mcc_main ul {
	margin: 0px;
	padding: 10px 0 10px 25px;
}

