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

body{ margin:0px; padding:0px; background-image:url(webbg.jpg); background-repeat: repeat-x; background-color:#ebebeb;}
.totalbg { margin:0px auto; width:850px; background-color:#FFFFFF; overflow:hidden;}
ul {list-style-type:none;}
ul, h1, h2, h3, h4, h5, h6, img, p, li, div{ margin:0px; padding:0px;}
a { font:Verdana, Geneva, sans-serif; font-size:10px; color:#666;}
/* start top panel */
#toppanel { margin:0px auto; padding:5px; width:842px; height:10px; background-color:#FFF; border-bottom:1px solid #e8e8e8; }
#toppanel ul { margin:0px; width:225px; float: right;}
#toppanel ul li{ margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666; float: left;}
#toppanel ul li a{ margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666; width:55px; float: left; text-decoration:none; padding:0px 4px 0px 4px; text-align:center; }
#icon{ width:10px; float: left;}
/* end top panel */

/* start logo panel */
#blank{margin: 0px; width:868px; line-height:5px; font-size:1px; clear:both;}
#logobutton{margin: 0px auto; width:850px; background-image:url(images/tobbanbg.gif); background-repeat:repeat-x; }
#logo{margin:0px auto; width:267px; float:left; background-image:url(images/senseforweb-logo.gif); background-repeat:no-repeat; background-position:0px 0px; height:78px;  }
#livechatnow{margin:15px 10px 0px 0px; width:200px; float: right; height:50px;  }

#banner{margin:0px 0px 0px 0px; padding:0px; width:850px; float:left; height:200px;}
#clear{clear:both;}
/* End Main Menu */

/* Main Div */
#maindiv{margin: 0px auto; width:866px; border-top:5px solid #e8e8e8;}
/* End Main Div */

/* Left Panel */
#leftpanel{margin:0px auto; width:220px; float:left; background-color:#FFFFFF; border-right:2px solid #e8e8e8;}
#leftpanel h1{margin:0px auto; width:205px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px; background-color: #F4F4F4}

#leftpanel ul{margin:0px; float:left;  width:218px;}
#leftpanel ul li{margin:0px; float:left;  width:220px; border-bottom:1px solid #CCC; height:20px;}
#leftpanel ul li a{ font-family: Verdana, Geneva, sans-serif; font-size:10px; color: #999; text-decoration:none; padding:12px 0px 0px 15px; font-weight:bold;}

#leftpanel h2{margin:26px 0px 0px 0px; width:205px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-top:5px solid #e8e8e8; border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px;}

#leftpanel h3{margin:26px 0px 0px 0px; width:205px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-top:5px solid #e8e8e8; border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px;}

#leftpanel p{margin:5px 0px 0px 0px; width:205px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#999;  padding:6px 0px 0px 15px; line-height:20px; }

#quickmess {margin:0px auto; float:left;  width:218px;}



/* End Left Panel */

/* Contain Panel */
#content{margin:0px 0px 0px 0px;  width:466px; float:left; background-color: #fff; border-left:4px solid #e8e8e8; border-right:4px solid #e8e8e8; height:640px;}
#content p{ font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#333; padding:7px; width:446px; text-align: justify; }
#contentin a{font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; text-decoration:none;}
#content h1{margin:0px auto; width:464px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px; margin:0 0 8px;}
#contentin{margin:0px 0px 0px 0px;  width:596px; float:left; min-height:680px; background-color: #fff; border-left:3px solid #e8e8e8;}
#contentin h1{margin:0px auto; width:610px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px; background-color:#F4F4F4 }
#contentin p{margin:0px auto; width:580px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; padding:10px 10px 10px 15px;}
#contentin .contantlist{width:192px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; padding:6px 15px 6px 15px; margin:3px 35px; border:1px solid #CCC; background-color: #EEEEEE; background-image:none;}
#contentin .portlist{width:300px; float:none; margin:0 auto; background-image:none;}
#contentin .portfolio{width:30px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#999; text-align: center; padding:5px; margin:10px 0px 10px 10px; border:1px solid #CCC; background-color: #EFEFEF; background-image:none;}
#contentin .portfolio a{width:30px; height:14px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#999; text-align: center; display:block;}
#contentin div{width:400px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; padding:6px 15px 6px 15px; margin:2px 10px 2px 30px; background-image:url(images/arrow8.gif); background-repeat: no-repeat; background-position:2px 8px;}

#contentin div.pricebox{width:70px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; padding:6px 15px 6px 15px; margin:2px 10px 2px 0px; background-image:none;}
#webportfolio{margin:0px 0px 0px 0px;  width:638px; float:left; min-height:680px; background-color: #fff; border-left:3px solid #e8e8e8;}
#webportfolio div { width:540px; float:left; padding:6px 15px 6px 6px; margin:2px 10px 2px 0px; font-family:Verdana, Geneva, sans-serif; font-size:10px;}
#webportfolio h1{margin:0px auto; width:626px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px; background-color:#F4F4F4 }
#webportfolio p{margin:0px auto; width:580px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; padding:10px 10px 10px 15px;}
#webportfolio div.thum{width:155px; height:85px; float:left; padding:5px; margin:5px 10px 2px 15px; background-image:none; border:1px dotted #cccccc;}
#webportfolio div.servicetype{width:280px; height:81px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: left; padding:10px 5px 6px 5px; margin:5px 10px 2px 2px; background-image:none; border:1px dotted #cccccc;}
.software-development{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #666; border:1px dotted #999; background-color: #F5F5F5; width:590px; height:15px; float:left; padding:5px; margin:10px 10px 10px 10px}
.webdesign-price{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #666; border:1px dotted #999; width:599px; height:60px; float:left; padding:0px; margin:10px 10px 10px 10px}
.webdesign-services{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color: #666; border:1px dotted #999; width:599px; height:44px; float:left; padding:0px; margin:10px 0px 10px 10px}
#niceform{margin:0px 0px 0px 0px;  width:638px; float:left; min-height:680px; background-color: #fff; border-left:3px solid #e8e8e8;}
#niceform h1{margin:0px auto; width:626px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px; background-color:#F4F4F4 }
.viewport{margin:0px auto; text-align:center;  }
/* End Contain Panel */

/* Right Panel*/
#rightpanel{margin:0px; width:148px; float:left; height:300px; background-color:#FFFFFF;}
#rightpanel h1{margin:0px auto; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999; border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0 0 12px; width:138px;}
#rightpanel h2{margin:0px auto; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999; border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0 0 12px; width:138px;}
#rightpanel .testmonial{ font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666666; width:134px; padding:5px; text-align: justify; }
#rightpanel .livechat{ width:110px; clear:both; margin:16px 0 -12px 10px; padding:5px;}
#rightpanel .latestpro{ width:127px; float:left; margin:0px auto; padding:10px; border:1px solid #FFFFFF;}
#rightpanel .latestpro:hover{ width:127px; float:left;  margin:0px auto; padding:10px; border:1px solid #cccccc;}
/*#rightpanel .latestpro:hover{ width:127px; float:left; margin:5px 0 6px 6px; border:1px solid #cccccc;}
*/#rightpanel img{ border:0px;}
#rightpanel .viewall a{ margin:0px 0px 0px 26px; width:100px; font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#666666; text-decoration:none;}
/* End Right Panel */
/* Form */
.tbox_01 {
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999999;	background-image:url(images/tbox_02.jpg);padding:4px 5px 4px 5px;border:0px;width:165px;}

.tbox_02 {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;color:#999999;
	background-image:url(images/txtarea.jpg);background-repeat:no-repeat;padding:4px 5px 7px 5px;
	border:0px;	width:175px;height:88px;}
.ecommercepack{
	border:dotted 1px #666666;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#666
}
#footer{margin:0px; width:160px; height:20px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  padding:10px 0px 0px 695px; background-color:#F4F4F4; border-top:5px solid #e8e8e8; }

#servicecontent{ width:440px; margin:0px 0px 0px 24px}
#DIV-Webservices-block {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546eb1;
	text-decoration: none;
	display: block;
	float: left;
	width: 201px;
	margin-top: 10px;
	line-height: 18px;
}
#DIV-Webservices-block1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546eb1;
	text-decoration: none;
	display: block;
	float: left;
	width: 201px;
	margin-top: 10px;
	line-height: 18px;
}
#DIV-webservices-block-links{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546EB1;
	text-decoration: none;
	display: block;
	float: left;
	height: 16px;
	width: 200px;
	margin-bottom: 2px;
	
}
#DIV-elearning-block-links{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #546EB1;
	text-decoration: none;
	display: block;
	float: left;
	height: 16px;
	width: 200px;
	margin-bottom: 2px;
	
}
.blue-a:link {
	color: #666666;
	text-decoration: none;
}
.blue-a:hover {
	color: #000000;
	text-decoration: underline;}
.blue-a:visited {
	color: #666666;
	text-decoration:none;}
#Divider {
	width: 27px;
	display: block;
	float: left;
	margin-top: 25px;
}
.btn {
background-color:#FFFFFF;
border:1px solid #CCCCCC;
color:#000000;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:bold;
}

/* button */
.bgb{ background-image:url(images/bbg.jpg); background-repeat:repeat-x;}

a.buttonH {
display: block;
width: 70px;
height: 18px;
padding: 8px 0px 5px 25px;
color:#666666;
text-decoration: none; 
background:url(images/bbg.jpg) repeat 0px 0px;font-weight:bold;font-family:Verdana, Geneva, sans-serif; font-size:10px;
float:left;
}
a.buttonH:hover {
color:#FFFFFF; 
background:url(images/bbg.jpg) repeat 0px -31px;font-weight:bold;
}

a.button {
display: block;
width: 80px;
height: 18px;
padding: 8px 5px 5px 22px;
color:#666666;
text-decoration: none; 
background:url(images/bbg.jpg) repeat 0px 0px;font-weight:bold; font-family:Verdana, Geneva, sans-serif; font-size:10px;
float:left;
}

a.button:hover {
color:#FFFFFF; 
background:url(images/bbg.jpg) repeat 0px -31px; font-weight:bold;
}

/*** set the width and height to match your images **/

#slideshow {
    position:relative;
    height:200px; z-index: 0; 

}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}
#portfolio{margin:0px 0px 0px 0px;  width:638px; float:left; min-height:680px; background-color: #fff; border-left:3px solid #e8e8e8;}
#portfolio div { width:540px; float:left; padding:6px 15px 6px 6px; margin:2px 10px 2px 0px;}
#portfolio h1{margin:0px auto; width:626px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#999;  border-bottom:2px solid #DBDBDB; height:20px; padding:6px 0px 0px 15px; background-color:#F4F4F4 }
#portfolio p{margin:0px auto; width:580px; float:left; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#999; text-align: justify; padding:10px 10px 10px 15px;}
#portfolio div.thum{width:135px; height:85px; float:left; padding:6px 5px 6px 5px; margin:16px 10px 2px 15px; background-image:none; border:1px dotted #cccccc;}