/*////////////////////////////////////////////////////////////////
///////////////////// CSS ///////////////////////////////////////
/////////////////////////////////////////////////////////////////
* Filename: style.css											*
* Version: 1.0.0 ( )  											*
* Author: J.P. McGarrity										*
* Description: Handles the site layout.							*
*															 	*
*																*
/////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////*/
 
/*///////////////////////////////////////////////////////////
///////////////// Start Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

/* Even the playing field in all browsers */

html, body, ul, li, p, img, div,
h1, h2, h3, h4, h5, h6,
form, fieldset, table, a {
margin:						0;
padding:					0;
border:						0;
}

/* Firefox image selection fix */
*:focus {outline: none}

blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

br
{
	clear:both;
}

/*///////////////////////////////////////////////////////////
///////////////// HTML Styles //////////////////////////////
//////////////////////////////////////////////////////////*/

html
	{
		height:				100%;	
	}

body
	{
		font:				12px helvetica,verdana,arial;
		color:				#353535;
		background:			url('http://www.resolutionam.com/gfx/background.jpg') top left repeat-x #002459;
		padding-left:		20px;
		height:				100%;
	}
	
h1
	{
		font-size:15px;
		font-weight:bold;
		text-transform: capitalize;
		color:#353535;
		padding-bottom:10px;
	}


h2
	{
		font-size:11px;
		font-weight:bold;
		padding-left:4px;
		padding-bottom:2px;
	}

h3
	{
		font-size:12px;
		font-weight:bold;
		padding-bottom:2px;	
		color:#004ea2;
	}

h4
	{
		font-size:12px;
		font-weight:bold;
		color:#353535;
		margin-bottom:2px;
		margin-top:20px;				
	}

h5{}

h6
	{
		font-size:24px;
		color:#004ea2
	}	

.active
	{
		font:				bold 9px "Lucida Grande", helvetica,verdana, arial;
		letter-spacing:		1px;		
		display:			block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width:				auto;
		text-decoration:	none;
		color:				#fff;
		border-top:			1px solid #fff;
		border-bottom:		1px solid #fff;
		padding:			4px 0 4px 8px;		
		
	}	
	
h6
	{
	}	

sup
	{
	}
	
a
	{
		font:		normal 10px georgia;
		font-style: italic;
		color:		#004b8d;
		text-decoration:none;
	}

a:hover
	{
		text-decoration:	underline;		
		
	}

a.titlelink
	{
		font-family:				helvetica,verdana,arial;
		font-size:			11px;
		font-weight:		bold;
		font-style:			normal;
		color:				#004b8d;
		text-decoration:	none;
	}

a.titlelink:hover
	{
		text-decoration:	underline;		
	}



a.subnav
	{		
		font:				9px	bold helvetica,verdana, arial;
		letter-spacing:		1px;
		text-transform:		capitalize;
		color:				#fff;
	}

a.subnav:hover
	{
		text-transform: capitalize;	
	}

a.subnav-footer
	{		
		font:				8px	bold helvetica,verdana, arial;
/*		font:				normal 10px arial;
*/		letter-spacing:		1px;
		text-transform:		capitalize;
		color:				#fff;
		text-decoration:	none;		
	}

a.subnav-footer:hover
	{
		font:				8px	bold helvetica,verdana, arial;		
		text-transform: capitalize;	
	}

a.subnav-selected, a.subnav-selected:hover
	{
	}

a.footer
	{

	}
	
a.footer:hover
	{

	}	
	
b
	{
	}


p
	{
		font-size:			11px;
		color:				#353535;
		padding:			5px 0;
		line-height:		14px;
	}

ol
	{
		font-size:			11px;
	}

.back_link
	{
		text-align:right;
		margin-top:0px;
		padding:0px;
	}
	
	
/*////////////////////////////////////////////////////
///////////////// Navigation /////////////////////////
///////////////////////////////////////////////////*/	

#left_col
	{
		float:right;
		width:222px;
		padding-top:90px;
	}
	
#navigation
	{
		margin-top:			100px;
		text-align:			right;
		font:				11px bold helvetica,verdana, arial;
	}	

#navigation a
	{
		text-transform: 	capitalize;
		color:				#fff;
		text-decoration:	none;
	}

#navigation ul li
	{
		text-transform: 	capitalize;
		list-style:			none;
	}	
	
#footer
	{
		margin-top: 		120px;
		float:				left;
		margin-left:		-240px;
		width:				860px;
		position:			relative;
		z-index:			100;
	}

html>body #footer
	{
		margin-top: 		120px;
		float:				left;
		margin-left:		-240px;
		width:				860px;
	}
	
#footer ul li
	{
		text-transform: 	capitalize;		
		list-style:			none;
	}	
	
#footer_links
	{
		float:				left;
		border-top:			1px solid white;
		width:				222px;
		text-align:			right;
		font:				11px bold helvetica,verdana, arial;
	}	
	
#content_wrapper
	{
		background:			url('http://www.resolutionam.com/gfx/flash_background.gif') top left;
		margin:				0 auto;
		height:				auto !important; /* real browsers */
		padding-bottom:		20px;
	}	

#content_wrapper2
	{
/*		background:			url('http://www.resolutionam.com/gfx/page_copy_background.gif') top left repeat;*/
		margin:				0 auto;
		height:				auto !important; /* real browsers */
		height:				100%; /* IE6: treaded as min-height*/
		min-height:			100%; /* real browsers */
	}	

#mod_container
	{
		float:right;
		width:70%;
		background:			url('http://www.resolutionam.com/gfx/page_copy_background.gif') top left repeat;
		height:				auto !important; /* real browsers */
		height:				100%; /* IE6: treaded as min-height*/
		min-height:			100%; /* real browsers */
	}

