/**
 * Navigator Multimedia Inc Standard CSS.
 * @author Chris Satterthwaite <chris@navigatormm.com>
 * @version 1.0
 * @copyright Copyright (c) 2007, Navigator Multimedia Inc
**/

/***** Body Formatting *****/
body { color:#ffffff; background-color:#615e5b;}
#wrapper{ width:863px; margin:20px auto 0px auto; padding-top:7px; background-color:#FFFFFF;}

/***** Cube Formatting *****/	
#cube1, #cube2, #cube3, #cube4, #cube5 {
	width:134px;
	height:114px;
	margin-bottom:7px;
	padding:4px;
	}
#cube1 {background-color:#619bae;}
#cube2 {background-color:#7ab2e1;}	
#cube3 {background-color:#95d0df;}	
#cube4 {background-color:#abdce3;}	
#cube5 {background-color:#bfe3c8;margin-bottom:0px;}
			
/***** Header Formatting *****/	
#header {height:149px; width:700px; }

/***** Main Navigation Formatting *****/	
#main-navagation {
	width:700px;
	height:25px;
	display:block;
	background:url(../images/interface/navbar.gif) no-repeat;/*comment this line if using text only Navigation*/
	position:relative;
	}
	
#main-navagation li {
	margin:0px;
	padding:0px;
	list-style:none;
	/*float:left; uncomment this if using text only Navigation*/
	position: absolute;/*comment this line if using text only Navigation*/
	top:0px;/*Remove this line if using text only Navigation*/
	height:25px;
	}
	
#main-navagation li span {display:none;}/*comment this line if useing text only Navigation*/	
#main-navagation li a {height:25px; display:block;}/*remove height and display block if using text only navigation*/

/*comment this block of code if using text only Navigation*/
#home {left:0px;  width:60px;}
#services {left:60px; width:73px;}
#select-a-realtor {left:133px; width:125px;}
#home-staging {left:258px; width:103px;}
#realtors-only {left:361px; width:109px;}
#about-us {left:469px; width:74px;}
#staged-homes {left:544px; width:156px;}
 
#home a:hover, .homeon {background:transparent url(../images/interface/navbar.gif) -0px  -25px no-repeat;}
#services a:hover, .serviceson {background:transparent url(../images/interface/navbar.gif) -60px -25px no-repeat;}
#select-a-realtor a:hover, .select-a-realtoron {background:transparent url(../images/interface/navbar.gif) -133px -25px no-repeat;}
#home-staging a:hover, .home-stagingon {background:transparent url(../images/interface/navbar.gif) -258px -25px no-repeat;}
#realtors-only a:hover, .realtors-onlyon {background:transparent url(../images/interface/navbar.gif) -361px -25px no-repeat;}
#about-us a:hover, .about-uson {background:transparent url(../images/interface/navbar.gif) -469px -25px no-repeat;}
#staged-homes a:hover, .about-uson {background:transparent url(../images/interface/navbar.gif) -544px -25px no-repeat;}
/*-------------------------------------------------------*/

/***** Vertical Dropdown Formatting *****/
#main-navagation li ul { list-style: none;}
#main-navagation li ul li {float:none;}/* Stops the drop down menu li text from floating left */
#main-navagation ul li {position:relative;}/*Makes the drop down menu postion 0,0 on the parent li instead of the browser window If text Nav remove UL*/

#main-navagation li ul {
	display:none;
	background-color:#ffffff;/* Trick IE into using hover */
	position:absolute;
	left:0px;
	top:22px;
	}

#main-navagation li ul li{
	width:120px;/*Changes the width of drop down*/
	height:10px;
	padding:5px;/*Fixes White Space in IE*/
	border: 1px solid #262321;
	background-color:#262321;
	}

#main-navagation li ul li:hover{
	color:#820024; 
	background-color:#615e5b;
	}

#main-navagation li ul li a { 
	color:#ffffff; 
	font-size:0.8em;
	font-weight:bold;
	text-decoration:none;
	display:block;
	line-height:1.2em;
	}

#main-navagation li ul li a:hover { 
	color:#5995a9;
	background-image:none;
	}

#main-navagation li:hover ul, #main-navagation li.over ul { display: block; }
#main-navagation li:hover ul, li.over ul { display: block; }

/***** Content Formatting *****/	
#content-wrapper {
	min-height:471px;
	height:auto !important;
	height:471px;
	background-color:#43403d;
	}

#col1 {
	width:142px;
	min-height:400px;
	height:auto !important;
	height:400px;
	padding:0px 7px 7px 7px;
	background-color:#FFFFFF;
	}
	
#col2 {
	width:700px;
	padding-right:7px;
	}

