/*   CSS code by David Guy, Pioneer Design Group http://www.pioneerdesign.net. All rights reserved 2009.   */


   /* global elements
----------------------------------------------------------------------------*/

* { margin: 0; padding: 0; }

body {
	font-size: 62.5%;  
	font-family: helvetica,arial, sans-serif;
	background: #000;
}   

 
a img {
	border: none;
	border:0;
	}	

.clear { 
	height: 1px;
	line-height: 1px;
	clear: both;
	overflow: hidden;
}

.group:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
 
.float-r { float:right; }
	.float-r img { margin: 0 6px 10px; }
.float-l { float:left; }
 
.spiff-r { 
float:right; 
margin: 0 0 6px 12px;
border: 6px solid #FFF;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}
.spiff-l { 
float:left; 
margin: 0 12px 6px 0;
border: 6px solid #FFF;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}
.port-shadow { 
margin: 0 12px 6px 0;
border: 6px solid #FFF;
box-shadow: 2px 2px 4px rgba(0,0,0,.6); /* for modern browsers */
-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,.6);
-moz-box-shadow: 2px 2px 4px rgba(0,0,0,.6); 
}
.port-thumbs {
	float:left;
	margin: 10px;
}
 
h1 {font: 1.8em helvetica, arial, sans-serif; color: #000; margin-bottom:4px; font-weight: normal;}
h2 {font: 1.1em helvetica, sans-serif; color: #007D5D; margin: 4px 0; text-transform: uppercase; font-weight: bold;}
h3 {font: 1em helvetica, sans-serif; font-weight: bold; color: #7A0008; }
h4 {font: bold 1.1em helvetica, sans-serif; color: #FFF; text-transform: uppercase;}

 
ul {list-style: none;}

.links-w a:link, .links-w a:visited {
	color:#FFF;
	text-decoration: none;
}
.links a:link, .links a:visited {
	color:#009262;
	text-decoration: none;
	}	

.links a:hover, .links-w a:hover {
	color: #00442E;
	text-decoration: underline; 
	}

.quoter {
	font: .75em/1em helvetica,arial,sans-serif; 
	margin: 0; padding: 0;
	text-align: right;
	  }

 
  /* header and footer elements
----------------------------------------------------------------------------*/
#universal-wrap {
padding-bottom: 1em;
background: #E6E6E6  url('/img/page-back3.gif') repeat-x;
position: relative;  
width: 100%;
}
 

#foot {   
	padding-top: 10px;
    /*height: 200px;*/
    position: relative;
 	color: #989898; 
	text-align:left;
	background: #000;
}


#top-wrap  { 
 	height: 160px;
	}	
 
#location {
	position: absolute;
	top: 97px;
	left: 15px;
	width: 26em;
	color: #5E5E5E;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#phone {
	position: absolute;
	top:87px;
	right: 0;
	width: 32em;
	color: #5E5E5E;
	text-transform: uppercase;
 	text-align: right;
	letter-spacing: 1px;
}

#global-inner { 
	margin: 0 auto;  		 
 	position: relative;   
 	width: 1018px; 
	}	

#foot-inner { 
	margin: 16px auto 0;  		 
 	position: relative;   
 	width: 970px; 
	}	

#head-logo {
	position: absolute;
	top: 25px;
	left: 365px;
	width: 289px;
	height: 92px;
	z-index: 1;
	background: transparent url('/img/MB-Jessee-logo.gif') no-repeat;
}
	#head-logo em, #top-gfx em { visibility: hidden; }
	
	#head-logo a {
		position: absolute;
		width: 295px;
		height: 92px;
		top: 0; 
		left: 0;
		text-decoration: none;
	}

#inside-feature {
	height: 160px;
	position: relative; 
}

	#inside-feature img { 
		margin-top: 27px;
		float:right;
	}
	#inside-feature h1 {
		position: absolute;
		top: 100px; 
		left: 10px;
		font: normal 1.8em helvetica, sans-serif;
		text-transform: uppercase;
		letter-spacing: 1px;
		color: #FFF;
	}
	#inside-feature a:link, #inside-feature a:visited { color: #FFF; text-decoration: none;}
	#inside-feature a:hover { color: #7BB19F; }
	.inside-desc {
		color #7DB39F;
		position: absolute;
		top: 123px; 
		left: 10px;
		text-transform: uppercase;
		letter-spacing: 2px;
	}
	
	
	
	
	
	#left-wrap { width: 720px; }	 
