/* =============== RESET TAGS */
a, b, body, br, caption, div, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, i, img, input, label, legend, li, p, select, span, table, td, textarea, th, tr, ul {
	margin:0; padding:0; border:0; font-family:verdana,arial,helvetica,sans-serif; color:#7c835c; text-decoration:none; 
}
html, body {
  height:100%;
  margin:0;
  padding:0;
}
body {
  font-size:100%;
  background-color:#fff;
}
img { display:block; }
ul { width:auto; list-style:none; }
li a { display:block; }
@media all {	 
	* html li a { height:1%; }/* This corrects the huge white-space that IE on Windows adds to the bottom of linked list-items (=IE bug) */ 
}
/* =============== END RESET TAGS */

/* =============== NO-SHOW */
h1 { display:block; visibility:hidden; position:absolute; left:-1000px; }

/* =============== GLOBAL NAV */
#global-nav {
	width:100%;
	overflow:hidden;
	margin-bottom:10px;
	background:url(img/tabs-bg.gif) 0 0 repeat-x;
}
	#global-nav ul { 
		margin-left:10px;
	}
		#global-nav li { 
			display:inline; 
			float:left;
			background:url(img/tabs-right.gif) 100% -200px no-repeat;
		}
			#global-nav li.current { background-position:100% 0; }
			#global-nav li a, 
			#global-nav li.current span { 
				float:left;
				display:block;
				padding:18px 32px 10px 30px;
				font-family:arial;
				font-weight:bold;
				color:#666;
				background:url(img/tabs-left.gif) 0 -200px no-repeat;
			}
			#global-nav li.current span { 
				padding:16px 32px 12px 30px;
				background-position:0 0;
				color:#999;
			}
				#global-nav li a:hover {
					color:#333;
					text-decoration:underline;
				}

/* =============== LINKS */
a { color:#475700; text-decoration:none; font-weight: bold; }
a:hover { color:#8ab02f; text-decoration:underline; font-weight: bold; } /* default hover for contact */
#sec1_4 a:hover { color:#2c69b4; }
.work_sec a:hover, .work_menu li a:hover { color:#c5301b; }
/* =============== END LINKS */

/* =============== TEXT + HEADINGS */
h2 { color:#2c69b4; font-size:1em; padding-bottom:1em; }
#sec1 h2 { color:#2c69b4; }
#sec2 h2 { color:#c5301b; }
#sec3 h2 { color:#8ab02f; }

h3 { font-size:0.69em; }
.show_work h3, 
.hide_work h3 { font-size:1em; }

ul { padding-bottom:1em; }
	li { font-size:0.69em; line-height:1.2em; }

ul.work_menu { width:100%; overflow:hidden; margin-left:-10px; }
	ul.work_menu li { display:inline; float:left; margin-left:-1px; border-left:1px solid #7c835c; } 
		ul.work_menu li span { float:left; padding:0 10px; font-weight:bold; color:#475700; cursor:pointer; }
			ul.work_menu li span.over { text-decoration:underline; color:#c5301b; }
			ul.work_menu li span.current { color:#c5301b; }

p { font-size:0.69em; padding-bottom:1em; }
/* =============== END TEXT + HEADINGS */

/* =============== POSITIONING */

#mg_all { position:relative; width:930px; }

/* rename this to menu? */
#mg_menu {
	position:relative;
	float:left;
	width:200px;
	height:440px;
}
#mg_menu ul { margin:4px 0 0 20px; }
	#mg_menu ul li { padding:12px 0 30px 50px; font-size:1em; font-weight:bold; }
		#mg_menu ul li#about { background:url(img/mg_about.gif) 0 0 no-repeat; }
		#mg_menu ul li#work { background:url(img/mg_work.gif) 0 0 no-repeat; }
		#mg_menu ul li#contact { background:url(img/mg_contact.gif) 0 0 no-repeat; }
			#mg_all #mg_menu ul li.over { background-position:0 -200px; cursor:pointer; }
			#mg_menu ul li#about.over { color:#2c69b4; }
			#mg_menu ul li#work.over { color:#c5301b; }
			#mg_menu ul li#contact.over { color:#8ab02f; }
#mg_menu p { margin:0 0 0 20px; font-size:0.61em; }
	#mg_menu p a { color:#7c835c; }
	#mg_menu p a:hover { text-decoration:underline; }

.show_content {
	position:relative;
	float:left;
	width:700px;
	margin:16px 0 0 20px;
}

/* examples of work */
.show_work {
	position:relative;
	float:left;
	width:640px; 
	margin-top:10px;
	margin-right:15px;
}
	.show_work li {
		width:220px;
		margin-bottom:1em;
	} 
	.hide_work li {
		width:220px;
		margin-bottom:2em;
	}
		.show_work li span {
			display:inline;
			cursor:pointer;
			font-weight:bold;
			color:#475700; 
		}
		.hide_work li span { display:none; }
			.show_work li span.over {
				text-decoration:underline;
				color:#c5301b;
			}
		.show_work li a.show_preview {
			position:absolute;
			display:block;
			top:0;
			right:0;
			border:1px dotted #7c835c;
		}
		.hide_work li a img {
			border:1px dotted #7c835c;
		}

/* =============== END POSITIONING */