@charset "UTF-8";
/* JEFFERSONMINER.COM stylesheet */

html, body {
    height: 100%;
}

body {
	font: 14px/18px Helvetica, Arial, Verdana, sans-serif;
	background-color: #FFFFFF;
	background-image: url(images/background-bottom.gif);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-attachment: fixed;
	margin: 0; 
	padding: 0;
	text-align: center;
	color: #455660;
}

a { 
	color: #455660;
	font-weight: bold;
	text-decoration: none;
}

a:hover, a_Hover { 
	text-decoration: underline;
}

#mystical-bird-on-a-limb {
	width: 148px;
	height: 395px;
	background: url(images/background-top.gif) no-repeat 0px 120px;
	position: fixed;
	top: 60px;
	right: 0;
	margin-left: -148px;
	z-index: 1;
}

#tupperware-container {
	width: 800px;
	margin-left: -400px; 
	padding: 0 10px 50px;
	text-align: left;
	position: absolute;
	top: 0px;
	left: 50%;
	z-index: 2;
}
#its-my-name-in-lights {
	width: 231px;
	margin-bottom: 40px;
	float: left;
}

#its-my-name-in-lights  a {
	width: 231px;
	height: 87px;
	text-indent: -9999px;
	display: block;
	background: url(images/logo-jmc.gif) no-repeat top left;
}

#late-night-menu {
	width: 488px;
	height: 39px;
	margin: 8px;
	float: right;
}

#late-night-menu ul {
	margin: 0px;
	padding: 0px;
}

#late-night-menu li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
}

#late-night-menu li a {
	margin: 0px;
	padding: 0px;
	height: 39px;
	display: block;
	background-repeat: no-repeat;
	background-position: top left;
	font: 10px/10px;
	text-indent: -9999px;
}

#late-night-menu li.nav-about a { background-image: url(images/menu-about-off.gif); width: 109px; }
#late-night-menu li.nav-about a:hover, 
#late-night-menu li.nav-about a_Hover, 
#late-night-menu li.nav-about a.nav-current { background-image: url(images/menu-about-on.gif); }

#late-night-menu li.nav-services a { background-image: url(images/menu-services-off.gif); width: 97px; }
#late-night-menu li.nav-services a:hover, 
#late-night-menu li.nav-services a_Hover, 
#late-night-menu li.nav-services a.nav-current { background-image: url(images/menu-services-on.gif); }

#late-night-menu li.nav-portfolio a { background-image: url(images/menu-portfolio-off.gif); width: 114px; }
#late-night-menu li.nav-portfolio a:hover, 
#late-night-menu li.nav-portfolio a_Hover, 
#late-night-menu li.nav-portfolio a.nav-current { background-image: url(images/menu-portfolio-on.gif); }

#late-night-menu li.nav-blog a { background-image: url(images/menu-blog-off.gif); width: 68px; }
#late-night-menu li.nav-blog a:hover, 
#late-night-menu li.nav-blog a_Hover, 
#late-night-menu li.nav-blog a.nav-current { background-image: url(images/menu-blog-on.gif); }

#late-night-menu li.nav-contact a { background-image: url(images/menu-contact-off.gif); width: 100px; }
#late-night-menu li.nav-contact a:hover, 
#late-night-menu li.nav-contact a_Hover, 
#late-night-menu li.nav-contact a.nav-current { background-image: url(images/menu-contact-on.gif); }

#homepage-feature {
	width: 650px;
	height: 246px;
	margin-left: 70px;
	padding: 31px 0 0 0;
	background: url(images/box-homepage.gif) no-repeat top left;
	clear: both;
}

#homepage-feature div {
	width: 164px;
	background-color: #FFFFFF;
	margin-left: 20px;
	padding: 13px;
	float: left;
	display: inline-block;
}

#homepage-feature div h3 {
	height: 23px;
	padding: 0px;
	margin: 0 0 13px;
	display: block;
	font: 12px/12px;
	text-indent: -9999px;
}

#homepage-feature h3.label-design { background: url(images/label-01-design.jpg) no-repeat top left; }
#homepage-feature h3.label-development { background: url(images/label-02-development.jpg) no-repeat top left; }
#homepage-feature h3.label-management{ background: url(images/label-03-management.jpg) no-repeat top left; }

#first-impression, #services-text, #about-text, #portfolio-text, #contact-text {
	margin: 14px 0 20px 300px;
	width: 488px;
}

#first-impression h2, #services-text h2, #about-text h2, #portfolio-text h2, #contact-text h2 {
	margin-bottom: 5px;
	padding-left: 18px;
	font: 28px Helvetica, Arial, Verdana, sans-serif;
}

#first-impression p, #services-text p, #about-text p, #portfolio-text p, #contact-text p, #contact-text form {
	margin-top: 5px;
	padding: 0 18px;
	font: 16px/20px Helvetica, Arial, Verdana, sans-serif;
}

#less-crowded-sidebar {
	width: 231px;
	clear: left;
	float: left;
}

#less-crowded-sidebar-top {
	margin: 0px;
	padding: 0px;
	width: 231px;
	height: 9px;
	background: url(images/sidebar-top.gif) no-repeat top left;
}

#less-crowded-sidebar-middle {
	margin: 0px;
	padding: 15px;
	background: #455660;
}

#less-crowded-sidebar-middle h3 {
	margin: 0px;
	padding: 0px;
	width: 88px;
	height: 22px;
	background: url(images/header-projects.gif) no-repeat top left;
	font: 12px/12px;
	text-indent: -9999px;
	display: block;
}

#less-crowded-sidebar-middle ul {
	margin: 4px 0 0 0;
	padding: 0px;
}

#less-crowded-sidebar-middle li {
	margin: 0px;
	padding: 0px;
	font: 12px/12px;
	color: #FFFFFF;
	list-style: none;
	border-top: 1px solid #FFFFFF;
}

#less-crowded-sidebar-middle li a {
	font-weight: normal;
	color: #FFFFFF;
	padding: 7px 0px 5px;
	display: block;
}

#less-crowded-sidebar-middle li a:hover {
	color: #455660;
	padding-left: 15px;
	text-decoration: none;
	background-color: #FFFFFF;
}

#less-crowded-sidebar-bottom {
	margin: 0px;
	padding: 0px;
	width: 231px;
	height: 19px;
	background: url(images/sidebar-bottom.gif) no-repeat top left;
}

.hidden-portfolio {
	display: none;
}

.visible-portfolio {
	display: block;
}

.portfolio-image {
	background: url(images/box-portfolio.gif) no-repeat top left;
}

.portfolio-image img {
	margin: 22px 18px 10px;
	border: 11px solid #FFFFFF;
}

.portfolio-image-bottom {
	height: 13px;
	background: url(images/box-portfolio-bottom.gif) no-repeat top left;
}

.twtr-hd { display: none !important; }
.twtr-ft img { display: none !important; }
.twtr-ft span { text-align: left !important; }