/* MICHAELPHILL.COM MASTER STYLESHEET */
/* Copyright (c) 2009 Michael P. Hill. All rights reserved. */

/* Body styles; also controls default font */

body {
	background: url(/images/header_bg.jpg) repeat-x #FFF;
	margin: 0;
	font-family: "lucida sans unicode", "lucida grande", Verdana, sans-serif;
	}

/* Hidden div that preloads hovers */

.preload {
	margin-left: -999999px;
	background: url(/images/header_logo_hover.jpg);
	background: url(/images/nav_1_hover.jpg);
	background: url(/images/nav_2_hover.jpg);
	background: url(/images/nav_3_hover.jpg);
	background: url(/images/nav_4_hover.jpg);
	background: url(/images/nav_5_hover.jpg);
	background: url(/images/nav_6_hover.jpg);
	background: url(/images/nav_7_hover.jpg);
	background: url(/images/nav_8_hover.jpg);
	background: url(/images/nav_9_hover.jpg);
	background: url(/images/nav_10_hover.jpg);
	}
	
/* Default link styling */
	
a {
	color: #990000;
	}
	
a:hover {
	text-decoration: none;
	}
	
/* Styles to force ULs, LIs, IMGs and H tags to zero spacing */
	
ul, li, img {
	border: 0;
	margin: 0;
	padding: 0;
	line-height: normal;
	}
	
h1, h2, h3, h4, h5, h6 {
	padding: 0;
	margin: 0;
	border: 0;
	display: block;
	line-height: normal;
	}
	
/* Defines site logo */
	
h1 {
	width: 315px;
	float: left;
	height: 112px;
	text-indent: -999999px;
	background: url(/images/header_logo.jpg) no-repeat;
	}
	
/* Give unique logo to design and marketing pages based on body ID */

body#page2 #logolink {
	background: url(/images/header_logo_creative.jpg) no-repeat;
	}
	
/* Defines page headers */
	
h2 {
	width: 520px; /* 590 - 20R - 50L = 520 */
	_width: 590px; /* IE6 hack */
	height: 69px; /* 77 - 8T - 0B - 69 */
	_height: 77px; /* IE 6 hack */
	background: url(/images/inside_header_bg.jpg) no-repeat;
	float: right;
	color: #FFF;
	padding: 8px 20px 0px 50px;
	font-size: 32px;
	letter-spacing: -1.5px;
	text-indent: -2px;
	}
	
/* Creates hover effect on logo */
	
h1:hover {
	background: url(/images/header_logo_hover.jpg) no-repeat;
	}
	
/* Prevents home page from receiving hover effect on logo */
	
h1.nohover:hover {
	background: url(/images/header_logo.jpg) no-repeat;
	}
	
/* Defines remaing H tags */
	
h3 {
	font-size: 18px;
	font-weight: bold;
	color: #333;
	}
	
h4 {
	font-size: 14px;
	font-weight: bold;
	color: #666;
	margin-top: 15px;
	}
	
h5 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	}
	
h6 {
	font-size: 11px;
	font-weight: bold;
	color: #333;
	}
	
/* Master wrapper; controls page width and centering */
	
.wrapper750 {
	width: 750px;
	margin: 0 auto 0 auto;
	clear: both;
	}

/* Generates top of photo on homepage only */
	
.header_right {
	background: url(/images/header_right.jpg) no-repeat top right;
	float: right;
	width: 185px;
	height: 112px;
	}
	
/* Container for navigation box */
	
.nav {
	width: 160px;
	height: 281px;
	border: 0;
	padding: 0;
	float: left;
	}
	
/* Container for homepage splash area */
	
.splash {
	width: 590px;
	height: 281px;
	background: url(/images/home_splash_bg.jpg) no-repeat;
	float: right;
	}
	
/* Generates container for lower left box on homepage */
	
.home_lowerleft {
	background: url(/images/home_lowerleft_bg.jpg) no-repeat;
	width: 511px;
	height: 307px;
	float: left;
	clear: both;
	}
	
/* Generates container for lower right box on homepage */
	
.home_lowerright {
	background: url(/images/home_lowerright_bg.jpg) no-repeat;
	width: 239px;
	height: 307px;
	float: right;
	}
	
/* Generates footer image for homepage */
	
.home_footer {
	clear: both;
	background: url(/images/home_footer.jpg) no-repeat top center;
	width: 100%;
	height: 100px;
	}
	
/* Controls text placement and styling in lower right box on homepage */
	
.home_lowerright_txt {
	margin: 84px 20px 20px 43px;
	font-size: 11px;
	line-height: 175%;
	color: #FFF;
	}
	
/* Controls text placement and styling in lower left box's left column on homepage */
	
.home_lowerleft_txt1 {
	margin: 65px 20px 20px 19px;
	_margin-left: 10px;
	float: left;
	font-size: 11px;
	line-height: 175%;
	color: #333;
	width: 220px;
	}
	
/* Controls text placement and styling in lower left box's right column on homepage */

.home_lowerleft_txt2 {
	margin: 65px 20px 20px 20px;
	float: left;
	font-size: 11px;
	color: #333;
	width: 130px;
	line-height: 175%;
	}
	
/* Controls UL and LI styling in lower left box's right column on homepage */
	
.home_lowerleft_txt2 ul li {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 175%;
	}
	
/* Controls link styling in lower left box on homepage */
	
.home_lowerleft_txt1 a, .home_lowerleft_txt2 a {
	color: #333;
	text-decoration: underline;
	}
	
.home_lowerleft_txt1 a:hover, .home_lowerleft_txt2 a:hover {
	color: #4F4F4F;
	text-decoration: none;
	}
	