#left, #left-contact, #portfolio-wrap, #blog {	 
	padding: 25px 0 15px 15px;
	color: #000;
} 
#blog { min-height: 400px; }

	#left p, #left ul li, #left-contact p, #left-contact li { font: 1.5em/1.7em helvetica, arial, sans-serif;}
	#left p, #left-contact p { padding-bottom: .5em; }
	#left h2 {font: 2em helvetica,arial,sans-serif; color: #007D5D; margin: 4px 0; text-transform: uppercase; font-weight: bold;}

#portfolio-wrap h3 { font: 1.2em/1.6em helvetica,arial,sans-serif; color: #FFF; margin-top: 6px;}

#left ul, #right ul, #blog-center ul {
	list-style: none;
	margin: 0 0 6px 0;
	padding-left: 10px;
	}
#left ul li, #blog-center li {
	padding: 0 0 0 10px;
	background: url('/img/diamond-g.gif') no-repeat 0 10px;
	}

#portdesc-wrap {
	float: right;
	width: 165px;
	padding: 25px 30px 0 0; 
	font: 1.2em/1.5em helvetica,arial,sans-serif;
	color: #666;
	/*border: 1px solid #666*/
}

#side-spot, #side-spot-clear {
	padding: 12px;
	font: 1.2em/1.5em helvetica,arial,sans-serif;
}
#side-spot { background: #761D19; 	color: #FFF; }

#side-spot h2 { color: #FFF; }

#side-spot ul li {
	font: 1.1em/1.4em helvetica, arial, sans-serif;
	padding-left: 10px;
}
#side-spot ul li:before { content:  "- "; margin-left: -10px; }




#right-wrap { 
	float: right;
	width: 230px;
	padding: 25px 30px 0 0; 
}

#right, ##right-blog {
	font: 1.2em/1.5em helvetica,arial,sans-serif;
	color: #666;
}
	#right h2 {font: 1.4em/1.4em helvetica,arial,sans-serif;  margin: 4px 0; text-transform: uppercase; font-weight: bold;}

 

.right-info {
	color: #60513E;
	border: 1px solid #C3B5A1;
}
 
	.right-pad {
		margin: 5px;
		padding: 15px;
		background: #FFF;
		font: 1.1em/1.6em helvetica,arial,sans-serif;
	}
	
 
.quote-title { 	
	font: 1em/2.2em helvetica, sans-serif;
	margin-top: .5em;
}
.home-quote {
	font: 1.1em/1.4em helvetica, arial, sans-serif;
	font-style: italic;
	color: #666;
}

.side-quote {
	font: .8em/1.4em helvetica, arial, sans-serif;
	font-style: italic;
	color: #666;
}

.black { color: #000; font-weight: bold;} 

 


#intro-wrap {
	margin:0 26px;
	padding: 10px;
}
	#intro p {
		font: 1.4em/1.6em helvetica, arial, sans-serif;
		color: #000;
		text-shadow: #B0B0B0 0px 1px 1px; /* for modern browsers */
	}
	#intro h1 {
		font: 2.2em helvetica, sans-serif;
		color: #7DB39F;
		text-transform: uppercase; 
		text-shadow: #FFF 0px 2px 2px; /* for modern browsers */
	}
	#intro strong { color: #650810; }



#trade-logos { text-align: center; width: 150px;}

#trade-logos img { margin-bottom: 12px; clear:left; }

#home-special {
	float: right; 
	width: 28%;
	background: #761D19;
	padding: 12px;
	color: #FFF;
	margin-left: 20px;
}
#home-special h3 { color: #FFF; font: 1.8em helvetica, sans-serif;}
#home-special p { 	font: 1.3em/1.5em helvetica, arial, sans-serif; }

#top-feature {
	width: 1018px;
	height: 360px;
	background: transparent url('/img/photo-frame.jpg') no-repeat;	
	position: relative; 
}

#top-photo {
	position: absolute;
	top: 20px;
	left: 20px;
}

#top-title {
	background: transparent url('/img/photo-alpha.png');		
 	position: absolute;
	top: 270px;
	left: 0;	
	z-index: 2000;
	width: 964px;
	height: 39px;
	padding: 7px 0 0 12px;
	font: 1.6em helvetica, arial, sans-serif;
	color: #FFF;
}
 
#top-title p { margin-top: 7px; }

#top-gfx {	
	background: transparent url('/img/photo-tag.png');
	width: 78px;
	height: 31px;
	float: left; margin-right: 21px;
 }