#content
	{
		float:				left;
		height:				100%;		
/*		background:			#fff;*/
		width:				626px;
		margin-left:		20px;
	}

html>body #content /* ie6 can't see */
	{
		float:				left;
		height:				100%;		
/*		background:			#fff;*/
		width:				626px;
		margin-left:		40px;
	}
	
#address
	{
		float:					right;
		font-size:				9px;
		background:				#fff;
		width:					451px;
		border-top:				1px solid #353535;
	}	


.element
	{
		background:				#fff;
	}


#page_content
	{
		float:				left;		
		font-weight:		normal;
		width:				450px;
		margin-top:			10px;
		margin-left:		10px;
		margin-bottom:		30px;
	}

	
body>html #page_content
	{
		font-weight:		bold;
		width:				480px;
		margin-top:			-15px;
		margin-left:		140px;
	}

#past_project_container
	{
		border-top:			1px solid #353535;
		padding-left:		10px;
		padding-top:		12px;
		margin-top:			20px;
	}

.title_small
	{
		float:left;
		font-style:			italic;
		font-size:			9px;
		/*line-height:		10px;*/
		padding-right:		9px;
		padding-left:		4px;
		width:				130px;
	}

.executive_thumb_container
	{
		margin-top:			2px;
		float:				left;
		margin-right:		10px;
		/*border-left:		1px solid #353535;*/
		padding-left:		1px;
		width:				112px;		
		height:				60px;
		display:inline;
	}

body>html .executive_thumb_container
	{
		margin-top:			2px;
/*		float:				left;*/
		margin-right:		10px;
		border-left:		1px solid #353535;
		padding-left:		1px;
		width:				160px; /*119px*/
/*		height:				152px;*/
	}

#executive_bio_photo_med
	{
		float:				left;
		padding-right:		10px;
	}	
	
#executive_bio_container
	{
		border-top:			1px solid #353535;
		padding-left:		10px;
	}

#executive_bio_profile
	{
		float:				left;
		width:				271px;
		border-right:		1px solid #353535;
		margin-bottom:		12px;
		margin-right:		8px;	
	}	

.project
	{
		float:				left;
		margin-right:		10px;
		text-align:			center;
	}
	
.med_ital	
	{
		font-style:			italic;
		font-size:			10px;
		width:				120px;
		float:left;
	}
	
	
/////////////////////////////////////////////////////
/////////////   DHTML NAV      //////////////////////
////////////////////////////////////////////////////


.global_navigation
	{
		float:			right;
		margin:			5px 0;
		padding:		0;
		width:			170px; /*width of menu*/
	}

	.class1
	{

	}

	.class2
	{
		border-top:1px solid white;
		border-bottom:1px solid white;	
	}

	.glossymenu{
	margin:		5px 0;
	padding:	0 6px 0 0;
	width:		222px; /*width of menu*/
	border-bottom-width: 0;
	text-align:right;
	}

	.glossymenu a.menuitem{
/*	font: bold 11px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;*/
	font:				bold 9px "Lucida Grande", helvetica,verdana, arial;
	letter-spacing:		1px;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 4px 0;
	padding-left: 10px;
	text-decoration: none;
	text-transform:uppercase;
	padding-right:5px;
	}

	.glossymenu a.menuitem:visited, .glossymenu .menuitem:active{
	color: white;
	padding-right:5px;
	}

	.glossymenu a.menuitem:hover{
	color:#99b9dc;
	padding-right:5px;	
	}
 

a.active
	{
		background:			#124b86;
		color:				#fff;
	}

a.active:hover
	{
		background:			#124b86;
		color:				#fff;
	}
	
/////////////////////////////////////////////////////
/////////   DHTML NAV PRESS SECTION     ////////////
////////////////////////////////////////////////////

.press_navigation
	{
		margin:			5px 0;
		padding:		0;
/*		width:			170px;*/ /*width of menu*/
	}

.press_navigation div.pressheader a
	{
		font:				bold 14px "Lucida Grande", helvetica,verdana, arial;
		letter-spacing:		1px;		
		color:				#fff;
		display:			block;
		position:			relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width:				auto;
		text-decoration:	none;		
		text-align:			left;
		padding:			5px 0 5px 8px;			
	}

.press_navigation div.pressheader a:hover
	{
		font:				bold 14px "Lucida Grande", helvetica,verdana, arial;
		letter-spacing:		1px;		
		display:			block;
		position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
		width:				auto;
		padding:			5px 0 5px 8px;
		text-decoration:	none;
		color:				green;
	}	


.press_navigation div.pressheader a:visited, .press_navigation div.pressheader a:active
	{
		color: #fff;
		text-align:		left;		
	}


.press_navigation div.selected a
	{
		color:				#red;
		border-top:			1px solid #fff;
		border-bottom:		1px solid #fff;
	}

.press_navigation div.pressheader a:hover
	{
			color:				#000;
			padding:			5px 0 5px 8px;	
	}

.alert_text
	{
			color:				red;
	}

/*//////////////////////////////////////////////////////
////////////// Toggle Styles ///////////////////////////
//////////////////////////////////////////////////////*/


.menutitle
{
	font-size:			15px;
	font-weight:		bold;
	text-transform:		capitalize;
	color:				#353535;
	margin-top:			15px;
	cursor:				pointer;
	margin-bottom:		5px;
	width:				450px;
	padding:			2px;
	/*/*/border-top:	1px solid #353535;/* */
}

.submenu-toggle
{
	margin-bottom:		0.5em;
}

.active
{
	color:#green;
}