﻿/* CSS Document */
* {margin:0; padding:0;	font-size:100%;}
body {text-align:center; background:url(../images/header-tail2.jpg) left top repeat-x;}
p { text-align: justify; padding-top: 10px; padding-bottom: 10px; }
img {vertical-align:top;}
a img {border:0;}



html, input, textarea {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; line-height:1.17em; color:#000;}
input, select {vertical-align:middle; font-weight:normal;}

a { text-decoration:underline; color:#6bc2d3; font-weight: bold; }
a:hover { text-decoration:none; }
ul {list-style:none;}
ul li {line-height:1em; background:url(../images/list-marker.gif) left 5px no-repeat; padding:0 0 8px 14px;}
ol {list-style:none;}
ol li {line-height:1em; background:url(../images/list-marker.gif) left 5px no-repeat; padding:0 0 8px 14px;}
li a {color:#68C2D1;} 

.float-l {float:left;}
.float-r {float:right;}
.clear {clear:both; font-size:0%; line-height:0%; height:0;}

.main { width:944px; margin:0 auto; text-align:left; }

.col-1,
.col-2,
.col-3 {float:left;}

/***************header***************/
#header { height:180px; background:url(../images/header-bg2.jpg) no-repeat center 0; }

.one
{ height:1px; width:150px; float: left; background-color: transparent; }

.two
{ float: left; background-color: transparent; }




#navwrapper { BACKGROUND: url(../images/menu_bg.png) no-repeat right center; position: relative; WIDTH: 944px; HEIGHT: 56px; z-index: 9999; margin-top: 20px; }
#nav { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left top; text-transform: uppercase; position: relative; left: 20px; MARGIN: 0; LIST-STYLE-TYPE: none; HEIGHT: 50px
; padding: 0; }
#nav .spacer{ margin-left: 20px; }
#nav UL { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: left center; MARGIN: 0; LIST-STYLE-TYPE: none; HEIGHT: 50px
; padding: 0; }
#nav LI { BACKGROUND: url(../images/menu_divider.gif) no-repeat 100% 0; CURSOR: pointer
  }
#nav LI.end { background-image: none; CURSOR: pointer
   }
#nav LI A { DISPLAY: block; FONT: bold 12px arial, helvetica, verdana, sans-serif; COLOR: #fff; TEXT-DECORATION: none
; text-align: center; width: 135px; padding: 20px 11px 20px 7px; }
#nav LI A:hover { COLOR: #008b44; font-weight: bolder; TEXT-DECORATION: none
; }
#nav LI.selected A {
	COLOR: #008b44
}
#nav LI.selected A:hover {
	COLOR: #008b44; TEXT-DECORATION: none
}
#nav LI UL A { BORDER-RIGHT: 1px solid #fff; BORDER-TOP: 1px solid #fff; DISPLAY: block; BACKGROUND: #aeb4ba; FONT: bold 11px arial, helvetica, verdana, sans-serif; BORDER-LEFT: 1px solid #fff; WIDTH: 140px; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none
; padding: 7px 5px; }
#nav LI UL A:hover { BACKGROUND: #008b44; COLOR: #fff
; font-weight: bold; }
#nav LI UL A.non { BORDER-RIGHT: 1px solid #fff; BORDER-TOP: 1px solid #fff; DISPLAY: block; BACKGROUND: #63bfd0; FONT: bold 12px arial, helvetica, verdana, sans-serif; BORDER-LEFT: 1px solid #fff; WIDTH: 140px; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none
; padding: 5px; }
#nav LI UL A.non:hover { BACKGROUND: #63bfd0; COLOR: #fff
; font-weight: bold; }
#nav LI.selected UL A { BORDER-RIGHT: 1px solid #fff; BORDER-TOP: 1px solid #fff; DISPLAY: block; BACKGROUND: #008b44; FONT: bold 12px arial, helvetica, verdana, sans-serif; WIDTH: 140px; COLOR: #fff; TEXT-ALIGN: center; TEXT-DECORATION: none
; padding: 5px; }
#nav LI.selected UL A:hover { BACKGROUND: #008b44; COLOR: #fff
; font-weight: bold; }
#nav LI UL LI {
	BACKGROUND: #008b44
}
#nav LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}
#nav LI UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; LEFT: -999em; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 147px; PADDING-TOP: 0px; BORDER-BOTTOM: #fff 1px solid; POSITION: absolute; HEIGHT: auto
}
#nav LI LI {
	WIDTH: 130px
}
#nav LI UL UL {
	MARGIN: -1.9em 0px 0px 130px
}
#nav LI:hover UL UL {
	LEFT: -999em
}
#nav LI:hover UL UL UL {
	LEFT: -999em
}
#nav LI.sfhover UL UL {
	LEFT: -999em
}
#nav LI:hover UL {
	Z-INDEX: 500; LEFT: auto
}
#nav LI LI:hover UL {
	Z-INDEX: 500; LEFT: auto
}
#nav LI LI LI:hover UL {
	Z-INDEX: 500; LEFT: auto
}
#nav LI.sfhover UL {
	Z-INDEX: 500; LEFT: auto
}
#nav LI LI.sfhover UL {
	Z-INDEX: 500; LEFT: auto
}
#nav LI:hover {
	COLOR: #a00000; POSITION: static
}
#nav LI.sfhover {
	COLOR: #a00000; POSITION: static
}
#nav LI UL LI:hover {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #008b44
}
#nav LI UL LI.sfhover {
	BACKGROUND-IMAGE: none; BACKGROUND-COLOR: #008b44
}
.logo { top: 10px; float: left; }
.banner { float:left; position:relative; top: 10px; }

