body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	background:#f2f2f2;
	padding-bottom:42px;
	line-height:18px
}
img {
	border:0px
}
a {
	color: #000000;
	text-decoration:underline;
}
form {
	padding:0px;
	margin:0px
}
p {
	padding-top:0px;
	padding-bottom:15px;
	margin:0px;
	line-height:18px
}
.logo {
	float:left;
}
h1 {
	float:left;
	width:600px;
	padding-top:20px;
	font-size:22px;
	color:#fff;
	font-family: 'Myriad Pro';
	margin:0px;
	font-weight:normal;
	line-height:25px
}
h2 {
	font-size:22px;
	padding:0px;
	padding-bottom:0px;
	padding-top:0px;
	margin:0px 0px 10px 0px;
	color:#fc7a03;
	font-family: 'Myriad Pro';
	font-weight:normal;
	line-height:25px
}
h3 {
	font-size:12px;
	font-weight:bold;

	padding:0px;
	margin:0px;
	color:#000;
	padding-bottom:12px;
	clear:both;
	padding-left:10px
}
h4 {
	font-size:12px;
	padding:0px;
	font-weight:bold;
	color:#3589c5;
	margin:0px;
	padding:0px
}
a:hover {
	text-decoration:none;
}
#wrapper {
	margin:0 auto;
	width:900px
}
.header-container {
	background:url(../images/header_img.jpg) no-repeat 420px;
	height:217px;
}
.banner-left {
	float:left;
	padding-top:30px;
	width:500px
}
/* =nav
================================================ */
.nav-container {
	background:url(../images/nav_bg.jpg) no-repeat;
	height:39px
}
#nav {
	list-style: none;
	font-size:14px;
	margin:0px;
	width:915px;
	padding:0px;
	padding-top:0px;
}
#nav li {
	display: inline;
} /* IE6 fix */
#nav a {
	float: left;
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 7px 44px;
	border-right:solid 1px #f58282;
	font-size:14px;
	font-weight:bold
}
#nav a:hover {
	color: #fff;
	color: #fff;
	padding: 7px 44px;
	text-decoration:underline
}
#nav li#button1 a {
 text-decoration:underline color: #fff;
}
.bredscram {
	border-bottom:solid 1px #e1e1e1;
	padding-bottom:5px;
	margin-bottom:10px;
	padding-top:5px
}
.bredscram a {
	padding-right:5px;
	color:#4b4b4b
}
/* =nav
================================================ */

#tabs {
	float:right;
	line-height:normal;
	width:750px;
	padding:5px 10px;
}
#tabs ul {
	margin:0;
	padding:0px 0px 0 0px;
	list-style:none;
	float:right
}
#tabs li {
	display:inline;
	margin:0;
	padding:0;
	float:left;
}
#tabs a {
	float:left;
	background:url(../images/tab-nav-lft.gif) no-repeat 0% top;
	margin:0;
	padding:0px 0 0 22px;
	text-decoration:none;
	text-align:center;
	font-size:12px;
	color:#fff;
	cursor:pointer;
	margin-left:4px;
}
#tabs a span {
	float:left;
	display:block;
	background:url(../images/tab-nav-rgt.gif) no-repeat 100% top;
	padding:7px 22px 7px 0px;
}
*html #tabs a span {
	float:left;
	margin-right:0px;
	padding:7px 22px 8px 0px;
}
/* End IE5-Mac hack */

#tabs a:hover, #tabs ul li .select {
	color:#f9bb10;
	text-decoration:none;
}
#tabs a:hover span, #tabs a span .select {
	color:#2c2c2c;
	text-decoration:underline
}
.clear {
	clear:both
}
.top-nav {
	width:100%;
	background:#666666;
	border-bottom:solid 3px #000000;
	height:28px
}
.nav-container {
	width:900px;
	margin:0 auto
}
.logo-tbtm {
	padding-left:87px;
	font-weight:bold;
	font-family: 'Myriad Pro';
	font-size:13px;
	color:#666666
}
.header-txt {
	float:right;
	padding-top:100px;
	text-align:right;
	font-size:15px;
	font-weight:bold;
	line-height:23px;
	font-weight:bold;
	
	color:#666666;
	padding-right:20px;
	line-height:25px
}
.heading-bg {
	background:url(../images/heading_bg.jpg) no-repeat;
	height:66px;
	padding:0px 20px
}
.heading-bgh {
	background:url(../images/heading_img_main.jpg) no-repeat;
	height:66px;
	padding:0px 20px;
	float:left;
	width:860px
}
.txt-right {
	float:left;
	padding-top:20px;
	font-size:22px;
	color:#fff;
	font-family: 'Myriad Pro';
	line-height:25px
}
.container {
	background: #ffffff;
	padding:10px 20px 5px 20px;
	float:left;
	width:860px
}

