@charset "utf-8";
/* CSS Document */
body
{
	background:#cccccc;
	width:980px;
	height:auto;
	float:none;

	}
	div, h1, h2, p, form, label, input, textarea{
	margin:0; padding:0;
}
img
{
	border:none;}

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

.container
{
	background:#cccccc;
	padding-left:62px;
	width:870px;
	height:auto;
	background-position:center
}
.header1
{	position:relative;
 width:23%;
 height:auto;
 float:left;
 padding-right:5px;


}
.googlesearch
{
	position:absolute;
	width:310px;
	height:auto;
	float:right;
	left: 643px;
	top: 61px;
	}
	
.googlesearch input.btn_search
{
		background:url(images/btn_submit.gif) 0 0 no-repeat;
	width:70px;
	height:18px;
	border:none;
	cursor:pointer;
	
	font:bold 12px/18px Verdana, Geneva, sans-serif;
	color:#FFF;
}
.header2
{

	position:relative;
 width:60%;
 float:left;
 height:auto;
 padding-top:10px;
 margin-top:80px;
 vertical-align:bottom;
}
.quote
{
	position:absolute;
	width:660px;
	float:right;
	height:auto;
	text-align:right;
	/*background-image:url(images/freequote.gif);
	background-repeat:no-repeat;*/
	font:bold 15px/20px Georgia, "Times New Roman", Times, serif;
	left: 279px;
	vertical-align:middle;
	top:5px;
}
.banner
{
	position:relative;
	height:auto;
	width:100%;
	float:left;
}
.services
{
	position:relative;
	height:224px;
	float:left;
	width:98%;
	background-image:url(images/categories.gif);
	background-repeat:no-repeat;
	margin-top:15px;
	margin-left:18px;
}
#seo
{
	margin-left:30px;
	width:160px;
	height:auto;
	padding-top:65px;
	color:#FFF;
	text-align:center;
font:bold 20px Georgia, "Times New Roman", Times, serif;
	float:left;
}
#seo h1
{
	font:bold 20px/30px Georgia, "Times New Roman", Times, serif;
}
#sem
{
	margin-left:35px;
	width:160px;
		height:auto;
	padding-top:65px;
	color:#FFF;
	text-align:center;
font:bold 20px Georgia, "Times New Roman", Times, serif;
	float:left;
}
#sem h1
{
	font:bold 20px/30px Georgia, "Times New Roman", Times, serif;
}
#smm
{
	margin-left:36px;
		width:160px;
	height:auto;
	padding-top:65px;
	color:#FFF;
	text-align:center;
font:bold 20px Georgia, "Times New Roman", Times, serif;
	float:left;
}
#smm h1
{
	font:bold 20px/30px Georgia, "Times New Roman", Times, serif;
}
#ppc
{
	margin-left:34px;
	width:160px;
	height:auto;
	padding-top:65px;
	color:#FFF;
	text-align:center;
font:bold 16px Georgia, "Times New Roman", Times, serif;
	float:left;
}
#ppc h1
{
	font:bold 16px Georgia, "Times New Roman", Times, serif;
}
.rightside
{
	position:relative;
 width:25%;
height:auto;
 float:left;

  border-top:1px solid #999;
  padding-top:15px;

 }
 .rightside p{
	 background:url(images/serch_bg_1px.gif) 0 0 repeat-x;
	 height:30px;
	 vertical-align:middle;
	 padding:0 0 0 23px;
	 font:normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	 color:#FFF;
	 text-transform:uppercase;}
.leftbody
{
	background:url(images/right_bg.gif) 0 0 repeat-x #3B3B3B;
	position:relative;
 width:74%;
 height:auto;
 float:left;
  border-top:1px solid #999;
}
.leftbody p.right-shadow{
	display:block;
	background:url(images/right_shadow.jpg) 0 0 no-repeat #3B3B3B;
	width:65px;
	height:900px;
	color:#ffffff;
	padding:0;
	margin:0;
	border-left:1px solid #999;
}
.leftbody p.title{
width:325px;
	height:27px;
	background-color:#444444;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:20px;
	float:right;
}
.leftbody h1{
width:350px;
	height:27px;
	background-color:#444444;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:20px;
	float:right;
}
.leftbody div.content{
	width:540px;
	color:#ffffff;
	text-align:justify;
	font: normal 12px/18px Verdana, Geneva, sans-serif;
	float:left;
	margin-top:10px;
}
.leftbody div.content ul.top-link{
	width:520px;
	position:relative;

	background-color:#3B3B3B;
	color:#ffffff;
	padding:15px;
	margin:5px;
	float:left;
}
.leftbody div.content ul.top-link li.tl{
	display:block;
	width:500px;
	height:auto;
	background:url(images/bullet.gif) 0 5px no-repeat;
	padding:0 0 0 20px;
	margin-top:10px;
	float:left;
	font: normal 12px/18px Verdana, Geneva, sans-serif;
}
.leftbody div.content ul.top-link li.tl h2{
	font:bold 15px/22px Verdana, Geneva, sans-serif;
}
.leftbody div.content ul.top-link li.tl a{
	text-decoration:none;
	font:bold 15px/22px Verdana, Geneva, sans-serif;
	color:#FFF;	
}
.leftbody div.content ul.top-link li.tl a:hover{
	text-decoration:none;
	font:bold 15px/22px Verdana, Geneva, sans-serif;
	color:gray;
}
.leftbody div.content ul.top-link li.tl a.rm{
	width:115px;
	height:18px;
	background:url(images/read_more_bg.gif) 0 0 no-repeat #3B3B3B;
	font:bold 13px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	float:right;
}
.leftbody div.content ul.top-link li.tl a.rm:hover{
	background:url(images/read_more_bg_hover.gif) 0 0 no-repeat #3B3B3B;
	color:#ffffff;
}
.leftbody p{
	display:block;
	width:550px;
	font:normal 14px/20px Verdana, Geneva, sans-serif;
	color:#C4C4C4;
	background-color:#3B3B3B;
	margin:0 0 0 20px;
	padding:0;
	float:left;
}
.footer
{
	padding:10px;
	margin-top:20px;

	position:relative;
 width:100%;
height:auto;
 float:left;
}
#topfoot
{
}

