.leftfloat { float:left } /* Float Left */
.rightfloat { float:right; } /* Float Right */
.clearboth { clear:both; } /* Float Both */

img, div { border:0; }

form { margin:0px; padding:0px; }
p { line-height:1.5;margin:0 0 1em; }
a {  outline: none; -moz-outline-style: none; }

p.colors { float:left; width:50px; display:inline; margin:6px 0 0 6px; }
p.colors a { float:left; width:15px; height:15px; margin:0px 2px; text-indent:-9999px; border:1px solid #666;}
p.colors a#white { background:#fff;}
p.colors a#black { background:#000;}
p.colors a#purple{background:#f00;}
p.colors a#pink{background-position:-23px 0px;}
p.colors a#red{background-position:-34px 0px;}
p.colors a.on { border:1px solid #f00;}
.changeimage { border:0px;}
.topdiv { position:absolute; z-index:9500; text-indent:-9999px; top:170px; right:30px; margin:0px auto; width:351px; height:115px;}
.topdiv-text { padding:12px 10px 0px 10px; color:#818181; text-align:justify; }
.curved { -moz-border-radius:20px; -webkit-border-radius:20px; behavior:url(border-radius.htc); }
.png{ width:124px; height: 124px; overflow: hidden; background: transparent url(twitter.png) no-repeat top left; }
.png{_background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='twitter.png', sizingMethod='scale'); }

/* Scrollbar CSS used in jQuery */
a.jScrollArrowUp { background: url(../images/basic-arrow-up.gif) repeat-x 0px 0px; }
a.jScrollArrowUp:hover { background-position:0px -15px; }
a.jScrollArrowDown { background:url(../images/basic-arrow-down.gif) repeat-x 0px 0px; }
a.jScrollArrowDown:hover { background-position: 0px -15px; }
a.jScrollActiveArrowButton { background-position: 0px -30px; }
a.jScrollActiveArrowButton:hover { background-position: 0px -30px; }
.scroll-pane { width:180px; background:none; float:left; height:120px; overflow:auto; }
.jScrollPaneContainer { z-index:1; position:relative; overflow:hidden; }
.jScrollPaneTrack { position:absolute; background:#none; overflow:hidden; cursor:pointer; right:0px; height:100%; top:0px;}
.jScrollPaneDrag { position:absolute; background:#585858; overflow:hidden; cursor:pointer; }
.jScrollPaneDragTop { position:absolute; overflow:hidden; top:0px; left:0px; }
.jScrollPaneDragBottom { position:absolute; bottom:0px; overflow:hidden; left:0px; }
a.jScrollArrowUp { z-index:1; position:absolute; text-indent:-2000px; display:block; height:9px; overflow:hidden; top:0px; right:0px; }
a.jScrollArrowDown { z-index:1; position:absolute; text-indent:-2000px; bottom:0px; display:block; height:9px; overflow:hidden; right:0px; }
/* End Scrollbar CSS used in jQuery */

/* Homepage slider CSS used in jQuery */
a:link, a:visited { color:#fff; text-decoration:none; }
a img{ border:0; }
div.wrap{ width:960px; margin:0 auto; text-align:center;  }
h4 { font-size:16px; font-family: Helvetica, Arial, sans-serif; color:#666; font-weight:normal; }
h4 strong { font-size:30px; display:block; margin-bottom:5px; margin-top:5px;}
div#header{ margin:15px 0 0 0px; }
div#header div.wrap{ height:329px; background:url(../images/header-bg.png) 0% 0 no-repeat; }
div#header div#slide-holder{
  z-index:40; width:960px; height:329px; position:absolute; margin:0px auto; *margin:-16px 0 0 -490px;
}
*:first-child+html div#header div#slide-holder { margin:-16px 0 0 -489px;  }
div#header div#slide-holder div#slide-runner{
	top:-15px; margin:0px auto;	width:960px; height:329px; overflow:hidden; position:absolute; *margin:15px 0 0 -480px; 
}
div#header div#slide-holder img{ margin:0px auto; display:none; position:absolute; *margin:0 0 0 -480px; }
*:first-child+html div#header div#slide-holder img { margin:0 0 0 0px; }
div#header div#slide-holder div#slide-controls{
	bottom:0px; width:960px; height:30px; display:none;
	position:absolute; background:url(../images/slide-bg.png) 0 0;  *margin:0 0 -1px -480px;
	-moz-border-radius:6px; -webkit-border-radius:6px; behavior:url(border-radius.htc);
}
*:first-child+html div#header div#slide-holder div#slide-controls { margin:0 0 0 -480px; }
div#header div#slide-holder div#slide-controls p.text{
	float:left; color:#fff;	display:inline;	font-size:10px;	line-height:16px; margin:7px 0 0 20px; text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{ float:right; height:24px; display:inline; margin:4px 15px 0 0; }
div#header div#slide-holder div#slide-controls p#slide-nav a {
	float:left; width:24px;	height:24px; display:inline; font-size:11px;	margin:0 5px 0 0;
	line-height:24px;	font-weight:bold; text-align:center; text-decoration:none; background-position:0 0; background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{ background-position:0 -24px; }
div#header div#slide-holder div#slide-controls p#slide-nav a { background-image:url(../images/silde-nav.gif);}
/* End Homepage slider CSS used in jQuery */

/* Recent Clients Slider CSS */
.infiniteCarousel { width: 990px;  position: relative; }
.infiniteCarousel .wrapper { width: 920px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto; height:165px; margin: 0 40px; position: absolute; top: 0px; }
.infiniteCarousel .wrapper ul { width:9999px; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0; padding:0; position:absolute; top:32px; }
.infiniteCarousel ul li { display:block; float:left; padding:0 6px; margin:0px 0px 0px 0px; height: 114px; width:120px;  }
.infiniteCarousel ul li a img { display:block; margin:5px 0px 0px 0px;}
.infiniteCarousel .arrow { display: block; height: 36px; width: 36px; text-indent:-999px; position:absolute; top:65px; cursor:pointer;  }
.infiniteCarousel .forward { background-position: 0 0; right: 0; }
.infiniteCarousel .back { background-position: 0 -72px; left: 0;}
.imgbg22 { padding:0px 0px 0px 5px !important; margin-top:-8px; *padding:6px 0px 0px 6px !important;}
*:first-child+html .imgbg22 { padding:0px 0px 0px 5px !important; margin-left:0px;  border:0px solid #00CC00; }
/* End Recent Clients Slider CSS */

/* Theme slide panel */
a:focus { outline: none; }
.theme-slide-panel {
	top:0; right:0; width:100px;
	position:absolute; z-index:2000; 
}
*:first-child+html .theme-slide-panel {
	top:0; right:0; width:100px;
	position:absolute; z-index:10000; border:1px solid #f00;
}

.slidePen {
	margin: 0; padding: 0;
	background: url(images/btn-slide.gif) no-repeat center top;
}
.btn-slide {
	background: url(images/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 100px; height: 31px;
	padding: 0px 10px 0 0; margin: 0 auto;
	display: block; font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff; text-decoration: none;
}
.active { background-position: right 12px; }