/*Theme Name:Maxum
 * Description:Template for Maxum Centre
 * Tags:
 * Version:1.0
 * Author: Daniel Gallo, design by Jon Stancer of Parade Creatve
 /* Author URI: http://paradecreative.com*/

/* CSS reset */

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;}
fieldset,img,abbr,acronym {border:0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th{text-align:left;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}
q:before,q:after {content:'';}
img,a img{border:none;text-decoration:none;outline:none;
}
/*
ie6 transparency fix
*/
img, div{ behavior: url(/wp-content/themes/edu-portfolio/iepngfix.htc) }

.big {font-size: 14px;}
.small {font-size: 12px;}
.blackText {color: black;}
strong {font-weight: bold}

body, html {height: 100%; width: 100%;}
body {font-family: Helvetica, Arial, sans-serif;}
a {color: #0069aa; text-decoration: none;}
a:hover {color: #53534a;}
#page {height: 100%; width: 100%; background-color: white;}

#topMaxumText {height: 5%; width: 1013px; background-image: url('images/maxumCentreText.gif'); background-repeat: no-repeat; background-position: 0% 100%;}
#mainContainer {height: 84%; width: 100%; overflow: hidden;}
#brandZoneContainer {height: 24%; width: 100%; background-color: #53534a;}
#brandZone {height: 100%; width: 1013px; background-color: #53534a; text-align: left; background-image: url('images/bannerText.png'); background-repeat: no-repeat; background-position: 0% 84%;}
#phone {position: relative; display: inline; top: 73%; margin-right: 100px; color: white; font-family: Helvetica, Arial, sans-serif; font-size: 20px; float: right;}
#maxumLogo {position: relative; display: inline; float: right; height: 100%;}
#bufferZone {height: 4%; width: 100%; background-color: white;}
#backImg {position: relative; height: 72%; width: 100%; overflow: hidden;}
img#bg {
position:relative;
top:0;
left:0;
height:100%;
}
#popContainer{position: absolute; z-index: 5; height: 84%; width: 100%; display: none;}
#overlay {position: absolute; width: 100%; height: 100%; background-color: black; color: white;
	opacity: .73; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=73); /* IE lt 8 */
	-ms-filter: "alpha(opacity=73)"; /* IE 8 */
	-khtml-opacity: .73; /* Safari 1.x */
	-moz-opacity: .73; /* FF lt 1.5, Netscape */
}
#sectionBg {
	position: absolute;
	height: 431px;
	width: 832px;
	margin-left: 50%;
	left: -409px;
	top: 50%;
	margin-top: -208px;
	background-color: transparent;
	z-index: 6;
	opacity: .85; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=85); /* IE lt 8 */
	-ms-filter: "alpha(opacity=85)"; /* IE 8 */
	-khtml-opacity: .85; /* Safari 1.x */
	-moz-opacity: .85; /* FF lt 1.5, Netscape */
}

#sectionContainer {
	position: absolute;
	height: 416px;
	width: 818px;
	padding: 0 11px 15px 3px;
	margin-left: 50%;
	left: -409px;
	top: 50%;
	margin-top: -208px;
	z-index: 7;
	font-size: 13px;
	color: #53534a;
}
.mainPop2 {width: 100%; height: 100%;}
.mainPop {width: 100%; height: 100%;}
.mainPop td {border: 0px solid orange}
.mainPopTopLeft {height: 28px;}
.mainPopRight {width: 350px;}
img#header {float: right; margin: 18px 15px 0 0;}

#contentContainer {position: relative; width: 390px; height: 290px; text-align: left; overflow: hidden;}
#mainPopContent {position: relative; width: 390px;}