#topfoot form.contact{
	display:block;
	width:600px;
	height:250px;
	background:url(images/contact_bg.gif) 0 0 ;
	float:left;
	padding:14px 1px 0 1px;
	margin:0;
	position:relative;

}
#topfoot form.contact h2{
	width:400px;
	height:27px;
	background-color:#0B6799;
	color:#ffffff;
	padding:0 0 0 23px;
	font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin:0 0 5px 0;
	text-transform:uppercase;
	float:left;
}
#topfoot label.contact{
	font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
	color:#ffffff;
	background-color:#000000;
	padding:0 0 0 23px;
	float:left;
}
#topfoot form.contact input.txt3{
	width:152px;
	height:20px;
	margin:0 0 0 23px;
	border:none;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	float:left;
}
#topfoot form.contact textarea{
	width:450px;
	height:90px;
	margin:0 0 0 23px;
	border:none;
	font:normal 10px/20px Arial, Helvetica, sans-serif;
	float:left;
}
#topfoot label.submit{
	display:block;
	width:154px;
	height:18px;
	background-color:#000000;
	color:#ffffff;
	position:absolute;
	left:151px;
	top:237px;
}
#topfoot input.btn-submit{
	background:url(images/btn_submit.gif) 0 0 no-repeat;
	width:70px;
	height:18px;
	border:none;
	cursor:pointer;
	float:right;
}

#bottomfoot
{
	font:bold 12px/23px Tahoma, Arial, Helvetica, sans-serif;
	padding-top:10px;
	padding-left:615px;
	width:240px;
}
#bottomfoot h2
{
		width:200px;
	height:27px;
font: normal 18px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#ffffff;
	padding:0 0 0 39px;
	background:#FE6321;
	margin:0 0 15px 0;
	text-transform:uppercase;
	float:right;
	
}
#bottomfoot img{
	width:24px;
	height:24px;
	vertical-align:middle;
}
#bottomfoot a
{
	text-decoration:none;
	color:#000;
	}
	#bottomfoot a:hover
{
	text-decoration:none;
	color:#ffffff;
	}
#underlinemenu{
font-weight: bold;
width: 100%;
}

#underlinemenu ul{
padding: 6px 0 7px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
margin: 0;
text-align: center; //set value to "left", "center", or "right"*/

}

#underlinemenu ul li{
display: inline;
}

#underlinemenu ul li a{
color: #494949;
padding: 6px 3px 4px 3px; /*top padding is 6px, bottom padding is 4px*/
margin-right: 20px; /*spacing between each menu link*/
text-decoration: none;
border-bottom: 1px solid gray; /*bottom border is 3px*/
font:normal 12px Verdana, Geneva, sans-serif;
}

#underlinemenu ul li a:hover, .underlinemenu ul li a.selected{
border-bottom-color: black;
font:normal 12px Verdana, Geneva, sans-serif;
}
#baseline
{
	padding:5px;
	
	font:normal 11px Verdana, Geneva, sans-serif;
}

.sliderwrapper{
position: relative; /*leave as is*/
overflow: hidden; /*leave as is*/
/*border: 3px solid #999;
border-bottom-width: 3px;*/
width: 100%; /*width of featured content slider*/
height: 150px;
border-top: 3px solid #999;
}
.sliderwrapper .contentdiv{
visibility: hidden; /*leave as is*/
position: absolute; /*leave as is*/
left: 0;  /*leave as is*/
top: 0;  /*leave as is*/
padding-top:10px;
padding-left:30px;
background:#596770;
width: 98%; /*width of content DIVs within slider. Total width should equal slider's inner width (390+5+5=400) */
height: 100%;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
color:#ffffff;
overflow:auto;
background-image:url(images/banner5.gif);
background-repeat:no-repeat;
}
.sliderwrapper .contentdiv .datadiv{
	padding-left:180px;
	font:bold 14px/20px Verdana, Geneva, sans-serif;
}
.free
{
	position:absolute;
	background-image:url(images/quote.gif);
	background-repeat:no-repeat;
	z-index:100;
	left: 808px;
	top: 109px;
	width:107px;
	height:107px;
	text-align:center;
	vertical-align:middle;
	padding-top:20px;
	font:bold 15px Georgia, "Times New Roman", Times, serif;
}
.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 auto 0 auto;
	background: url(images/menug_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 24px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(images/menug_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(images/menug_hover_right.gif) no-repeat right top; /*right tab image path*/
}
.readmore{
	display:block;
	width:450px;
	height:18px;
	color:#ffffff;
	padding:0;
	margin:0 0 16px 0;
}
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(images/shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(images/shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}

.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 530px;
height: 500px; /* Set height to be able to contain height of largest content shown*/
border: 3px solid gray;
overflow: hidden;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
padding: 10px;
visibility: hidden;
width: 500px;
background-color:#3B3B3B;
color:#FFF;
text-align:justify;
font: normal 12px/18px Verdana, Geneva, sans-serif;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 530px;
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;

color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
background:url(images/read_more_bg.gif) 0 0 no-repeat;
color:#FFF;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
	background:url(images/read_more_bg_hover.gif) 0 0 no-repeat;
color: white;
}