/* @override http://localhost:8888/tandemsites/mf3/css/style.css */

/* Created by James Lay of tandemmarketing.ca */

/* Colours

Dark Gray #494c4c
Dark Blue #004e8f
*/

/*------ Global ------*/

html { 
	background-color: #cacaca; 
	background-image: url(../img/pattern_bg.png); 
	}

* { 
	padding: 0; 
	margin: 0; 
	}

body { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #333;
	overflow-y:scroll;
	overflow-x:auto;
	}

#map1 li { 
	list-style-type: none; 
	}

a.mf3-first { 
	display: block; 
	position: absolute; 
	top: 260px; 
	left: 170px; 
	width: 140px; 
	height: 20px; 
	}

a.mf3-second { 
	display: block; 
	position: absolute; 
	top: 280px; 
	left: 180px; 
	width: 130px; 
	height: 20px; 
	}

a.mf3-high { 
	display: block; 
	position: absolute; 
	top: 300px; 
	left: 280px; 
	width: 140px; 
	height: 20px; 
	}

a.mf3-dip { 
	display: block; 
	position: absolute; 
	top: 320px; 
	left: 340px; 
	width: 130px; 
	height: 20px; 
	}

#one a span { 
	display: none; 
	}

/*------ Text ------*/

p { 
	font: 1.1em/1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	margin-bottom: .9em; 
	color: #333; 
	}

h2 { 
	font: bold 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	color: #004e8f; 
	text-transform: uppercase; 
	margin-bottom: 10px; 
	letter-spacing: 1px; 
	}

/*------ Structure ------*/

#wrapper-home, #wrapper-product, #wrapper-invest, #wrapper-contact { 
	margin: 0 auto; 
	margin-top: 50px; 
	width: 960px; 
	min-height: 600px; 
	border: 1px solid gray; 
	background-color: white; 
	}

#wrapper-home { 
	background: white url(../img/home-bg.jpg) no-repeat left bottom; 
	}

#wrapper-product { 
	background: white url(../img/product-bg.jpg) no-repeat left bottom; 
	}

#wrapper-invest { 
	background: white url(../img/invest-bg.jpg) no-repeat left bottom; 
	}

#wrapper-contact { 
	background: white url(../img/contact-bg.jpg) no-repeat left bottom; 
	}

#col1, #col1b, #col2, #col3, #col4, #col5 { 
	float: left; 
	display: inline; 
	}

#col1 { 
	width: 150px; 
	margin: 60px 0 0 0; 
	}

#col1b { 
	width: 230px; 
	margin: 60px 0 0 0; 
	}

#col2 { 
	width: 580px; 
	margin: 60px 0 0 0; 
	}

#col3 { 
	width: 230px; 
	margin: 60px 0 0 0; 
	}

#col4 { 
	width: 500px; 
	margin: 60px 0 0 230px; 
	}

#col5 { 
	width: 500px; 
	margin: 60px 0 0 0; 
	}

#col1b img { 
	margin: 0 20px; 
	}

#col4 div.bio img { 
	 
	}

/*------ Menu Styles ------*/

#menu { 
	margin: 0 0 0 65px; 
	width: 830px; 
	height: 40px; 
	}

#menu ul { 
	margin: 0 auto; 
	text-align: center; 
	}

#menu ul li { 
	display: inline-block; 
	width: 150px; 
	height: 40px; 
	background-color: maroon; 
	margin: 0 20px 0 0; 
	float: left; 
	}

#menu ul li a { 
	color: white; 
	display: block; 
	width: 150px; 
	height: 40px; 
	text-indent: -2000px 
	}

/* Unique Menu styles */

#menu ul li.home { 
	background: url(../img/main-menu-btns.gif) no-repeat 0 0; 
	}

#menu ul li.home:hover, #menu ul li.home.active { 
	background: url(../img/main-menu-btns.gif) no-repeat 0 -60px; 
	}

#menu ul li.product { 
	background: url(../img/main-menu-btns.gif) no-repeat -170px 0; 
	}

#menu ul li.product:hover, #menu ul li.product.active { 
	background: url(../img/main-menu-btns.gif) no-repeat -170px -60px; 
	}

#menu ul li.invest { 
	background: url(../img/main-menu-btns.gif) no-repeat -340px 0; 
	}

#menu ul li.invest:hover, #menu ul li.invest.active { 
	background: url(../img/main-menu-btns.gif) no-repeat -340px -60px; 
	}
	
#menu ul li.management { 
	background: url(../img/main-menu-btns.gif) no-repeat -680px 0; 
	}

#menu ul li.management:hover, #menu ul li.management.active { 
	background: url(../img/main-menu-btns.gif) no-repeat -680px -60px; 
	}	

#menu ul li.contact { 
	background: url(../img/main-menu-btns.gif) no-repeat -510px 0; 
	}

#menu ul li.contact:hover, #menu ul li.contact.active { 
	background: url(../img/main-menu-btns.gif) no-repeat -510px -60px; 
	}

#menu ul li.last { 
	margin-right: 0; 
	}

/*------ Logo Styles ------*/