.container-slide {
	background: #ffffff;
	padding:10px 10px 5px 20px;
	float:left;

}
.left-container {
	float:left;
	width:560px;
	background:url(../images/vline.gif) repeat-y right;
	padding-right:20px
}
.imp-pos {
	padding:5px 10px 10px 0px
}
.right-container {
	float:left;
	width:260px;
	padding-left:20px
}
.r-txt {
	padding-top:40px;
	font-weight:bold
}
.footer {
	background:#e6e6e6;
	padding:7px 20px;
	clear:both;
	color:#808080;
	height:20px;
	font-size:11px
}
.footer a {
	background:#e6e6e6;
	padding:7px 2px;
	clear:both;
	color:#808080;
}
.box-containerf {
	float:left;
	width:260px;
	background:url(../images/vline.gif) repeat-y right;
	padding-right:20px
}
.box-containers {
	float:left;
	width:260px;
	padding-left:20px;
	background:url(../images/vline.gif) repeat-y right;
	padding-right:20px
}
.box-containert {
	float:left;
	width:250px;
	padding-left:20px;
}
.bold {
	font-weight:bold
}
.firsth {
	width:280px;
	background:url(../images/streep.gif) no-repeat right top;
	height:50px;
	float:left;
	padding-top:6px;
	font-size:22px;
	color:#fff;
	line-height:25px;
	font-family: 'Myriad Pro';
}
.sech {
	width:280px;
	margin-left:20px;
	background:url(../images/streep_2.gif) no-repeat right top;
	height:50px;
	float:left;
	padding-top:6px;
	font-size:22px;
	color:#fff;
	line-height:25px;
	font-family: 'Myriad Pro';
}
.thirdh {
	width:250px;
	margin-left:20px;
	height:50px;
	background:url(images/streep_2.gif) no-repeat right;
	height:50px;
	float:left;
	padding-top:20px;
	font-size:22px;
	color:#fff;
	line-height:25px;
	font-family: 'Myriad Pro';
}
.font9 {
	font-size:9px;
	line-height:normal
}
.font10 {
	font-size:10px;
	line-height:normal
}
.midh {
	width:540px;
	text-align:center;
	height:50px;
	background:url(images/streep_2.gif) no-repeat right;
	height:50px;
	float:left;
	padding-top:20px;
	font-size:22px;
	color:#fff
}
.reg-form p {
	clear: left;
	margin: 0;
	padding: 3px 0 3px 0;
	padding-left: 150px; /*width of left column containing the label elements*/
	height: 1%;
}
.reg-form label {
	float: left;
	margin-left: -150px; /*width of left column*/
	width: 150px;
	font-weight:bold;/*width of labels. Should be smaller than left column (155px) to create some right margin*/
}
.reg-form input[type="text"] { /*width of text boxes. IE6 does not understand this attribute*/
	width:176px;
	border:none;
	background:url(../images/input_bg.jpg) no-repeat;
	padding:4px 8px
}
.reg-form select { /*width of text boxes. IE6 does not understand this attribute*/
	width:200px;
	border:solid 1px #e3e9ef;
	border-top:solid 1px #abadb3;
	padding:2px
}
.applybtn {
	padding-top:5px;
	padding-bottom:5px
}
.firsth2 {
	width:280px;
	background:url(../images/streep.gif) no-repeat right top;
	height:50px;
	float:left;
	padding-top:20px;
	font-size:22px;
	color:#fff;
	line-height:25px;
	font-family: 'Myriad Pro';
}
.check{float:left; width:80px}
.left{float:left}
.ckt-txt{padding-top:10px; padding-bottom:10px; clear:both}

