/********************************************/
/*         Written by: Lars Astrom          */
/*         2006 - A3 IT Solutions           */
/********************************************/

/* Layout Styles */
html, body{
  width:100%;
  margin:0 0 0 0;
  background:#00365b url(/images/background.gif) repeat-y center;
  text-align:center;
}

body{
  background:url(/images/header.gif) no-repeat center top;
}

#container{
  width:886px;
  margin:0 auto 0 auto;
  text-align:left;
}

#header{
  position:relative;
  top:0px;
  left:0px;
  width:746px;
  height:163px;
  padding:0 0 0 140px;
}

#tagline{
  position:absolute;
  top:60px;
  left:530px; 
  /* Font styles */
  font-family:verdana, arial, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#aaadb0;
  line-height:normal;
}

#content{
  position:relative;
  top:0px;
  left:0px;
  width:628px;
  float:left;
}

#videoPopup{
  position:absolute;
  top:15px;
  left:600px;
  width:400px;
  height:300px;
  z-index:10000;
}

.leftText{
  position:relative;
  top:0px;
  left:0px;
  width:240px;
  float:left; 
  margin:0 10px 0 0;
  padding:30px 0 0 0;
  *padding:40px 0 0 0;
  text-align:right;
}

.rightText{
  position:relative;
  top:0px;
  left:0px;
  width:285px;
  float:left;
  margin:0 0 0 10px; 
  padding:30px 0 0 0;
  text-align:left;
}

#promo{
  margin:30px 0 0 10px; 
}

#footer{
  width:621px; 
  padding:5px 0 0 265px;
  clear:both;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:11px;
  color:#898580;
}

/* Page Specific Image Overlays */
#whiteTabOverlay{
  position:absolute;
  top:170px;
  left:499px;
  width:67px;
  height:24px;
  padding:0 0 0 20px;
  _padding:5px 0 0 20px;
  background:url(/images/about/whiteTab.gif) no-repeat; 
  /* font styles */
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:11px;
  color:#8e9295;
  line-height:24px;
}

#positionOverlay{
  position:absolute;
  top:-1px;
  left:45px; 
  width:100px;
}

#servicesTextOverlay{
  position:absolute;
  top:198px;
  left:30px; 
}

#topCircleTextOverlay{
  position:absolute;
  top:40px;
  left:0px; 
  width:310px;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:20px;
  color:#ffffff;
  text-align:center;
}

#middleCircleTextOverlay{
  position:absolute;
  top:205px;
  left:45px; 
  width:242px;
  text-align:center;
}

#contactOverlay{
  position:absolute;
  top:10px;
  left:37px; 
}

.contactTitle{
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:16px;
  font-weight:bold;
  color:#8e9295;
  line-height:normal;
}

/* Left navigation styles */
#leftNav{
  float:left;
  width:181px;
  padding:0 0 0 57px;
  margin:0 20px 0 0;
}

.leftNavLink a, .leftNavLink a:link, 
.leftNavLink a:visited, .leftNavLink a:active{
  width:165px;
  height:32px;
  display:block;
  padding:0 0 0 12px;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#00365b;
  text-decoration:none;
  line-height:32px;
}
.leftNavLink a:hover{
  width:165px;
  height:32px;
  display:block;
  text-decoration:underline;
}

.leftNavLinkActive a, .leftNavLinkActive a:link, 
.leftNavLinkActive a:visited, .leftNavLinkActive a:active{
  width:165px;
  height:32px;
  display:block;
  background:url(/images/leftNav/active.gif) no-repeat 1px 0px;
  padding:0 0 0 12px;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  line-height:32px;
}

.leftNavLinkActive a:hover{
  width:165px;
  height:32px;
  display:block;
  background:url(/images/leftNav/active.gif) no-repeat 1px 0px;
  padding:0 0 0 12px;
  color:#ffffff;
  text-decoration:underline;
}

.leftNavLinkContactActive a, .leftNavLinkContactActive a:link, 
.leftNavLinkContactActive a:visited, .leftNavLinkContactActive a:active{
  width:165px;
  height:32px;
  display:block;
  background:url(/images/leftNav/activeContact.gif) no-repeat 1px 0px;
  padding:0 0 0 12px;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#ffffff;
  text-decoration:none;
  line-height:32px;
}

.leftNavLinkContactActive a:hover{
  width:165px;
  height:32px;
  display:block;
  background:url(/images/leftNav/activeContact.gif) no-repeat 1px 0px;
  padding:0 0 0 12px;
  color:#ffffff;
  text-decoration:underline;
}

.leftSubNav{
   width:155px;
   margin:0 0 0 11px;
   background:url(/images/leftNav/subNavBackground.gif) repeat-y;
}

.subNavLink a, .subNavLink a:link, 
.subNavLink a:visited, .subNavLink a:active{
  width:144px;
  height:26px;
  padding:0 0 0 12px;
  display:block;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#8e9295;
  text-decoration:none;
  line-height:32px;
}

