/* CSS Document */

/* TOC 
 * RESET STYLES
 * HTML
 * BODY
 * HEADER
 * SERVICE-MENU
 * BENEFITS SECTION
 * SLIDER STYLES
 * RECOVERY RECORDS
 * COUNTER SECTION
 * TESTIMONIALS AND TRUSTED SECTION
 * FOOTER
 * PRINT STYLES
 * MEDIA QUERIES
---------------------------------------------------------------------------*/


/* RESET STYLES
---------------------------------------------------------------------------*/
html {
	overflow-y: scroll;
}
body {
	margin: 0;
	font-size: 14px;
	line-height: 1.231; /*1.231 will be multiplied by current font size and make 16px line height */
	min-height:100%;
	font-family: Arial, Helvetica, sans-serif;
	color: #111;
        min-width:960px;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
	display: block;
}
button, input, select, textarea {
	font-family: sans-serif; /*Probably Helvetica for Linux/Mac Systems And Arial for Windows PC*/
	color: #222;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after { /* Safari Reset as Safari does not recognise quotes property */
	content: '';
	content: none;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted #000;
	cursor: help;
}
ins {
	background-color: #fcd700;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #fcd700;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
p {
	margin:0;
	padding:0;
}
a {
	margin:0;
	padding:0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
a:hover, a:active {
	outline: 0;
}
a img {
	border:0 none;
}
del {
	text-decoration: line-through;
	color: #ed1c24;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}
small {
	font-size: 85%;
}
.clickable, label, input[type=button], input[type=submit], button {
	cursor: pointer; /* hand cursor on clickable elements */
}
button, input, select, textarea {
	margin: 0; /* Webkit browsers add a 2px margin outside the chrome of form elements */
}
button { /* make buttons play nice in IE */
	width: auto;
	overflow: visible;
}
table {
	font-size: inherit;
	border-collapse: collapse;
	border-spacing: 0;
}
th {
	font-weight: bold;
	vertical-align: bottom;
}
td {
	font-weight: normal;
}
td, td img {
	vertical-align: top;
}
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}
dd {
	margin: 0 0 0 40px;
}
ul, ol {
	margin: 0;
	padding: 0;
}
nav ul, nav ol {
	list-style-image: none;
	margin: 0;
	padding: 0;
}
ul li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}
h1 {
	font-size:42px;
}
h2 {
	font-size:34px;
}
h3 {
	font-size:28px;
}
h4 {
	font-size:24px;
}
h5 {
	font-size:22px;
}
h6 {
	font-size:18px;
}
/* BODY 
---------------------------------------------------------------------------*/
body {
	background-color:#fff;
}

/*  WRAPPER
---------------------------------------------------------------------------*/
.wrapper {
	width:960px;
	margin:0 auto;
}

/* HEADER
---------------------------------------------------------------------------*/
header {
	height: 711px;
}
header section {
	float: left;
	width: 50%
}
header h1 {
	font: 24px/1.3 Arial, Helvetica, sans-serif;
	margin-bottom: 20px;
}

/* SERVICE-MENU
---------------------------------------------------------------------------*/
.service-menu div {
	float: left;
}
.service-menu {
	height: 90px;
	margin-left: -10px;
	margin-bottom: 34px;
	padding-top: 36px;
	padding-left:131px;
	background:url("images/css-stripe.png") no-repeat 0 -580px;
}
.register {
	height: 58px;
        float:left;
}
.register a {
	color:#111;
}
.register a.register-free {
	display: block;
	float: left;
	width: 174px;
	height: 52px;
	text-indent: -9999px;
	background: url("images/css-stripe.png") no-repeat 0 0;
}
.register ul{
	height:30px; 
	float: right;
}
.register ul li{
	float: left;
}
.register ul li{
  margin: 10px 0 0 12px;
  padding-left: 22px;
  background: url("images/css-stripe.png") no-repeat -125px -534px;
}
.register ul li a{
	text-decoration: none;
}
.service-menu a {
	color: #5c5c64;
}
.service-menu a:hover ,
.register ul li a:hover{
	text-decoration: underline;
}

/* LOGO
---------------------------------------------------------------------------*/
.logo {
	margin-bottom: 25px;
}
.logo a {
	display: block;
	height: 111px;
	width: 385px;
}

/* HOME PAGE LISTING 
---------------------------------------------------------------------------*/
.list {
	margin-bottom: 22px;
}
.list li {
	padding-left: 45px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
	background: url("images/css-stripe.png") no-repeat 0 -90px;
}

/* DOWNLOADS SECTION
---------------------------------------------------------------------------*/
header .downloads {
	width: 375px;
}
header .downloads p {
	margin-bottom: 18px;
	font-size: 18px;
	color: #333;
}
header .downloads a {
	display: block;
	float: left;
	margin-right: 20px;
	width: 153px;
	height: 51px;
	text-indent: -9999px;
	background: url("images/css-stripe.png") no-repeat 0 -295px;
}
header .downloads a.google-play {
	float: right;
	background-position: 0 -349px;
}
header .downloads span {
	float: left;
	line-height: 4em;
	color: #999;
}

/* BENEFITS SECTION
---------------------------------------------------------------------------*/
.benefits-wrapper {
	padding-top: 28px;
        min-height:270px;
	background: url("images/benefits-bg-repeat.gif") repeat-x 0 0;
        background-color:#f7f6f6;
}
.benefits-wrapper section {
	float: left;
	width: 460px;
}
.benefits{
	padding-top:22px;
}
.benefits h2 {
	margin-bottom: 26px;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: .5px;
}

/* COUNTER SECTION
---------------------------------------------------------------------------*/
section.counter{
	width: 254px;
	height: 150px;
	margin-left:112px;
	padding: 85px 28px 0 22px;
	color: #313692;
	font-size: 65px;
	letter-spacing: 20px;
	background: url("images/counter-bg-2.png") no-repeat 0 0;
}

/* SLIDER STYLES
---------------------------------------------------------------------------*/
.slider li {
	padding-left: 3px;
}
.slider li img {
	float: left;
}
.slider li h3, .slider li p {
	padding-left: 107px;
}
.slider li h3 {
	margin-bottom: 6px;
	font-size: 22px;
	font-weight: normal;
}
.slider li p {
	font-size: 16px;
	line-height: 24px;
}
.bx-pager {
	position: absolute;
	top: -50px;
	right: -47px;
}
.bx-pager a {
	display: block;
	float: left;
	margin-left: 4px;
	height: 11px;
	width: 11px;
	text-indent: -99999px;
	background:url("images/css-stripe.png") no-repeat -1px -499px;
}
.bx-pager a.pager-active {
	background:url("images/css-stripe.png") no-repeat -18px -499px;
}
.bx-pager a:first-child {
	margin-left: 0;
}

/* RECOVERY RECORDS
---------------------------------------------------------------------------*/
.recovery-record {
	padding-top: 47px;
	min-height: 550px;
        min-width:960px;
	background: url("images/recovery-bg-repeat.gif") repeat-x 0 0;
        background-color:#f7f7f7;
}
.recovery-patients {
	background: url("images/left-seperator.png") no-repeat right center;
}
.recovery-record section {
	float: left;
	width: 450px;
}
.recovery-record .record {
	background: url("images/bottom-seperator.png") no-repeat left bottom;
}
.recovery-clinic {
	position: relative;
	margin-left: 60px;
}
.its-free{
	position: absolute;
	top: -5px;
	right: 2px;
	width: 70px;
	height: 52px;
	text-indent: -9999px;
	background: url("images/css-stripe.png") no-repeat -180px 0;
}
.record {
	width: 384px;
}
.record h3 {
	margin-bottom: 11px;
	font-size: 24px;
	font-weight: normal;
}
.record h3 span {
	font-size: 30px;
	font-weight: bold;
	color: #30358f;
}
.record p {
	margin-bottom: 12px;
	line-height: 24px;
}
.record ul {
	margin-bottom: 16px;
}
.record ul li {
	padding-left: 30px;
	line-height: 24px;
	background: url("images/css-stripe.png") no-repeat 0 -151px;
}
.record a.learn-more {
	display: block;
	float: left;
	margin-right: 16px;
	padding-top: 5px;
	width: 90px;
	height: 23px;
	color: #323382;
	text-decoration: none;
	text-align: center;
	border-radius: 4px;
	background-color: #fff;
	box-shadow: 0 1px 1px #bebebe;
}
.ie7 .record a.learn-more {
	position: relative;
}
.record .downloads {
	height:59px;
}
.record .downloads p {
	padding-left: 30px;
	background: url("images/css-stripe.png") no-repeat 0 -220px;
}
.record .downloads span {
	float: left;
	color: #999999;
	line-height: 2em;
}
.record .downloads p a {
	font-weight: bold;
}
.record .downloads .free-register{
	display: block;
	float: right;
	width: 119px;
	height: 31px;
	text-indent: -9999px;
	background: url("images/css-stripe.png") no-repeat 0 -518px;
}
.recovery-clinic .downloads{
	width:260px;
}

/* TESTIMONIALS AND TRUSTED SECTION
---------------------------------------------------------------------------*/
.testimonial, .truested {
	padding-top: 30px;
}
.testimonial{
	min-height: 211px;
	width: 370px;
}
.testimonial h4, .truested h4{
	float: left;
}
.testimonial h4{
	margin-bottom: 9px;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
}
.truested h4{
	margin-bottom: 12px;
	font-weight: normal;
	font-size: 18px;
}
.truested ul li{
/*	float: left; */
	margin-left: 0;
}
.truested ul li:first-child{
/*	margin-left: 0; */
}
.truested a{
	float: left;
	margin-left: 180px;
	font-style: italic;
	text-decoration: none;
}
.truested a:hover{
	text-decoration: underline;
}
.testimonial em{
	color: #a1a1a1;
}
.testimonial p{
	width: 360px;
	font-style: italic;
	line-height: 24px;
	margin-bottom: 10px;
}
.rating{
	width: 80px;
	height: 15px;
	float: left;
	margin: 2px 20px 0 27px;
}
.rating .rating-1,
.rating .rating-2,
.rating .rating-3,
.rating .rating-4,
.rating .rating-5{
	float: left;
	margin-right: 2px;
	height: 12px;
	width: 13px;
	cursor: pointer;
	background: url("images/css-stripe.png") no-repeat -46px -490px;
}
.rating .rating-1:hover,
.rating .rating-2:hover,
.rating .rating-3:hover,
.rating .rating-4:hover,
.rating .rating-5:hover,
.rating .active{
	background-position: -46px -503px;
}

/* FOOTER
---------------------------------------------------------------------------*/
footer {
	padding-top: 25px;
	height: 147px;
	text-align: center;
	color: #a8a8a8;
}
footer small{
	font-size: 14px;
}
footer div{
	margin: 0 auto 15px;
}
footer .site-map{
	width: 496px;
}
footer .socials{
	width: 40px;
}
footer h4{
	font-size: 14px;
	font-weight: normal;
}
footer li,
footer h4{
	float: left;
}
.site-map li{
	margin-left: 4px;
	padding-left: 21px;
	background: url("images/css-stripe.png") no-repeat -125px -534px;
}
footer li a{
	color: #a8a8a8;
	text-decoration: none;
}
footer li a:hover{
	text-decoration: underline;
}
.socials li{
	margin-left: 7px;
}
.socials a{
	display: block;
	height: 28px;
	width: 28px;
	text-indent: -9999px;
	background: url("images/css-stripe.png") no-repeat 0 -430px;
}
.socials a.twitter{
	background-position: -35px -430px;
}
.socials a.google-plus{
	background-position: -68px -430px;
}
.socials a.you-tube{
	background-position: -102px -430px;
}
.socials a.facebook:hover{
	background-position: 0 -462px;
}
.socials a.twitter:hover{
	background-position: -35px -462px;
}
.socials a.google-plus:hover{
	background-position: -68px -462px;
}
.socials a.you-tube:hover{
	background-position: -102px -462px;
}


/* PRINT STYLES
---------------------------------------------------------------------------*/
@media print {
}


/* MEDIA QUERIES
---------------------------------------------------------------------------*/
@media screen and (max-device-width: 480px) {
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}