/*
Expert Link Building: www.templatemagician.com
*/

body {
	margin: 0 auto;
	width:100%;
	text-align:center;
	background-image:url(../images/bg_tile.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#d9dacc;

}

body,td,th {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#545452;
}

a:link, a:visited {
	color:#FA8212;
} 
a:active, a:hover { text-decoration:none; }

p {
	margin: 0px;
	padding: 0px 0 0px 0px;
	color:#000;
}

strong {
	color:#333333;
	font-size:11px;
}

strong a {
	color: #727272;
	text-decoration:underline;
}

span {
}


ul {
	list-style:none;
	display:inline;
}

h1 {
	margin: 0px 0px 12px;
	padding: 0px;
	color:#fff;
	font-size:15px;
	font-weight:100;
}

h2 {
	margin: 0px 0 0px;
	padding: 0px;
	color:#ff9b00;
	font-size: 24px;
	font-weight:100;
}

h3 {
	margin: 0px;
	padding: 0px;
	color:#F16866;
	font-size: 15px;
	font-weight:100;
}

/* main */

#maincontainer {
	width: 951px;
	height: auto;
	margin: 0 auto;
}

/* top area start */

.top_area {
	float:left;
	text-align:left;
	width:951px;
	height:124px;
	padding:0px ;
}

/* logo start */

.logo_area {
	float:left;
	text-align:left;
	width:470px;
	height:100px;
	padding:24px 0 0 8px;
	background-image:url(../images/logo_bg.jpg);
	background-repeat:no-repeat;
}

.top_right_area {
	float:right;
	width:412px;
	height:124px;
	padding:0px;
	margin:0 auto;
}

.social_links {
	float:left;
	text-align:right;
	width:412px;
	padding:0px 0px 3px 0px;
	margin:0 auto;
}

.live_help {
	float:left;
	text-align:right;
	width:412px;
	padding:5px 0px 0px 0px;
	margin:0 auto;
}

.top_text {
	float:left;
	width:412px;
	height:38px;
	padding:0px 0px;
	margin:23px 8px 8px 0px;
	background-image:url(../images/top_text.jpg);
	background-repeat:no-repeat;
}

.sign_in { color:#dd5b02; text-transform:uppercase;}
.sign_in a { color:#dd5b02; text-transform:uppercase; text-decoration:none;}

/* top area end */

/* menu start */

.menu_area { float:left; width:950px; height:43px; margin:0 auto; padding:0px 0px 0px 2px; background-image:url(../images/menu_tile.jpg);}

#tm_menu {
	float: left;
	margin: 0px ;
	padding: 0px;
	width: 951px;
	height:35px;
	list-style: none;
}


#tm_menu ul {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 951px;
	height:43px;
	list-style: none;
}

#tm_menu ul li {
	display: inline;
}

#tm_menu ul li a {
	float: left;
	padding: 8px 0px 0px 0px;
	margin:0px 0px 0px 0px;	
	text-align: center;
	font-size: 13px;
	height:35px;
	width:118px;
	font-family:Arial;
	text-decoration: none;
	color: #fff;	
	outline: none;
}
#tm_menu ul li a:hover, #tm_menu ul li a.active {
	background-image:url(../images/hover.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

                     
/* menu end */

/* header */

#white_bg {
	float:left;
	width: 941px;
	height: auto;
	padding: 5px 5px 35px 8px;
	margin: 5px 0px 0px;
	background-color:#f7f7f6;
}

#headerarea {
	float:left;
	width: 941px;
	height: 325px;
	padding: 0px;
	margin: 0 auto;


	background-image:url(
../images/about us header.jpg);
	background-image: url(../images/header.jpg);
}
.header_text {
	float:left;
	text-align:left;
	width: 435px;
	height: auto;
	padding: 180px 0px 0 55px;
	font-family:Arial;
	font-size:12px;
	color:#2e2e2a;
	margin: 0 auto;
}

/* header */

/* body area start */

.cleaner_with_height {
	float:left;
	width: 100%;
	height: 25px;	
}

/* banner area start */

.banner_area {
	float:left;
	text-align:left;
	width:941px;
	height:114px;
	position:relative;
	margin:8px 0px 8px 0px;
	padding:0px 0px;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position:relative;
	float:left;
	margin: 0px;
	padding: 0;
	width:941px;
	height:114px;

}
.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 188px;
	height: 114px;
	float:left;
	margin:0px;


	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin: 0px; /*Set to same as spacing option. */	
	float: left;
	display:block;
}
#kwick_1 {
	background-image:url(../images/banner_01.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:114px;
	padding:0px 0 0 0px;
}
#kwick_2 {
	background-image:url(../images/banner_02.jpg);
	background-repeat:no-repeat;
	width:188px;
}
#kwick_3 {
	background-image:url(../images/banner_03.jpg);
	background-repeat:no-repeat;
	width:188px;
}
#kwick_4 { 
	background-image:url(../images/banner_04.jpg);
	background-repeat:no-repeat;
	width:188px;
}
#kwick_5 { 
	background-image:url(../images/banner_05.jpg);
	background-repeat:no-repeat;
	width:188px;
}
ul li { list-style:none; display:inline; }
.service_link { width:auto; height:auto; float:left; margin:0px; }
.service_link li { display:inline; }
.service_link li a { font:"Corbel"; font-size:11px; color:#FFFFFF; background-image:url(../images/arrow_icon.png); background-repeat:no-repeat;
background-position:center left; padding:0 0 0 10px; }


