/* load other stylesheets - name describes what they are for! */
@import url('forms.css');

/* Turn off margins and padding */
* {margin: 0; padding: 0;}


body {background-color: #FFF; margin: 0;}

html,body { margin-bottom:1px; height:101%; }

#wrapper {width: 990px; position: relative; margin: 0 auto 40px auto; font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; color: #666;}



/* Set-up base font styles - set so 1em = 10px */

/* link styles */
#wrapper a, #wrapper a:link {color: #666; text-decoration: none;}
#wrapper a:hover, #wrapper a:active {color: #666; text-decoration: underline;}
#wrapper a:visited {color: #666;}


/* Top banner including the logo, site switch menu and main navigation */
#wrapper #bannerFront {height: 140px; width: 990px; position: relative; background: #a7a9ac url(images/front-bg-tile.gif) repeat-x top; padding-top: 20px;}
#wrapper #bannerPlatinum {height: 140px; width: 990px; position: relative; background: #FFF url(images/front-bg-tile.gif) repeat-x top; padding-top: 20px;}
#wrapper #banner {height: 140px; width: 990px; position: relative; background: #FFF url(images/bg-tile.gif) repeat-x top; padding-top: 20px;}
#banner h1, #bannerFront h1, #bannerPlatinum h1 {position: absolute; margin-left: -9999px;} 
#banner div.logo a, #bannerPlatinum div.logo a, #bannerPlatinum div.logo a  {width: 110px; height: 120px; display: block; position: relative; margin-left: 40px;}


/* platinum site menu buttons front page */
/* for Platinum site */
#menu li a.platinum-front {background: url(images/menu-platinum-front.gif) no-repeat 0 -51px;}
#menu li a.platinum:hover {background: url(images/menu-platinum-front.gif) no-repeat 0px 0px;}
/* for Oriordan site */
#menu li a.oriordan-front {background: url(images/menu-oriordan-front.gif) no-repeat 0 -51px;}
#menu li a.oriordan:hover {background: url(images/menu-oriordan-front.gif) no-repeat 0 0;}



/* platinum site menu buttons */
#menu {list-style: none; position: absolute; top: 45px; right: 20px;}
#menu li {display: block; float: left; width: 53px; height: 52px; font-size: 7px; overflow: hidden; position: relative;}
#menu li a.menuItem {position: absolute; top: 0; left: 0; display: block; width: 54px; height: 52px; z-index: 90;}
/* for Platinum site */
#menu li a.platinum {background: url(images/menu-platinum.gif) no-repeat 0 -51px;}
#menu li a.platinum:hover {background: url(images/menu-platinum.gif) no-repeat 0px 0px;}
/* for Oriordan site */
#menu li a.oriordan {background: url(images/menu-oriordan.gif) no-repeat 0 -51px;}
#menu li a.oriordan:hover {background: url(images/menu-oriordan.gif) no-repeat 0 0;}


/* Main navigation */
#mainNav {position: absolute; top: 115px; right: -10px; width: 820px; font-size: 1.2em; margin: 0; padding: 0;}
#mainNav ul {list-style: none; margin: 0; padding: 0;}
#mainNav ul li {float: left; margin: 0; padding: 0;}
#mainNav ul li.active {float: left; width: 100px; margin: 0 0 0 10px; text-align: center; padding: 6px 0 6px 0; color: #CCC; _margin-left: 5px;}
#mainNav ul li a {display: block; float: left; width: 100px; margin: 0 0 0 10px; text-align: center; padding: 6px 0 6px 0; background: #FFF url(images/main-nav-bg.gif) no-repeat 0 0; _margin-left: 5px;}
#mainNav ul li a:hover {color: #FFF; text-decoration: none; background: #FFF url(images/main-nav-bg-hover.gif) no-repeat 0 0; }

/* footer styles */
#footer {width: 910px; margin: 20px auto 15px auto; clear: both; _margin-top: 45px;}
#footer ul {list-style: none;}
#footer ul li {display: block; float: left; margin-right: 12px;}
#footer ul li.copycat {float: right; margin-right: 0;}

/* content wrapper */
#contentWrapper {width: 910px; margin: 0 auto; min-height: 480px; height:auto !important; height:480px;}
#contentWrapper a:link, #contentWrapper a:visited {text-decoration: underline;}
#contentWrapper a:hover {text-decoration: none;}

#contentWrapper img {display: block; padding-bottom: 10px;}

#contentWrapper h2 {
	padding: 15px 0 0 0;
	font-size: 1.2em;
}
#contentWrapper h3 {padding: 10px 0 5px 0; font-size: 1.05em;}
#contentWrapper h4 {
	padding: 10px 0 5px 0;
	font-size: 14px;
}

#contentWrapper h5 {
	font-size: 14px;
	font-weight: normal!important;
}

#contentWrapper .noPadTop {padding-top: 0;}

/* full with heading replacement - see each sites css file for background image application */
div.fullWidth {margin: 20px 0 30px 0; height: 55px; overflow: hidden; position: relative; clear: both;}
div.fullWidth span {position: absolute; z-index: 10; top: 0; left: 0; display: block; height: 55px; width: 910px;}

/* full width content column - no heigh fixing */
div.contentFullWidth {margin: 20px 0 30px 0; position: relative; clear: both;}

