/*****************************/
/*** Core html setup stuff ***/
/*****************************/

body {
	font-family: Helvetica,Arial,sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    background-color:#d9d9d9;    
    background-image:url("../images/site_bck.gif");
    background-repeat:repeat-x;
	font-family:Arial;
	font-size:11px;
	color:#666666;
}
.body_class {
	width: 800px;
	text-align:left;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
}
a:link, a:visited {
	text-decoration: none;
	color:#666666;
}

a:hover {
	text-decoration: underline;
}
img { border: 0 none; }
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page
{
 width:800px;
 background-color:#FFFFFF;
 margin:20px 0px 0px 0px;
 position:absolute;
 overflow:auto;
}
#page_border
{
 border:#FFFFFF 9px solid;
 width:782px;
}
#page_head
{
   width:780px;
   border:1px solid #eff1f4;
   background-image:url(../images/head.jpg);
   background-repeat:no-repeat;
   height:91px;
}
#flash_banner
{
height:200px;
width:780px;
padding-bottom:5px;
}

#container
{
   width:780px;
}
#top_menu {
    background-image:url('../images/menu_bck.jpg');
    background-repeat:repeat-x;
    width:780px;
    height:33px;
	text-align:right;
}
/* menu links */
a.mainlevel:link, a.mainlevel:visited {
	background-image:url(../images/menu_arrow.gif);
	padding-left:25px;
	padding-bottom:15px;
	padding-top:7px;
	padding-right:20px;
	background-repeat:no-repeat;
	line-height:27px;
	font-size:11px;
	color:#5f6061;
}
a.mainlevel:hover {
  color: #089805;
  text-decoration:none;
}
a.mainlevel#active_menu {
	background-image:url(../images/menu_arrow.gif);
	padding-left:25px;
	padding-bottom:15px;
	padding-top:7px;
	padding-right:20px;
	background-repeat:no-repeat;
	line-height:27px;
	font-size:11px;
	color:#089805;
}
a.mainlevel#active_menu:hover {
  color: #5f6061;
  text-decoration:none;
}
#left_menu
{
    width:180px;
	float:left;
	margin:0px;
	padding:0px;
}
#content
{
    width:580px;
	padding-left:20px;
	float:left;
}
#right_menu
{
    width:180px;
	float:right;
}
a.mainlevelservices:link, a.mainlevelservices:visited {
	padding-left:20px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:30px;
	color:#333333;
	line-height:30px;
	width:180px;
}
a.mainlevelservices:hover {
	text-decoration: none;
	color: #089805;
}

a.mainlevelservices#active_menuservices {
	color:#089805;
}

a.mainlevelservices#active_menuservices:hover {
	color:#333333;
}
#mainlevelservices_first
{
width:178px;
background-image:url(../images/menu_background_first.gif);
}
#mainlevelservices
{
width:178px;
background-image:url(../images/menu_background.gif);
}
#leftmenu_services_border
{
width:178px;
border:1px solid #dde3e5;
margin-bottom:20px;
}
#services_head
{
width:180px;
background-image:url(../images/services_head.gif);
background-repeat:repeat-x;
height:30px;
}
#case_studies_head
{
width:580px;
background-image:url(../images/case_studies_head.jpg);
background-repeat:no-repeat;
height:38px;
}

a.mainlevelblog:link, a.mainlevelblog:visited {
	padding-left:20px;	
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	height:30px;
	color:#333333;
	line-height:30px;
	width:180px;
}
a.mainlevelblog:hover {
	text-decoration: none;
	color: #089805;
}

a.mainlevelblog#active_menublog {
	color:#089805;
}

a.mainlevelblog#active_menublog:hover {
	color:#333333;
}
#mainlevelblog_first
{
width:178px;
background-image:url(../images/menu_background_first.gif);
}
#mainlevelblog
{
width:178px;
background-image:url(../images/menu_background.gif);
}
#leftmenu_blog_border
{
width:178px;
border:1px solid #dde3e5;
margin-bottom:10px;
}
#blog_head
{
width:180px;
background-image:url(../images/blog_head.gif);
background-repeat:repeat-x;
height:30px;
}

