/* Main tags */
form {display:inline;}
body {font-family:Arial, Helvetica, sans-serif;color:#6d6d6d;overflow:-moz-scrollbars-vertical;margin:0px;}
a:link, a:visited {color:#333399;text-decoration:none;}
a:hover {color:#333399;text-decoration:underline;}
h1 {font-size:120%;margin:0px;color:#333399}
h2 {font-size:100%;}
h3 {font-size:85%;}
p, li {font-size:75%;}
/* Main tags */

/* STYLES FOR HTML EDITOR */
.strongText{font-weight:bold;}
.uppercaseText{text-transform:uppercase;}
.smallText{font-size:90%;}
.BHABlue {color:#333399;}





/*NAV*/


/*NAV*/

.homepanels{}

.homepageh2{
color:#ffffff;
font-size:90%;
margin:3px;
}

/* Used in the FAQs to hide the answers (which are in <DIV> tags) when the page loads up */
.answer{display:none;}

/* For styling globalIndex.tpl */
#pagewidth { position:relative; display:block; width:820px;  margin:0 auto 0 auto; padding:0 10px 0px 10px; background-color:#ffffff;}
#header  { display:block; padding:2px;}
#header h1 { display:block; width:820px; padding:20px; font-weight:normal; font-size:2em; color:#f2f2f2;}
#header h2 { position:absolute; right:10px; top:45px; font-size:0.875em; color:#333399;margin:0px;}
#header #navtable{font-weight:bold;margin-top:-30px;float:right;}
#header #navtable .link{margin-left:20px;float:left;font-size:80%;}
#header #navtable .link a{color:#333399;text-decoration:none;}
#header #navtable .link a:hover{color:#333399;text-decoration:underline;}
#header h2 a { text-decoration:none }
#header h2 a:hover { text-decoration:underline;color:#333399 }

#header #subnav {font-size:70%;margin-top:10px;}
#header #subnav a{color:#333399;text-decoration:none;margin-left:6px;}
#header #subnav a:hover{color:#333399;text-decoration:underline;}


#navigation  { padding:5px;margin-top:2px; float:left;width:170px;}
#navigation ul { display:block;  list-style-type:none;margin:0px; }
#navigation ul li { float:left;background-color:#666;height:38px; }
#navigation ul li a { display:block; width:124px; height:38px; color:#ddd; line-height:38px; text-align:center; }
#navigation ul li a:hover { background-color:#ddd; color:#666; }


#content {float:left;width:820px;padding:10px; margin-top:2px;}
#content h2 {}
#content p { font-size:0.875em; }


#footer {width:820px; margin:0 auto 0 auto; padding:10px; }
#footer p {text-align:right; font-size:70%; color:#333399;}



/* extra stuff for Tomas niceness!!! */

*{ margin:0; padding:0; }
img { border:0; }
ul {  }
html, body{ height:100%; font-family: arial, sans-serif; font-size:100%; color:#000000; background-color:#fff; }

p { margin-bottom:8px; }
h2, h3, h4 { margin-bottom:12px; }


#content h2 { display:block;  color:#333399; background:url('../../images/blue_arrow.gif') no-repeat; padding-left:15px;}
#content h3 { font-size:1em; color:#6d6d6d;}
#content h4 {font-size:2.5em; color:#333399; font-weight:bolder;}
#content ul { list-style-image: url('../../images/sub_nav_arrow.gif'); margin: 5px 0 0 10px;}
#content li { margin-left:15px; position:relative; clear:both; padding:10px 0; }
#content img { margin-top:8px; }
#content p { font-size:0.80em; color:#6d6d6d;}
#content p.date { display:block; float:left; width:70px; height:auto; font-size:0.75em; font-weight:bold; color:#ddd; background-color:#666; margin:0 10px 0 0; text-align:center; }
#content p.date span.day { display:block; font-size:3em; background-color:#ddd; color:#666; }
#content p.company_name, 
#content p.location { display:block; width:auto; font-size:0.75em; font-weight:bold; color:#999; border-bottom:1px solid #ddd; margin:0; padding:2px 0; }
#content dt { background-color:#ddd; color:#333; font-weight:bold; padding:4px; text-transform:uppercase; margin-bottom:0; }
#content dt p { margin-bottom:0; }
#content dd { padding:8px; border-left:1px solid #ddd; }

#content #page_content {float:left; width:271px;margin-right:12px;}
#content #services {float:left; width:145px; background:url('../../images/divide.gif') right top no-repeat; margin-right:10px;}
#content #services a{color:#6d6d6d;text-decoration:none;border-bottom:1px solid #d1d1d1;}
#content #services a:hover{color:#6d6d6d;text-decoration:none;border-bottom:1px solid #6d6d6d;}

#content #news {float:left; width:170px; background:url('../../images/divide.gif') right top no-repeat; margin-right:10px;}
#content #contact {float:left; width:200px;}

/*************************************/
/* Scroll Stuff for services section */
/*************************************/

#examples {width:820px; height:120px; float:none; overflow:hidden;}
#examplesscroll {margin-left:25px;}
#examples ul { list-style:none; float:left; width:2000px;}
#examples li {  clear:none; float:left; width:100px; }
#examples img { border:2px solid #EEE;  float:left; display:block; }

#examples2 {width:820px; height:120px; float:none; overflow:hidden;}
#examplesscroll2 {margin-left:0px;}
#examples2 ul { list-style:none; float:left; width:2000px;}
#examples2 li { clear:none; float:left; width:100px; }
#examples2 img { border:2px solid #EEE; float:left; display:block; }

#scroll {width:803px; overflow:hidden;}
#scroll img { border:0px solid #EEE; padding:0px; float:left; margin-top:-10px; position:absolute;}

#examplescroll {overflow:hidden;}

#servicesimage p {color:#333399;}
#servicesimage img {padding: 0 10px 10px 0;}
#servicesimage h1 {padding: 5px 0 0 0;}

#sitemap dt { border:none; background:none; font-size:70%; }
#sitemap dd { border:none; background:none; font-size:70%; padding:2px 0 2px 20px; margin:2px; }
#sitemap a{ border-bottom:1px dotted #ccc;}
#sitemap a:hover{ border-bottom:1px solid #ccc;}


#footerbar {background:url('../../images/generic_bg.jpg') no-repeat; width:820px; height:110px; float:left; margin:10px 0 0 -10px;}

#aboutimage {background:url('../../images/about.jpg') no-repeat; margin:50px 20px 20px 50px;}