*start css for sliding logo*/
#productsMenuTop {
	background-image: url(../images/whatwedoMenuTop.png);
	width: 433px;
	background-repeat: no-repeat;
	height: 10px
}
* HTML #productsMenuTop {
	background: url(../images/whatwedoMenuTop.gif) bottom no-repeat
}


#productsMenuBody {
	BACKGROUND-IMAGE: url(../images/whatwedoMenuBg.png);
	WIDTH: 433px;
	BACKGROUND-REPEAT: repeat-y
}
* HTML #productsMenuBody {
	BACKGROUND-IMAGE: url(../images/whatwedoMenuBg.gif);
}
.clearBoth {
	CLEAR: both
}
#searchdiv_def {
	float:left;
	margin-top:12px;
	text-align:left;
	background:url(../images/search_box.gif) no-repeat top left;
	width:150px;
}
.navpos {
	float:left;
	width:735px;
}
.search-boxM {
	background:url(../images/transparent.gif) no-repeat top left;
	height:20px;
	width:120px;
	border: none;
	display:block;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size:11px;
	vertical-align:middle;
	padding-top:3px;
	margin:0px;
	text-align:left;
	margin-right:30px;
	margin-left:11px;
	color:#999999;
}
#partnerMenuTop {
	background-image: url(../images/partnerMenuTop.png);
	WIDTH: 433px;
	BACKGROUND-REPEAT: no-repeat;
	HEIGHT: 10px
}
* HTML #partnerMenuTop {
	background: url(../images/partnerMenuTop.gif) bottom no-repeat
}
#partnerMenuBody {
	BACKGROUND-IMAGE: url(../images/partnerMenuBg.png);
	WIDTH: 433px;
	BACKGROUND-REPEAT: repeat-y
}
* HTML #partnerMenuBody {
	BACKGROUND-IMAGE: url(../images/partnerMenuBg.gif);
}
#partnerMenuBottom {
	background-image: url(../images/partnerBottom.png);
	WIDTH: 433px;
	BACKGROUND-REPEAT: no-repeat;
	POSITION: relative;
	HEIGHT: 18px
}
* HTML #partnerMenuBottom {
	background-image: url(../images/partnerMenuBottom.gif)
}
.menuDropdownClose_partner {
	WIDTH: 30px;
	POSITION: absolute;
	TOP: -20px;
	TEXT-ALIGN: right
}


.productsMenuTop {
	background-image: url(../images/whatwedoMenuTop.png);
	width: 433px;
	background-repeat: no-repeat;
	height: 10px
}
* HTML .productsMenuTop {
	background: url(../images/whatwedoMenuTop.gif) bottom no-repeat
}


.productsMenuBody {
	BACKGROUND-IMAGE: url(../images/whatwedoMenuBg.png);
	WIDTH: 433px;
	BACKGROUND-REPEAT: repeat-y
}
* HTML .productsMenuBody {
	BACKGROUND-IMAGE: url(../images/whatwedoMenuBg.gif);
}


.productsMenuBottom {
	background-image: url(../images/whatwedoMenuBottom.png);
	WIDTH: 433px;
	BACKGROUND-REPEAT: no-repeat;
	POSITION: relative;
	HEIGHT: 18px
}
* HTML .productsMenuBottom {
	background-image: url(../images/whatwedoMenuBottom.gif)
}


/*start css for sliding logo*/
.stepcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 270px;/*Height should enough to fit largest content's height*/
}
.stepcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.stepcarousel .panel {
	float: left; /*leave this value alone*/
	overflow: hidden;
	padding:0px 5px 0px 5px ;
	width:245px;
	background: url(images/vline.gif) right repeat-y;
	
	text-align:left/*clip content that go outside dimensions of holding panel DIV*//*margin around each panel*/
 /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
#galleryB {
	width: 500px;
	height: 262px;
	float:left;
}
#galleryB .panel {
background: url(images/vline.gif) right repeat-y;
	
	color: #000;
	padding-top:10px
}
p.samplebuttons {
	width: 300px;
	text-align: center;
}
p.samplebuttons a {
	color: #2e6ab1;
	padding: 1px 2px;
	margin-right: 3px;
	text-decoration: none;
}

/*end css for sliding logo*/




.sl-imgpos{padding:0px 10px 10px 5px;}
.sl-text{ width:108px; float:left}