@charset "utf-8";
/* Welcome Page */
body { text-align:center; background-color:#00372A; font-family:Arial, Helvetica, sans-serif; font-size:.8em; margin:0; }

/* for form validation  */
.required { font-weight:bold;}
.alert { font-weight:bold; color:#00E0AD;}

a:link {color: #CCCC33;	text-decoration: none;}
a:visited {color: #CCCC33; text-decoration: none;}
a:hover {color: #C0DCCF; text-decoration: underline;}
a:active, a:focus {color: #CCCC33; text-decoration: none;}

#container { width:970px; text-align:left; margin: 0 auto; position:relative;}

#wrapper { position:absolute; left:0px; top:0px; width:970px; height:750px; text-align:left; }

#main-head { position:absolute; left:0px; top:0px; width:970px; height:124px; }

#main-02 { position:absolute; left:0px; top:124px; width:30px; height:26px; }

#main-03 { position:absolute; left:30px; top:124px; width:440px; height:26px; }

#main-nav { position:absolute; left:470px; top:124px; width:470px; height:26px; }

#main-05 { position:absolute; left:940px; top:124px; width:30px; height:26px; }

#main-06 { position:absolute; left:0px; top:150px; width:30px; height:460px; }

#main-picarea { position:absolute; left:30px; top:150px; width:440px; height:460px; background-color:#FFFFFF; }
#main-picarea img{ margin-top:8px; margin-left:8px; width:424px; height:444px; }

#main-content-bg { position:absolute; left:470px; top:150px; width:470px; height:460px; background:url(../graphics/main_content_bg.jpg) no-repeat;  }

/* Hide show divs ---------------------------------------- */
.hide-div { display:none;}
.show-div { display:block;}
/* content divs ---------------------------------------------- */
#home-content {margin:35px 30px 30px 35px; color:#FFFFFF; }
#home-content h2{ color:#E9DBBC; margin-right:90px; font-size:18px; line-height: 26px; }
#home-content h3{ margin-bottom:3px; font-size:16px; }

#company-content { height:400px; margin:35px 30px 0 35px; color:#FFFFFF; color:#E9DBBC; font-size:90%; overflow:auto; }
#company-content h4{ color:#E9DBBC; margin-bottom:0; color:#FFFFFF; }
#company-content table { width:380px; }
#company-content table td{ vertical-align:top; width:50%; }
#company-content hr{ width:100%; height:3px; background-image:url(../graphics/hr_bg.gif); border:none; }

#company-table { width:400px; margin-top:10px;}
#company-table td{ width:50%; vertical-align:top; padding:2px; padding-top:8px;}
.company-name { font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
.hq { font-style:italic;}

#contact-content {margin:35px 30px 30px 35px; color:#FFFFFF; }
#contact-content h3{ color:#E9DBBC; }

#contact-content input{ border:1px solid #CDDFD9; background-color:#CDDFD9; }
#contact-content select{ border:1px solid #CDDFD9; background-color:#CDDFD9; }
#contact-content textarea{ border:1px solid #CDDFD9; background-color:#CDDFD9; }
#contact-content input.button{ border:1px solid #CDDFD9; background-color:#007A5E; color:#FFFFFF; }
/* ------------------------------------------------------- */
#main-09 { position:absolute; left:940px; top:150px; width:30px; height:460px; }

#main-portal-link { position:absolute; left:0px; top:610px; width:970px; height:64px; }


#main-foot { position:absolute; left:0px; top:674px; width:970px; height:76px; background-color:#FFFFFF; color:#CCCCCC; font-size:85%;  }
#main-foot p{ padding:0 0 0 32px; }
#main-foot a:link {color: #CCCCCC;	text-decoration: underline;}
#main-foot a:visited {color: #CCCCCC; text-decoration: underline;}
#main-foot a:hover {color: #999; text-decoration: underline;}
#main-foot a:active, a:focus {color: #CCCCCC; text-decoration: underline;}
#main-foot-left {float:left;}
#main-foot-right {float:right;padding-right:30px;}

/*- Nav 1--------------------------- */
#menu1 { width: 420px; margin: 0; padding:0; }

/* Nav 1 - Home ------------------------------------------------------------------*/	
#menu1 td.nav1 a { width:119px;	height: 26px; text-decoration: none; text-indent: -3000px; }
#menu1 td.nav1 a:link, #menu1 td.nav1 a:visited {display: block; background:  url(../graphics/nav_home.gif); padding: 0;}
#menu1 td.nav1 a:hover { background:  url(../graphics/nav_home.gif) 0 -26px; padding: 0; }
/* On Page*/
#menu1 td.onpage1 a { width:119px;	height: 26px; text-decoration: none; text-indent: -3000px; }	
#menu1 td.onpage1 a:link, #menu1 td.onpage1 a:visited {display: block; background:  url(../graphics/nav_home.gif) 0 -26px;	padding: 0;}
#menu1 td.onpage1 a:hover { background:  url(../graphics/nav_home.gif) 0 -26px; padding: 0; } 

/* Nav 2 - Company --------------------------------------------------------------------*/
#menu1 td.nav2 a { width:173px; height: 26px; text-decoration: none; text-indent: -3000px; }
#menu1 td.nav2 a:link, #menu1 td.nav2 a:visited {display: block; background:  url(../graphics/nav_company.gif); padding: 0;}
#menu1 td.nav2 a:hover { background:  url(../graphics/nav_company.gif) 0 -26px; padding: 0; }
/* On Page*/
#menu1 td.onpage2 a { width:173px; height: 26px; text-decoration: none; text-indent: -3000px; }	
#menu1 td.onpage2 a:link, #menu1 td.onpage2 a:visited {	display: block;	background:  url(../graphics/nav_company.gif) 0 -26px; padding: 0;}
#menu1 td.onpage2 a:hover { background:  url(../graphics/nav_company.gif) 0 -26px; padding: 0; }

/* Nav 3 - Conatct Us -----------------------------------------------------------------*/	
#menu1 td.nav3 a { width:178px; height: 26px; text-decoration: none; text-indent: -3000px; }
#menu1 td.nav3 a:link, #menu1 td.nav3 a:visited { display: block; background:  url(../graphics/nav_contact.gif); padding: 0;}
#menu1 td.nav3 a:hover { background:  url(../graphics/nav_contact.gif) 0 -26px; padding: 0; }
/* On Page*/
#menu1 td.onpage3 a { width:178px; height: 26px; text-decoration: none; text-indent: -3000px; }	
#menu1 td.onpage3 a:link, #menu1 td.onpage3 a:visited {	display: block;	background:  url(../graphics/nav_contact.gif) 0 -26px;	padding: 0;}
#menu1 td.onpage3 a:hover { background:  url(../graphics/nav_contact.gif) 0 -26px; padding: 0; }


/* This makes the text left justified & keeps font large in the CS debug area */
.cfdebug {text-align:left; font-size:12px;}
.cfdebug code{ font-size:12px;}
.cfdebug pre{ font-size:12px;}

