/* purple #7d0048, orange #ff822d #fac10f green #b0bd21 blue #74cbcb  colors */


* {
	margin: 0;
	padding: 0;
}	
	
html, body {
	height: 100%;
}

body {
	background:#fff;
	text-align: left;
	line-height:1;
	color:#444;
}

img, a {
	border:0;
	outline:none;
}

.purple {
	color:#7d0048;
}

.centered {
    text-align:center;
}

.align-right {
	float:right;
}

sup {
	line-height:0;
}

#wrapper {
	min-height: 100%;
	width:100%;
	height: auto !important;
	height: 100%;
	padding:0;
	margin: 0 auto -280px auto; /* the bottom margin is the negative value of the footer's height */
	position:relative;
}	

#page {
	width:979px;
	padding:0;
	margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
	position:relative;
}

.push {
	height: 292px; /* .push must be the same height as .footer */
	width:960px;
	margin:0 auto;
}

#footer {
	height: 280px; /* .push must be the same height as .footer */
	width:100%;
	margin:0;
	bottom:0;
	background:#7d0048;
}

#footer-inner {
	color:#fff;
	width:979px;
	margin:0 auto;
	position:relative;
}

#footer-inner a {
	color:#fff;
	text-decoration:none;
}

#footer-inner a:hover {
	color:#fff;
	text-decoration:none;
	padding:0 0 1px 0;
	border-bottom:1px solid;
}

#footer-inner h2 {
	font:30px arial, sans-serif;
	margin:0 0 -14px 0;
	padding:0;
}

#footer-left,
#footer-center,
#footer-right {
	float:left;
	display:block;
	width:292px;
	height:256px;
	padding:12px;
	margin:0 12px 0 0;
	font:16px arial, sans-serif;
	line-height:1.4em;
	position:relative;
	background:#7d0048;
}


#footer-left p {
	margin:22px 0 0 0;
}

#footer-left .copyright {
	font:12px arial, sans-serif;
	line-height:1.4em;
}

#footer-center {
	width:223px;
	padding:12px 12px 12px 81px;
}

#footer-center ul {
	margin:22px 0 0 20px;
}

#footer-right {
	padding:12px;
	margin:0;
	text-align:right;
}

#footer-right .copyright {
	position:absolute;
	bottom:19px;
	right:12px;
	font:12px arial, sans-serif;
}

.clear
{
	clear: both;
	line-height:0;
}

#header {
	display:block;
	width:979px;
	height:101px;
	text-transform:lowercase;
}

#logo {
	position:absolute;
	top:18px;
	left:766px;
}

#header ul {
	list-style-type:none;
	font:16px arial, sans-serif;
	margin:0;
}

#header li {
	list-style-type:none;
	float:left;
	text-align:center;
	margin:0 6px 0 0;
	
}

#header .menu-off {
	float:left;
	font:16px arial, sans-serif;
	color:#2e2a2b;
	text-decoration:none;
	background:#fff;
	padding:69px 9px 9px 9px;
	height:14px;
	margin:0 6px 0 0;
}

#header .menu-off a {
	color:#2e2a2b;
	text-decoration:none;	
}

#header .menu-off a:hover {
	color:#fff;
	text-decoration:none;
	margin:0;
}

#header .currentpage,
#header .menuactive {
	float:left;
	font:16px arial, sans-serif;
	color:#fff;
	text-decoration:none;
	background:#7d0048;
	padding:69px 9px 9px 9px;
	margin:0 6px 0 0;
	height:14px;
}

#header .currentpage a,
#header .currentpage a:hover {
	color:#fff;
	text-decoration:none;
}

#photo {
	display:block;
	width:979px;
	
	height:215px;
	/* background:#7d0048 url('/uploads/images/site/p-home2.png') no-repeat; */
	background:#7d0048;
	position:relative;
	color:#fff;
	font:32px arial, sans-serif;
	margin:0 0 9px 0;
	overflow:hidden;
}

* html #photo {
	height:214px;
}

.strap2 {
	color:#fff;
	visibility: hidden;
}


/* CONTENT LEFT */

#content-left {
	float:left;
	width:238px;
	margin:0 9px 0 0;
}



.news-block {
	display:block;
	float:left;
	height: auto !important;
	width:214px;
	background:#dddccc;
	background:#edeae1;
	color:#444;
	padding:9px 12px 28px 12px;
	margin:0 0 9px 0;
	font:16px arial, sans-serif;
	line-height:1.4em;
	position:relative;
}

.news-block h2 {
	margin:0 0 2px 0;
	padding:0;
	font:26px arial, sans-serif;
	color:#7d0048;
}

.news-block-arrow {
	display:block;
	width:12px;
	height:16px;
	position:absolute;
	bottom:9px;
	right:9px;
	background:transparent url('/uploads/images/site/arrow-purple-small.png') no-repeat;
}

#content-left .results-block h2 {
	margin:0 0 2px 0;
	padding:0;
	font:26px arial, sans-serif;
	color:#917f5e;
	color:#7d0048;
}