/***** Col1 General Page Formatting *****/
#content-wrapper h1 { color:#ffffff; font-size:1.3em; font-weight:bold; padding:5px 5px 10px 15px;}
#content-wrapper h2 { color:#ffffff; font-size:1.2em; font-weight:bold; padding:5px 5px 10px 15px;}
#content-wrapper h3 { color:#ffffff; padding:5px 0px 5px 15px;}
#content-wrapper p  { color:#ffffff; font-size:0.95em; text-align:justify; padding:0px 15px 8px 15px}
#content-wrapper ul { color:#ffffff; font-size:0.9em; list-style:none; padding:0px 0px 10px 20px;}
#content-wrapper ol { color:#ffffff; font-size:0.9em; list-style:decimal; padding:0px 0px 10px 40px;}
#content-wrapper li { padding:0px 0px 5px 0px;}
#content-wrapper a  { color:#b4e0ea;}
#content-wrapper .image {border:5px solid #ffffff;}
#content-wrapper .contactimg {margin:10px;}
#content-wrapper #paboutus {
	min-height:330px;
	height:auto !important;
	height:330px;
	}
/*****Item Formatting*****/
#content-wrapper #item{
	min-height:100px;
	height:auto !important;
	height:100px;
	}
#content-wrapper #item p{
	font-size:1em;
	}
	
#content-wrapper #item h2{
	font-size:1.5em;
	}
#content-wrapper .lightgrey{ background-color:#43403d;}
#content-wrapper .darkgrey{ background-color:#201e1d;}
#content-wrapper #item a  { color:#b4e0ea; padding-right:30px; font-weight:bold;}

/***** Formatting Featured*****/
#featured {height:170px; background-color:#615e5b;}
#featured #featured-header {background-color:#3d3a36;}
#featured ul{width:558px; margin:0 auto; list-style:none; padding:0px 0px 0px 0px;}
#featured li{text-align:center; width:100px; float:left; margin:5px;}
#featured li p{font-size:0.8em; text-align:center; width:100px; display:block; padding:0px 0px 0px 0px;}

/***** Formatting Select a Realtor*****/
#select-realtor #pager { height:20px; margin-bottom:10px;}
#select-realtor #pager ul{width:300px; float:right;}
#select-realtor #pager li {text-align:center; float:left;}
#select-realtor #pager .page { color:#000000; font-size:0.8em; height:8px; width:15px; border:1px solid #FFFFFF; background-color:#CCCCCC;}
#select-realtor #pager .page:hover,#select-realtor #pager .pagenext:hover {background-color:#ffffff;}
#select-realtor #pager .pagenext{ color:#000000; font-size:0.8em; height:8px; width:50px; border:1px solid #FFFFFF; background-color:#CCCCCC;}

#select-realtor ul{color:#000000; width:558px; margin:0 auto; list-style:none; padding:0px 0px 0px 0px;}
#select-realtor li{text-align:center; width:100px; float:left; margin:5px;}
#select-realtor li p{font-size:0.8em; text-align:center; width:100px; display:block; padding:0px 0px 0px 0px;}

/***** Side Nav Formatting *****/	
#col2 #sub-nav { text-align:right; margin-top:36px;}
#col2 #sub-nav li { margin:0px; padding:0px; list-style: none;}	
#col2 #sub-nav li a{ color:#FF9900;}
#col2 #sub-nav li a:hover{ color:#000000;}

/***** Gallery Formatting *****/

#gallery-categories {
	list-style: none;
	width: 600px;
	padding: 10px;
	margin: 0 auto;
}

#gallery-categories li {
	float: left;
	margin: 10px 10px;
	width: 250px;
	height: 200px;
	display: block;
	border: 5px solid #FFF;
	position: relative;
	
}

#gallery-categories li a {
	display: block;
	width: 250px;
	height: 200px;
	text-decoration: none;
}

#gallery-categories li:hover {
	border: 5px solid #000;
}

#gallery-categories .title {
	width: auto;
	color: #000;
	padding: 3px;
	height: 15px;
	border: 1px solid #000;
	background: #FFF;
	position: absolute;
	bottom: 10px; 
	left: -10px;
}

/***** Footer Formatting *****/	
#footer {
	width:849px;
	padding:7px;
	background-color:#FFFFFF;
	}
	
#footer-nav { 
	font-size:0.8em; 
	width:849px;/*Changes the width to center the links*/
	height:48px;
	background-color:#615e5b;
	}
	
#footer-nav li{ margin:0px 6px; float:left;}
#footer-nav a{ color:#820024;}

#footer-address { color:#000000; font-size:0.8em; width:863px; margin-top:5px;}
#footer-address  a{ color:#000000;}


/***** MODAL! *****/	
/* Overlay */
#simplemodal-overlay {background:#000; cursor:wait;}

/* Container */
#simplemodal-container { width:965px; height:535px; background:#43403d; border:3px solid #FFF;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:33px; height:34px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:0px;}


/*BEFOER AFTER*/				   

#gallery-beforeafter {
	color:#FFF;
	font-weight:bold;
	padding: 20px;
	font-family: Arial, Helvetica;
	background: #43403d;
	width: 915px;
	height: 485px;
	position: relative;
	margin: 0px;
}

#gallery-beforeafter h1 {
	text-align:center;
	font-size:24px;
}

#gallery-beforeafter p {
	text-align:center;
	font-size:14px;
}

/*EVENTS*/				   

#gallery-events {
	color:#FFF;
	font-weight:bold;
	padding: 20px;
	font-family: Arial, Helvetica;
}

#gallery-events h1 {
	text-align:center;
	font-size:24px;
}

#gallery-events p {
	text-align:center;
	font-size:14px;
}