/* Typography 
=================================== */
* {margin: 0;padding: 0;}

a:link, a:visited, #footer a:link, #footer a:visited {	
	text-decoration: none;
	font-weight: normal;
	color: #669;	
	border-bottom: 1px dotted #669; 
	}

#secondaryContent a:link, #secondaryContent a:visited {	
	text-decoration: none;
	font-weight: normal;
	color: #696;	
	border-bottom: 1px dotted #696; 
	}
	
h2, #banner h2 {
	font-size: 1em;
	font-weight: bold;
	width: 100%;
	color: #669;
}

h1 {
	background: #ccc url(../images/obmiLogoTiny.gif) no-repeat left center;
	padding: 1px 0 1px 23px;
	margin: 0;
	color: #000;
	font: 14pt bold;
}

#secondaryContent h2 {color: #696;}
h3, .caption, em, blockquote {color: #669;}

.caption, em, blockquote, #footer .caption {
	font-weight: normal;
	font-style: normal;
	font-size: 1em;
}

blockquote .last {
	display: block;
	text-align: right;
}

.errorMessage {color: red;}

ul {list-style: inside;}
li.last {list-style: none;}

#services dt, dt, #services #secondaryContent dt {
	text-align: left;
	color: #000;
	font-weight: bold;
}

/* General Layout/Structure 
=================================== */
/* Hide non-essential images */	
img, #home #secondaryContent img, #banner img, #home #wrapper img, #printLogo, #profile #primaryContent img, #writing #secondaryContent img {
	display: none;
}
	
body {
	font: .8em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	background: #fff;
	color: #000;
}

.outerBox {height: auto;}

/* Remove all floats and set width to 100% */
#wrapper, #banner, #primaryContent, #contact #primaryContent, #secondaryContent, #contact #secondaryContent, .outerBox, #secondaryContent .outerBox, .innerBox, 
#services #secondaryContent dt, #services #secondaryContent dl {
	width: 100%;
	position: relative; 
	float: none;
	margin: 0;
	padding: 0;
}

#services #secondaryContent span {
	border: none;
	display: inline;
	padding: 0;
	height: auto;
}



/* remove all background images */
#banner, #banner p.last, #primaryContent, #secondaryContent, #primaryContent .outerBox, #secondaryContent .outerBox, #primaryContent .innerBox, #secondaryContent .innerBox, #primaryContent h2, #secondaryContent h2, .first, #marketing, #investor, #technical, #employee, #mainNav li, .plus, .minus, .external, #services #secondaryContent dt {
	background: url(../images/noImage.gif) no-repeat right bottom;
	padding: 0;
}

#banner {background: #fff;}

/* ignore sandbag divs */
#sbLeft-01, #sbLeft-02, #sbLeft-03, #sbLeft-04, #sbLeft-05, #sbLeft-06, #sbLeft-07, #sbLeft-08, #sbLeft-09, #sbLeft-10, #sbLeft-11, #sbLeft-12, #sbRight-01, #sbRight-02, #sbRight-03, #sbRight-04, #sbRight-05, #sbRight-06, #sbRight-07, #sbRight-08, #sbRight-09, #sbRight-10, #sbRight-11, #sbRight-12 {float: none; width: 0; height: 0;} 

#footer {
	font-size: .7em;
	padding: 0;
	border-top: #669 1px solid;
	text-align:center;
	}	
	
/* remove special padding and margins */
h2, #banner h2, #primaryContent h2,  .first, h3, #secondaryContent h3, #primaryContent p,  #secondaryContent p, #footer p, dt, #services #secondaryContent dt, ul {
	padding: 0;
	margin: 3px;
}

dd, #services #primaryContent dd, #services #secondaryContent dd {margin: 7px;}

/* Main Navigation
=================================== */
#mainNav {
	list-style: none;
	width: 50px;
	float: left;
	margin: 3px;
	padding: 0;
	border: #ccc 1px solid;
	}

#mainNav li {float:none;}

#mainNav a:link, #mainNav a:visited, #mainNav a:hover, #mainNav a:active {
	display: block;
	text-decoration: none;
	color: #000;
	float: none; 
	border: none;
	padding: 0 3px;
}
	
/*The following highlights the current page in Main Navbar*/
#home #mainNav .home a, #services #mainNav .services a, #projects #mainNav .projects a, #profile #mainNav .profile a, #contact #mainNav .contact a, #writing #mainNav .writing a {
	font-weight:bold;
	cursor:default;
	background: #ccc;
	}
	
/* Forms
=================================== */
form p {position: relative;	margin: 0;}

fieldset {
	margin: 2px 0;
	border: 1px solid #ccc;
	background: #f8f8f8;
	padding: 0 1px;
	}

label {
	float: none;
	display: block;
}

form, label, input, textarea {width: 100%;}

textarea {height: 5em;}

input.submit  {width: auto;}

input:focus, textarea:focus {background: #e0e0f7;}

.helpText, * html .helpText {
	position: relative;
	margin-left: 5px;
	width: auto;
}

/* Toggle Styles
=================================== */
#toggleSource a {color: #000; border: none;}
#toggleSource dd {padding: 0;}
.hiddenTarget, .showTarget {position: relative; top: 0;}