#home-intro {
	margin: 0 30px 15px;
 	font: 1.2em/1.6em helvetica, sans-serif;
 	color: #FFF;
 	background: #624B21;
 	padding: 10px;
}

#home-feature {
	width: 945px;
	margin: 10px 0 15px 20px;
	padding: 25px 0 25px 25px;
	background: #7DB39F url('/img/home-divs-back.gif') repeat-y 315px 0;	
}
#home-feature h2 {
 	font: 1.8em/1.8em helvetica, helvetica, sans-serif;
	color: #FFF;
	letter-spacing: 1px;
	text-shadow: #000 0px 1px 1px; /* for modern browsers */
	margin: 0; padding: 0;
}
.home-feature-div {
	width: 278px; 
	float: left;
 	margin-right:40px;
 	/*border-right: 1px solid #666;*/
}
	.home-feature-div p, li { font: 1.3em/1.7em helvetica, arial, sans-serif; }
	.home-feature-div img { 
	float: right; 
	margin: 0 0 6px 12px;
	border: 5px solid #FFF;
	box-shadow: 4px 4px 4px rgba(0,0,0,.4); /* for modern browsers */
	-webkit-box-shadow: 4px 4px 4px rgba(0,0,0,.4);
	-moz-box-shadow: 4px 4px 4px rgba(0,0,0,.4); 
	}

#home-info {
	padding: 0 0 0 30px;
	height: 368px;
} 
.fav-menu {
	height: 140px;
 	font: 1.1em/1.6em helvetica, sans-serif;
}
.fav-menu strong { text-transform: uppercase; }
 
	#foot a:link, #foot a:visited { margin: 0; color:#989898; }
	#foot ul {	
		list-style: none;
		margin: 0; padding: 0; 
	}
#foot ul li {
 	font: bold .9em/1.8em helvetica, sans-serif;
	padding-right: 5px;
 	display: inline;
	}
 

#foot-right {
	width: 60%;
	float:right;
 	font-weight: normal;
 	text-align: right;
 	padding-bottom: 3em;
	}

#quotes {	
	font: italic 1.4em/1.7em Georgia, serif; 
	color: #FFF;
	width: 416px;
}
#foot-right img { float: right; margin-left: 20px; }
 
#designcredit, #designcredit a { color: #FFF; }
 
	 
 
  /* inside page elements
----------------------------------------------------------------------------*/
 
.dropcap {
	float:left;
	color:#63080F;
	font-size:55px;
	line-height:30px;
	padding-top:9px;
}

#favorites { font: 1.2em/1.5em Lucida Grande, Arial, sans-serif; }
 
#home-feature ul li {
	padding: 0 0 4px 12px;
	line-height: 1.4em;
	background: url('/img/diamond-w.gif') no-repeat 0 6px;
} 
.arrows ul {
	list-style: none;
	margin: .5em 0 .5em 0;
	padding-left: 10px;
	}
.arrows ul li {
	padding: 0 0 4px 8px;
	background: url('/img/diamond-g.gif') no-repeat 0 9px;
	}
.arrows li ul { list-style: disc; padding-left: 20px; }  
.arrows li ul li { background: none;  padding: 0; }  

.line {
	line-height: 1px;
	width: 100%;
	border-bottom: 1px solid #999;
	margin-bottom: .8em;
}
 

#maps { height: 200px; }
#maps p { font: .75em/1.2em Lucida Grande, Arial, sans-serif; }
.mappies { float: left; width: 45%; }

 
 /* nav menu
----------------------------------------------------------------------------*/
#nav {
	height: 41px;
	width: 902px;
	background: transparent;
	position: absolute; 
	z-index: 1;
	top: 118px;
	left: 40px;
  	/*border: 1px solid #666;*/
}


