@charset "utf-8";

* {margin: 0; padding: 0;
	}

body {
	font: 100% Tahoma, Geneva, sans-serif;
	margin: 0; padding: 0;/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	}

/* page structure ------------------------------------------------------ */

#header_Container {
	margin: 30px 0 0 0;
	width:auto;
	height: 86px;
	background-image:  url("../images/global/header_bg2.gif"); /*This creates the window-width little red rule below the logo */
	background-repeat:repeat-x;
	}

#header {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto; padding: 0;/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	height: 86px; /* This is the height of the logo image*/
	}

#header img, #header img a {
	float:left;
	border: none;
	}

#container {
	width: 780px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	margin: 0 auto 55px auto; /* the auto margins (in conjunction with a width) center the page */
	padding: 0 0 20px 0;
	text-align: left; /* this overrides the text-align: center on the body element. */
	}

#container.inside {
	background-image: url("/images/inside_pages/InsideBG.gif"); /* This is the starburst image behind all the inside pages */ 
	background-repeat:no-repeat;
	}

#column1 {
	width:500px;
	height:auto;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url("/images/global/MJ_logo_Jhook.gif"); /* Allows the J to overlap into the main content container */
	background-repeat:no-repeat;
	}

#column2 {
	width: 260px;
	padding: 0 0 0 20px;
	height: 500px;
	float:left;
	background-image:url('/images/inside_pages/column_divider.gif');
	background-repeat:no-repeat;
	}


#footer {
	margin: 0;
	padding: 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background-image: url("../images/global/footerBG.gif");
	background-repeat:no-repeat;
	width: 780px;
	height: 20px;
	}

/*TEXT STYLES ----Column1--------------------------------------------------------- */

p {
	font-family: Tahoma, Geneva, sans-serif;
	margin:0; padding: 0;
	color:#333;
	}

#column1 p {
	font-size: 12px;
	padding: 10px 40px 0 40px;
	line-height: 1.4em;
}

h1, h2, h3, h4, h5 {
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#column1 h2, h3, h4 {
	padding: 10px 0 0 30px;
}

#column1 h1 {
	padding: 30px 40px 5px 10px;
	font-size: 22px;
	}

#column1 h2 {
	font-size: 16px;
	}

h4.price {
	margin: 0; padding: 0 0 0 40px;
	color: #666666;
	font-size:12px;
	}


/*---- Text styles -----Column2 ------------------------*/

#column2 h1, h2, h3, h4, h5 {margin: 0; padding: 0;}
	
#column2.linklist li {
	margin: 0; padding:0;
	}




/*-------Link Styles -------------*/

a {
	color: #666;
	text-decoration:none;
}

a:hover {
	color: #f03000;
	margin: 0;
}


#column1 a, ul.linklist a {
	color:#00F;
	text-decoration: underline;
	}

#column1 a:hover, ul.linklist a:hover, #column2 a:hover {
	color: #f03000;
	}

#nav li {
	list-style: none;
	float:left;
	margin: 58px 0 0 40px;
	border-top: #FFF 2px solid;
	padding: 3px;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	}

	
body.home #nav li.one { border-top: #f03000 2px solid;}
body.services #nav li.two { border-top: #f03000 2px solid;}
body.faq #nav li.three { border-top: #f03000 2px solid;}
body.mystory #nav li.four { border-top: #f03000 2px solid;}


.navMailLink {
	float:right;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	}

#footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 3px 10px; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	float:right;
	color:#666;
	}

.linklist ul{
	}

#column1 .linklist li {
	margin:6px 0; padding:0 0 0 40px;
	list-style-type:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	}

#column2 .linklist li {
	margin:6px 0; padding-left: 5px;
	list-style-type:none;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	}

#column2 a {
	text-decoration: underline;
	color:blue;
	}

#column2 p {
	margin:6px 0;
	padding-left: 5px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size:12px;
	line-height: 1.8em;
	}

.linklist a {
	margin: 6px 0; padding:0; 
	color:#00F;
	text-decoration: underline;
	}
	
.linklist a:hover {
	color: #F03000; 
	}

/*-------------Image styles-----------------------*/

#column2 .mugshot {
	padding: 40px 0 0 0;
	}