.container
{
	float: left;
	border-right: solid 6px rgb(0, 0, 0, .4);
	height: 100%;
}

html
{
	height: 100%;
	font-family: Arial;
}

del
{
    color: #ccc;
}

body
{
	background-color: #fff;
	height: 100%;
}

/* ======================================================== navigation ================ */

#navigation
{
	background-image: url('/img/nav_bg.gif');
	background-repeat: repeat-x;
	background-position: bottom;
	background-color: #00ff00;
	height: 66px;
}

#navigation ul
{
	list-style: none;
	margin-top: 10px;
	margin-left: 10px;
}

#navigation li
{
	display: inline;
	font-family: Arial;
	font-weight: bold;
	text-transform: uppercase;
	
}

#navigation li.selected
{
	background-color: #fff;
	padding: 5px 10px 5px 10px;
}

#navigation li.selected a
{
	background-color: #fff;
	padding: 5px 10px 5px 10px;
}

#navigation li.selected a:hover
{
	background-color: #fff;
	padding: 5px 10px 5px 10px;
}

#navigation li a
{
	color: #000;
	padding: 5px 10px 5px 10px;
	text-decoration: none;
}

#navigation li a:hover
{
	padding: 5px 10px 5px 10px;
	color: #171717;
	background-color: green;
}


#bottomContainer
{
	/*background-color: rgba(17, 17, 17, .97);*/
	height: 100%;
}

/* ======================================================== typography ================ */

h1
{
	font-family: Arial;
	font-weight: bold;
	font-size: 7em;
	letter-spacing: -.06em;
	margin-bottom: 5px;
	background-color: #fff;
}

h2
{
	font-family: Arial;
	font-weight: bold;
	font-size: 14px;
	letter-spacing: -1px;
	margin-bottom: 0px;
	color: #bbb;
}

span.inverted-black
{
	background-color: #333;
	color: #fff;
	max-width: auto;
	font-weight: bold;
	text-transform: uppercase;
	padding: 3px;
}
span.inverted-green
{
	background-color: #171717;
	color: #0f0;
	max-width: auto;
	padding: 3px;
}
div.grey-green
{
	background-color: #f2f2f2;
	color: #333;
	padding: 3px;
	margin-top: 3px;
	float: left;
}

div p
{
	font-family: Arial;
	font-weight: bold;
	font-size: 3em;
	line-height: 1.1em;
	letter-spacing: -1px;
	margin-bottom: 40px;
	color: #bbb;
}

div a
{
	color: #090;
	text-decoration: underline;
}

div a:hover
{
	color: #0f0;
	text-decoration: underline;
}

/* ======================================================== mission ================ */

#mission
{

	background-image: url('/img/mission_bg.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	background-color: #fff;
}

/* ======================================================== page block elements ================ */

#left-left
{
	padding-top: 25px;
	text-align: right;
	font-size: 12px;
}

#left-left h1
{
	color: #999;
	font-size: 22px;
	line-height: 20px;
	margin-top: 15px;
	margin-right: 10px;
	letter-spacing: -1px;
}

#left-left h2
{
	margin-bottom: -6px;
	color: #666;
	font-size: 10px;
}

#left-right
{
	padding-top: 25px;
	color: #666;
	font-size: .8em;
	line-height: 15px;
	padding-bottom: 10px;
	/*border-bottom: dotted 1px #999;*/
	
	color:#878782;
	line-height:140%;
	
}

#right
{
	padding-top: 25px;
	color: #666;
	font-size: .8em;
}

#right h1
{
	color: #666;
	line-height: 24px;
	margin-top: 5px;
	letter-spacing: -2px;
}

#right h2
{
	color: #666;
	line-height: 12px;
	margin-top: 5px;
	letter-spacing: -1px;
}

#highlight
{
	/*border-top: dotted 1px #00aa00;*/
}

/* ======================================================== noteable project images ================ */

#projectimage
{
	background-image: url('/img/img_placeholder.gif');
	width: 132px;
	height: 117px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: right;
}

/* ======================================================== form elements ================ */

.form_input_text
{
	width: 255px;
	padding: 3px;
}

.form_input_area
{
	width: 257px;
	height: 150px;
	padding: 3px;
}

/* ======================================================== standard html ================ */

table td
{
	vertical-align: top;
	line-height: 25px;
}

/* ======================================================== extras ================ */

#td5
{
	background-image: url('/img/td5.gif');
	width: 72px;
	height: 37px;
	float: right;
	margin-right: 10px;
	margin-bottom: 10px;
}

/* ======================================================== servicecenter ================ */

#serviceContent
{
	background-color: rgba(255, 255, 255, .95);
	height: 100%;
}

#leftList
{
	margin-top: 25px;
	border-right: dotted 1px #ddd;
}

#leftList ul
{
	list-style: none;
}

#leftList li
{
	margin-left: -10px;
}

#leftList h2
{
	color: #aaa;
}