.nav {
	width: 902px;
	height: 41px;
	background: url(/img/nav2.gif) no-repeat;
	/*
position: absolute;
	top: 100px;
	left: 100px;
*/
}
.nav li {
	display: inline;
}
.nav li a:link, .nav li a:visited {
	position: absolute;
	top: 0;
	height: 41px;
	text-indent: -9000px;
	overflow: hidden;
	z-index: 10;
	cursor: hand;
}
	.nav .home a:link, .nav .home a:visited {
		left: 0px;
		width: 81px;
	}
	.nav .home a:hover, .nav .home a:focus {
		background: url(/img/nav2.gif) no-repeat 0 -42px;
	}
	.nav .home a:active {
		background: url(/img/nav2.gif) no-repeat 0 -83px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(/img/nav2.gif) no-repeat 0 -126px;
		cursor: default;
	}
	.nav-home, .nav-home-click {
		position: absolute;
		top: 0;
		left: 0;
		width: 81px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat 0 -42px;
	}
	.nav-home-click {
		background: url(/img/nav2.gif) no-repeat 0 -84px;
	}



	.nav .about a:link, .nav .about a:visited {
		left: 82px;
		width: 94px;
	}
	.nav .about a:hover, .nav .about a:focus {
		background: url(/img/nav2.gif) no-repeat -82px -49px;
	}
	.nav .about a:active {
		background: url(/img/nav2.gif) no-repeat -82px -83px;
	}
	.current-about .about a:link, .current-about .about a:visited {
		background: url(/img/nav2.gif) no-repeat -82px -126px;
		cursor: default;
	}
	.nav-about, .nav-about-click {
		position: absolute;
		top: 0;
		left: 82px;
		width: 94px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -82px -42px;
	}
	.nav-about-click {
		background: url(/img/nav2.gif) no-repeat -82px -84px;
	}



	.nav .what a:link, .nav .what a:visited {
		left: 177px;
		width: 132px;
	}
	.nav .what a:hover, .nav .what a:focus {
		background: url(/img/nav2.gif) no-repeat -177px -49px;
	}
	.nav .what a:active {
		background: url(/img/nav2.gif) no-repeat -177px -83px;
	}
	.current-what .what a:link, .current-what .what a:visited {
		background: url(/img/nav2.gif) no-repeat -177px -126px;
		cursor: default;
	}
	.nav-what, .nav-what-click {
		position: absolute;
		top: 0;
		left: 177px;
		width: 132px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -177px -42px;
	}
	.nav-what-click {
		background: url(/img/nav2.gif) no-repeat -177px -84px;
	}

 


	.nav .portfolio a:link, .nav .portfolio a:visited {
		left: 310px;
		width: 122px;
	}
	.nav .portfolio a:hover, .nav .portfolio a:focus {
		background: url(/img/nav2.gif) no-repeat -310px -49px;
	}
	.nav .portfolio a:active {
		background: url(/img/nav2.gif) no-repeat -310px -83px;
	}
	.current-portfolio .portfolio a:link, .current-portfolio .portfolio a:visited {
		background: url(/img/nav2.gif) no-repeat -310px -126px;
		cursor: default;
	}
	.nav-portfolio, .nav-portfolio-click {
		position: absolute;
		top: 0;
		left: 310px;
		width: 122px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -310px -42px;
	}
	.nav-portfolio-click {
		background: url(/img/nav2.gif) no-repeat -310px -84px;
	}

 


	.nav .green a:link, .nav .green a:visited {
		left: 433px;
		width: 161px;
	}
	.nav .green a:hover, .nav .green a:focus {
		background: url(/img/nav2.gif) no-repeat -433px -49px;
	}
	.nav .green a:active {
		background: url(/img/nav2.gif) no-repeat -433px -83px;
	}
	.current-green .green a:link, .current-green .green a:visited {
		background: url(/img/nav2.gif) no-repeat -433px -126px;
		cursor: default;
	}
	.nav-green, .nav-green-click {
		position: absolute;
		top: 0;
		left: 433px;
		width: 161px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -433px -42px;
	}
	.nav-green-click {
		background: url(/img/nav2.gif) no-repeat -433px -84px;
	}
	
	 

	.nav .promise a:link, .nav .promise a:visited {
		left: 595px;
		width: 111px;
	}
	.nav .promise a:hover, .nav .promise a:focus {
		background: url(/img/nav2.gif) no-repeat -595px -49px;
	}
	.nav .promise a:active {
		background: url(/img/nav2.gif) no-repeat -595px -83px;
	}
	.current-promise .promise a:link, .current-promise .promise a:visited {
		background: url(/img/nav2.gif) no-repeat -595px -126px;
		cursor: default;
	}
	.nav-promise, .nav-promise-click {
		position: absolute;
		top: 0;
		left: 595px;
		width: 111px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -595px -42px;
	}
	.nav-promise-click {
		background: url(/img/nav2.gif) no-repeat -595px -84px;
	}
	
	 

	.nav .blog a:link, .nav .blog a:visited {
		left: 707px;
		width: 81px;
	}
	.nav .blog a:hover, .nav .blog a:focus {
		background: url(/img/nav2.gif) no-repeat -707px -49px;
	}
	.nav .blog a:active {
		background: url(/img/nav2.gif) no-repeat -707px -83px;
	}
	.current-blog .blog a:link, .current-blog .blog a:visited {
		background: url(/img/nav2.gif) no-repeat -707px -126px;
		cursor: default;
	}
	.nav-blog, .nav-blog-click {
		position: absolute;
		top: 0;
		left: 707px;
		width: 81px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -707px -42px;
	}
	.nav-blog-click {
		background: url(/img/nav2.gif) no-repeat -707px -84px;
	}



	.nav .contact a:link, .nav .contact a:visited {
		left: 789px;
		width: 103px;
	}
	.nav .contact a:hover, .nav .contact a:focus {
		background: url(/img/nav2.gif) no-repeat -789px -49px;
	}
	.nav .contact a:active {
		background: url(/img/nav2.gif) no-repeat -789px -83px;
	}
	.current-contact .contact a:link, .current-contact .contact a:visited {
		background: url(/img/nav2.gif) no-repeat -789px -126px;
		cursor: default;
	}
	.nav-contact, .nav-contact-click {
		position: absolute;
		top: 0;
		left: 789px;
		width: 103px;
		height: 41px;
		background: url(/img/nav2.gif) no-repeat -789px -42px;
	}
	.nav-contact-click {
		background: url(/img/nav2.gif) no-repeat -789px -84px;
	}
	