div.built-logo { 
	display: inline; 
	}

#col1 img { 
	margin: 0 20px; 
	}

div.mf3-logo a { 
	margin: 0 0 0 30px; 
	float: left; 
	width: 150px; 
	height: 70px; 
	background: url(../img/mf3-logo.png) no-repeat left top; 
	text-indent: -2000px; 
	position: relative; 
	}

div.mf3-logo a:hover { 
	background: url(../img/mf3-logo-over.png) no-repeat left top; 
	}

div.mf3-login a { 
	margin: 20px 0 0 30px; 
	float: left; 
	width: 150px; 
	height: 30px; 
	background: url(../img/investor-login-btn.png) no-repeat left 0; 
	text-indent: -2000px; 
	position: relative; 
	}

div.mf3-login a:hover { 
	background: url(../img/investor-login-btn.png) no-repeat left -30px; 
	}
	
div.realpac-logo a {
 	margin: 300px 0 0 30px; 
	float: left; 
	width: 150px; 
	height: 70px; 
	background: url(../img/realpac-logo-hover.jpg) no-repeat left top; 
	text-indent: -2000px; 
	}

div.realpac-logo a:hover { 
	background: url(../img/realpac-logo.jpg) no-repeat left top; 
	}

ul.head-office { 
	margin: 20px 0	0 30px; 
	float: left; 
	width: 200px; 
	}

ul.head-office li { 
	margin-bottom: 5px; 
	line-height: 1.3em; 
	font-size: .9em; 
	}

/*------ Bio Styles ------*/

#col4 img { 
	float: left; 
	border: 1px solid gray; 
	margin: 0 10px 0 0; 
	}

#map img { 
	margin-bottom: 230px; 
	}

#col4 div.bio-copy h2 { 
	font-size: 1em; 
	color: gray; 
	float: left; 
	margin-bottom: .6em; 
	font-weight: normal; 
	font-style: normal; 
	clear: both; 
	}

div.bio-copy { 
	float: left; 
	width: 390px; 
	margin-bottom: 1em; 
	display: inline; 
	}

#col4 div.bio p { 
	float: left; 
	display: inline; 
	}

/*------ Product Styles ------*/

#col2 div.tabContainer  ul { 
	list-style-type: disc; 
	list-style-position: outside; 
	font: 1.1em/1.4em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; 
	margin-left: 15px; 
	}

#col4 div.bio-copy h2 strong { 
	color: #004e8f; 
	}

#two ul li ul { 
	margin-top: 10px; 
	}

#col2 div.tabContainer ul li { 
	margin: 5px 0; 
	}

#col2 div.tabContainer  ul li ul li { 
	list-style-type: circle; 
	list-style-position: outside; 
	margin-left: 0; 
	font-size: .9em; 
	}

/*------ Sub Menu Styles ------*/

#sub-menu { 
	float: right; 
	margin-right: 15px; 
	text-align: right; 
	text-transform: uppercase; 
	display: inline; 
	font-size: .9em; 
	position: relative; 
	margin-top: -6px; 
	}

#sub-menu li a.zero { 
	display: block; 
	visibility: hidden; 
	position: absolute; 
	top: 0; 
	right: 0; 
	margin: 0; 
	}

#col2 div.tabContainer { 
	border-left: 1px solid gray; 
	padding-left: 20px; 
	}

#first { 
	position: absolute; 
	visibility: hidden; 
	top: 0; 
	left: 0; 
	}

#sub-menu li { 
	margin: 0 0 10px 0; 
	}

#sub-menu li a { 
	text-decoration: none; 
	color: gray; 
	}

#sub-menu li a:hover { 
	color: #004e8f; 
	}

#sub-menu li a.selected { 
	color: #004e8f; 
	}

/*------ Contact Styles ------*/

#col4 ul { 
	list-style-type: disc; 
	list-style-position: inside; 
	font-size: 1.1em; 
	line-height: 1.4em; 
	}

#col4 ul li { 
	margin: 0; 
	}

#col4 ul.operators { 
	float: left; 
	margin: 0 25px 10px 0; 
	padding: 0; 
	text-decoration: none; 
	width: 225px; 
	}

ul.operators.last { 
	margin: 0; 
	}

#col4 div.contact-details ul.operators.last { 
	margin-right: 0; 
	}

ul.operators li { 
	list-style-type: none; 
	}

li.name { 
	color: white; 
	font-weight: bold; 
	display: block; 
	line-height: 20px; 
	text-transform: uppercase; 
	background: url(../img/name-bg3.png) no-repeat; 
	padding-left: 5px; 
	font-size: .8em; 
	}

#col4 div.contact-details ul.operators li.name { 
	margin: 7px 0; 
	}

ul.operators li.email a { 
	color: #004e8f; 
	}

ul.operators li.email a:hover { 
	color: gray; 
	}

#btm-mar-push { 
	clear: both; 
	margin-bottom: 250px; 
	text-indent: -2000px; 
	}

li.company { 
	font-weight: bold; 
	}

li.company, li.location, li.phone, li.email { 
	padding-left: 5px; 
	}