body { background:#fff url(images/bg.jpg) left top; margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#868686; line-height:17px;}
a:focus { outline: none; }
ul { margin:0px; padding:0px; float:left;}
li { margin:0px; padding:0px;}
Form { margin:0px; padding:0px;}
Div { float:left;}
a { text-decoration:none; color:#c10000; line-height:normal;}
a:hover { text-decoration:none; color:#333; line-height:normal;}
a img { border: none; }
 
H1 {font-family: 'Rokkitt', serif; font-size:25px; font-weight:600; color:#c10000;   margin:7px 0px 23px 0px; padding:0px; width:100%; display:block;}
H2 {font-family: 'Rokkitt', serif; font-size:22px; color:#c10000; float:left; margin:0px 0px 0px 0px; background:url(images/bg-h2-trans.png) left top; width:249px; padding: 6px 0px 6px 7px;}
H3 {font-family: 'Rokkitt', serif; font-size:24px; color:#c10000; float:left; margin:0px 0px 0px 0px; width:650px;}
H4 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#c10000; float:left; margin:0px 0px 3px 0px; width:100%;}
H5 {font-family: 'Rokkitt', serif; font-size:28px; color:#c10000; float:left; margin:0px 0px 0px 0px;}
H6 {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#666; float:left; margin:0px 0px 3px 0px; width:100%;}

.wrapper { width:980px; margin:0px auto; float:none;}
.header { width:100%;}


.logo { margin:31px 0px 0px 10px; width:259px; height:27px; float:left;}
.tnb { width:710px; height:30px; font-family:'Arial, Helvetica, sans-serif'; font-size:16px; color:#c10000; float:right; margin:0px 0px 0px 0px;}
/*MENU DROPDOWN STYLES*/
div#menu { width:530px; float:right; top:15px; z-index:9999;}
#menu { position:relative; z-index:100;height:32px;}
#menu .menu {position:absolute;}
#menu * { list-style:none; border:0; padding:0; margin:0;}
#menu a {display:block; padding:7px 0px  7px 0px; white-space:nowrap; }
#menu li { float:left; background:#fff; padding:0px 0px 0px 0px;  margin-top:0px;}
#menu li li { float:none; padding:0px 0px 0px 0px; _border:1px solid #c4c4c4; /** fix for ie6 */}
#menu div { visibility:hidden; position:absolute;background:url(images/pix.gif);}
#menu div div { margin:-24px 0 0 -1px; left:100%;}
#menu li:hover>div { visibility:visible; }
/* menu::special styles */
/* menu::level 1 */
#menu a { text-decoration:none; color:#fff; position:relative; z-index:77;}
/*#menu ul { margin-left:180px;}*/
#menu a:hover {background:url(images/back.png); color:#bbb;}
#menu a:hover span { color:#bbb; }
#menu>ul>li:hover>a { background:url(images/back.png);  color:#bbb;}
#menu>ul>li:hover>a span { color:#c10000; }
#menu span {  font:18px/18px 'Rokkitt', serif;color:#c10000;}
#menu li li span {  font:16px/18px 'Rokkitt', serif;color:#c10000;}
#menu li { background:none; }
/* menu::level >= 2 */
#menu li li a {  padding:0;  position:static;}
#menu li li a:hover { background:#888; }
#menu li li a span { color:#fff; }
#menu li li a:hover span { color:#ffffff; }
#menu li li a.parent span { background:url(images/pointer.gif) no-repeat right 9px; _background-position:right 10px; }
*+html #menu li li a.parent span { background-position:right 10px; }
#menu li li span { display:block; text-transform:none;line-height:16px;padding:6px 10px 6px 10px; font-size:14px;}
#menu li div { background:#c10000;  }
#menu li div li div { background:#000;  }
/** <fix for ie6> */
#menu div div { _margin-top:-25px;_background:#c4c4c4;}
#menu li li li { _border:1px solid #c4c4c4; }
#menu div div div { _background:#c4c4c4; }
#menu li li li li { _border:1px solid #c4c4c4; }
/** </fix for ie6> */
/* lava lamp */
div#menu li.back { width:10px; height:32px; z-index:8; position:absolute; }
div#menu li.back .left { width:auto; height:32px;  float:none; position:relative; top:0; left:0; visibility:visible; background:#666666 url(images/bg-lavalamp.jpg) center top;}
/*MENU DROPDOWN STYLES END*/

.banner { width:980px; height:320px; background:url(images/banner-home.png) center center no-repeat; margin-top:20px;}
.tagline { width:250px;  margin-left:24px; margin-top:-10px;   }
.roundabout-holder {
				list-style: none;
				width: 220px;
				height: 200px;
				float:right; position:absolute; right:50px; margin-top:-10px;
			}
			
			.roundabout-moveable-item {
				height: 160px;
				width: 157px;
				cursor: pointer; 
			}
			
			.roundabout-moveable-item img {
				width: 100%;
			}
			
			.roundabout-in-focus {
				cursor: auto;
			}
			#next { width:16px; height:16px; float:right;  background:url(images/arrow-sliders-off.png); display:block; margin: 240px 0px 0px 955px; position:absolute;}
			#next:hover { background:url(images/arrow-sliders.png);}
			
.content-left { width: 724px;}
.contenthome-wapper { width:646px; margin:-20px 0px 0px 12px;}
.img-ipad { float:left; width:99px; height:97px; margin:10px 10px 0px 0px;}
.content-right { width: 256px; float: right;}
.text-home { margin-top:20px;}


/*HOME PAGE TESTIMONIAL SLIDER*/
#demos { width:241px; height:130px; margin:24px auto 0px auto; clear:both; float:none; background: url(images/headtesti-trans.png) no-repeat center top;}
#slideshow { margin-top:20px; }
.date { width:28px; background:#c10000; font-size:18px; color:#FFFFFF; text-align:center; padding:4px 0px 1px 0px;}
.date Span { width:32px; float:left; display:block; font-size:11px; text-align:center; width:32px; text-transform:uppercase; margin-top:0px;}
.feat-text {width:190px; height:80px; padding:0px; margin-left:17px; line-height:normal;}
.feat-text Div { padding-top:12px; font-style:normal; width:100%;  }
/* TESTIMONIAL NAVIGATION*/
.navbox { text-align:center; padding:0px 0px 0px 0px;  z-index:100; margin:13px auto 0px auto; width:100%;  }
#nav {   width:72px;  float:right; text-align:right;}
#nav a {   display:block; float:left; /*margin: 0px 2px;*/ padding: 0px 4px;   text-decoration: none; font-size:11px; color:#c10000; background:#ededed;}
#nav a.activeSlide {   background:#c10000; color:#fff; }
#nav a:focus { outline: none; }
#nav-all { width:50px; float:right;   text-align:right; }

/*SLILDER ENDS*/

.stripViewer .panelContainer .panel ul {text-align: left;margin: 0 15px 0 30px;	}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 20px 0px 0px 0px;	position: relative;	width: 100%;}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}

.stripViewer { position: relative;	overflow: hidden; 	margin:0px 0px 0px 0px; width: 980px; height: 140px;	clear: both;  background:#E5E5E5;}
.stripViewer p { margin:0px; padding:0px;}
.stripViewer .panelContainer {position: relative;	left: 0; top: 0; width: 100%; list-style-type: none;}
.stripViewer .panelContainer .panel {float:left; height: 100%; position: relative;  width: 980px;}
.stripViewer .panelContainer .panel .wrapper {padding: 22px 0px; float:none; width:900px; }

.stripNav { margin: auto;}
.stripNav ul {list-style: none; background: #c10000; width:980px;  float:left; }
.stripNav ul li {float: left; width:245px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */	}
.stripNav a {font-family: 'Arial', serif; float:left; font-size: 11px; font-weight:bold; text-transform:uppercase;  width:245px;   font-style: normal;   text-decoration: none; text-align: center; background: #c6e3ff; color: #fff; display: block; padding: 8px 0px;}
/*.stripNav li.tab1 a { background: #262020; color:#fff;  }
.stripNav li.tab2 a { background: #313131; color:#fff; }
.stripNav li.tab3 a { background: #3C3C3C; color:#fff; }
.stripNav li.tab4 a { background: #464646; color:#fff; }
.stripNav li.tab5 a { background: #3C3C3C; color:#fff; }*/

.stripNav li.tab1 a { background: #CECECE; color:#c10000;}
.stripNav li.tab2 a { background: #CECECE; color:#c10000;}
.stripNav li.tab3 a { background: #CECECE; color:#c10000; }
.stripNav li.tab4 a { background: #CECECE; color:#c10000; }
.stripNav li.tab5 a { background: #CECECE; color:#c10000;}

.stripNav li a:hover { background: #c10000; color:#fff; }
.stripNav li a.current {background: url(images/bg-codaactive.png); color: #fff; cursor:default;  }
.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;	top: 100px;	text-indent: -9000em; background:#666666}
.stripNavL a, .stripNavR a {display: block;	height: 40px;width: 40px;}
.stripNavL {left: 0;}
.stripNavR {right: 0;}
.stripNavL {background: url("images/arrow-left.gif") no-repeat center;}
.stripNavR {background: url("images/arrow-right.gif") no-repeat center;	}


.homeContentBtmWrapper { width:650px; margin:27px 0px 0px 13px;}
.homeBottomContent { width:285px; margin:20px 0px 0px 0px;}
.homeBottomContent a { padding:5px 0px 5px 0px;}
.homeBottomContentR { width:285px; margin:20px 0px 0px 70px;}
.homeBottomContentR a { padding:5px 0px 5px 0px;}

.expertise { width:241px; height:150px; margin:24px auto 0px auto; clear:both; float:none; background: url(images/headtesti-trans.png) no-repeat center top;}
.expertise Span { width:100%; float:left; color:#868686; padding:2px 0px 2px 0px}
.expertise a { width:100%; float:left; color:#868686; padding:2px 0px 2px 0px}
.expertise a:hover { width:90%; float:left; color:#fff; background:#c10000; text-indent:2px;}
.expertiseL { width:135px; font-size:11px; margin:20px 0px 20px 5px;}
.expertiseR { width:100px; font-size:11px; margin:20px 0px;}

.redBoxes { width:100%;}
.redBoxes Div { height:145px; margin-top:20px;}
.redBoxes H5 { color:#FFFFFF; font-size:22px; font-weight:400; margin:15px 0px 10px 20px; padding:0px; width:300px;}
.redBoxes a { color:#FFFFFF; float:left; width:300px; margin:3px 0px 3px 20px;}
.redBoxes a:hover { color:#FFFFFF;}
.footerRed1 { width:306px; background:#BD2927; }
.footerRed2 { width:240px; background:#C72E26; }
.footerRed3 { width:240px; background:#BD2927; }
.footerRed4 { width:194px; background:#C72E26; }

.copyright { width:100%; float:right; text-align:center; font-size:12px; margin:17px 0px 8px 0px; background:#c10000; color:#E2A5A5; padding:5px 4px 5px 0px;}
.copyright a { text-decoration:none; color:#E2A5A5;  }
.copyright a:hover { text-decoration:none; color:#fff;  }

.signature {width:976px; text-align:right; font-size:11px; padding-bottom:30px; color:#999999;} 
.signature a { text-decoration:none; color:#c10000; padding:0px 3px;}
.signature a:hover { text-decoration:none; color:#fff; background:#c10000; padding:0px 3px; }

.banner-inner { width:980px; height:254px; background:url(images/banner-inner.jpg) center center; margin-top:20px;}
.inner-content { line-height:20px;} 

.checkmark-list { width:100%; list-style:none; line-height:16px; margin-left:40px; margin-bottom:20px;}
.checkmark-list li { background:url(images/checkmark.jpg) no-repeat left top; text-indent:25px; margin-bottom:5px;}

.greyBorder	{ border:1px solid #9ab6c9;
border-radius:5px 5px 5px 5px ;
 -moz-border-radius:5px 5px 5px 5px ;
 -o-border-radius:5px 5px 5px 5px ;
 -ms-border-radius:5px 5px 5px 5px ; }
.mandatory	{ font-family: Arial, Helvetica, sans-serif; font-size:14px; color:#FFF; float:left; margin:0px 0px 3px 0px; width:100%; background-color:#c10000;	height:25px;}


.blog {font-family: 'Rokkitt', serif; font-size:22px; color:#c10000; float:left; margin:0px 0px 0px 0px; background:url(images/bg-h2-trans.png) left top; width:650px; padding: 6px 0px 6px 7px;}
.old-blog { width:235px; font-size:11px; margin:20px 0px 20px 5px;}
.contactn { width:auto;  margin-top:5px; float:right;}

 #demos1 { width:660px; height:340px;  margin:24px auto 0px auto; clear:both; float:none; 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}
#slideshow1 { margin-bottom:10px; }
.img-slid-div {width:660px; height:320;}
.img-slide-top {width:660px; height:20; background-color:#c10000; color:white;}
.image-slider { padding:0px; margin-left:30px; line-height:normal; } 
.navbox1 { text-align:center; padding:0px 0px 0px 0px;  z-index:100; margin:13px auto 0px auto; width:100%; 
-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}}
#nav1 {  float:left; text-align:left; }
#nav1 a {   display:block; float:left; margin: 0px 2px; padding: 0px 4px;   text-decoration: none; font-size:12px; color:#c10000; }
#nav1 a.activeSlide {   background:#c10000; color:#fff; }
#nav1 a:focus { outline: none; }
#nav-all1 { width:50px; float:right;   text-align:right; }

#nav2 { float:right; text-align:right; }
#nav2 a {   display:block; float:left; margin: 0px 2px; padding: 0px 4px;   text-decoration: none; font-size:12px; color:#c10000; }
#nav2 a.activeSlide {   background:#c10000; color:#fff; }
#nav2 a:focus { outline: none; }
#nav-all2 { width:50px; float:left;   text-align:left; }

/* right tab */

.rightTab{position: fixed;right:20px;width: 30px;top: 115px;padding:2px 0 2px 2px;}
.rightTab a{display:block;}
/*.rightTab a.contactTab{ background:url(images/tabContact.png) top left no-repeat; width:49px;height:144px;}*/
.rightTab a:hover.contactTab{ background:url(images/tabContact.png) left -146px no-repeat;}
/* .rightTab a.loginTab{ background:url(images/tabLogin.png) top left no-repeat; width:49px;height:102px;}
.rightTab a:hover.loginTab{ background:url(images/tabLogin.png) left -105px no-repeat;} */
.rightTab a.fbTab{ background:url(images/facebook_1.png) top right no-repeat; width:49px;height:50px; }
.rightTab a.twTab{ background:url(images/twitter_1.png) top right no-repeat; width:49px;height:50px;}
.rightTab a.inTab{ background:url(images/Linkedin_2.png) top right no-repeat; width:49px;height:50px