/******************************************************/
/******            KND Web Consulting            ******/
/******            Code by Andrew Mee            ******/
/******                 July 2007                ******/
/******************************************************/

/* General Formatting */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;font-size:1.4em;margin-bottom:1em;line-height:1.6;}
fieldset,img {border:0;}
label {font-size:1.4em;margin-bottom:1em;line-height:1.6;}

body {
	background:white;
	color:#404040;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin:0 auto;
	/*padding-top:57px;*/
	width:770px;
}

h1,h2,h3,h4,h5,h6 {font-weight:bold;}

h1 {float:left;font-size:;}
h2 {font-size:2em; margin-bottom:1em;}
h3 {font-size:1.5em; margin-bottom:1em;}
h4 {font-size:1.6em; margin-bottom:1em;}
h5 {font-size:1.2em; margin-bottom:1em;}
h6 {font-size:1.1em; margin-bottom:1em;}

h2.span {color:#BFBFBF;}
.owners h2 span {color:#8EA3C1;}

h2.number {color:#FF4F00;font-size:2.5em;margin:0;text-align:right;}

p, ul, ol, dl {font-size:1.4em;margin-bottom:1em;}
p {line-height:1.6;}

ul ul, ol ul, p ul, ol ol, ul ol, p ol {font-size:1em;}

dt {float:left;margin-right:1em;width:4em;}
dd {margin-bottom:1em;}
li {margin-bottom:1em;}

#subpage ul, #subpage ol {
 padding-left: 3em;
}

a {color:#404040;text-decoration:none;}
a:hover {text-decoration:underline;}

.center {text-align:center;}

.absleft {float:left;}
img.absleft {margin:0 10px 10px 0;}
.absright {float:right;}
img.absright {margin:0 0 10px 10px;}


/* Layout Elements */
h1 {margin-right:-3px;}
h1 a:hover {background:url('../images/icon_home.gif') no-repeat 18px 7px;%background-position: 18px 74px;}
h1 img {
	height:85px;
	width:200px;
}

#menu {
	background:url('../images/gradient_menu.gif') repeat-x top left #E3E3E3;
	border-bottom:1px solid #aaa;
	height:69px;
	list-style:none;
	margin-bottom:10px;
}

#menu li {display:block;float:left;position:relative;}
#menu li a {display:block;float:left;padding:26px 15px;text-decoration:none;}

#menu li ul {
	background:#E3E3E3;
	border:1px solid #aaa;
	border-top:0;
	display:none;
	list-style:none;
	position:absolute;
	left:0;
	top:68px;
	width:12em;
}

#menu li.hover {background:#E3E3E3;}
#menu li.hover ul {display:block;}
#menu li ul li {display:inline;float:none;position:static;margin:0;}
#menu li ul li a {display:block;float:none;padding:10px;_height:1%;_overflow:visible;}
#menu li ul li a:hover, #menu li ul li.hover {background:white;}

/* Menu highlighting - powered by body class, list class */
.propertyOwners .propertyOwners,
.tenants .tenants,
.franchiseOpportunities .franchiseOpportunities,
.about .about,
.contact .contact
{background:#e3e3e3;}

#directMail {
	background:#BFBFBF;
	background:url('../images/Devil-and-Angel1.jpg');
	clear:both;
	height:300px;
	margin:10px 0 5px 0;
	width:100%;
}

/*#switcheroo {
	background:red;
	height:130px;
	margin:5px 0 20px;
}*/

#triplets {}

div.triplet {
	float:left;
	margin-right:20px;
	width:243px;
}

div.triplet.tenant {margin:0;}

div.triplet h4, #sidebar h4 {
	background:url('../images/bg_default.gif') repeat-x #BFBFBF;
	%background-position:1px 1px;
	border:1px solid #aaa;
	padding:10px;
	margin-bottom:0;
}

div.owner h4,  #sidebar h4.owner {
	background:url('../images/bg_owner.gif') repeat-x #8EA3C1;
	%background-position:1px 1px;
}


div.tenant h4,  #sidebar h4.tenant {
	background:url('../images/bg_tenant.gif') repeat-x #BBCC3B;
	%background-position:1px 1px;
}

div.investor h4,  #sidebar h4.investor {
	background:url('../images/bg_investor.gif') repeat-x orange;
	%background-position:1px 1px;
}