#content-left .results-block {
	display:block;
	float:left;
	width:214px;
	background:#dcd7c7;
	color:#7d0048;
	padding:9px 12px 28px 12px;
	margin:0 0 9px 0;
	font:16px arial, sans-serif;
	line-height:1.4em;
	position:relative;
}




#content-left #quote {
	display:block;
	background:transparent url('/uploads/images/site/quoteleft.gif') 9px 0 no-repeat;
	width:185px;
	margin:0px 9px 0 0;
	padding:6px 9px 0 33px;
	font:italic 16px Georgia, serif;
	line-height:1.5em;
	color:#666;
}

#content-left #author {
	display:block;
	width:185px;
	color:#7d0048;
	margin:18px 9px 0 0;
	padding:0 9px 0 33px;
	font:bold 12px arial, sans-serif;
	line-height:1.4em;
}

#content-left #author .client-logo {
	display:block;
	padding:6px 0 0 0;
}

#content-main  #client-heads {
	float:left;
	height:100px;
	display:block;
}

#content-main .logo-client {
	float:left;
	margin:0 9px 9px 0;
}

#content-main .logo-client-right {
	float:right;
	margin:0 0 9px 9px;
}

#content-main #quote-left {
	float:left;
	display:block;
	width:24px;
	height:120px;
	background:transparent url('/uploads/images/site/quoteleft.png') no-repeat;
	margin:0;
	padding:6px 0 0 0;
}

#content-main #quote {
	display:block;
	margin:0px 9px 0 0;
	padding:6px 9px 0 24px;
	font:italic 16px Georgia, serif;
	line-height:1.5em;
	color:#666;
}

#content-main #client-left {
	float:left;
	width:460px;
	padding:0 27px 0 0;
	margin:20px 0 0 0;
}

#content-main #client-left3 {
	float:left;
	width:460px;
	padding:0 27px 0 0;
	margin:0;
}

* html #content-main #client-left3 {
	width:451px;
}

#content-main #client-left3 h1 {
	font:28px arial, sans-serif;
	color:#7d0048;
	line-height:1.25em;
	margin:0 0 20px 0;
	padding:0;
}


#content-main #client-right {
	float:right;
	width:227px;
}

#content-main #client-right2 {
	float:right;
	display:block;
	width:236px;
	padding:0px;
	margin:26px -9px 0 0;
	position:relative;
}

#content-main #client-right3 {
	float:right;
	display:block;
	width:236px;
	padding:0px;
	margin:5px -9px 0 0;
	position:relative;
}

* html #content-main #client-right3 {
	margin:5px -4px 0 0;
}


#content-main #leftquote {
	display:block;
	width:28px;
	height:24px;
	position:absolute;
	top:-4px;
	left:-2px;
	z-index:100;
}

#content-main .leftquote2 {
	display:block;
	width:28px;
	height:24px;
	position:absolute;
	top:-13px;
	left:-7px;
	z-index:100;
}

#content-main .rightquote2 {
	display:block;
	width:28px;
	height:24px;
	position:absolute;
	bottom:-1px;
	right:-5px;
	z-index:100;
}


#content-main .quote2 {
	display:block;
	margin:0;
	padding:12px 18px;
	font:italic 16px Georgia, serif;
	line-height:1.5em;
	color:#666;
	background:#edeae1;
	position:relative;
	
}

#content-main #author {
	display:block;
	color:#7d0048;
	margin:9px 9px 20px 0;
	padding:0 9px 0 33px;
	font:bold 12px arial, sans-serif;
	line-height:1.4em;
	text-align:right;
}

#content-main .author2 {
	display:block;
	color:#7d0048;
	margin:0px 9px 20px 0;
	padding:27px 0 0 33px;
	font:bold 12px arial, sans-serif;
	background:transparent url('/uploads/images/site/speechbubble.gif') 184px 0 no-repeat;
	line-height:1.4em;
	text-align:right;
}

#content-main #client-logo-small {
	float:right;
	display:block;
	margin:0 0 9px 0;
	width:236px;
	text-align:right;
}


#content-main #author .client-logo {
	display:block;
	padding:6px 0 0 0;
}

#submenu-margin {
	display:block;
	height:19px;
	width:238px;
}

#services {
	display:block;
	margin-right:-9px;
}

* html #services {
	margin:0 -28px 0 0px;
	width:742px;
}



.training-block,
.support-block,
.consultancy-block {
	float:left;
	display:block;
	width:144px;
	height:102px;
	background:#ccc;
	padding:6px 0px 6px 94px;
	margin:0 0 9px 0;
	position:relative;
	border:0;
}

* html #services-blocks {
	margin:0 0 0 1px;
}

* html .training-block,
* html .support-block,
* html .consultancy-block {
	margin:0 -1px 9px -1px;
}


#services .training-block,
#services .support-block {
	margin:0 9px 9px 0;
}

h2.service-h2 {
	margin:0 0 2px 0;
	padding:0;
	font:24px arial, sans-serif;
	color:#fff;
}

h2.service-h2-over {
	margin:0 0 2px 0;
	padding:0;
	font:24px arial, sans-serif;
	display:none;
	color:#7d0048;
}

