/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
h1, h2, h3, h4, h5, h6, li, 
ol, ul, form, fieldset, input,
p, blockquote, img, label			{margin:0px; padding:0px; list-style:none;}
img									{border:none; margin:0px; padding:0px;}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse}/* sets declarations for all tables throughout the site */
table th							{text-align: left; speak-header:always}
th									{speak-header:once} /*when rendered aurally, each row of data is to be spoken as a "Header1, Data1, Data1 ..." as opposed to "Header1, Data1, Header1, Data2"*/
a:link, a:visited					{color:#565656; text-decoration:underline;}
a:hover, a:active					{color:#0049c3; text-decoration:none;}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#333333}
label								{cursor:pointer}

/* Set html & body 
--------------------------------------------------*/
html								{width:100%;}
body								{position:relative; width:100%; min-width:760px; margin:0 auto; padding:0px; font:11px Arial, Helvetica, sans-serif; color:#4b4b4b; background:url(../images/bkg_bluegrad.gif) repeat-x #2788eb;}
#container							{position:relative; width:760px; height:auto; left:0px; right:0px; margin:0 auto; padding:0px; z-index:1; background-color:#FFF; border-top:16px solid #013864;}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{float:left; width:148px; margin:0px; padding:0px;}
#branding h2						{position:absolute; left:-9997px;}

#logo								{padding:20px 0px 24px 33px;}

#branding ol li.noline,
#siteinfo ul li.noline				{border:0px; margin:0px; padding:0px}

/*Main Navigation*/
#nav								{position:relative; top:0px; left:0px; width:148px; height:165px; margin:0px; padding:0px; background-color:#013864;}
#nav h2								{position:absolute; left:-8999px;}

#nav ul								{position:relative; top:10px; left:0px;}
* html #nav ul						{position:relative; margin-top:10px; left:0px;}
#nav ul li							{float:left;}
#nav ul li a 						{display:block;}

* html a:hover 						{visibility:visible;}
#nav li a:hover img					{visibility:hidden;}

#nav_home 							{width:148px; height:24px; background:url(../images/nav/nav_home_o.gif) no-repeat;}
#nav_about							{width:148px; height:24px; background:url(../images/nav/nav_about_o.gif) no-repeat;}
#nav_services						{width:148px; height:24px; background:url(../images/nav/nav_services_o.gif) no-repeat;}
#nav_portfolio 						{width:148px; height:24px; background:url(../images/nav/nav_portfolio_o.gif) no-repeat;}
#nav_careers						{width:148px; height:24px; background:url(../images/nav/nav_careers_o.gif) no-repeat;}
#nav_contact						{width:148px; height:24px; background:url(../images/nav/nav_contact_o.gif) no-repeat;}

#nav li#nav_help a:hover img		{visibility:visible}

#pg_home #nav_home img,
#pg_about #nav_about img,
#pg_services #nav_services img,
#pg_portfolio #nav_portfolio img,
#pg_careers #nav_careers img,
#pg_contact #nav_contact img		{visibility:hidden;}

#contact							{margin:18px 32px 16px 34px; padding-top:10px; border-top:5px solid #0049c3; border-bottom:5px solid #0049c3;}
#contact p							{line-height:14px; font-weight:bold;}


/* CONTENT & FORMATTING
---------------------------------------------------*/
#content							{float:left; width:612px; background:url(../images/bkg_lines.gif) bottom right no-repeat; margin:0px; padding:0px;}
#content ul							{margin-bottom:8px;}
#content ul	li						{list-style:square; line-height:18px; margin-left:15px;}
#text								{background:url(../images/bkg_shadow.gif) top left no-repeat; padding:24px 36px 40px 36px; margin-top:-3px;}
* html #text						{background:url(../images/bkg_shadow.gif) top left no-repeat; padding:24px 36px 0px 36px; margin:-3px 0px 40px 0px;}


b, strong							{color:#000;}
p									{margin:0px 0px 10px 0px; line-height:18px;}
h1									{font:bold 14px Arial, Helvetica, sans-serif; color:#0854a1; margin:0px 0px 10px 0px;}
h2									{font:bold 12px Arial, Helvetica, sans-serif; color:#565656; margin:0px 0px 8px 0px; line-height:18px}
h3									{font-weight:bold;}
h4									{font-size:11px;}
h5									{}
h6									{}
.clear								{clear:both;}
.nobr								{white-space:nowrap;}
.left								{float:left;}
.right								{float:right; padding-left:15px;}

.leftCol							{width: 250px; float:left;}
.rightCol							{width: 280px; float:left; padding-bottom:15px;}

.lineBox							{clear:both; border-top:5px solid #0043b4; margin:0px; padding:0px;}
.lineBoxSm							{border-top:1px solid #0043b4; margin:0px; padding-top:8px;}


/* HOME CONTENT
---------------------------------------------------*/

#pg_home #text						{background:url(../images/bkg_shadow_hm.gif) top left no-repeat; padding:24px 36px 0px 36px; margin-top:-3px;}

#pg_home .left						{margin:10px 35px 50px 50px;}
* html #pg_home .left				{margin:10px 35px 10px 50px;}
#pg_home p							{font-weight:bold;}
#pg_home ul li						{font-weight:bold; list-style-position:inside;}
#pg_home h2							{color:#0854a1;}



/* Specific Pages
---------------------------------------------------*/

#pg_portfolio h2					{margin:0px; padding:16px 0px;}


/* SITE INFO (footer)
---------------------------------------------------*/

#site_info							{position:relative; margin:0px auto; width:740px; background-color:#013864; color:#FFF; font-size:10px; padding:5px 10px;}
#site_info cite						{font-style:normal;}

#site_info cite a:link,
#site_info cite a:visited			{color:#FFF; text-decoration:none;}
#site_info cite a:hover,
#site_info cite a:active			{color:#41acf7;}
