/* CSS Document */

*
{
  padding: 0;
  margin: 0;
}

body
{
	background: #FFF;
	font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #444;
}

.wrapper
{
	font-size: 1.1em;
	margin: 0 auto 20px 0;
	width: 100%;
}

.content
{
  width: 984px;
  margin-bottom: 10px;
}

h1, h2, h3, h4, h5, h6
{}

h1 
{ 
margin-bottom: .5em;
font-size: 1.6em; 
}
a {
	color: #0A7F92;
	text-decoration: none;
}

a:hover {
	color: #0A7F92;
	text-decoration: underline;
}

h2
{
  font-size: 1.3em;
}

h3
{
  font-size: 1.1em;
}

p
{
  margin-bottom: 1em;
  text-align: left;
}

#header
{
  width: 984px;
  height: 155px;
}

#splash
{
	margin: 0 0 30px;
	width: 100%;
	border-width: 1px 0;
	border-style: solid;
	white-space: nowrap;
}



ul
{
  margin: 0 0 0 30px;
}

ul.bigGap li
{
  margin: 0 0 1em;
}

#leftArea
{
  width: 500px;
  float: left;
  margin: 0 50px 0 41px !important;
  margin: 0 50px 0 23px;
  
}

#rightArea
{
  float: left;
  width: 350px;
  font-size: 90%;
}

div.clearer
{
  clear: both;
}



label
{
  font-size: 1em;
  font-weight: bold;
}

div.scroll
{
  height: 200px;
  width: 280px;
  padding: 10px 35px;
  overflow: auto;
  background: url(../images/home_scroll.gif) top left repeat-y;
  border: 1px solid;
}

div.scroll h1
{
  font-weight: normal;
  font-size: 1.4em;
  text-align: center;
  width: 80%;
  margin: 0 auto 10px;
}


#footer
{
  border-width: 1px 0;
  font-size: 90%;
  border-style: solid;
  padding: 4px 0 4px 15px;
  margin: 20px 0 0;
  color: #666;
  font-weight: bold;
}

#footer span
{
  color: #0A7F92;
}


#footer a
{
  color: #666;
}

#footer a:hover
{
  color: #0A7F92;
}



/*******************************************
************ PAGE SPECIFICATIONS ***********
*******************************************/


#page_home #splash
{
  background: #59ADBF url(../images/dotMask.gif) top left;
  border-color: #000;
}

#page_home .colored
{
  color: #59ADBF;
}

#page_home #footer
{
  border-color: #000;
}
#page_home #rightArea
{
  margin-top: 40px;
} 



#page_why #splash
{
  background: #E58827 url(../images/dotMask.gif) top left;
  border-color: #E58827;
}

#page_why .colored
{
  color: #E58827;
}

#page_why #footer
{
  border-color: #E58827;
}

#page_why #rightArea
{
  margin-top: 40px;
} 


#page_services #splash
{
  background: #0a7f92 url(../images/dotMask.gif) top left;
  border-color: #0a7f92;
}

#page_services .colored
{
  color: #0A7F92;
}

#page_services #footer
{
  border-color: #0A7F92;
}



#page_tools #splash
{
  background: #842676 url(../images/dotMask.gif) top left;
  border-color: #842676;
}

#page_tools .colored
{
  color: #842676;
}

#page_tools #footer
{
  border-color: #842676;
}



#page_about #splash
{
  background: #9DB43A url(../images/dotMask.gif) top left;
  border-color: #9DB43A;
}

#page_about .colored
{
  color: #9DB43A;
}

#page_about #footer
{
  border-color: #9DB43A;
}



#page_contact #splash
{
  background: #A01C40 url(../images/dotMask.gif) top left;
  border-color: #A01C40;
}

#page_contact .colored
{
  color: #A01C40;
}

#page_contact #footer
{
  border-color: #A01C40;
}
#page_caseStudies .colored {
  color: #0A7F92;
}