@charset "utf-8";
/* CSS Document */

body, p, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, img{margin:0; padding:0; border:0}
body { background:url(../images/bg.jpg) repeat-x #fff; font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#7a7a7a}

.greyborder { border-bottom:1px solid #c7c5c5; padding-bottom:8px }
.clear { clear:both}
.margin_bottom_10 {margin-bottom:10px;}

h1{ font-family: Arial, Helvetica, sans-serif;font-size:24px; color:#0c0c0c;text-align:center}
h2 { font-family:Verdana, Geneva, sans-serif; font-size:22px; color:#4096ee}
.blackh2 { font-weight:normal; color:#0c0c0c}
h3{font-size:15px; color:#7a7a7a; font-weight:normal; padding-bottom:8px}

p{padding-bottom:8px}
.bluetext{ font-size:16px; color:#4096ee}
.blacktext{ font-size:15px; color:#0c0c0c; font-weight:bold}
.btxt{ font-size:13px; color:#0c0c0c; font-weight:bold}
.whitetxt { font-size:15px; color:#fff; font-weight:bold}
#wrapper{ width:984px;  margin:auto; }

#header { padding: 5px 15px; height:65px}


/*topmenu*/
#menulist { height:30px; width:960px; font-size:14px; font-family: Arial, Helvetica, sans-serif; z-index:501; float:left; margin-bottom:8px; padding:0px 15px}
#menulist ul#navmenu { margin:0; padding:0; list-style:none; white-space:nowrap; }
#menulist ul#navmenu li.leveltop-li { float:left; height:38px; padding-top:1px; margin-right:1px;}
#menulist ul#navmenu li.leveltop-li a.leveltop-a { display:block; height:24px; float:left; padding:2px 10px; text-decoration:none; line-height:29px; white-space:nowrap; color:#fff; }
#menulist ul#navmenu li.sub a.leveltop-a {color:#fff;}
#menulist ul#navmenu li.sublog a.leveltop-a {color:#fff;}
#menulist ul#navmenu li.leveltop-li:hover, #menulist ul#navmenu li.leveltop-li a.leveltop-a:hover {position:relative; background-color:#000;}
#menulist ul#navmenu li.leveltop-li a.leveltop-a:hover, #menulist ul#navmenu li.leveltop-li:hover a.leveltop-a { color:#fff;}
#menulist ul#navmenu li.sub a.leveltop-a:hover { height:38px; color:#fff; background-color:#000;} 
#menulist ul#navmenu li.sub:hover > a.leveltop-a { height:60px; color:#fff;}

#menulist ul#navmenu li.sublog a.leveltop-a:hover { height:38px; color:#fff; background-color:#066696;} 
#menulist ul#navmenu li.sublog:hover > a.leveltop-a { height:60px; color:#fff;}

#menulist ul#navmenu li div.listHolder { position:absolute; left:-9999px; top:32px; background:#fff url(../images/divider.jpg); border:1px solid #333; border-width:0 1px 1px 1px; padding:0; z-index:500 } /* IE6 only */
#menulist table { border-collapse:collapse; margin:-1px -10px; width:0; height:0; }
#menulist ul#navmenu :hover div.listHolder {left:0;}
#menulist ul#navmenu a:hover div.listHolder {left:-5px;}
#menulist ul#navmenu div.col2 {width:448px;}
#menulist ul#navmenu div.col3 {width:245px;}
#menulist ul#navmenu div.listHolder div.listCol {float:left; padding:15px; margin:0; width:218px; }
#menulist ul#navmenu div.listHolder div.listCol2 {float:left; padding:15px 25px; margin:0; width:140px; }
#menulist ul#navmenu div.listHolder div.listCol h5 {padding:5px 0;  margin:0; font-size:15px; line-height:13px; background:url(../images/linedot.gif) repeat-x left bottom; color:#666}
#menulist ul#navmenu div.listHolder div.listCol2 h5 {padding:5px 0; margin:0; font-size:15px; line-height:13px; background:url(../images/linedot.gif) repeat-x left bottom; color:#666}
#menulist ul#navmenu div.listHolder div.listCol ul {
	padding:0;
	margin:0;
	list-style:none;
	font-family: Arial, Helvetica, sans-serif;
}
#menulist ul#navmenu div.listHolder div.listCol ul li {line-height:13px; padding:0; margin:0; }
#menulist ul#navmenu div.listHolder div.listCol ul li a {color:#4096ee; text-decoration:none; padding-top:5px; padding-left:5px; font-weight:normal; background:url(../images/dot.gif) no-repeat left center; line-height:25px;}
#menulist ul#navmenu div.listHolder div.listCol ul li .atext {padding-left:10px; margin:0; font-size:13px; color:#aba9aa}
#menulist ul#navmenu div.listHolder div.listCol ul li .atext1 { padding-left:10px; padding-bottom:8px; margin:0; font-size:13px; color:#aba9aa; background:url(../images/linedot.gif) repeat-x left bottom;}
#menulist ul#navmenu div.listHolder div.listCol ul li a:hover{text-decoration:underline}

#menulist ul#navmenu div.listHolder div.listCol2 ul {padding:0; margin:0; list-style:none;}
#menulist ul#navmenu div.listHolder div.listCol2 ul li {line-height:15px; padding:0; margin:0; }
#menulist ul#navmenu div.listHolder div.listCol2 ul li a {color:#fff; text-decoration:none; padding-top:5px; padding-left:5px; font-weight:normal; background:url(../images/dot.gif) no-repeat left center; line-height:25px;}
#menulist ul#navmenu div.listHolder div.listCol2 ul li .atext {padding-left:10px; margin:0; font-size:13px; color:#aba9aa}
#menulist ul#navmenu div.listHolder div.listCol2 ul li .atext1 { padding-left:10px; padding-bottom:8px; margin:0; font-size:13px; color:#aba9aa; background:url(../images/linedot.gif) repeat-x left bottom;}
#menulist ul#navmenu div.listHolder div.listCol2 ul li a:hover{text-decoration:underline}
/*topmenu*/


#logo{ float:left}
.test {  float:left; border-left:1px solid #f2f0f0; border-right:1px solid #f2f0f0; width:954px}
*html .test {  float:left; border-left:1px solid #f2f0f0; border-right:1px solid #f2f0f0; width:948px}
.award { float:left; width:384px; font-size:13px; padding:10px 20px}


#right_top { float:right;width:333px}
.top_links { background:url(../images/top_links_bg.jpg) no-repeat; height:25px; color:#fff; text-align:center}
.top_links a { color:#fff; text-decoration:none}
.top_links a:hover { color:#000; text-decoration:none}
.follow { font-size:14px; font-weight:bold; color:#000; text-align:center}
.follow ul { list-style:none}
.follow ul li{ float:left; padding:5px}

.headingtext {margin:15px 15px 30px 15px;}

#main { background:url(../images/body_bg.jpg) no-repeat ;padding:0px 15px 0 15px; float:left; margin-top:10px; }

.banner { margin:5px 3px;}

#left { margin-left:5px; float:left; width:700px }
.content{ float:left; padding:10px; line-height:20px}
.content a { color:#4095ef; text-decoration:none;}
.content a:hover { color:#000; text-decoration:underline}

#right { float:left; }
.offer{ float:left; border-left:1px solid #ececec; padding:0px 10px;line-height:24px; }
.offer ul { list-style:none}
.offer ul li{ padding:5px 0px }
.offer ul li a{ font-size:13px; color:#0c0c0c;text-align:justify; text-decoration:none}
.offer ul li a:hover{  color:#4096EE; text-decoration:none}

.quote{ background:#f9fcfe; border:1px solid #d2e7f8;  float:left; width:220px; padding:5px;}
.video2{border:px solid #d2e7f8;  float:left; width:220px; padding:5px;}

.textbox{ border:1px solid #e7eaec; font-size:15px; font-style:italic; color:#7a7a7a; width:202px; height:25px}
.textarea{ border:1px solid #e7eaec; font-size:15px; font-style:italic; color:#7a7a7a;  width:202px; }

.online {}

.fixed { background:url(../images/fixed_bg.jpg) no-repeat; width:290px; float:left; height:370px; padding:10px; margin:10px 0px}
.fixed p {color:#0c0c0c;  text-align:justify; margin: 15px 0px}
.fixed a {
	color:#ff8f00;
	font-size:14px;
	text-decoration:none;
	margin-bottom:5px;
}

.testimonials { font-family: Arial, Helvetica, sans-serif; font-size:18px; color:#4096ee; margin:0px 15px 0px 10px; text-align:justify;  border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:10px 0px}
.author {font-family:Verdana, Geneva, sans-serif; font-size:14px; color:#000103; font-style: italic; }
/*  sagscroller testiminials */
div#mysagscroller2{ height:45px;margin:10px 0px; font-size:17px; font-family: "Times New Roman", Times, serif;}
div#mysagscroller2 ul li img{border-width:0; display:block;}
.sagscroller1{ height:250px; overflow:hidden; position:relative;}
.sagscroller1 ul{position:absolute; margin:0; padding:0; background:white; list-style:none; width: 100%;}
.sagscroller1 ul li{display:block; margin-bottom:5px;}
/*  sagscroller testiminials */
/*portfolio*/

.portfolio{float:left; padding:10px}
.portfolio_container { background:url(../images/portfolio_bg.jpg) no-repeat;float:left; margin-top:10px; width:650px; padding-left:15px; font-size:11px; }
.portfolio_image { float:left; text-align:center; padding:8px 8px}

.stickytooltip{
box-shadow: 5px 5px 8px #818181; /*shadow for CSS3 capable browsers.*/
-webkit-box-shadow: 5px 5px 8px #818181;
-moz-box-shadow: 5px 5px 8px #818181;
display:none;
position:absolute;
display:none;
border:0px solid black; /*Border around tooltip*/
background:white;
z-index:3000;
}


.stickytooltip .stickystatus{ /*Style for footer bar within tooltip*/
background:black;
color:black;
padding-top:5px;
text-align:center;
font:bold 11px Arial;
}


/*portfolio*/

/* service panel css*/

.singlePanelDiv {
	float: left;
	margin-right:7px;
	position: relative;
	cursor: pointer;
	border:0px solid #696666;
}

.panelDiv {
	background-color: #FFFFFF;
	width: 220px;
	height: 145px;
	overflow: hidden;
	top: 0px;
	position: relative;
	z-index: 4;
	margin-top:0px;
	border:1px solid #c6e1f6;

}

.panelsStyle{
	
	z-index: 10;
	width: 700px;
	height: 100px;
	}
.panelContent{
	margin-top: 7px;
	margin-left: 10px;
	margin-right: 6px;
	background-color: #FFFFFF;

}
.expandYellow{
	position: absolute;
	z-index: 2;
	top: 116px;
	background-image: url(../images/expandBlue.gif);
	width: 220px;
	height: 31px;
	overflow: hidden;
	left: 2px;
	
}
.expandText{
	color:#FFFFFF;
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold; 
}

.expandText a{
	color:#FFFFFF;
	font: Verdana, Geneva, sans-serif;
	font-size: 12px;
	text-align: right;
	margin-right: 10px;
	font-weight: bold;
	text-decoration:none 

}

.expanded{
	visibility: hidden;
	display: none;
	margin: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	border:1px solid #ececec;
	
}
.invisible{
	visibility: hidden;
	display: none;	
}
.theContent {
	position: absolute;
	top: 0px;
	z-index: 1;
	width: 466px;
	height: 457px;
	overflow: hidden;
}
.unselectable {
   -moz-user-select: none;
   -khtml-user-select: none;
   user-select: none;
}

/* service panel css*/


/*footer*/
#footer{
	background: url(../images/footer_bg.jpg) repeat-x;
	color:#fff;
	padding-top:8px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#222a2d;
}
.footer_content { width:934px; margin:auto; }
.pay{}
.pay ul{list-style:none}
.pay ul li{float:left; padding-right:10px; padding-top:15px; color:#FFF;}
.pay ul li a{ color:#FFF; text-decoration:none;}
.pay ul li a:hover{ color:#d3e8fd; text-decoration:none;}

.footerbox{ width:934px; border-top:1px solid #6ba7e6; padding-top:15px; }
.powerlogo{
		width:525px;
	float:left;
	margin-right:10px;
}
.powerlogo ul{list-style:none}
.powerlogo ul li{float:left; padding-right:15px}
.powerlogo ul li.last{padding-right:0}

.partners {
	float:left;
	
	font-family: Arial, Helvetica, sans-serif;
	border-left:1px solid #6ba7e6;
	padding-left:15px
}
 a { color:#000; text-decoration:none}
 a:hover { text-decoration:none; color:#4096EE; }
/*  partners in footer */
div#mysagscroller1{width: 220px; height:100px;border:1px solid #6ba7e6;margin:10px 0px}
div#mysagscroller1 ul li img{border-width:0; display:block;}
.sagscroller{width: 200px;  height:250px; overflow:hidden; position:relative;}
.sagscroller ul{position:absolute; margin:0; padding:0; background:white; list-style:none; width: 100%;}
.sagscroller ul li{display:block;}
/*  partners in footer */


.footer_links { width:934px; border-top:0px solid #6ba7e6; margin-top:15px; padding-top:0px; float:left; line-height:20px; }
.footer_links ul { list-style:none}
.footer_links ul li{ }
.footer_links ul li a {color:#fff; text-decoration:none}
.section {
    float: left;
    font-size: 10px;
    margin-right: 12px;
    width:220px;}


.copyright { background:#222a2d; color:#fff;  padding:10px 0px; margin:auto; text-align:center}
.copyright a{ color:#fff; text-decoration:none;}
.copyright a:hover{ color:#fff; text-decoration:none;}

.flRight { float:right;}
.font16 { font-size:14px;}

.thankyou { font-size:16px; color:#70910d; font-weight:bold; padding:20px;}

/* menu start */


/* menu starts here*/

.ddsmoothmenu{
font: normal 14px arial;
background:url(../images/xtopBar.gif) no-repeat;
xbackground:#414141 url(../images/topBar.gif) /*background of menu bar (default state)*/
width: 100%;
padding:0 0 0 0;
width:963px;
height:39px;
padding-top:1px;
}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0 0 0 0;
list-style-type: none;

}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
xbackground: #414141; /*background of menu items (default state)*/
color: #99a9bd;
padding: 11px 17px 10px 17px;
border-right: 0px solid #D1D1D1;
text-decoration: none;

}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;

}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: #fff;
}

.ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
background: black; 
color: #fff;
xbackground:url(../images/down.png) no-repeat;
padding: 11px 17px 8px 17px;
}

*html .ddsmoothmenu ul li a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/
padding: 11px 11px 11px 11px;
}


.ddsmoothmenu ul li a:hover{
background: black; /*background of menu items during onmouseover (hover state)*/
color:#fff;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
background: #fff;
color:#fff !important;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 12px arial;
width: 200px; /*width of sub menus*/
padding: 6px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid #4095ef;
color:#000 !important;
margin-right:0px;
padding-left:10px;
}

.ddsmoothmenu ul li ul li a:hover{ 
background:#4095ef;
color:#fff  !important; 
}

.borBot {border: 0px solid #3b4e63;}


/* Holly Hack for IE \*/
* html .ddsmoothmenu{height: 1%;} /*Holly Hack for IE7 and below*/


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position:absolute; display:none;
top:12px;
right:0px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
xbackground: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}


/*select tab*/

.xddsmoothmenu ul li a span{float:left;padding:0; margin:0;width:auto;}
.ddsmoothmenu ul li a.current,.ddsmoothmenu ul li a.current:hover{color:#x-894d12; background:#000 }
.xddsmoothmenu ul li a.current span{background: #000 transparent url("../images/time2bed_right-ON.gif") no-repeat top right; height:35px; padding:0px ; margin:0px;}

.video {position:absolute; z-index:9999; width:74px; height:60px; margin:-6px 0 0 685px;}