.subNavLink a:hover{
  width:144px;
  height:26px;
  display:block;
  text-decoration:none;
  color:#00365b;
  background:url(/images/leftNav/subBullet.gif) no-repeat 0px 13px;
}

.subNavLinkActive a, .subNavLinkActive a:link, 
.subNavLinkActive a:visited, .subNavLinkActive a:active,
.subNavLinkActive a:hover{
  width:139px;
  height:26px;
  padding:0 0 0 12px;
  display:block;
  background:url(/images/leftNav/subBullet.gif) no-repeat 0px 13px;
  /* font styles */
  font-family:arial,  verdana, helvetica, sans-serif;
  font-size:12px;
  font-weight:bold;
  color:#00365b;
  text-decoration:none;
  line-height:32px;
}

.subNavCap{
  width:155px;
  height:11px;
  margin:0 0 0 11px;
  background:url(/images/leftNav/subNavCap.gif) no-repeat; 
}

/* Link styles */
a:link		 {font-size:12px; text-decoration:none; font-family:arial,  verdana, helvetica, sans-serif; color:#00365b;}
a:visited	 {font-size:12px; text-decoration:none; font-family:arial,  verdana, helvetica, sans-serif; color:#00365b;}
a:active	 {font-size:12px; text-decoration:none; font-family:arial,  verdana, helvetica, sans-serif; color:#00365b;}
a:hover 	 {text-decoration:underline; color:#00365b;}

a.topNav:link		  {font-size:12px; text-decoration:none; font-weight:bold; font-family:arial,  verdana, helvetica, sans-serif; color:#8e9295;}
a.topNav:visited  {font-size:12px; text-decoration:none; font-weight:bold; font-family:arial,  verdana, helvetica, sans-serif; color:#8e9295;}
a.topNav:active	  {font-size:12px; text-decoration:none; font-weight:bold; font-family:arial,  verdana, helvetica, sans-serif; color:#8e9295;}
a.topNav:hover 	  {text-decoration:underline; color:#8e9295; font-weight:bold;}

a.privacyStatement:link		  {font-size:11px; text-decoration:none; font-family:arial,  verdana, helvetica, sans-serif; color:#898580; margin:0 0 0 220px;}
a.privacyStatement:visited  {font-size:11px; text-decoration:none; font-family:arial,  verdana, helvetica, sans-serif; color:#898580; margin:0 0 0 220px;}
a.privacyStatement:active	  {font-size:11px; text-decoration:none; font-family:arial,  verdana, helvetica, sans-serif; color:#898580; margin:0 0 0 220px;}
a.privacyStatement:hover 	  {text-decoration:underline; color:#898580;}

a.blueBold:link     {font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; font-weight:bold;}
a.blueBold:visited  {font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; font-weight:bold;}
a.blueBold:active   {font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; font-weight:bold;}
a.blueBold:hover    {font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; font-weight:bold;}


/* Font styles */
h1	{font-family:arial, verdana, helvetica, sans-serif; font-size:20px; color:#00365b; font-weight:bold; line-height:24px;}
h2	{font-family:arial, verdana, helvetica, sans-serif; font-size:18px; color:#00365b; font-weight:bold; line-height:22px;}
h3	{font-family:arial, verdana, helvetica, sans-serif; font-size:16px; color:#00365b; font-weight:bold; line-height:20px;}
h4	{font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; font-weight:bold; line-height:16px;}

.text	{font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#000000; line-height:18px;}
.white	{font-family:arial, verdana, helvetica, sans-serif; font-size:11px; color:#ffffff; line-height:18px;}
.blue	{font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; font-weight:bold; line-height:18px;}
.blueNB	{font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#00365b; line-height:18px;}
.blueBig  {font-family:arial, verdana, helvetica, sans-serif; font-size:16px; color:#00365b; line-height:18px;}
.gray	{font-family:arial, verdana, helvetica, sans-serif; font-size:14px; color:#8e9295; font-weight:bold; line-height:20px;}

.loginText	{font-family:arial, verdana, helvetica, sans-serif; font-size:12px; color:#ffffff; line-height:normal;}

/* Form styles */

.submitBtn{
  width:65px;
  border:0px;
  float:left;
  margin:5px 0 0 75px;
  clear:both;
}

.label{
  width:75px;
  float:left;
  text-align:right;
  font-weight:bold;
}

.labelLong{
  width:100px;
  float:left;
  text-align:right;
  font-weight:bold;
}

.field{
  float:left; 
  border:1px solid #8e9295;
  font-size:12px; 
  width:100px;
}

.fieldLong{
  float:left; 
  border:1px solid #8e9295;
  font-size:12px; 
  width:250px;
}


ul{
  color:#8e9295;
  font-weight:bold;
}