/* resets */
body {
	padding:0px;
	margin:0px;
	background: #E7E7E7 url(images/retooling/header_bg.gif) repeat-x left -34px;
}
/* Typography*/
html { font-size: 100%; /* IE hack */ }
body {
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;*/
	font-family: Tahoma, Geneva, sans-serif;
	font-size:62.5%; /* base font size of 10px */
	color:#828282;
}

strong { /*font-weight:normal;*/ color:#6D6D6D; 
}

table { font-size: 100%; /* IE hack */ }
input, select, th, td { font-size: 100%; /* IE hack */ }
li li, li p, td p, blockquote p, div div {font-size:1em} /* stop cascading test sizing */

h1, h2, h3, h4, h5, h6, address {
    font-family: Georgia;
}

a:link { color: #ACACAC; }
a:visited { color: #828282; }
a:hover { color: #C1C1C1; }

.content h1 {font-size:2em}  /* displayed at 20px */
.content h2 {
	font-size:1.5em;
	padding: 0;
	margin: 36px 0 24px 0;
}  /* displayed at 15px */
.content h3 {font-size:1.25em; padding:0; margin:0 0 12px 12px;}  /* displayed at 12px */
.content h4 {font-size:1em}  /* displayed at 10px */

.content p { /* displayed at 15px */
	margin:12px 36px 24px 36px;
	font-size: 1.5em;
	line-height: 1.3;
}

/* image replacement */
.mir { letter-spacing : -1000em; }
/* Just for Opera, but hide from MacIE */
/*\*/html>body .mir { letter-spacing : normal; text-indent : -999em; overflow : hidden;}
/* End of hack */ 

#h_welcome {
	width:103px;
	height:18px;
	background: url(/images/retooling/h_welcome.gif) no-repeat left bottom;
}
#h_recentWork {
	width:140px;
	height:18px;
	background:	url(/images/retooling/h_recentWork.gif) no-repeat;
}
#h_projects {
	width:88px;
	height:23px;
	background: url(/images/retooling/h_projects.gif) no-repeat left bottom;
}

#h_contact {width:84px; height:18px;	background: url(images/retooling/h_contact.gif) no-repeat;}
/*convert to mir*/
#site_logo {
	position:absolute;
	top:26px;
	display:block;
	padding:0px;
	margin:0 0 0 -12px;
	text-indent:-5000px;
	width:205px;
	height:47px;
	background:url(/images/retooling/header_andrewrowe.png) no-repeat;
}
#site_logo a {
	display:block;
	width:100%;
	height:100%;
	overflow:hidden;
}

/* Page layout*/
#wrap {
	padding:0px;
	background: url(/images/retooling/footer_bg.gif) repeat-x bottom;
}
#page {
	padding:0px;
	margin: 0px auto;
	width: 708px;
}

/* center page sections and set width */
#page .content {
	padding: 12px;
}

#page .header {
	height: 108px;
	margin: 0px auto;
	padding: 0px 12px;
	/*background: url(/images/retooling/header_toys.jpg) no-repeat 360px bottom;*/
	position: relative;
}

#page #header-graphic {
	position: absolute;
	right: 71px;
	bottom:-108px;
	z-index:-1;
}

#page .footer {
	text-align: right;
	font-size: 1.1em;
	color: #FAFAFA;
	height: 26px;
	padding: 12px;
	margin: 24px 0 0 0;
}

/* navigation bar */
.header .primary-nav {
	margin:80px 0 0 0;
	padding:0;
	list-style:none;
	float:right;
	z-index:1;
}

.header .primary-nav li {
	float:left;
	padding:0;
	margin:0 7px;
}

.header .primary-nav li a {
	display:block;
}
.primary-nav .contact {
	text-indent:-5000px;
	width:49px;
	height:16px;
	background-image:url(/images/retooling/n_contact.gif);
	background-position:0 0;
	background-repeat: no-repeat;
	overflow:hidden;
}
.primary-nav .contact:hover { background-position:0px -16px; }

.primary-nav .projects {
	text-indent:-5000px;
	width:56px;
	height:15px;
	background-image:url(/images/retooling/n_projects.gif);
	background-position:0 0;
	background-repeat: no-repeat;
	overflow:hidden;
}
.primary-nav .projects:hover { background-position:0px -16px; }

/* Folio */
.folioContainer {
	position:relative;
	width: 600px;
	height: 265px;
	margin:0 auto;
	padding: 0 6px 0 6px;
	background: url(/images/retooling/folio_bg.png) no-repeat center 114px;
}

.folioContainer .folio dt{
	display: inline;
	float: left;
	margin: 0 7px;
	padding:0px;
	position: relative;
	width:184px;
	height:115px;
	z-index: 1;

}
.folioContainer .folio span {
	background-color: #990000;
	position: absolute;
	z-index: 1;
	width: 164px;
	left: 5px;
	bottom: 5px;
	font-size: 1em;
	padding: 3px 5px;
	margin:0px;
	text-transform: uppercase;
	color: #F3F3F3;
	text-decoration: none;
}

.folioContainer .folio dt img{
	padding:5px;
	margin:0px;
}

.folioContainer .folio dd{
	display: none;
	position:absolute;
	padding: 12px;
	margin:0px;
	left:0px;
	top:114px;
	width: 588px;
	background: url(/images/retooling/folio_bg.png) no-repeat center top;
}
.folio h1, folio h2 {
	font-size:1.8em;
	font-style:italic;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0;
}
.folio li {font-size:1.3em}

.folioContainer .folio {
	margin: 0px;
	padding: 0px;
}
.folio dt.active{ background:url(/images/retooling/folio_hl_bg.png) no-repeat center 74px; }
.folioContainer .folio a:link,.folioContainer .folio a:visited{
	color: #F3F3F3;
	font-size: 1em;
	line-height:16px;
	font-weight:bold;
	letter-spacing:1px;
}
.folio dd p {
	font-size: 1.3em;
	margin-top: 0px;
	line-height: 1.3;
}

.clear{clear:both;}

.content .project {
	margin: 0 0 0 12px;
}

.content .project h3 { margin:0; font-size:1.8em; font-weight:normal;}

.project img {
 float: left;
 background-color:#FAFAFA;
 padding:3px;
 border:#AAAAAA 1px solid;
 margin:3px 7px;
 }
/*
 *
 * Contact form
 */
/* CSS Document */
#contactform div {
	margin: 0 0 10px 0;
}
.contact {
	overflow: auto;
	width: 400px;
	/*padding-left: 36px;*/
}
.contact p {
	margin:0 0 12px 0;
}
.contact input {
	width: 200px;
}
.contact #icomment textarea {
	width: 350px;
}
.contact #icontact label {
	display: block;
}
.contact #contactform #submit {
	width: auto;
	float: right;
	margin: 0;
	padding: 0;
}
#contactform label {
	display: block;
}
.contact #contactform {
	border: 1px dashed #CCCCCC;
	padding: 10px;
	width: 352px;
	font-size:1.3em;

}
.contact #contactform .clearboth {
	clear:both;
	height:0px;
	padding:0;
	margin:0;
}
.success {
	color: #00CC00;
	font-size: medium;
	font-weight: bold;
}
.error {
	font-size: medium;
	font-weight: bold;
	color: #CC0000;
}
#contactform #mail {
	visibility: hidden;
	position: absolute;
}