@charset "utf-8";
/* Aress Software Typography Styles
   Updated: Wed 23.07.08 @ 04:21 p.m.
   Author: Aress Design Studio
   Version: 1.1
   ----------------------------------------------------*/


/* GENERIC
   ----------------------------------------------------*/
body { background: url(../images/pg-bg.jpg) no-repeat 50%; background-position: top; margin: 0px; padding: 0px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #393939 }

.clear { clear: both }

.wrapper { width : 796px; margin: 0px auto }

img {border:0px;}
a {outline:none;}


/* TOP SECTION
   ----------------------------------------------------*/
.navbar { background: url(../images/nav-bg1.jpg); height: 28px; padding: 0px 10px 0 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 28px; color: #fff; text-transform: uppercase }

.navbar a{ padding: 0 5px 0 5px; color: #fff; text-decoration: none }

.navbar a:hover{ color: #999; text-decoration: none }

.navleft ul, li {padding: 0px; margin: 0px; list-style: none; }

.navleft li { display: inline; border-right: solid #fff 1px; }

.navleft li.last { border-right: solid #fff 0px }

.navleft li.selected a{ color: #66CCFF }

.navleft { float: left; width: 555px }

.navright { float: right; width: 170px; padding-right: 5px; text-align: right; height: 23px; padding-top: 2px }

.navright img { margin-left: 2px; border: solid #000 0px }

.logobox { height: 70px; background: url(../images/logo-bg.jpg) repeat-x; text-align: right; padding-right: 9px }


.logobox img { border: none}

.survey { float: right; width: 280px; }

.survey img { border: none }

.logobox2 { height: 70px; background: url(../images/logo-bg.jpg) repeat-x; text-align: left; padding-right: 0px; float: left }

.logobox2 img { border: none}

.homeheader { height: 230px; background: url(../images/home-header.jpg) }

.homeheader_new { height: 236px; background: url(../images/homeheader_new.jpg) no-repeat; text-indent:-5000px; }

.homeheader-sp { height: 230px; background: url(../images/home-header-sp.jpg) }

.homeleft-nav { padding-top: 56px; padding-left: 11px; width: 180px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 28px; color: #fff; text-transform: uppercase }

.homeleft-nav ul, li {padding: 0px; margin: 0px; list-style: none }

a.external {
padding-left: 18px;
background: transparent url(../images/arrow.gif) no-repeat center left;
color: #fff; text-decoration: none;
}

a:hover.external {
padding-left: 18px;
background: transparent url(../images/arrow-hover.gif) no-repeat center left;
color: #66CCFF; text-decoration: none
}


/* HEADER SECTION
   ----------------------------------------------------*/
.homeheadertext-box { height: 116px; background: url(../images/headertext-bg.jpg); padding: 24px 19px 24px 19px; font-size: 14px }

.contenttext { height:auto; background: url(../images/headertext-bg.jpg); width:auto; font-size: 14px; margin-bottom:10px; }

.homeheadertext-box p { margin-top: 0px; margin-bottom: 0px }

.homeheadertext-box p.new { margin-top: 10px; margin-bottom: 0px }

.bluehead { font-size: 16px; color: #006191; padding:0px 0px 10px 0px; }

.greyhead { font-size: 16px; color: #393939 }

.blueheadsmall { font-size: 13px; color: #006191 }

.blackhead { font-size: 20px; color: #000 }


/* CONTENT SECTION
   ----------------------------------------------------*/
/* Post Styles */
.post {
	float: left;
	width: 193px;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/title-testimonial.jpg) no-repeat;
	background-position: top;
	padding: 52px 8px 0 8px;
	color: #a3a3a3;
	font-style: italic
}

.postlt {background:url(../images/left_bg.gif) no-repeat #fff; width:189px; height:auto; padding:10px;}
.postlt ul {margin:0px; padding:0px; display:block}
.postlt ul li {margin-bottom:5px; width:96px; }

.postrt {background:url(../images/right_bg.gif) no-repeat #fff; width:258px; height:auto;padding:10px; float:left; font:normal 12px/16px Arial, Helvetica, sans-serif;}
.postrt p {padding-bottom:10px;}
.postrt1 {background:url(../images/right_bg.gif) no-repeat #fff; width:258px; height:auto;padding:10px; float:right; font:normal 12px/16px Arial, Helvetica, sans-serif;}
.postrt1 p {padding-bottom:10px;}

.menubl_b {background:url(../images/testimonials.jpg) no-repeat; width:96px; padding-top:20px; height:66px;vertical-align:middle; text-align:center; font:bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF}
.menubl_b a { color:#fff; text-decoration:none;}

.menubl_g {background:url(../images/menublock_g.gif) no-repeat; width:96px; padding-top:20px; height:66px;  vertical-align:middle; text-align:center; font:bold 18px/20px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#FFF}
.menubl_g a { color:#fff; text-decoration:none;}

.post-sp {
	float: left;
	width: 193px;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/title-testimonial-sp.jpg) no-repeat;
	background-position: top;
	padding: 52px 8px 0 8px;
	color: #a3a3a3;
	font-style: italic
}

.postleftnew {
	float: left;
	/*width: 209px;*/
	width:215px;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
}


.postrightnew {
	
	height: 520px;
	margin-left: 14px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background-position: top;
	padding: 0px;
	
}

* html .postrightnew {
	float: left;
	width: 571px;
	height: 520px;
	margin-left: 13px; }
	
.postrightnew_1 {
	float: left;
	width: 565px;
	height: auto;
	margin-left: 14px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background-position: top;
	padding: 0px;
	
}

* html .postrightnew_1 {
	float: left;
	width: 565px;
	height: auto;
	margin-left: 13px; }

.post2 {
	float: left;
	width: 244px;
	height: 220px;
	margin-left: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/title-relevant.jpg) no-repeat;
	background-position: top;
	padding: 52px 17px 0 17px;
	border-bottom: dotted #bebebe 1px
}

.post2-sp {
	float: left;
	width: 244px;
	height: 220px;
	margin-left: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/title-relevant-sp.jpg) no-repeat;
	background-position: top;
	padding: 52px 17px 0 17px;
	border-bottom: dotted #bebebe 1px
}

.post2 p, .post2-sp p, .post p, .post3 p, .post3-sp p, .post5 p, .post5-sp p, .post6 p, .post6-sp p, .postleft p, .post7 p { margin-top: 0px; margin-bottom: 10px }

.post3 {
	float: left;
	width: 244px;
	height: 220px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/title-operate.jpg) no-repeat;
	background-position: top;
	padding: 52px 17px 0 17px;
	border-bottom: dotted #bebebe 1px
}

.post3-sp {
	float: left;
	width: 244px;
	height: 220px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/title-operate-sp.jpg) no-repeat;
	background-position: top;
	padding: 52px 17px 0 17px;
	border-bottom: dotted #bebebe 1px
}

.post4 {
	float: left;
	width: 190px;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/aicles-bg.jpg) no-repeat;
	background-position: top;
	padding: 42px 8px 0 11px;
}


.post4 ul, li {padding: 0px; margin: 0px; list-style: none }

.post5 {
	float: left;
	width: 170px;
	height: 159px;
	margin-left: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/franchise-bg.jpg) no-repeat;
	background-position: top;
	padding: 42px 91px 0 17px;
}

.post5-sp {
	float: left;
	width: 170px;
	height: 159px;
	margin-left: 0px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/franchise-bg-sp.jpg) no-repeat;
	background-position: top;
	padding: 42px 91px 0 17px;
}

.post6 {
	float: left;
	width: 170px;
	height: 159px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/tools-bg.jpg) no-repeat;
	background-position: top;
	padding: 42px 91px 0 17px;
}

.post6-sp {
	float: left;
	width: 170px;
	height: 159px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	background: url(../images/tools-bg-sp.jpg) no-repeat;
	background-position: top;
	padding: 42px 91px 0 17px;
}


.post img{
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCC;
}
.post img:hover {
	border: 1px solid #FF9900;
	padding: 0px;
	margin: 0px;
}

.post2 a, .post3 a { color: #008ed5 }


.postright{
	float: right;
}
.postclear {
	clear: both;
}

a.more {
padding-right: 12px;
background: transparent url(../images/arrow2.gif) no-repeat center right;
color: #008fd5; text-decoration: none; font-size: 12px; font-weight: bold
}

a.article {
padding-left: 18px;
background: transparent url(../images/page_copy.gif) no-repeat center left;
color: #393939; text-decoration: none; line-height: 20px
}



/* FOOTER SECTION
   ----------------------------------------------------*/
.footerbox { background-color: #433832; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 11px }

.footerbox1 { background: #433832 bottom; height: 42px; line-height: 42px; text-align: center; color: #fff; font-size: 11px; position:absolute; width:796px; bottom:0px; }




/* INNER SECTION
   ----------------------------------------------------*/
.innerhead { height: 103px; margin-bottom: 15px; margin-top: 12px }   
   
.innerheadleft { float: left; width: 209px; height: 103px }

.innerheadright { float: right; width: 587px; height: 103px }


.postleft {
	float: left;
	width: 209px;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	
}

.post7 {
	float: left;
	width: 559px;
	height: 100%;
	margin-left: 14px;
	margin-right: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	
}

.post8 {
	float: right;
	width: 559px;
	height: 100%;
	margin-left: 14px;
	margin-bottom: 10px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	
}

.post8 p {margin:0px; padding:0px;}

.post7 li { list-style: inherit; }

.innerleftnav { width: 209px; margin-bottom: 10px; background-color: #f3f3f3 }

.innerleftnav-top { background: url(../images/leftnav-top.jpg); height: 13px }

.innerleftnav-mid { background-color: #f4f4f4; padding: 0 10px 0 10px; font-size: 11px; text-transform: uppercase; margin: 0px }

.innerleftnav-bottom { background: url(../images/leftnav-bottom.jpg); height: 13px }

.innerleftnav-mid h6 { font-size: 11px; margin: 0px; padding: 0px  }


.author { border-top: dashed #b2b2b2 1px; border-bottom: dashed #b2b2b2 1px; padding: 5px; background-color: #f8f7ef; }

.publish { letter-spacing: 0.25em; text-transform: uppercase; font-weight: bold; color: #999 }



.tools {
	float: left;
	width: 249px;
	height: 100%;
	margin-left: 0px;
	margin-right: 60px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	border-bottom: dotted #ccc 1px
	
}


.tools2 {
	float: left;
	width: 249px;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: justify;
	border-bottom: dotted #ccc 1px
	
}

.tools a, .tools2 a { color: #008ed5 }

.tools img { float: left; margin-right: 10px }

.tools2 img { float: left; margin-right: 10px }

.links a {color:#008ed5;}

.textbold {font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-align:justify;}
.textbold a {color:#000; text-decoration:none;}

.textnormal {font:bold 12px/16px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; text-align:justify;}
.textnormal a {color:#000; text-decoration:none;}

.textblue {font:normal 12px Arial, Helvetica, sans-serif; color:#006191;}

.tabb {border-bottom:1px solid #333;}



/*----------------- new left menu -----------------------*/
.leftmenu{margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF;}
.leftmenu ul{margin:0px; padding:0px; display:block;}
.leftmenu li{margin:0px 0px -5px 0px; padding:8px 0px 0px 45px; display:block;}
.leftmenu li a {margin:0px; padding:0px; color:#FFFFFF; text-decoration:none; font-weight:700;}
.leftmenu li a:hover {margin:0px; padding:0px; color:#000000; text-decoration:none;}

.testimonial_menu {background:url(../images/testimonials.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.toolset{background:url(../images/the-toolset.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.samplereport{background:url(../images/sample-report.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.business_servies{background:url(../images/business-services.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.food_forthought{background:url(../images/food-for-thought.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.join_team{background:url(../images/join-the-team.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.why{background:url(../images/why_relevent.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.how{background:url(../images/how_operate.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.franchise{background:url(../images/franchise.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.unique{background:url(../images/unique_toolsservices.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
.contact{background:url(../images/contact-us.jpg) no-repeat; width:169px; margin:0px; padding:0px; height:34px;}
/*----------------- testimonial bg -----------------------*/
.testimonialb {margin:0px; background:url(../images/testimonial-bg.jpg) 0px 0px no-repeat; width:565px; height:187px; padding-top:50px;}

.logo1{margin:0px; padding:0px; float:left; width:240px;}
.logos{margin-top:-10px; padding:0px; float:left; width:530px;}



/*--------- new classes on 23-02-2010 ------------*/
.logobox_2 { height: 70px; float:right; text-align: right; padding-right: 9px; width:233px; }
.logobox_1 { height: 70px; float:left; padding-left: 9px ; width:500px; text-align:left}


/*--------- new classes on 25-02-2010 ------------*/
.thanksbg{background:url(/assets/images/thankyoubg.jpg) 0px 0px no-repeat; width:797px; height:139px; margin-bottom:10px;}
.arial15{font-size:15px; color:#433832; padding:50px 10px 10px 20px; font-weight:bold;}
.arial12{font-size:12px; font-weight:bold; padding:5px 0px 10px 20px;}

.new_div {width:auto; height: 100%; margin:0px 14px 10px 14px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; text-align: justify;}
.thefranchiselist{margin:0px; padding:0px 0px 0px 35px;}
.thefranchiselist ul{margin:0px; padding:0px 0px 0px 0px; display:block;}
.thefranchiselist li{margin:0px; padding:0px 0px 0px 0px; list-style-type:square;}
.thefranchiselist li a{color:#008ED5; text-decoration:underline;}
.thefranchiselist li a:hover{color:#008ED5; text-decoration:none;}

.pdf-link {font:normal 12px Verdana, Geneva, sans-serif; color:#0784bd; border:1px solid #0178a3; background:#dff6ff; padding:5px; margin-bottom:10px;}
.pdf-link a {text-decoration:none; color:#006191;}
.pdf-link a:hover {text-decoration:underline;}




