@charset "UTF-8";
/* CSS Document */


/*------------------------------------------------------------------
[Table of contents]

		1. Body
			1.1 Container / #container
		2. Header / #header
			2.1. TopNav / #topnav
			2.2. HeadLogo 
			2.3. Nav / #mainnav
		3. Content / #content
			3.1. Left column / #leftcolumn
			3.2. Right column / #rightcolumn
		4. Footer / #footer
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
# [Color codes]

# Cream: #FFFDEE
# Light Green: #95AB9A
# Dark Green: #5D6B61
# Red #C70049

# */


/*------------------------------------------------------------------
[Typography]

Body copy:		1.2em/1.6em Helvetica, Arial, Geneva, Verdana, sans-serif;
Headers:		2.7em/1.3em Georgia, "Times New Roman", Times, serif;
Input, textarea:	1.1em Helvetica, Arial, Geneva, Verdana, sans-serif;


Notes:	decreasing heading by 0.4em with every subsequent heading level
-------------------------------------------------------------------*/

/*----- Global -----*/

/*----- 1. Body - container -----*/

body {
	min-height:101%;
	background-color: #FFFDEE;
	background-image: url(../images/bg_gradient.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	width: 100%;
}
html {
	height:100%
}
#container {
	background-color: #FFFDEE;
	position:relative;
	margin:0 auto;
	padding: 0px 45px;
	width: 810px;
	min-height:400px;
}
	a:focus { -moz-outline-style: none; }
	
.left {
	float:left
}
.right {
	float:right
}
.clearfloat {
	clear:both
}
img {
	border:none;
	margin:0;
	padding:0
}
h1 {
	float:left;
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2em;
	font-weight: normal;
	color: #95AB9A;
	background-image: url(../images/jmf_logo.gif);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	height: 72px;
	width: 223px;
}
h2, h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	color:#FFFDEE;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	line-height:110%
	
}
p {
	color:#FFFDEE;
	font-family:Helvetica, Arial, Verdana;
	font-size:1.03em;
	line-height: 115%;
	margin: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight:normal;
}
ul, li {
	margin: 0px;
	padding: 0px;
}
/*----- 2. Header -----*/


#header {
	margin: 0px;
	padding: 0px;
	width: 810px;
}
#topNav {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
}
#topNav ul {
	float: left;
	margin-top: 5px;
}
#topNav li {
	display:inline;
	font-size: 0.9em;
	color: #5D6B61;
	padding-right: 12px;
	padding-left: 8px;
}
#topNav li a {
	color: #5D6B61;
	text-decoration:none;
}
#topNav li a:hover, #topNav .active {
	color: #C70049;
}
#topNav .about {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #95AB9A;
}
#topNav .getQuote {
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	margin-left: 10px;
	text-align: center;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFFDEE;
}
#topNav .getQuote a {
	background-image: url(../images/bg_getaquote.gif);
	color: #FFFDEE;
	text-decoration:none;
	display: block;
	height: 20px;
	padding-top: 5px;
	width: 108px;
}
#topNav .getQuote a:hover, #topNav .getQuote .active {
	background-image: url(../images/bg_getaquote-over.gif);
}
#headLogo {
	margin-top:10px;
	height: 100px;
}
#headLogo .tagline {
	margin-top: 25px;
}
#mainNav{
	min-height: 20px;
	width: 810px;
	padding-top:10px;
	
}
#mainNav li{
	display:inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.15em;
	color: #5D6B61;
	text-transform: uppercase;
	padding-left: 2px;
	padding-right: 39px;
	float:left;
	
	}
	
	#mainNav li a{
	display:block;
	height:14px;
	background-position:left top;
	background-repeat: no-repeat;
	
	}
	
	#mainNav li a em {
	display:none;
	}
	
	#mainNav li a:hover{
	display: block;
	position: relative;
	height:14px;
	z-index: 1;
	background-position:left top;
	background-repeat: no-repeat;
	}
	
	#mainNav li#nav-home a{
	background-image:url(../images/nav/nav_home.png);
	width:43px;
	}
	
	#mainNav li#nav-home a:hover, #mainNav li#nav-home .active {
	background-image:url(../images/nav/nav_home-over.png);
	width:43px;	
	}
	
	#mainNav li#nav-bedroom a{
	background-image:url(../images/nav/nav_bedroom.png);
	width:74px;
	}
	
	#mainNav li#nav-bedroom a:hover, #mainNav li#nav-bedroom .active {
	background-image:url(../images/nav/nav_bedroom-over.png);
	width:74px;	
	}
	
	#mainNav li#nav-study a{
	background-image:url(../images/nav/nav_study.png);
	width:169px;
	}
	
	#mainNav li#nav-study a:hover, #mainNav li#nav-study .active {
	background-image:url(../images/nav/nav_study-over.png);
	width:169px;	
	}
	
	#mainNav li#nav-living a{
	background-image:url(../images/nav/nav_living.png);
	width:49px;
	}
	
	#mainNav li#nav-living a:hover, #mainNav li#nav-living .active {
	background-image:url(../images/nav/nav_living-over.png);
	width:49px;	
	}
	
	#mainNav li#nav-kitchen a{
	background-image:url(../images/nav/nav_kitchen.png);
	width:169px;
	}
	
	#mainNav li#nav-kitchen a:hover, #mainNav li#nav-kitchen .active {
	background-image:url(../images/nav/nav_kitchen-over.png);
	width:169px;	
	}
	
	
	
