/* =Imports
============================================================================== */

	@import url("resets.css");

/* =Base
============================================================================== */

	/* General
	-------------------------------------------------------------------------- */
		
		body {
			min-width: 964px;
			font: 62.5%/1.5 Arial, Helvetica, sans-serif, "Lucida Grande", "Lucida Sans", Tahoma, Verdana;
			background: url(../images/bg-header.jpg) top left repeat-x #fff;
			color: #646464;
			}
	
	/* Links
	-------------------------------------------------------------------------- */
	
		a, a:visited {
			color: #4282A2;
			text-decoration: none;
			}
			
		a:hover {
			text-decoration: underline;
			}


		#content {
			margin: 0 auto;
			width: 960px;
			text-align:left;
			}


		#content .copy {
			margin-bottom: 20px;
			width: 960px;
			background: url(../images/content-bottom-divide.gif) bottom center no-repeat;
			float: left;
			}

/* =Misc
============================================================================== */
	/* Tooltips
	-------------------------------------------------------------------------- */
		
		.tooltip {
			position: relative;
			}
		
		a.tooltip-button, a.tooltip-button:visited {
			width: 49px;
			height: 49px;
			position: relative;
			display: block;
			text-indent: -9999px;
			overflow: hidden;
			background: url(../images/tooltip-button.png) top left no-repeat;
			}
			
		a.tooltip-button:hover {
			background: url(../images/tooltip-button.png) center left no-repeat;
			}
			
		a.tooltip-button:active, a.tooltip-button-selected {
			background: url(../images/tooltip-button.png) bottom left no-repeat !important;
			}
		
		.tooltip-top {
			padding: 16px 0 0 0;
			width: 268px;
			background: url(../images/tooltip-top.png) top left no-repeat;
			display: none;
			position: absolute;
			top: 3px;
			right: 30px;
			}
			
		.tooltip-bottom {
			margin-bottom: -6px;
			padding: 0 45px 16px 20px;
			width: 203px;
			font-size: 1.2em;
			line-height: 1.5em;
			color: #2e5e6d;
			background: url(../images/tooltip-bottom.png) bottom left no-repeat;
			display: block;
			}
			
		.tooltip-bottom a, .tooltip-bottom a:visited {
			font-weight: bold;
			color: #0089d3;
			}
		
		/* carousel tooltips positioning for each specific photo - create a new "photo-X-tooltip" class for each tooltip that goes in the carousel. Replace "X" with number */
			
		#home-carousel-photos .home-photo-1-tooltip {
			position: absolute;
			top: 260px;
			right: 100px;
			}
			
		/* tooltip on top of photo on example interior page */
		
		#secondary-nav .interior-photo-1-tooltip {
			position: absolute;
			top: 250px;
			right: 120px;
			}
	
	/* Arrow Buttons
	-------------------------------------------------------------------------- */

		a.arrow-button, a.arrow-button:visited {
			padding: 11px 0 0 40px;
			height: 23px;
			background: url(../images/button-arrow.png) top left no-repeat;
			display: block;
			}
			
		a.arrow-button:hover {
			background: url(../images/button-arrow.png) center left no-repeat;
			}
			
		a.arrow-button:active, a.arrow-button:focus {
			background: url(../images/button-arrow.png) bottom left no-repeat;
			}