.maxumLogo2 {float: left; margin: 21px 0 0 25px;}
.contentForAgents {height 225px; width: 290px; overflow: hidden;}
.forAgentsPassword {position: relative; float: right; width: 240px;}
.contentForAgents input {border: 1px solid #d4d3d3; width: 165px; height: 28px; margin-top: 10px;}
.forAgentsForm {margin-top: 100px;}

#siteLeftPane {float: left; display: inline; margin: 78px 0 0 115px;}
#siteSupportLinks {float: right; display: inline; width: 504px;}
a.siteSupport {float: right; width: 504px; height: 54px; display: block; overflow: hidden; margin-bottom: 20px;}
a.siteSupport:hover {background-position: 0 -54px;}
.sitePrice {background: url('images/sitePrice.png') 0 0 no-repeat;}
.siteThird {background: url('images/siteThird.png') 0 0 no-repeat;}
.siteSecond {background: url('images/siteSecond.png') 0 0 no-repeat;}
.siteGround {background: url('images/siteGround.png') 0 0 no-repeat;}
.sitePlan {background: url('images/sitePlan.png') 0 0 no-repeat;}

.salesRep {width: 100%; text-align: left;}
.salesRep img {border: 1px solid c8c8c8; margin: 17px 28px 0 0;}

ul.discList {list-style-type:disc; margin-left: 40px; list-style-image: url('images/bulletTriangle.png');}
ul.discList li {margin-bottom:5px;}

#navContainer {height: 6%; width: 100%; background-color: #0069aa; background-image: url('images/navBackground.png'); background-repeat: repeat-x; background-position: 0% 100%;}
#nav {position: relative; width: 1013px; height: 100%; background-color: #0069aa; background-image: url('images/navBackground.png'); background-repeat: repeat-x; background-position: 0% 100%;}
#nav #navForAgents, #nav #navVirtualTour {position: absolute; left: 0px; bottom: 0px; margin-bottom: 4px; z-index: 9;}
#navForAgents {height: 27px; width: 212px; overflow: hidden; display: block; float: left; background: url('images/navForAgents.png') 0 0 no-repeat;}
#navVirtualTour {height: 27px; width: 212px; overflow: hidden; display: block; float: left; background: url('images/navVirtualTour.png') 0 0 no-repeat;}
#navForAgents:hover, #navVirtualTour:hover {background-position: 0 -27px;}
#mainNav {position: absolute; bottom: 0px; right: 0px; margin-bottom: 4px; z-index: 8;}
#mainNav a {height: 27px; margin-left: 15px; overflow: hidden; display: block; float: right;}
#mainNav a:hover {background-position: 0 -27px;}
#navMPC {width: 149px; background: url('images/navMPC.png') 0 0 no-repeat;}
#navMaxumComplex {width: 115px; background: url('images/navMaxumComplex.png') 0 0 no-repeat;}
#navSite {width: 141px; background: url('images/navSite.png') 0 0 no-repeat;}
#navDeveloper {width: 83px; background: url('images/navDeveloper.png') 0 0 no-repeat;}
#navUpdates {width: 68px; background: url('images/navUpdates.png') 0 0 no-repeat;}
#navContactUs{width: 89px; background: url('images/navContactUs.png') 0 0 no-repeat;}
.navActive {background-position: 0 -27px !important;}
.navInactive {}

.scroll {height: 9px; width: 11px; overflow: hidden; display: block;}
.scroll:hover {background-position: 0 -9px;}
.scrollUp {background: url('images/scrollUp.png') 0 0 no-repeat; margin-bottom: 10px;}
.scrollDown {background: url('images/scrollDown.png') 0 0 no-repeat; margin-top: 10px;}

#footerContainer {width: 100%; height: 5%; background-color: #0069aa; color: white; font-size: 9px; text-transform: uppercase;}
#footerbottom {width: 1013px; height: 100%; background-color: #0069aa;}
#footerbottom a {color: white; text-decoration: none;}
#footerbottom a:hover {color: #999;}
#footerRight, #footerLeft {position: relative; display: inline; margin-top: 17px;}
#footerRight {float: right;}
#footerLeft {float: left;}
.preLoad, .contentHolder {display: none; visibility: hidden;}

a.btnClose {display: block; float: left; width: 27px; height: 28px; background: url('images/btnClose.png') 0 0 no-repeat;}
a.btnClose:hover {background-position: 0 -28px;}