/*----- 3. Content -----*/
	

#content {
	margin-top: 10px;
}

#content a{color: #FFFDEE;}
#content a:hover{color: #657468;}
#content .widecol {
	width: 750px;
	min- height:375px;
	background-color: #95AB9A;
	padding: 15px 30px 20px;
	overflow:hidden;
}
	#content .widecol .copy{float:left; width:560px;}
	#content .widecol img{float:left; margin-right:20px;}
	
	#content .widecol div.ex-pics, #content .widecol div.press{
		margin:5px 0;
		padding:30px 0;
		border-top: 1px solid #aebfae}
		
	div.press h3 {margin-bottom:10px; line-height:140% }
	div.press h3 a{
		text-decoration:none;
		border-bottom:1px dotted #FFFDEE;
		}
		
	#content .widecol div.designers{
		background-color: #FFFDEE;
		padding:30px;
		margin:10px 0;
		
		}
	
		
		#content .widecol div.designers .entry p{
			color: #5D6B61!important;}
			
		#content .widecol div.designers .entry p a{
			color: #5D6B61;
			font-weight:bold;
			text-decoration:underline}
		#content .widecol div.designers .entry p a:hover{
			color:#aebfae}
		#content .widecol div.ex-pics .entry, #content .widecol div.press .entry{
		width:85%;
		margin-right:2%;
		clear:both}
		
		#content .widecol div.designers .entry{
			width:45%;
			padding-bottom:10px;
			margin:0 5% 15px 0;
			border-bottom:1px solid #aebfae;
			float:left;
			height:100px;
			}
		
		#content .widecol div.ex-pics .pic{
			width:120px;
			margin:5px 20px 15px 0;
			float:left;
			overflow:hidden;
			display:block;
		}
		
		#content .widecol div.press .pic{
			width:246px;
			margin:5px 20px 15px 0;
			float:left;
			overflow:hidden;
			display:block;
		}

		#content .widecol div.designers .pic{
			width:80px;
			margin:5px 20px 15px 0;
			float:left;
			overflow:hidden;
			display:block;}
			
	#content .widecol div.ex-pics .pic img{
		border:3px solid #FFFDEE;
				
		}
		
		#content .widecol div.press img{
		border:3px solid #FFFDEE;
			width:240px; 	
		}
		
		#content .widecol div.ex-pics img:hover, #content .widecol div.press img:hover{
	border:3px solid #6C7B6F;
}
#content .colleft {
	width: 400px;
	height:400px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	background-color: #95AB9A;
	overflow:hidden;
}

#content .colright {
	position:relative;
	width: 340px;
	height:355px;
	float:left;
	background-color: #95AB9A;
	padding: 25px 30px 20px;
}

#content .subnav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FFFDEE;
	list-style-type: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #aebfae;
	padding-bottom: 5px;
	margin-bottom: 15px;
}	

	#content .subnav li{
		display:inline;
		padding-right:15px;}
	
	#content .subnav li a{
		color: #FFFDEE;
		text-decoration:none;}
		
		#content .subnav li a:hover, #content .subnav .on{
		color: #657468;
		}
		
		#content .subnav .last{
		padding-right:0px!important;}

#gallery h2{
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000px;
	height: 24px;
}

	#gallery h2.bedroom{
	background-image: url(../images/titles/title_bedroom.gif);
	}
	
	#gallery h2.kitchen{
	background-image: url(../images/titles/title_kitchen.gif);
	}
	
	#gallery h2.living{
	background-image: url(../images/titles/title_living.gif);
	}

	#gallery h2.study{
	background-image: url(../images/titles/title_study.gif);
	}

	#content .bottom-mess{
	font-size:1.1em;
	position: absolute;
	bottom:10px;
}

	#content .bottom-mess a {
	color: #FFFDEE;
	text-decoration:none;}
	
	#content .bottom-mess a:hover {
	text-decoration:underline;}
	
	
/*----- 4. Footer -----*/

#footer{
	position:relative;
	top: 10px;
	width: 810px;
	clear: both;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #5D6B61;
	padding-top:10px;
}

#footer .social{
	border-bottom:1px dotted #95AB9A;
	margin-bottom:10px;
	padding-bottom:10px
	}
	
	#footer .social p{
		float:left;
		color: #95AB9A;
		padding:0 20px 0 0}
		
		#footer .social p img{
			vertical-align:middle;
			padding-left:5px}
	
#footer .credit {
	font-size: 0.9em;
	color: #95AB9A;

}
#footer .credit a {
	color: #95AB9A;
	text-decoration:none
}
#footer .credit a:hover {
	text-decoration:underline
}