/* ------------------------ IMPORT MORE STYLESHEETS ------------------------------ */	

@import url(typography.css);
@import url(normalize.css);
@import url(thumbnailviewer.css);


/* ------------------------ CSS LAYOUT AND POSITIONING TAGS ------------------------------ */	

html, body
{
	background-color: #889b75;
	margin: 0 auto;
	text-align: center;
}
#wrap
{
	background-color: #889b75;
	margin: 0 auto;
	padding: 0;
	width: 100%;
}
#wrap h1, 
#wrap #message
{
	display: none; /* This hides the H tags in the header */
	margin: 0;
	padding: 0;
}
#wrap hr.hide {display: none;} /* This hides the H tags in the header */
#header,
#menu_portfolio
{
	border: 0px solid #e3efbf;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: right;
	width: 760px;
}
#menu_portfolio
{
	padding: 0;
	text-align: right;
	width: 900px;
}
ul#main_menu
{
	border: 0px solid #e3efbf;
	display: inline;
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
	width: 900px;
}
ul#main_menu li
{
	border: 0px solid #e3efbf;
	float: left;
	height: 32px;
	list-style: none;
	margin: 0;
	padding: 131px 0 0 0;
}
ul#main_menu li.spacer_00 {padding-left: 338px;}

#content
{
	border: 0px solid #e3efbf;
	clear: both;
	margin: 0 auto;
	padding: 10px 0;
	text-align: left;
  	width: 900px;
}
#home #content {width: 540px;}
#home #content img
{
	margin-bottom: 100px;
	margin-top: 20px;
}
#content p
{
	margin: 0;
	padding: 0 100px 10px 100px;
}

#content_illustration p, 
#content_web p, 
#content_emails p, 
#content_graphics p, 
#content_photo p, 
#content_wire p
{
	padding: 0 0 10px 68px; /* This controls the container's padding - note: done here to avoid box model expansion quirks */
}

.box
{
	background: #a3b692 url(../images/bkgrd_box.gif) repeat-x top center;
	border-bottom: 10px solid #a3b692;
	clear: both;
	position: relative;
	text-align: left;
	margin: 20px 0 20px 0;
	padding: 0;
	width: 900px;
}

.box h2,
.headingPrint
{
	display: none;
	margin: 0;
	padding: 0;
}

#content_illustration, 
#content_web, 
#content_emails, 
#content_graphics, 
#content_about, 
#content_aboutCareer, 
#content_clients, 
#content_resume, 
#content_writings, 
#content_welcome, 
#content_process, 
#content_photo, 
#content_wire
{
	clear: both;
	position: relative;
	text-align: left;
  	width: 900px;
	padding: 30px 0;
}

#content_about, 
#content_aboutCareer, 
#content_clients, 
#content_resume, 
#content_writings, 
#content_welcome, 
#content_process
{
	text-align: left;
	padding: 30px 0;
}
	
#content_illustration img, 
#content_web img, 
#content_emails img, 
#content_graphics img, 
#content_photo img, 
#content_wire img
{
	border: 10px solid #fff;
	border-collapse: collapse;
	border-spacing: 0;
	-moz-box-shadow: 0 0 5px #666;
	-webkit-box-shadow: 0 0 5px #666;
	box-shadow: 0 0 5px #666;
	height: 100px;
	padding: 0;
	margin: 10px 15px;
	width: 100px;
}

#content_illustration img:hover, 
#content_web img:hover, 
#content_emails img:hover, 
#content_graphics img:hover, 
#content_photo img:hover
{
	background-color: transparent;
	-moz-box-shadow: 0 0 7px #333;
	-webkit-box-shadow: 0 0 7px #333;
	box-shadow: 0 0 7px #333;
}
.photoIMG
{
	border: 10px solid #fff;
	border-collapse: collapse;
	border-spacing: 0;
	-moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px #888;
	box-shadow: 0 0 5px #888;
	padding: 0;
	margin: 10px;
}
#copyright
{
	clear: both;
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
	width: 419px;
}

#info_back
{
	background: #f3f1e9 url(../images/bkgrd_footer_info.gif) repeat-x top left; 
	padding: 0px;  
	position: relative;
	margin: 0px; 
	width: 100%;
}

#info_back img {margin-left: -10px;}

hr
{
	border: 0px;
	height: 0px;
	border-top: 1px dotted #a3b692;
	display: none;
}

.hr_box
{
	border: 0px;
	height: 0px;
	margin: 10px 20px 20px 20px;
	border-top: 1px dotted #889b75; 
}

body#web li.web a:link, 
body#web li.web a:visited, 
body#web li.wire a:link, 
body#web li.wire a:visited, 
body#graphic li.graphic a:link, 
body#graphic li.graphic a:visited, 
body#home li.home a:link, 
body#home li.home a:visited, 
body#clients li.clients a:link, 
body#clients li.clients a:visited, 
body#resume li.resume a:link, 
body#resume li.resume a:visited
{
	color: #e8e15b; /* This controls the color of the text of the active page's link */
}

body#web li.web a:hover,
body#graphic li.graphic a:hover, 
body#home li.home a:hover, 
body#clients li.clients a:hover, 
body#resume li.resume a:hover
{
	color: #353E2B; /* This controls the color of the text of the active page's hover */
}

.splitListLeft,
.splitListRight
{
	position: relative;
}
.splitListLeft
{
	width: 49%;
	float: left;
}