.grey { color #999; }
 
 

/* contact form  
----------------------------------------------------------------------------*/
#contactInfo {list-style:none; margin-left:0;}

 
.contactForm  {margin:15px 0;border:none; background:transparent; padding:10px;  	font: 10px/15px helvetica, sans-serif;
}
.contactForm fieldset { border: none; }
.contactForm legend { padding:0 10px; margin-left:20px; color:#b4de73;}
.contactForm ul { margin:0;  list-style:none;}
.contactForm ul li {clear:both; border-top: 1px solid #BDBDBD; padding: 3px 0;}
.contactForm ul label { display:block; float:left; width:245px; padding:3px 0;}
.contactForm .txtField  {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;}
.contactForm .txtField:hover, .txtField:focus, .txtField:active { border-color:#787878; background:#FFF9E6;}
.contactForm em {font-size:0.9em; color:#666; font-style:normal;}
.contactForm .send { width:174px; height:32px; background:url('/img/send-button.gif') no-repeat; padding-bottom:5px; text-align:center; border:none; margin:15px 0 0px 0; border:none;color: #c2f671;font: .85em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; font-weight:bold; margin-left:210px; color:#FFFFFF;   }

.contactForm .send:hover {cursor:pointer; color:#D8AE71;}
.contactForm.request fieldset {border:1px #5b8a10 solid; padding:5px;}
.contactForm fieldset.extra {margin-top:15px;}

.contactForm .file {display:block; float:left; padding:3px; width:260px; margin:5px 0 7px 0;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;}
.contactForm .radio {display: inline; }

/*form errors*/
.error {border-top:#7dce01 1px solid; border-bottom:#7dce01 1px solid; background:#6bb000; padding:10px; margin-bottom:10px; text-align:center; color:#f1ffdb; }

/*captcha */
.captcha { float:left; margin-top:5px;}
.captcha img {border:#7dce01 2px solid; margint-top:0; float:left;}
.captcha input { margin:0 auto 12px 12px;font: 1em "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;color:#666;border:2px solid #CCCCCC; outline:none;padding:3px; width:108px;}







#slides {
	margin: 0 auto;
	text-align: center;
}


.btn-red, .btn-green { margin-top: 12px; }

.btn-red a:link, .btn-green a:link, .btn-red a:visited, .btn-green a:visited { color: #FFF; }

div.btn-red a {
	text-decoration: none;
	padding: 5px 14px;
	color #FFF;
	border: 1px solid #4D1D19;
	background: #761D19 url(/img/button-alpha.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
}

div.btn-red a:hover {background-color: #4D1D19; }
 
div.btn-green a {
	text-decoration: none;
	padding: 5px 14px;
	color #FFF;
	border: 1px solid #3F5A50;
	background: #7DB39F url(/img/button-alpha.png) repeat-x 0 50%;
	border-radius: 14px;
	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;	
}

div.btn-green a:hover {background-color: #5D8576; }