.service-text {
	font:16px arial, sans-serif;
	line-height:1.3em;
	color:#7d0048;
	padding:0 18px 0 0;
}

.service-text-over {
	font:16px arial, sans-serif;
	line-height:1.3em;
	display:none;
	color:#fff;
	padding:0 18px 0 0;
}

.training-block {
	background:#ccc url('/uploads/images/site/ps-cutter.png') 6px 6px no-repeat;
}


.support-block {
	background:#ccc url('/uploads/images/site/ps-braces.png') 6px 6px no-repeat;
}


.consultancy-block {
	background:#ccc url('/uploads/images/site/ps-shaker.png') 6px 6px no-repeat;
}

.service-block-arrow {
	display:block;
	width:12px;
	height:16px;
	position:absolute;
	bottom:12px;
	right:12px;
	background:transparent url('/uploads/images/site/arrow-white-small.png') no-repeat;
}


/* CONTENT */


#content {
	float:left;
	width:732px;
	font:16px arial, sans-serif;
	line-height:1.4em;
	margin:10px 0;
}

#content-main {
	width:714px;
	padding:0 9px;
	margin:0px 0 9px 0px;
}


#content-main h1 {
	font:24px arial, sans-serif;
	color:#666;
	line-height:1.25em;
	margin:0 0 18px 0;
	padding:0;
}

#content-main h2 {
	font:24px arial, sans-serif;
	color:#7d0048;
	margin:0 0 2px 0;
	padding:0;
}

#content-main p {
	margin:0 0 18px 0;
}

#content-main ul,
#content-main ol {
	margin:0 0 18px 0;
}

#content-main ul li {
	margin:0 0 0 40px;
}

#content-main ol li {
	margin:0 0 0 27px;
}

#content-main a {
	color:#7d0048;
	text-decoration:none;
}

#content-main a:hover {
	color:#7d0048;
	text-decoration:none;
	padding:0 0 1px 0;
	border-bottom:1px solid;
}



/* GLOBAL RESULTS BLOCK */

#services .results-block-green,
#services .results-block-blue,
#services .results-block-orange {
	display:block;
	float:left;
	width:220px;
	height:96px;
	background:#dcd7c7;
	background:#edeae1;
	color:#7d0048;
	padding:9px;
	margin:0 9px 9px 0;
	font:16px arial, sans-serif;
	line-height:1.4em;
	position:relative;
}

#services .left {
	float:left;
	font-size:48px;
	width:106px;
	padding:12px 0;
}

#services .right {
	float:left;
	color:#7d0048;
	width:114px;
}

#services .results-block-green .left {
	color:#b0bd21;
}

#services .results-block-blue .left {
	color:#74cbcb;
}

#services .results-block-orange .left {
	color:#ff822d;
}





/* CLIENTS PAGE */

.quickFlip-panel {
	margin:0 -18px 0 -18px;
}

* html #content-main .quickFlip-panel {
	margin:0 -28px 0 -27px;
	width:750px;
}

.quickFlip {
	float:left;
	margin:0 0 9px 9px;
	height:114px;
	width:238px;
}	

.panel1 {
    position:absolute;
	top:50%;
	height:112px;
	width:236px;
	margin-top:-57px;
	text-align:center;
	background-color: #fff;
    z-index: 10;
    border:1px solid #ccc;
}

.panel2 { 
	display:block;
	position:absolute;
	top:50%;
	height:114px;
	width:238px;
	margin-top:-57px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	background:#7d0048 url('/uploads/images/site/arrow-white-small.png') 214px 86px no-repeat;
}	

.quickFlip2 {
	float:left;
	margin:0 0 9px 9px;
	height:114px;
	width:238px;
	background:transparent url('/uploads/images/site/bg-clients.gif') no-repeat;
	
}	

.panel3 {
    position:absolute;
	height:112px;
	width:236px;
	text-align:center;
	background: transparent;
    z-index: 10;
    /* border:1px solid #ccc; */
}

.panel4 { 
	display:block;
	position:absolute;
	height:114px;
	width:238px;
	text-align:center;
	font-size:15px;
	line-height:1.2em;
	color:#fff;
	cursor:pointer;
	background:#7d0048 url('/uploads/images/site/arrow-white-small.png') 214px 86px no-repeat;
	visibility:hidden;
}


.quickFlip3 {
	float:left;
	margin:0 0 9px 9px;
	height:114px;
	width:238px;
}	

.panel5 {
    position:absolute;
	top:50%;
	height:112px;
	width:236px;
	margin-top:-57px;
	text-align:center;
	background-color: #fff;
    z-index: 10;
    border:1px solid #ccc;
}

.panel6 { 
	display:block;
	position:absolute;
	top:50%;
	height:114px;
	width:238px;
	margin-top:-57px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	background:#7d0048;
}

.panel6 p { 
	padding:9px;
}

.panel6 .panel-over {
	position:absolute;
	top:0;
	left:0;
	z-index:20;
}

.panel-arrow {
	position:absolute;
	bottom:12px;
	right:12px;
	z-index:30;
}











a img {
	display:block;
}