/* banner area start */

#bodyarea {
	float:left;
	text-align:left;
	width: 941px;
	height: auto;
	margin:0px 0 10px 0;
	padding:20px 0 0px;
}

.web-services {
	float:left;
	text-align:left;
	width: 941px;
	height: auto;
	margin:10px 0 10px 0;
	padding:0px 0 0px;
}
/* body area left */

.bodyarea_left {
	float:left;
	text-align:left;
	width: 330px;
	height: auto;
	padding: 0px 0 0 10px;
}
.for_all_use {
	float:left;
	width:330px;
	height:auto;
	margin:0px 0 0px 0;
}

.service_bannar {
	float:left;
	width:310px;
	height:auto;
	margin:0px 0 0px 0;
}
/* services area */
.heading {
	float:left;
	width:200px;
	height:auto;
	margin:4px 0 7px 0px;
}

.orange_text {
	font-family:Arial;
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	color:#f16809;
}
.black_text {
	font-family:Arial;
	font-style:italic;
	font-weight:bold;
	font-size:20px;
	color:#2e2e2a;
}

ul li { list-style:none; display:inline; }

.links {
	float:left;
	width:325px;
	height:auto;
}

.links ul {
	width:325px;
	height:auto;
	padding:0 0 0 15px;
	display:inline;
}

.links ul li {
	display:inline;
}
.links ul li a {
	float:left;
	width:300px;
	height:auto;
	font-size:12px;
	color:#545452;
	line-height:22px;
	background-image:url(../images/service_icon.jpg);
	background-repeat:no-repeat;
	background-position:center left;
	padding:1px 0 1px 15px;
	border-bottom:1px #949494 dotted;
	text-decoration:none;
}
.links ul li a:hover {
	color:#000000;
}

.services_orng_text { font-size:11px; color:#e45f04; }
.services_orng_text a { color:#e45f04; }
.services_orng_text a:hover { color:#b24d06; }

.banner { float:left; width:330px; height:auto; background-image:url(../images/banner.jpg); background-repeat:no-repeat; padding:95px 0px 8px 0px; }

.services {
	float:left;
	width:290px;
	height:auto;
	padding:0px 0px 8px 0px;
	margin: 5px 0 0 5px;
}

/* body area right */

.bodyarea_right {
	float:right;
	text-align:left;
	height:auto;
	width:550px;
	padding: 0px 0px 0 0;
	margin: 0 auto;	
}

.for_all_use_right {
	float:left;
	width:550px;
	height:auto;
	margin:0px 0 0px 0;
}

.marketing_tool {
	float:left;
	text-align:left;
	width:350px;
	height:100px;
	color:#545452;
	line-height:14px;
	background-image:url(../images/body_pic.jpg); background-repeat:no-repeat; background-position:left;
	margin:8px 0px 8px;
	padding:8px 0px 8px 190px;

}
ul li { list-style:none; display:inline; }

.abc_1 {
	float:left;
	width:545px;
	height:auto;
	margin:15px 0px 10px;
}

.abc_1 ul {
	width:530px;
	height:auto;
	padding:0 0 0 15px;
	display:inline;
}

.abc_1 ul li {
	display:inline;
}
.abc_1 ul li a {
	float:left;
	width:495px;
	height:auto;
	font-size:11px;
	color:#545452;
	line-height:30px;
	background-image:url(../images/serach_icon.jpg); background-repeat:no-repeat; background-position:center left;
	padding:1px 0 1px 35px;
	text-decoration:none;
}
.abc_1 ul li a:hover {
	color:#000000;
	text-decoration:underline;
}

/* body area right bottom */

.clear { float:left width:100%; height:1px; }
.bottom_left { float:left; width:255px; height:auto;}
.bottom_right { float:right; width:285px; height:auto; padding:px0 15px 0 0px;}



/* start of footer */

#footer{
	float:left;
	text-align:center;
	width: 100%;
	height:110px;
	padding:0px;
	margin:0 auto;
	background-color:#32332c;
}
.footer_mid{ text-align:left; padding:15px 0px 0px 25px; width: 925px; height:95px; margin:0 auto;}
.footer_left{
	float:left;
	text-align:left;
	width: 200px;
	height:75px;
	margin:0 auto;
	color:#fff;
	line-height:15px;
}
.footer_right{
	float:right;
	text-align:left;
	width: 720px;
	height:34px;
	margin:0 auto;
	padding:22px 0px;
	color:#fff;
	line-height:18px;
}
.footer_right a{ color:#fff; text-decoration:none; }
.footer_right a:hover{ color:#c7c5c5; text-decoration:underline; }


/* end of footer */

.respond {
	float:left;
	height:auto;
	width:300px;
	padding:0 0 0 0;
}

.login-area{
	float:left;
	height:auto;
	width:auto;
	margin:6px 0px 0 180px;
}