/* Panoptic CSS 08-19-2008*/
/* normalize all browser styles*/
body, div, dl,dt,dd,ul,ol,li, h1,h2,h3,h4,h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin: 0 0; padding:0 0;}
h1,h2,h3,h4,h5,h6 {font-size: 100%;} 
ol,ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var,
{font-style:normal; font-weight: normal;}
fieldset, img{border: none;}
caption, th {text-align-left;}

img, div { behavior: url(../iepngfix.htc)}

/* Panoptic Color Palette */
.white     	{color:#ffffff;}
.offwhite  	{color:#FBFCFE;}
.brown     	{color:#6F6B00;}
.green     	{color: #B2BB1C;}
.darkgreen 	{color:#6f6b00;}
.bggreen 	{color:#AAB407;}
.blue      	{color: #6EC2E3;}
.orange    	{color: #EB880E;}
.pano-black {background-color :#282600;}
.text-color-dark  {color: #827810; }
.text-color-light {color: #827810;}

/* page and body settings */

* {
padding : 0;
margin : 0;
}

html {
padding : 0;
margin : 0;
}

body {
padding : 0;
margin : 0;
color: #000000;
font: 62.5%  Arial, Helvetica, sans-serif;
/* this sets default font-size of 1em = 10px */
/* for font size changes, style elements one time using ems */
text-align: center;  
}


/** splash page styles*/
.splashbody { background-color: #282600;}
.splash {
margin: 0 auto 0 auto;
background-image: url(../images/gradient.jpg);
background-repeat: no-repeat;
background-position: center;
width: 1082px;
height: 940px;
position:relative;
text-align: center;
}

.logolink
{
    position: absolute;
    top: 300px;
    left: 340px;
    height: 330px;
    cursor: pointer;
    width: 350px;
    z-index: 99;
}
.logolink:focus { outline: none; }

.splashlogo{
background-image: url('../../images/logo.png');
position:relative;
z-index: 100;
margin: 0 auto 0 auto;
top: 390px; left: 0px;
z-index:3;
height: 99px;
width: 165px;
}

.entry {
position: relative; 
z-index:100;
margin: 0 auto 0 auto; 
top: 400px; 
left: 0px;
z-index: 4;
}

.entry a {
font-size : 1.4em;
margin-left : 0.5em;
color: #FF9900;
font-weight: bold; 
}

.entry a:link     { color: #EB880E; text-decoration: none; font-weight: bold; }
.entry a:visited  { color: #EB880E; text-decoration: none; font-weight: bold; }
.entry a:hover    { color: #EB880E; text-decoration: underline; font-weight: bold; }
.entry a:active   { color: #EB880E; text-decoration: underline; font-weight: bold; }

/* Home page Styles */
.hiddenpic {display:none;}

.home{
background-image: url(../images/new/green-bg.jpg);
background-repeat: repeat-x;
background-color:#AAB407;    
}

a:link     	{ color: #ffffff; font-weight: bold; text-decoration: none; }
a:visited  	{ color: #ffffff; font-weight: bold; text-decoration: none; }
a:hover    	{ color: #ffffff; font-weight: bold; text-decoration: underline; }
a:active   	{ color: #ffffff; font-weight: bold; text-decoration: underline; }
a img     	{ border : 0; }
small 		{ font-family: Arial, Helvetica, sans-serif;}
li			{font-family: Arial, Helvetica, sans-serif;}

.page-wrapper {
position: relative;
top: 10px; left: 0;
margin: 0 auto 0 auto;
padding : 0 0;
text-align: left;
width: 922px;
height: 562px;
background-image: url(../images/new/home-bg.jpg);
background-repeat: no-repeat; 
background-color: #ffffff; 
}

/* login */
.login{
position: relative;
float: right;
margin: 0 0 ;
padding : 0 0;
text-align: right;		
z-index: 600;
font-size: 1em;	 		  
}

.column-wrapper {
position: absolute;
top: 45px; left: 10px;
margin : 0 0;
padding : 0 0;
width : 902px;
height: 512px;	 	   
}

.logo-frame{
position: relative;
z-index: 299;
float: left;
left: 0px; top: 10px;
margin: 0 0;
padding: 0 0;			   
width:  902px;
height: 381px;
background-image:url(../images/home-left.jpg);
background-repeat:repeat-y;
}

.homelogo{
clear: both;
position: relative;
top: 120px; left: 20px;
}

/* Center Image Swap */
.rollover{
position: relative;
text-align:center;
top: 22px; left: 40px;
z-index: 360;           
}

/* primary-nav-bar */
.nav-bg {
position: absolute;
z-index:350;    
top: 55px; left: 565px;
display: inline;
width:340px;
height: 381px; 
margin: 0 0;
padding: 0 0;   
background-image: url(../images/nav-placeholder3.jpg);
background-repeat: no-repeat;
background-position: top right;

}

.primary-nav {  
position: absolute;
background-color: transparent;
z-index:999;    
top: 105px; left: 0px;
display: inline;
width:400px;
height: 390px;
margin:0 0; padding: 0 0;    
list-style-type : none;
}

.nav-home li{
position: relative;			 	
float: left;
left: 634px; top: 9px;
display: inline;
margin :0 0;
padding: 0 0;
width: 208px;
height: 36px;
display: inline;
}

.nav-home li a{ 
color: #FFFFFF; no-repeat left top; 
font-weight: normal; 
text-decoration: none; 
font-weight:bold; 
width:201px; 
display: inline;
height:38px;
}

.nav-process li{
position: relative;
background-color : transparent;
float: left;
left: 675px; top: 89px;
display: inline;
margin : 0 0;
padding: 0 0;
width: 190px;
height: 36px;
}	

.nav-about li{
position: relative;
background-color : transparent;
float: left;
left: 456px; top: 67px;
display: inline;
margin : 0 0;
padding : 0 0;
width: 190px;
height: 36px;
}  

.nav-services li{
position: relative;
background-color : transparent;
float: left;
left: 472px; top: 147px;
display: inline;
margin : 0 0;
padding: 0 0;
width:192px;
height: 36px;
}

.nav-contact li{
position: relative;
background-color : transparent;
float: left;
left: 631px; top: 170px;
display: inline;
margin : 0 0;
padding: 0 0;
width:211px;
height: 36px;
}	

/* footer */

.footer-wrapper {             
position: relative;
clear: both;
top: 21px; right: 10px; float: right;
margin: 0px 0 0 20px;
padding : 0 0;
text-align: left;
width: 40em;			
z-index: 600;
background-color: transparent;
}

.footer {
color : #ffffff;
margin:0 0;
padding : 0.25em 1em 0 0;
font-size : 1.15em;
font-family: Arial, Helvetica, sans-serif;
height : 5em;
position : relative;
}

.footer  a:link { color: #ffffff; font-weight: normal; text-decoration: none; }
.footer  a:visited { color: #ffffff; font-weight: normal; text-decoration: none;}
.footer  a:hover { color: #EB880E; font-weight: normal; text-decoration: none;}
.footer  a:active { color: #EB880E; font-weight: normal; text-decoration: none; }

.footer .footer-nav {
padding: 0 0;
margin: 0 0;
position : absolute;
left : 0;
top: 2.5em;
float: right;
}

.footer .footer-nav li {
margin: 0 0;
padding: 0 5px;
display: inline;
border-right : 1px solid #ffffff;
float : right;                 /* removes extra margins in inline lists */
font-size : 1em;
}

.footer .footer-nav li:first-child {
border-right : none !important;
}

.footer .footer-nav li a { 
margin : 0 0; padding : 0 .5em 0 .5em;      /* sets space between footer nav-bar links */
display : block;              /* expands nav-bar links to edges of list items */
float : left;                 /* removes extra margins in inline lists */
}

.footer p {
font-size : 1.1em;
margin-left : 0;
}

.footer .footer-text {
position : absolute;
clear: both;
margin : 43px 0 0 0;
padding-top: 0;
text-align : right;
font-size: .8em;
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
right : 1em;
top : 2em;
}


.footer .footer-text a, .footer .footer-text a:link, .footer .footer-text a:visited, .footer .footer-text:active { text-decoration: underline; }


/* reusable utility code */
.left       { float: left; }
img.left    { margin: 0 1em 1em 0; }
.right      { float: right; }
img.right   { margin: 0 0 1em 1em; }

.center     { text-align: center; }
/* this is for using on a block-level container element */
/* and will center contents inside the container */

.centered   { display: block; margin: 0 auto 1em auto; }
/* this is for using on an inline element, such as an image */
/* and will turn the element block, and center the element
within its container */

.indent     { display:block; margin-left: 2em !important; }
.section    { margin-bottom : 2em;    }
.hidden     { display: none; }
.no-border  { border: none !important; }
.clear      { clear: both; }