body 
{
	margin: 0px;
	padding: 0px; 
	text-align:center;
	background-color: #8AA024;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color: black;
}

#wrapper
{
	text-align:left;
	margin: 15px auto;
	width:980px;
	background-color: #434344;
}

#sideContent
{
	float:left;
	width:150px;
	height:570px;
	background: url(images/designstudio.gif) no-repeat top center;
	margin: 30px 0px 0px 0px;
}

#mainNav
{
	width:830px;
	height:25px;
	background-color: Gray;
}
	
#primaryContentWrapper
{
	float:left;
	width:830px;
	height:600px;
	background-color: White;
	clear: right;
}

#twoColLayout #imageWrapper
{
	display:none;
}

#primaryContent
{
	float: left;
	height:500px;
	padding: 50px 0px 20px 25px;
	background-color: White;
}

#twoColLayout #primaryContent
{
	width:670px;
}

#threeColLayout #primaryContent
{
	width:250px;
}

#primaryContent h2
{
	font-size:medium;
	margin-bottom:20px;
}

#primaryContent a
{
	color:Black;
}

#primaryContent p
{
	line-height: 17px;
}

#primaryContent ul
{
	list-style-type: none;
	margin-left:0px;	/* For IE */
	padding-left: 0px;	/* For Firefox */
}

#primaryContent address
{
	font-style:normal;
	display:block;
	margin-left: 18px;
	margin-top:5px;
}

#primaryContent address span
{
    margin-left: -18px;
}

#primaryContent h2 + p
{
	margin-bottom:4px;
}

#imageWrapper
{
	float:right;
	text-align: center;
	vertical-align: middle;
	width:500px;
	height:500px;
	top: 50px;
	margin: 50px 40px 0px 0px;
}

#imageContent
{
	width:496px;
	height:468px;
	border-width:1px;
	border-color: Gray;
	border-style:solid;
	overflow:hidden;
}

#imageNav
{
	margin: 5px 0px 0px 0px;
	width:500px;
	height:25px;
	font-size: smaller;
}

#imageNav *
{
	color: #8A8A8A;
	margin:  0px 35px 0px 35px;
}

#header
{
	width:980px;
	height:100px;
	padding: 20px 0px 0px 20px;
}

#header h1
{
	background: url(images/mbumsteadTitle.gif) no-repeat;
	height: 80px;
}

#header span
{
	display:none;
}

#footer
{
	clear:both;
	width:980px;
	height:22px;
	padding:5px 0px 0px 120px;
	vertical-align: middle;
	font-size: 12px;
}

#footer *
{
	color: #8A8A8A;
	margin:  0px 35px 0px 35px;
}

#smittenLink
{

}

#phone
{
	display: inline;
}

#emailLink
{

}

#copyright
{
	display: inline;
}

#disclaimer
{
	font-style: italic;
}

/* Highlight the the current page in the navigation bar */
body.portfolio #mainNav a#portfolio, 
body.logos #mainNav a#logos,
body.signage #mainNav a#signage,
body.branding #mainNav a#branding,
body.print #mainNav a#print,
body.events #mainNav a#events,
body.web #mainNav a#web,
body.resume #mainNav a#resume,
body.clients #mainNav a#clients,
body.contact #mainNav a#contact,
body.about #mainNav a#about
{
	color: black;
}

body.portfolio #mainNav a:hover#portfolio, 
body.logos #mainNav a:hover#logos,
body.signage #mainNav a:hover#signage,
body.branding #mainNav a:hover#branding,
body.print #mainNav a:hover#print,
body.events #mainNav a:hover#events,
body.web #mainNav a:hover#web,
body.resume #mainNav a:hover#resume,
body.clients #mainNav a:hover#clients,
body.contact #mainNav a:hover#contact,
body.about #mainNav a:hover#about
{
	color: white;
}

/* Stuff I'm learning :
*	
*	IE ignores rules that don't specify units (Ex. padding: 20 0 0 20;)
*
*
*
*/

/* http://sperling.com/examples/menuh/ */

#menuh
{

}
	
#menuh a
{
	text-align: center;
	display:block;
	border: 1px solid #555;
	white-space:nowrap;
	margin:0px;
	padding: 0.2em;
}
	
#menuh a, #menuh a:visited	/* menu at rest */
{
	color: white;
	background-color:Gray;
	text-decoration:none;
}
	
#menuh a:hover	/* menu at mouse-over  */
{
	color: white;
	background-color: #8AA024;
}	
			
#menuh a.top_parent, #menuh a.top_parent:hover  /* attaches down-arrow to all top-parents */
{
	background-image: url(navdown_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
}
	
#menuh a.parent, #menuh a.parent:hover 	/* attaches side-arrow to all parents */
{
	background-image: url(nav_white.gif);
	background-position: right center;
	background-repeat: no-repeat;
}

#menuh ul
{
	list-style:none;
	margin:0px;
	padding:0px;
	float:left;
	width:9em;	/* width of all menu boxes */
}

#menuh li
{
	position:relative;
    min-height: 1px; 	/* Sophie Dennis contribution for IE7 */
    vertical-align: bottom; /* Sophie Dennis contribution for IE7 */
}

#menuh ul ul
{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	width:12em;
}

#menuh ul ul ul
{
	top:0;
	left:100%;
}

div#menuh li:hover
{
	cursor:pointer;
	z-index:100;
}

div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}


		
/* End CSS Drop Down Menu */