/* CSS Document */

/* CLEAR DEFAULTS & SET PAGE
---------------------------------------------------*/
html								{margin: 0px; padding: 0px}
body 								{width: 100%; height:100%; margin: 0px; min-width: 760px; background-color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color:#CCCCCC}
#container							{position: relative; width: 100%; background:url(../images/diag.gif) 40px 40px #000000; float:left; border-top: 23px solid #212121; text-align:center}
/*#box								{width: 96%; background: url(../../images/bkg_main.jpg) repeat-x 0px 77px; margin: 0px auto}*/
#content							{position: relative; top: -23px; z-index:2; width: 760px; min-height: 300px; margin: 0px 0px -23px; text-align:left; float:left}
#pgtitle							{width: 59px; float:left; margin-top: 23px}
#contentbox							{position: relative; width: 609px; padding: 45px; float:right; background-color: #000; float:left}
.box								{width: 760px; margin: 0px auto}

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}
table, tr, td, th					{/*padding: 0px; margin: 0px;*/ vertical-align:top; border-collapse:collapse; border: none}/* sets declarations for all tables throughout the site */
table th							{text-align: left; speak-header: always; width: 40%}
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: #bbdefe; text-decoration:underline; cursor: pointer}
a:hover, a:active					{color: #fff; text-decoration:none}
input, select						{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #333333; width: 200px}
label								{cursor: pointer}

/* BRANDING / NAVIGATION
---------------------------------------------------*/
#branding 							{position: relative; width: 100%; height: 148px; clear: both; background-color:#000000; border-bottom: 6px solid #424242}
#branding h1						{width: 246px; display:block; text-align:center; float:left; margin: 20px 10px 0px 0px}
#branding h1 img					{margin-top: -15px}
#branding div 						{width: 100%; border-bottom: 1px solid #2b2b2b}


/*Main Navigation*/
#branding ul						{width: 760px; height: 40px; margin:0px auto; display: block; clear:both}
#branding ul li						{display: block; float: left}
#branding li a 						{display: block}

* html a:hover						{visibility:visible}
#branding li a:hover img			{visibility:hidden}

#nav_home 							{width: 63px; height: 40px; background:url(../images/nav/home_o.gif) no-repeat}
#nav_about							{width: 118px; height: 40px; background:url(../images/nav/about_o.gif) no-repeat}
#nav_projects 						{width: 114px; height: 40px; background:url(../images/nav/projects_o.gif) no-repeat}
#nav_services 						{width: 110px; height: 40px; background:url(../images/nav/services_o.gif) no-repeat}
#nav_gallery 						{width: 106px; height: 40px; background:url(../images/nav/gallery_o.gif) no-repeat}
#nav_employment						{width: 139px; height: 40px; background:url(../images/nav/employ_o.gif) no-repeat}
#nav_contact						{width: 109px; height: 40px; background:url(../images/nav/contact_o.gif) no-repeat}

#pghome #nav_home img,
#pgabout #nav_about img,
#pgprojects #nav_projects img,
#pgservices #nav_services img,
#pggallery #nav_gallery img,
#pgemployment #nav_employment img,
#pgcontact #nav_contact img			{visibility: hidden}

#branding blockquote				{width: 760px; height: 106px; margin: 0px auto; padding: 0px; border: none; clear:both}
#branding cite						{width: 246px; height: 71px; float: left; padding: 22px 3px 0px}

/* Dropdown Menu container 
--------------------------------------------------*/
table.menu				{position: absolute; z-index: 5000; border: 1px solid #3b3b3b; cursor: pointer; visibility: hidden;/* Don't change this */}

/* Dropdown Individual menu cells 
--------------------------------------------------*/
table.menu td			{z-index: 1000;
						color: #FFF;/* Must be the same as tdColor in the menu_script.js */
						background-color: #000; /* Must be the same as tdBgColor in the menu_script.js */
						border-top: none;
						padding: 5px 8px;
						font-family:Arial, Helvetica, sans-serif;
						font-size: 10px;
						font-weight:normal;
						white-space: nowrap;}

/* BOXES
--------------------------------------------------*/
#contentbox blockquote				{width: 260px; border: 1px solid #3b3b3b; padding:18px; margin: 0px 6px 25px 0px; float:left}
* html #contentbox blockquote				{width: 258px}


#contentbox blockquote li			{margin: 0px}
#contentbox blockquote.wide			{width: 564px; border: 1px solid #3b3b3b; padding:18px; margin: 0px 6px 25px 0px; float:left}
* html #contentbox blockquote.wide			{width: 561px}


/* CONTENT FORMATTING And Page Specific
---------------------------------------------------*/
#contentbox ul, #content ol			{margin: 10px 5px 10px 20px}
#contentbox li						{margin-bottom: 10px; margin-left: 20px}
#contentbox ul li					{list-style: url(../images/bullet.gif)}
#contentbox ol li					{list-style: decimal}
#content p							{margin: 0px 0px 15px}
#content h1							{font-size: 14px; margin: 0px 0px 8px; color: #fff200; font-weight: bold}
#content h2							{font-size: 12px; margin: 0px 0px 12px 0px; color: #fff; font-weight: bold}
#content h3							{font-size: 11px; color:#035690; font-weight:bold; margin: 0px 0px 3px}
#content h4							{font-size: 12px; color: #cc6600; margin: 0px 0px 8px}
#content b							{color: #fff}
.left								{width: 45%; padding-right:5%; float: left}
.right								{width: 45%; float: left; clear:right}
.leftFloat							{float: left; margin: 0px 10px 10px 0px}
.rightFloat							{float: right; margin: 0px 0px 10px 10px}
.clearright							{clear: right}
textarea							{font-family: Arial, Helvetica, sans-serif; font-size: 11px}
.return								{font-size: 11px; margin-left: 20px}
#box ul li							{list-style:square}
.effective							{font-style: italic}
.date								{font-size: 16px}
.required							{color: #333333}
.requiredstar						{color: #fff200}
#pggallery #content a				{position: relative; width: 193px; height: 200px; margin: 4px; display:block; float:left; text-decoration:none; z-index:2}
#pggallery #content a img			{border-bottom: 4px solid #fff200; padding-bottom: 1px}
#pggallery #content span			{position: absolute; z-index: 9; left: 0px; top: 0px; width: 193px; height: 0px; background:url(../images/enlarge.gif) no-repeat top right; margin: 120px 0px 0px; padding-top:35px; font-size: 12px; display:block; clear:both; color: #fff}
#pggallery #content a:hover span	{background-image: url(../images/enlarge_o.gif)}

#pghome #container					{position: relative; width: 100%; background:url(../images/diag.gif) 40px 40px #333333; float:left; border-top: 374px solid #212121; text-align:center}
#pghome #content					{position: relative; top: -374px; z-index:2; width: 760px; min-height: 300px; margin: 0px 0px -374px; text-align:left; float:left}
#pghome #contentboxhome				{position: relative; width: 760px; padding: 0px; float:right; float:left}
#pghome #flashcontent				{height: 374px; margin-bottom: 25px; padding: 5px 0px}
#pghome #flashcontent h1			{text-align: center}
#pghome #content h1					{font-size: 13px; margin-top: 20px}
#pghome #leftCol					{width: 480px; float:left; padding: 0px 25px 25px 25px; color: #fff; font-size:14px; line-height:20px;}
#pghome #rightCol					{width: 230px; float:right; text-align:center; margin:0px}

#pgprojects #contentbox blockquote	{width: 196px; height: 235px; border: 1px solid #3b3b3b; padding:16px; margin: 0px 0px 25px 0px; float:left}
* html #pgprojects #contentbox blockquote	{width: 190px}

#pgservices #contentbox blockquote	{width: 196px; height: 235px; border: 1px solid #3b3b3b; padding:16px; margin: 0px 0px 25px 0px; float:left}
* html #pgservices #contentbox blockquote	{width: 190px}


/* FORM
---------------------------------------------------*/

.form_row					{position: relative; margin:10px 0px; clear:right; height: 20px}
.form_req					{width:10px; float:left; color: #fff200}
.form_label					{width:200px; height:25px; margin-top:3px; float:left}
label						{clear: right; display: block}
label input					{width: 40px}
input.required				{background-color: #fff87c}
input.white					{background-color: #FFF;}
.white						{background-color: #FFF;}

/* HOME
---------------------------------------------------*/

/* SITE INFO (footer)
---------------------------------------------------*/
#siteinfo 							{width: 100%; height: 70px; clear: both; color:#848484; display:block; font-size:11px; border-top: 6px solid #efe300; background:url(../images/footer.gif) top right no-repeat; padding: 20px 0px; font-weight:bold; line-height: 16px}
#siteinfo b							{color: #fff}
#siteinfo cite						{font-weight: normal; font-style: normal}
#siteinfo li						{display: block; float: left; padding-right: 5px}
#siteinfo a:link,
#siteinfo a:visited					{color: #848484; text-decoration: none}
#siteinfo a:hover,
#siteinfo a:active					{color: #fff}

#siteinfo blockquote				{width: 100%; height: 11px; clear: both; display:block; margin: 0px 0px 10px; padding:0px; border: none}
#siteinfo .left						{width: 45%; float: left; margin-left: 20px}
#siteinfo .right					{width: 45%; float: right; text-align: right; margin-right: 20px}

/* LIGHTBOX/IMAGE ENLARGEMENT */
#lightbox							{background-color:#fff; padding: 10px; border-bottom: 2px solid #666; border-right: 2px solid #666; color: #000; font-size: 15px; font-weight: bold}
#lightbox i							{font-size: 12px; font-weight: normal}
#lightbox a:link, #lightbox a:visited,
#lightbox a:hover, #lightbox a:active	{color: #000}
#lightboxDetails					{font-size: 0.8em; padding-top: 0.4em}	
#lightboxCaption					{float: left}
#keyboardMsg						{float: right}
#closeButton						{top: 5px; right: 5px}
#lightbox img						{border: none; clear: both} 
#overlay img						{border: none}
#overlay							{background-image: url(../images/overlay.png); }
* html #overlay						{background-color: #333; background-color: transparent; background-image: url(images/blank.gif); filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images/overlay.png", sizingMethod="scale")}