/*
Theme Name: MWD
Theme URI: http://www.joeperri.com/
Description: This is the default layout for Muskegon Website Design
Author: JoePerri.com LLC
Version: 1.0
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}

body {
	line-height: 1;
	font:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
}

/* Header Section */

#header {
	background:url(images/top_bg.png) repeat-x;
	height:180px;
	margin:0;
	padding:0;
	}
	
#branding {
	width:900px;
	margin:0 auto;
	padding:0;
	}
	
#logo {
	float:left;
	width:450px;
	margin:0;
	padding:0 0 10px 0;
	}	
	
#headerright {
	width:400px;
	margin:0 0 0 500px;
	padding:10px 0;
	}
		
#menu ul{	
	list-style-type:none;
	padding:20px 0;
	margin:0 0 0 40px;
	background-color:transparent;
	font-size:20px;
		}

#menu ul li {
	float:left;
	list-style-type:none;
	padding:0;
	margin:2px 0 2px 0;
}

#menu ul li a, #menu ul li a.visited {
	text-align:center;
	width:90px;
	display:block;
	color:#FFFFFF;
	text-decoration:underline;
	position: relative;
	padding:6px 0 0 0;
	}
	
#menu ul li a:hover {
	text-align:center;
	width:90px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
	position: relative;
	padding:6px 0 0 0;
	}
	
		
#slogan {
	padding:0;
	margin:73px 0 0 0;
	}	

	
/* End Header Section */		


/* Page Section */

#container {
	padding:20px 0 0 0;
	}
	
#container a, #container a:visited {
	color:#006699;
	text-decoration:underline;
	}	

#container a:hover {
	color:#006699;
	text-decoration:none;
	}	

h4.additionalinfo { /*Contact Page Additional Information */
	font-size:20px;
	padding:4px 0;
	}

#container ul {
	margin:0 0 20px 20px;
	padding:5px;
	}
	
#container ul li {	
	padding:5px;
	font-size:16px;
	font-weight:bold;
x	}
/* End Page Section  */

/* Homepage Section */

#topcontent {
	width:900px;
	height:420px;
	margin:0 auto 5px auto;
	padding:0;
	}

#banner {
	float:left;
	width:500px;
	margin:0;
	padding:0;
}

#maincontent {
	width:390px;
	margin:0 0 0 500px;
	padding:0 0 0 10px;
	}
	
	
#bottomwrapper {
	background:url(images/bottom_bg.png) repeat-x top;
	background-color:#333333;
	margin:0;
	padding:0;
	color:#F1F1F1;
	}	
	
#bottomcontent {
	padding:30px 0 0 0;
	margin:0 auto;
	width:900px;
	height:300px;
	}	
	
	
#seocontent	{
	float:left;
	width:400px;
	margin:0;
	padding:0;
}

#seobanner {
	width:490px;
	margin:0 0 0 400px;
	padding:30px 0 0 10px;
	text-align:right;
	}

#seobanner1 {
	width:490px;
	margin:0 0 0 400px;
	padding:0 0 0 10px;
	text-align:right;
	}

/* End Homepage Section */	


/* Portfolio Section */

div.portfolio {
	width:150px;
	padding:2px 5px;
	margin:5px;
	border:#CCCCCC solid 1px;
	text-align:center;
	float:left;
	}
	
/* End Portfolio Section */

/* Footer Section */

#footer {
	background-color:#333333;
	color:#F1F1F1;
	}
	
#footercontent {
	padding:5px 0;
	margin:0 auto;
	text-align:right;
	border-top:#5F5F5F solid 1px;
	width:900px;
	}
	
#footer a, #footer a:visited {
	color:#006699;
	text-decoration:underline;
	}	

#footer a:hover {
	color:#006699;
	text-decoration:none;
	}