/***************content***************/
.wrapper {width:100%; overflow:hidden; margin-top:30px;}
.img-indent {float:left; margin:2px 13px 0 0;}
.phone {float:right; margin-right:19px;}
cite {font-style:normal;}

#content { background:url(../images/content-tail.jpg) repeat-x left top; padding:60px 0 21px 31px; }
.col-1 { width:208px; margin-top: -40px; padding-right:51px; }
.col-1-full {width:940px; float:left;}
.col-2 { width:668px; margin-top: -40px; }

.border {border-top:2px solid #EEE; padding-top:6px;}

.cols .col-1 {width:192px; padding:0 16px 0 2px; }
.cols .col-2 {width:192px; padding:0 17px 0 16px; }
.cols .col-3 {width:192px; padding:0 21px 0 18px; }
.cols .col-2, .cols .col-3 {border-left:1px solid #E4E4E4; }

/***************titles***************/
.title {margin-bottom:8px;}
.title-un {margin-bottom:5px;}

.title1, .title2, .title3 {padding:9px 0 2px; margin-bottom:12px;}
.title1 {border-bottom:6px solid #008b44;}
.title2 {border-bottom:6px solid #eed10a;}
.title3 {border-bottom:6px solid #63bfd0;}


h2 { color: #375d31; font-size: 16px; text-align: justify; padding-bottom:15px; }
h2.case_studies { color: #63bfd0; font-size: 13px; font-weight: bold; text-align: justify; padding-bottom:15px; }
h3 { color: #63bfd0; font-weight:normal; font-size:1.2em; padding-top: 15px; padding-bottom: 7px; };margin-bottom: 10px;

/***************links***************/
.link {color:#949494;}
.link:hover {color:#6BC2D3;}



/***************positioning***************/
.margin1 {margin:1px 0 18px;}
.margin2 {margin:5px 0 21px;}
.margin3 {margin:3px 0 22px;}
.margin4 {margin:3px 0 15px;}
.margin5 {margin-top:5px;}
.margin6 {margin-bottom:12px !important;}

.padding1 {padding-bottom:11px;}
.padding2 {padding-top:3px;}
.padding3 {padding-bottom:22px;}
.padding4 {padding-bottom:16px;}

/***************footer***************/
#footer {border-top:1px solid #E4E4E4;}
#footer p {padding:31px 0 33px 14px; }

#footer .copy { float: left;}
#footer .copy p {padding:31px 0 33px 14px; }
#footer .copy a {border-left:1px solid #949494; padding-left:4px; margin-left:4px; text-decoration:underline; color:#6BC2D3;}
#footer .copy a:hover {text-decoration:none;}

#footer .ims { float: right;}
#footer .ims p { padding:31px 0 33px 14px; }
#footer .ims a { text-decoration:underline; color:#6BC2D3;}
#footer .ims a:hover {text-decoration:none;}
.testimonial p { color: #375d31; font-weight: bold; font-style: italic; width: 230px; }
.testimonial .name { color: #000; font-size: 10px; font-weight: bold; }
.animation {  }
/* Start Contact Form Style */

label{
float: left;
width: 120px;
font-weight: normal;
color:#666666;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

input, textarea{ font-size: 12px; width: 280px; height: 15px; border: solid 1px #6d9dd5; margin-bottom: 5px; padding: 4px; }

textarea{ width: 280px; height: 80px; padding: 4px; border: solid 1px #6d9dd5; }

.boxes{
width: 2em;

}

#submitbutton{
margin-left: 155px;
margin-top: 5px;
width: 127px;
height:29px;
border:0px;
}

br{
clear: left;
}

/* End Contact Form Style Sheet */

.comparison { width: 100%; margin-top: 10px; margin-bottom: 10px; border: solid 1px #b1c6c8; }
.comparisondata { width: 90%; padding-right: 10px; padding-left: 10px; }
.comparisonleft { border-right: 1px solid #b1c6c8;
}
.benefits H3 { background-image: url(../images/tick.gif); background-repeat: no-repeat; background-position: 0 9px; margin-bottom: -10px; padding-left: 30px; }

#orthopaedics H3 { margin-bottom: -10px; }

.benefits P { padding-left: 30px; }
.acknowledgement { font-size: 9px; }