/* left column */
div.leftColumn {width: 570px; margin: 0 20px 0 0; float: left; position: relative; height: 400px;}


div.leftColumn img {position: absolute; bottom: -6em;}
div.leftColumn p {text-align: right; width: 450px; float: right; font-size: 1.3em; font-weight: bolder;}
div.leftColumn p span {font-weight: lighter;}

div.leftColumn ul {width: 550px; position: relative; float: right; clear: both; margin-top: 10px; list-style: none; font-size: 1.1em; line-height: 1.5em;}
div.leftColumn ul li {text-align: right;}

/* right column heading image replacement */
div.rightColumn .heading, div.wideRightColumn .heading, div.contactRightColumn .heading {margin: 20px 0 15px 0; height: 55px; overflow: hidden; position: relative;}   
div.rightColumn .heading  span, div.wideRightColumn .heading  span, div.contactRightColumn .heading  span {position: absolute; z-index: 10; top: 0; left: 0; display: block; height: 55px; width: 910px;}

/* left column heading image replacement */
div.leftColumn .subHeading {height: 100px;  position: relative; clear: both;}
div.leftColumn .subHeading h2 {margin-left: -9999px;}
div.leftColumn .subHeading  span {position: absolute; z-index: 15; top: 0; left: 0; display: block; height: 55px; width: 570px;}

/* narrow left column */
div.narrowLeftColumn {width: 270px; margin: 0 30px 0 70px; _margin: 0 30px 0 35px; float: left; position: relative;}
div.narrowLeftColumn p {font-size: 1.1em; margin-bottom: 20px; text-align: right;}
div.narrowLeftColumn p.intro {font-weight: bolder;}

/* right column */
div.rightColumn {width: 320px; margin: 0 0 20px 0; float: left; clear: right; font-size: 1.1em;}

/* wide right coloumn */
div.wideRightColumn {width: 540px; margin: 0; float: left; clear: right; font-size: 1.1em;}

/* content formatting */
div.rightColumn ul, div.wideRightColumn ul, div.narrowLeftColumn ul, div.contactRightColumn ul {list-style: none;}
div.narrowLeftColumn ul {margin: 120px 0 0 70px;  border-bottom: 1px solid #CCC; padding: 10px 0 10px 0; font-size: 1.1em;}
div.rightColumn ul li, div.wideRightColumn ul li, div.narrowLeftColumn ul li, div.contactRightColumn ul li {padding: 0 0 3px 15px; background: url(images/69-bullet-point.gif) no-repeat 0 2px;}
div.rightColumn p, div.wideRightColumn p, div.narrowLeftColumn p, div.contactRightColumn p {padding: 10px 0 0 0;}
ul.padList {padding-top: 10px;}
ul.boldList {margin-top: 10px; font-weight: bold;}
div.rightColumn ul.boldList li, div.rightColumn ul.list li {background: url(images/link-arrow.gif) no-repeat 1px 2px;}
div.rightColumn ul.list li.active {color: #999;}

/* gallery - photos, location and plans */
#gallery, #gallerySubLevel {width: width: 910px; margin: 0 auto 0 auto; clear: both;}
#gallery ul, #gallerySubLevel ul {list-style: none; margin: 0; padding: 0;}
#gallery ul li, #gallerySubLevel ul li {margin: 0; padding: 0; float: left; _padding: 0 5px 10px 0;}
#gallery ul li a {display: block; float: left; margin: 0 5px 5px 0;  width: 75px; height: 45px; position: relative; border: 1px solid #999; font-size: 0.3em; overflow: hidden !important;}
#gallery ul li a:hover {border: 1px solid #333;}
#gallery ul li a span {display: block; float: left; margin: 0 0 0 0; width: 75px; height: 45px; margin-bottom: 5px; position: absolute; top: 0; left: 0; z-index: 99;}
#galleryWrapper {clear: both; width: 910px; padding-top: 5px;}
/* fixed heigh version for photo gallery and locations where jQuery is used */
#galleryWrapperFixedHeight {clear: both; width: 910px; height: 512px; overflow: hidden; padding-top: 5px;}


/* Sub level navigation */
#gallerySubLevel  ul li.active, #gallerySubLevel  ul li a {display: block; float: left; padding: 10px 14px 5px 0px; margin: 0 5px 0 2px; _margin: 0 0 0 2px; text-decoration: none !important;}
#gallerySubLevel  ul li a:hover {text-decoration: underline !important;}
#gallerySubLevel  ul li.active {color: #CCC;}


/* specific styles for contact form agents */
div.agent {padding-bottom: 60px; float: left; clear: left; margin-top: 15px;}
div.jimLazanas  {background: #FFF url(images/logo-jim-lazanas.gif) no-repeat 0 0; width: 120px; height: 80px;}

div.contactDetails {width: 250px; float: left; padding-top: 5px; line-height: 1.6em;}

div.agent h4, div.agent p {margin-right: 120px;}
div.contactDetails p {
	padding-top: 0;
	font-size: 1.1em;
}

hr {clear: both; border: none; height: 1px; background-color: #CCC;}



/*misc.... */
span.simulateBreak {display: block;}
h2.download {padding-top: 10px; font-size: 1.2em;}
div.padTop {padding-top: 30px;}
div.short {height: 320px;}
.noPadTop {padding-top: 0;}


/* clear fix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}