/* CSS Document */
body
{
	margin: 0px;
	background-color: #fff;
	font-family: Arial, Helvetica, Verdana, sans-serif;
     
}

/***********************************************/
/* Text / Link Styles                          */
/***********************************************/
a
{
	color: #007f9f;
	text-decoration: underline;
}

a:visited{color:#005d82;}

a:hover
{
	color: #FF0000;
	text-decoration: none;
}


h1, h2{
         color:#000000;
}
h1{  font-size:1.6em; } 

h2{
         font-size:1.0em;
         font-weight:bold;
margin-bottom:0.4em;
margin-top:1.4em;

}

h3{
 font-size: 0.8em;
 line-height:1.2;
 color: #000;
}

h4{
 font-size: 0.7em;
 line-height:1.2;
 color: #000;
}
p {color:#000; font-size:0.8em; line-height:1.4em; margin-top:0px; margin-bottom:1em;}
ul ul {font-size:1.0em; color:#FF0000;}
ul {font-size:0.8em;}
img ,img a{border:0px;}

.highlightTxt{
color: #F0940F;
}
.smallTxt{
font-size: 10px;
color: #999999;
}

.orange{color:#f18f12;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#bg-middle{height:100%; text-align:center; }

#containercontent{ width:950px; text-align:left; 	margin: 0 auto;  padding:0px 0px 0px 0px; }
#topBar{clear:both; width:800px; background:url(top-border-bg.png) repeat-x top left; height:35px; overflow:hidden; }

#logo{width:150px; padding:0px 0px 0px 0px; height:90px;}
#logo .pepperio_editable{margin:30px;}

#telephone{display:inline;  float:left; width:150px;  color:#FFFFFF; background: url(top-divide.png) no-repeat top left; padding:5px 20px 5px 10px;  margin-left:370px; }
#telephone .pepperio_editable{margin:30px;}

#search{color:#FFFFFF; background:url(top-divide.png) no-repeat top left; padding:5px 10px 5px 10px; width:230px;float:left; position:relative;}
#search form{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
#search label{float:left; margin-right:10px;}
#search .formfield{border:1px solid #000; width:120px;float:left;}
#search .gobtn{ cursor:pointer; float:left; margin:-2px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; font-size:0.7em; font-weight:bold;}


#column1{width:150px; float:left; padding:29px 0px 0px 0px; background:url(top-border-bg.png) repeat-x top left; overflow:hidden;}
#column2{width:800px;float:left; padding:0px 0px 0px 0px; overflow:hidden;}

#column2a{width:570px;float:left; padding:0px 20px 10px 20px; }
#column2ai{width:275px;float:left; padding:0px 20px 10px 0px;}
#column2aii{width:275px;float:left; padding:0px 0px 10px 0px;}
#column2b{width:170px; float:left;padding:0px 0px 0px 0px; }
#column2double{padding:0px 0px 10px 0px;width:635px;float:left;}

#btmcontainer{background:url(bg-main-btm.gif) repeat-y; overflow:auto; padding:10px 0px 20px 0px; height:100%;}

/***********************************************/
/* main content                              */
/***********************************************/
#columnfull{margin:10px 0px 0px 0px; clear:both; display:block;}
.homepagecontent{}
#homeheader{ text-align:center;}
#homeheader h1{margin:20px 0px 20px 0px;text-align:center;}
#txtbtm{margin:50px 0px 30px 0px; clear:both;}
#txtbtm h2{text-align:center; font-size:1.4em;}
#topimage{margin:10px 0px 10px  0px;}

#column2a.wordshark{}
#column2a.wordshark h1{font-size:1.3em; color:#000000;}
#column2a.wordshark h2{color:#000;}
#column2a.wordshark h3{}
#column2a.wordshark a{color:#000066;}
#column2a.wordshark a:hover{color:#ff0000;}

#column2a.numbershark {}
#column2a.numbershark h1{font-size:1.3em; color:#000000;}
#column2a.numbershark h2{color:#000;}
#column2a.numbershark h3{}
#column2a.numbershark a{color:#000066;}
#column2a.numbershark a:hover{color:#ff0000;}

#column2a.prices{}
#column2a.prices h1{font-size:1.3em; color:#000;}
#column2a.prices h2{color:#000;}
#column2a.prices h3{}
#column2a.prices a{color:#000066;}
#column2a.prices a:hover{color:#ff0000;}

#column2a ul{ list-style:none; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#column2a li{line-height:1.4em;margin:0px 0px 0px 0px; padding:0px 0px 5px 20px; background:url(blue-circle.gif) 0px 0px no-repeat;}
#column2a.wordshark  li{background-image:url(blue-circle.gif);}
#column2a.numbershark  li{background-image:url(blue-circle.gif);}

#column2a.subpagecontent{}
#column2a.subpagecontent h1{font-size:1.3em;}

#maintxt{padding:10px 0px 0px 0px;}

/***********************************************/
/* right column                               */
/***********************************************/
.quotelist{list-style:none; margin:0px 0px 20px 0px; padding:0px 0px 0px 0px;}
.quotes{ background:url(green-divide.png) bottom left no-repeat; padding:0px 0px 5px 0px; margin-bottom:20px;}
#column2b .quotes{padding-top:26px; margin:0px 0px 0px 0px;}
.quotes blockquote{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(quotes.png) top left no-repeat; font-style:italic; padding:15px 10px 15px 10px;}
.quotes blockquote p{margin-top:1.0em; font-size:1.0em;}
.quotes blockquote h2{font-size:1.0em; color:#000; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

.freetextright {list-style:none;}
.freetextright h2 {font-size:smaller;}
.freetextright ul {margin:0; padding:0;}
.freetextright li {list-style:none;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;}
.freetextright blockquote{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; padding:15px 10px 15px 10px;  border-top: 3px solid #4D8F37;border-bottom: 3px solid #4D8F37;}
.freetextright blockquote p{margin-top:1.0em; font-size:1.0em;}
.freetextright blockquote h2{font-size:1.0em; color:#000; margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}


#memberof{margin:40px 0px 20px 0px;}
#memberof h2{font-size:0.8em;}
#memberof ul{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px; list-style:none; }
#memberof li{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}

.ctaright {margin-top:0px;}
.ctaright ul{list-style:none; margin:23px 0px 0px 0px; padding:0px 0px 0px 0px;}
.ctaright li{margin:0px 0px 5px 0px; padding:0px 0px 0px 0px;}

/***********************************************/
/* Left menu                                */
/***********************************************/
#leftmenu{margin-top:23px; }
#testimonial{}

#leftmenu ul{margin:0px; padding:0px; list-style:none;}
#leftmenu li{ margin:0px; padding:0px; display:block;  overflow:hidden; line-height:1.0em;  }
#leftmenu ul ul{margin:0px 0px 15px 0px;display:none;}
#leftmenu li li{font-size:1.0em; }
#leftmenu li a{color:#000;  background:#ccecff url(menu1.gif) no-repeat; background-position:0px 0px; display:block; margin:0px 0px 1px 0px; padding:5px 5px 5px 15px; width:150px; text-decoration: none; font-weight:bold;}
#leftmenu li a:hover{color:#ff0000;  text-decoration:none;  background-color:#666666;}
#leftmenu li li a{ background:#e8e8e8 url(menu2.gif) no-repeat;  background-position:0px 0px;  padding:5px 5px 5px 15px; margin:0px 0px 0px 0px;width:150px;}
#leftmenu li li a:hover{color:#ff0000;  text-decoration:none;}
#leftmenu li li li a{  padding:5px 5px 5px 15px; margin:1px 0px 0px 0px; width:120px;}
#leftmenu li li li a:hover{color:#fff; text-decoration:none;}

#leftmenu  li.headerblue a{background-color:#7dbeff; color:#000; padding:5px 5px 5px 5px; width:160px;border:0px solid #000;display:block; font-weight:bold; margin:15px 0px 1px 0px; background-image:url(menuheader.gif); }
#leftmenu  li.headergreen a{background-color:#7dbeff; color:#000;padding:5px 5px 5px 5px; width:160px;border:0px solid #000;display:block; font-weight:bold;margin:0px 0px 1px 0px; background-image:url(menuheader.gif); }
#leftmenu  li.headerpink a{background-color:#7dbeff; color:#000;padding:5px 5px 5px 5px; width:160px;border:0px solid #000;display:block; font-weight:bold;margin:0px 0px 1px 0px; background-image:url(menuheader.gif); }

#leftmenu li.headerpink li a{ padding:5px 5px 5px 15px;color:#111;background:#ccecff url(menu1.gif) no-repeat;  background-position:0px 0px;  width:150px;}
#leftmenu li.headergreen li a{ padding:5px 5px 5px 15px;color:#111;background:#ccecff url(menu1.gif) no-repeat;  background-position:0px 0px;  width:150px;}
#leftmenu li.headerblue li a{color:#111;padding:5px 5px 5px 15px; background:#ccecff url(menu1.gif) no-repeat;  background-position:0px 0px; margin-top:0px; width:150px;}


#leftmenu li.headerpink li a:hover{background-color:#d7548c; color:#ff0000;}
#leftmenu li.headergreen li a:hover{background-color:#49861e; color:#ff0000;}
#leftmenu li.headerblue li a:hover{background-color:#007f9f; color:#ff0000;}
#leftmenu  li.headerblue, #leftmenu  li.headergreen, #leftmenu  li.headerpink {background-image:none; background-color:#fff;margin:0px 0px 1px 0px;}

#leftmenu  li.headerblue ul, #leftmenu  li.headergreen ul, #leftmenu  li.headerpink ul{ display:block; }



/*  styes for current nav  */ 

#leftmenu  ul ul{}

#leftmenu  li a.here:link, #leftmenu  li a.here:visited, #leftmenu  li a.here{color:#ff0000;}

#leftmenu  ul ul a.here:link, #leftmenu ul ul a.here:visited{color:#ff0000; background-color:#dcdcdc;}

#leftmenu  .here:hover{color:#fff;}



#leftmenu li.highlight_selected a{  color:#0000ff; }
#leftmenu li.highlight_selected ul li a{  color:#000000; }

#leftmenu  li.highlight_selected a:hover{color:#000;}

#leftmenu  li.highlight_selected ul li a:hover{color:#ff0000; }



/***********************************************/
/* quicklinks                        */
/***********************************************/



.right10{margin-right:10px;}






/***********************************************/
/* bottom container elements                   */
/***********************************************/

#bottomborder{ background:url(btm-border.png) repeat-x top; clear:both; overflow:auto; height:100%; margin-top:1px;margin-left:0px; padding:35px 0px 0px 170px;}

#copyright{ }
#address{color:#646465;  padding:15px 0px 15px 0px; float:left;}
.addresstitle{width:50px; display:block; float:left;}
.telephone{font-size:1.4em; font-weight:bold;}

#w3c{ padding:15px 0px 15px 0px; float:right; text-align:right;}
#btmlink{}
#btmlink  ul{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; list-style:none; clear:both; height:100%; overflow:hidden;}
#btmlink li{display:block; float:left; padding:3px 5px 5px 10px; background:url(btm-divide.png) no-repeat; background-position:0px 7px;}
#btmlink li.firstlistitem{background-image:none; padding:3px 5px 5px 0px;}

/***********************************************/
/* Layout Elements                                 */
/***********************************************/
.formfield {
background-color: #FFFFFF;
color: #000000;
margin-bottom:5px;
font-size: 12px;
padding:2px;
}

select {
color: #000000;
margin-bottom:5px;
font-size: 11px;
}



/* format images inside maincontent */

img.floatLeft
{
clear:both;
display:block;
background-color: white;
position:relative;
float:left;
margin: 5px;
}

img.floatRight
{
clear:both;
display:block;
background-color: white;
position:relative;
float:right;
margin: 5px;
}

.contactdetail {margin-bottom: 10px; height: 50px;}
.contactdetail img {float: left; padding: 0 5px 0 0; border: none; width: 50px; height: 50px;}
.contactdetaillarge {margin-bottom: 10px; height: 70px;}
.contactdetaillarge img {float: left; padding: 0 5px 0 0; border: none; width: 50px; height: 50px;}
.contactdetailindent { padding-left: 55px; padding-top:5px;}

.contactdetailfree {margin-bottom: 10px; }
.contactdetailfree img {float: left; padding: 0 5px 0 0; border: none; width: 50px; height: 50px;}