div.triplet p, #triplets div.triplet ul, #sidebar p, #sidebar ul {
	background:#F2F2F2;
	border:1px solid #B3B3B3;
	border-top:0px;
	list-style:none;
	padding:10px;
}

div.triplet h4 img, #sidebar h4 img {float:left;position:relative;right:5px;margin-top:-15px;}

div.triplet ul em, #sidebar ul em {color:#666;font-style:normal;}

#submenu {
	background:url('../images/submenu_default.gif') repeat-x #BFBFBF;
	border:1px solid #B3B3B3;
	border-right:0;
	clear:left;
	float:left;
	margin:10px 0 0 0;
	width:195px;
}

#submenu.owners {background:url('../images/submenu_owner.gif') repeat-x #8EA3C1;}

#submenu li {list-style:none;margin:0;}

#submenu li a {display:block;padding:15px;_height:1%;}
#submenu li a:hover {background:url('../images/submenu_arrows.gif') no-repeat 160px center #BFBFBF;}

#submenu.owners li a:hover {background-color:#8EA3C1;}

#submenu li.active a,
#submenu li.active a:hover{
	background:#F2F2F2!important;
	border:1px solid white;
	border-bottom:1px solid #B3B3B3;
	border-right:0;
	color:#333;
	font-size:1.16667em;
	margin-right:-1px;
	position:relative;
	text-decoration:none;
	width:165px;
}

#subpage {
	background:#F2F2F2;
	border:1px solid #B3B3B3;
	float:right;
	margin:10px 0;
	padding:15px;
	width:542px;
}

#sidebar {clear:left;float:left;padding:10px 10px 0 0;width:186px;}
#sidebar h4 {font-size:1.4em;}
#sidebar p, #sidebar ul {font-size:1.2em;}

#footer {
	background:#BFBFBF;
	clear:both;
	color:white;
	padding:10px;_height:1%;
}

#footer span {float:right;}

#switcheroo {
	background:url('../images/switch_investors.gif') right top #8EA3C1;
	height:125px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
#switcheroo .switcheroonies {
	display:block;
	list-style:none;
}
#switcheroo li {
	float:left;
}
#switcheroo .switcheroo {
	border-right:5px solid white;
	cursor:pointer;
	display:block;
	height:125px;
	overflow:hidden;
	width:188px;
}
#switcheroo .switcheroo span {
	display:none;
}
#switcheroo .owners {
	background:url('../images/switch_owners.gif') #8EA3C1;
}
#switcheroo .tenants {
	background:url('../images/switch_tenants.gif') #8EA3C1;
}
#switcheroo .franchisees {
	background:url('../images/switch_franchisees.gif') #8EA3C1;
}
#switcheroo .investors {
	background:url('../images/switch_investors.gif') #8EA3C1;
	border-right:0;
}

#franchiseEnquiry label {clear:left;float:left;margin:0 1em 0.3em 0;text-align:right;width:10em;}
#franchiseEnquiry label.long {margin-bottom:5em;}
#franchiseEnquiry .basic {clear:none;float:none;margin:0 0 0.5em 0;}
#franchiseEnquiry input.basic {margin:0;}
#franchiseEnquiry input, #franchiseEnquiry select {margin-bottom:0.6em;}

/********ADDITIONAL STYLES FOR FORMS IN ADMIN AREA (added Sept 07)********/
#admin form {width:500px;}
#admin label {width:120px; display:block; float:left; text-align:right; padding-right:15px; line-height:1; }
#admin textarea, #admin input {width:300px; 
	float:left; 
	clear:right; 
	font-family:Arial, Helvetica, 'sans-serif'; 
	font-size:1.2em;
	}
#admin select{
	width:auto; 
	float:both; 
	clear:right; 
	font-family:Arial, Helvetica, 'sans-serif'; 
	font-size:1.2em;
	margin-bottom:10px;
	margin-right:200px;
	}
#admin .button{width:100px; clear:both; margin-left:135px;}
#admin .small{ font-style:italic;line-height:1; font-size:0.8em;}
#admin .check{width:auto;}
#admin .checklabel{ text-align:left; clear:both;}
#admin #boxgroup {width:400px; clear:both; margin-left:140px; margin-bottom:20px;}
#admin .login {width:auto; float:none; clear:none; margin-bottom:10px;}