#quote_head
{
width:180px;
background-image:url(../images/quick_quote_head.gif);
background-repeat:no-repeat;
height:30px;
}

.page_class
{
background:#FFFFFF;
}
#content_left
{
width:280px;
float:left;
padding-right:20px;
}
#content_right
{
width:280px;
float:left;
}
.Content_Head {
    background-image:url('../images/header_pattern.gif');
    background-repeat:repeat-x;  
	height:47px;
    font-family:Arial;
    font-size:20px;
    font-weight:normal;
    color:#38373d;
	padding-top:12px;
}
#footer
{
width:100%;
text-align:right;
background:#FFFFFF url(../images/foot1.gif);
height:42px;
clear:both;
background-position:center;
}
sup
{
font-size:11px;
}
#innerpage_left
{
  width:380px;
  float:left;
  padding-right:14px;
}
#innerpage_left_left
{
  width:396px;
  float:left;
}
#innerpage_right
{
  width:184px;
  float:right;
  padding-bottom:10px;
}
#innerpage_right_left
{
  width:184px;
  float:left;
  padding-bottom:10px;
  background-image:url(../images/news_bg_pattern.gif);
  background-repeat:repeat-x;
}
#innerpage_left_2
{
  width:378px;
  float:left;
  padding-right:14px;
}
#innerpage_right_2
{
  width:186px;
  float:right;
  padding-bottom:10px;
}
#blogpage_left
{
  width:186px;
  float:left;
  padding-right:14px;
}
#blogpage_right
{
  width:378px;
  float:right;
  padding-bottom:10px;
}
#portfolioTitle {
     font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:#38373d;
    text-align:left;
	width:400px;
	float:left;
	height:45px;
}
.portfolioTitle {
     font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:#38373d;
    text-align:center;
	width:580px;
	float:left;
	height:45px;
}
#date_title
{
	width:180px;
	float:right;
	height:45px;
	text-align:right;
}
#portfolio_left_first
{
width:570px; float:left;
background:#FFFFFF url(../images/portfolio_start_bg.gif) repeat-x;
}
#portfolio_left
{
width:400px; float:left;
padding-right:14px;
}
#portfolio_right
{
width:136px; float:left;
background-image:url(../images/portfolio_image_bg.jpg);
background-repeat:no-repeat;
padding-bottom:10px;
}
#portfolio_bottom
{
background-image:url(../images/portfolio_bg.jpg);
background-repeat:no-repeat;
height:2px;
float:left;
width:580px;
padding-top:10px;
padding-bottom:5px;
}

#testimonials_right
{
width:400px; float:left;
padding-left:24px;
}
#testimonials_left
{
width:136px; float:left;
background-image:url(../images/portfolio_image_bg.jpg);
background-repeat:no-repeat;
padding-bottom:10px;
padding-left:10px;
padding-top:10px;
}
#testimonials_bottom
{
background-image:url(../images/portfolio_bg.jpg);
background-repeat:no-repeat;
height:2px;
float:left;
width:580px;
padding-top:10px;
padding-bottom:5px;
}
h3, .componentheading {
     font-family:Arial;
    font-size:20px;
    font-weight:bold;
    color:#38373d;
    text-align:left;
}
.smallTitle{
    font-family:Arial;
    font-size:11px;
    font-weight:bold;
    color:#38373d;
    text-align:justify;
}
.greenHeaderText {
	font-family:Arial;
	font-size:11px;
	color:#99cc00;
	font-weight:bold;
}
.validation-advice
{
color:#FF0000;
}
#case_left
{
width:360px;
float:left;
}
#case_right
{
widows:220px;
float:left;
}
a.newslink:hover, a.newslink:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
	text-decoration:none	
}
a.newslink {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#000000;
}
.contentTitle{
    font-family:Arial;
    font-size:12px;
    font-weight:bold;
    color:#FF6600;
    text-align:justify;
}