/* First of three divs for inside page body; generates background image with a left gutter */
	
.inside_body1 {
	width: 590px;
	min-height: 300px;
	background: url(/images/inside_body_bg2.jpg) repeat-y;
	float: right;
	}
	
/* Second of three divs for inside page body; generates the bottom of the box */
	
.inside_body2 {
	width: 590px;
	background: url(/images/inside_body_btm.jpg) no-repeat bottom left;
	float: right;
	}
	
/* Third of three divs for inside page body; generates the top portion of the box */
	
.inside_body3 {
	width: 510px;
	_width: 590px;
	padding: 30px 30px 30px 50px;
	min-height: 254px;
	background: url(/images/inside_body_bg.jpg) no-repeat top left;
	min-height: 300px;
	font-size: 13px;
	line-height: 175%;
	color: #333;
	}
	
/* Generates footer image for other pages */
	
.inside_footer {
	clear: both;
	background: url(/images/inside_footer.jpg) no-repeat top center;
	width: 100%;
	height: 100px;
	}
	
/* Generates the positioning and styling of the copyright and credit text */
	
.footer_content {
	width: 750px;
	margin: 20px auto 20px auto;
	color: #999;
	font-size: 10px;
	text-align: right;
	}
	
.footer_content a {
	color: #999;
	}
	
/* Navigation */

#navlist {
	list-style: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	}
	
#navlist a img {
	border: 0;
	}
	
/* Special style for design and marketing main page that generates an unique page background */

.design_page_content {
	background: url(/images/design_bg.jpg) no-repeat;
	width: 570px;
	height: 568px;
	float: right;
	}
	
/* Controls the positioning and styling of the left column on the design and marketing main page */
	
.design_page_content_txt1 {
	width: 145px;
	height: 390px;
	margin: 146px 0 0 47px;
	_margin-left: 23px;
	font-size: 12px;
	float: left;
	}
	
.design_page_content_txt1 ul {
	padding: 0;
	margin: 0;
	}
	
.design_page_content_txt1 ul li {
	list-style: none;
	margin-left: -5px;
	background: url(/images/bullet.gif) no-repeat -1px 1px;
	text-indent: 20px;
	line-height: 165%;
	}
	
/* Controls the positioning and styling of the right column on the design and marketing main page */
	
.design_page_content_txt2 {
	width: 265px;
	height: 390px;
	margin: 146px 0 0 65px;
	font-size: 13px;
	float: left;
	line-height: 165%;
	}
	
.design_page_content_txt2 p {
	padding: 0 0 10px 0;
	margin: 0;
	}
	
/* Positions and adds spacing around right-aligned images */
	
img.alignright {
	float: right;
	margin: 0 0 20px 20px;
	}
	
/* Positions and adds spacing around left-aligned images */
	
img.alignleft {
	float: left;
	margin: 0 20px 20px 0;
	}
	
/* Two column layouts */

.col1 {
	width: 46%;
	float: left;
	}
	
.col2 {
	width: 46%;
	float: right;
	}
	
/* ULs in two column layouts */
	
.col1 ul li {
	line-height: 175%;
	}
	
.col2 ul li {
	line-height: 175%;
	}
	
/* Special style for indented text */
	
p.indent {
	margin-left: 30px;
	}
	
/* Special link styles for property page */
	
.propertylink a {
	color: #000;
	text-decoration: none;
	}
	
.propertylink a:hover {
	color: #000;
	text-decoration: none;
	}
	
/* Style for ULs */
	
ul.list {
	line-height: 175%;
	margin: 10px 0 10px 20px;
	}
	
/* Style for right floated box */
	
.box {
	width: 200px;
	float: right;
	margin: 0 20px 20px 20px;
	}
	
/* Style for smaller right floated box */

.narrowbox {
	width: 150px;
	}
	
/* Style for portfolio thumbnails */
	
.portfoliothumb {
	margin: 0 0 10px 0;
	}
	
/* Special three-column layout for newspaper page design page */
	
.newspapercol1 {
	width: 33%;
	float: left;
	text-align: center;
	}
	
.newspapercol2 {
	width: 34%;
	float: left;
	text-align: center;
	}
	
.newspapercol3 {
	width: 33%;
	float: right;
	text-align: center;
	}
	
/* Adds rounded corners to newspaper page design thumbnails; only works in modern browsers */
	
img.thumbnail {
	border: 5px solid #FFF;
	-moz-border-radius: 10px;
 	border-radius: 10px;
	}
		
/* Changes transparency of hovers on newspaper page design page; only works in modern browsers */

img.thumbnail:hover {
	border: 5px solid #FFF;
	-moz-opacity:.50;
	opacity:.50;
	}
	
/* Supplemental style to center align */
	
.center {
	text-align: center;
	}
	
/* Supplmental style for right margin */

.rightmargin {
	margin-right: 20px;
	}
	
a.descriptionlink {
	color: #333;
	text-decoration: none;
	}
	
.footer_offset {
	text-indent: -999999px;
	}
	
td.bordered {
	border-bottom: 1px solid #666;
	}
	
/* New navigation */
.navigationbar {
	width: 160px;
	height: 261px;
	background: url(/images/navigation_bar.jpg) no-repeat;
	letter-spacing: -0.5px;
	font-size: 13px;
	}
	
.navigationbar ul {
	padding: 15px;
	list-style-type: none;
	color: #FFF;
	}
	
.navigationbar ul li a {
	color: #FFF;
	text-decoration: none;
	line-height: 20px;
	}
	
.navigationbar ul li a:hover {
	color: #CCC;
	text-decoration: underline;
	}