* {margin:0;padding:0;border:none;}
html {
	height: 100%;
}

body {
	background: url('../img/bg.jpg') center top #faf8f3;
	color:#888;
	font:62.5% Arial, Helvetica, sans-serif;
	height: 100%;
	min-width:980px;
	text-align:center;
}

acronym, abbr {
	border-bottom:1px dotted;
	cursor:help;
}

code {
	background:#efefef;
	border:1px solid #ccc;
	display:block;
	clear:both;
	padding:10px;
	float:left;
}

/* global tags */
h2 a,
h2 {
	border:none;
	color:#333;
	font-size:25px;
	font-weight:normal;
	letter-spacing:-0.02em;
	padding:0 0 10px 0;
	text-shadow: #fff 1px 0px 1px;
}

h2 img {
	vertical-align:middle;
}

h3 {
	color:#333;
	font-size:20px;
	line-height:1em;
	padding:0.5em 0
}

h4 {
	font-size:1em;
	line-height:1em;
	padding:0.5em 0
}

pre {
	background:#fff;
	border:1px solid #ccc;
	font-size:1.2em;
	max-height:350px;
	margin-bottom:0.5em;
	overflow:auto;
	padding:0.5em 1em;
}
blockquote {
	border-left:4px solid #06435d;
	font-style:italic;
	padding:0 0.5em;
}

a {
	color:#06435d;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}
a:focus,
a:hover {
	text-decoration:underline;
}

a.external {
	background:url('../img/ext-link.gif') no-repeat right top;
	padding-right:13px;
}

.more {
	background:url('../img/more.png') no-repeat right center;
	padding-right:15px;
}
.clr {clear:both;}

.not-display {
	display:none;
}

/* layout */

#wrapper {
	background:url('../img/red-bg.jpg') repeat-y center top transparent;	
	min-height:100%;
	margin:0;
	padding:50px 0 15px 0;
	position:relative;
	width:100%;
}

#container {
	background:#fff;
	position:relative;
	width: 100%;
	text-align:left;
	z-index:2;
}

.stripe {
	background:url('../img/white-bg.gif') repeat-y center top transparent;	
	height:300px;
	position:relative;
	width:100%;
	z-index:1;
}
.stripe-bottom {clear:left;background-position:center bottom;height:120px;}

.inner {
	margin:0 auto;
	position:relative;
	width:960px;
}
.inner .inner {
	margin:0;
	width:auto;
}

.column-3 {
	float:left;
	padding:10px;
	position:relative;
	width:300px;
	z-index:2;
}

#header {
	
}
h1 {
	left:10px;
	position:absolute;
	top:10px;
}
h1 a {
	color:#fff;
	font-family: Tahoma, sans-serif;
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
	text-shadow: #333 1px 0px 1px;
}
h1 a .stronger {
	font-weight:bold;
}

#main-nav {
	color:#af7373;
	font-size:16px;
	left:10px;
	position:absolute;
	top:-40px;
}
#main-nav li {
	border-right:1px solid #af7373;
	display:inline;
	list-style:none;
	margin-right:10px;
	padding-right:10px;
}
#main-nav li a {
	color:#fff;
	text-shadow: #333 1px 0px 1px;
}


#content {
	color:#333333;
	margin-top:-195px;
	font-size:12px;
	line-height:18px;
	}
	
#footer,
#footer a {
	color:#fff;
	line-height:16px;
	vertical-align:middle;
}

/* @group Team */
.team-item {
	color:#333;
	display:block;
	float:left;
	height:175px;
	margin-bottom:15px;
	margin-right:15px;
	position:relative;
	text-decoration:none;
	text-align:center;
	width:225px;
}
.team-item strong {
	font-size:20px;
	text-decoration:none;
}
/* @end */

/* @group Home page */
.service-slides {
	background:url('../img/service-bg.png') no-repeat center top;
	float:left;	
	height:333px;
	overflow:hidden;
	padding:0 40px;
	position:relative;
	z-index:1;
	width:880px;
}

.service-header {
	font-size:17px;
	line-height:1.2em;
	padding:10px 0 20px 0;
	width:100%;
}
.courses .service-header {
	padding:10px 0 0 0;
}
.service-header p {
	margin:0;
	padding:0;
}
.service-header strong {
	font-size:1.2em;
}
.service-content {
	clear:both;
	width:100%;
	overflow:hidden;
}
.service-slides .column-3 {
	font-size:11px;
	line-height:15px;
	padding:0px 10px 0 85px;
	width:190px;
}
.courses .service-slides .column-3 {
	margin-top:-15px;
}
.service-slides h3 {
	font-size:18px;
}
.service-slides h3 span {
	display:block;
	font-size:14px;
}
.service-slides a {
	display:block;
	color:#333;
	padding-top:10px;
	text-decoration:none;
}
.service-slides .firstaid-service {
	background:url('../img/services/firstaid.png') no-repeat left top;
}
.service-slides .bhp-service {
	background:url('../img/services/bhp.png') no-repeat left top;
}
.service-slides .custom-service {
	background:url('../img/services/custom.png') no-repeat left top;
}

#page_1 .column-3.first {
	padding-left:30px;
	width:270px;
}
#page_1 .column-3 p {
	padding-bottom:10px;
}

.news-item {
	clear:left;
}
.news-item-thumb {
	border:1px solid #ccc;
	float:left;
	line-height:0.9em;
	margin-right:5px;
	padding:2px
}
.news-item-name {
	font-weight:bold;
	font-style:italic;
}
.news-item p {padding-bottom:5px;}

/* @end */

/* @group Paging */
div.paging {
	color: #ccc;
	clear:left;
	padding: 20px 0;
	text-align:center;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}
/* @end*/

/* @group Neighbors */
.neighbors {
	padding:15px 0;
	overflow:hidden;
	width:100%;
}
.neighbors a {line-height:1.4em;}
.neighbors .next {
	background:url('../img/more.png') no-repeat right center;
	float:right;
	padding-right:15px;
}
.neighbors .prev {
	background:url('../img/prev.png') no-repeat left center;
	float:left;
	padding-left:15px;
}
/* @end */

/* @group Forms global */

.input {
	clear:left;
}
.input label {
	display:block;
	margin:0.3em 10px 0 0;
	padding:3px 0;
}

.input textarea,
.input input,
.input select {
	border:1px dotted #333;
	font:1em Arial, Helvetica, sans-serif;
	margin:0.3em 0 0.3em 0;
	padding:3px;
	width:240px;
	vertical-align:middle;
}
.input textarea:hover,
.input input:hover,
.input select:hover,
.input textarea:focus,
.input input:focus,
.input select:focus,
.input textarea:active,
.input input:active,
.input select:active {
	border:1px dotted #888;
}
.input select {padding:0;}
.input option {
	padding:0.3em 0.3em 0 0.3em;
}

.submit {
	clear:left;
	padding:15px 0;
}
.submit input {
	color:#12617E;
	clear:both;
	cursor:pointer;
	vertical-align:middle;
}

.form-block {
	float:left;
	width:49%;
}

a.button { 
	clear:left;
	float:right; 
	margin:5px 0;
	overflow:visible;
	width:auto; 
	padding:0 0 0 12px; 
	text-decoration:none;
	background:url('../img/button.png') 0 50% no-repeat; 
	cursor:pointer;
}
a.button span { 
	display:block;
	float:left; 
	padding:0 12px 0 0; 
	background:url('../img/button.png') 100% 50% no-repeat; 
	font:normal 11px/20px Arial, Helvetica, sans-serif; 
	text-align:center; 
	white-space:nowrap; 
	color:#06435d;
}
a.button:hover span {color:#6e0005;}


/* @end */

/* @group Microformats */
.adr .type,
.adr .region {display:none}
.tel,
.skype,
.adr .street-address {display:block}
.vcard .download,
.skype,
.mail,
.tel .type {
	background:url('../img/microformats.png') no-repeat left -30px;
	padding-left:20px;
}
.skype {background-position:0 0}	
.mail {background-position:0 -60px}
.tel .value {font-weight:bold}
.vcard .download {background-position:0 -90px}

/* @end */

/* @group Messages & errors */

.message {
	background: url('../img/info.png') no-repeat 10px center #bfe5f2;
	border:1px dotted #12617E;
	color:#12617E;
	font-weight:bold;
	margin:1em 100px;
	padding:15px 40px;
}
#sessionFlash.error {
	background-color:#c13b00;
}

.error-message {color:#c13b00;}

.error input,
.error textarea,
.error select {
	border:1px dotted #c13b00;
}

.highlight {
	color:#333;
	font-weight:bold;
}

/* @end */

/* @group Body content default styles */



.content-name {
	margin-top:10px;
}
.content-name .extra {
	color:#888;
	font-size:0.7em;
	font-style: italic;
}
.content-date {
	border-bottom:1px dotted #ccc;
	margin-bottom:15px;
}
.content-body {
	min-height:150px;
}
.content-body p {
	margin-bottom:15px;
}
.content-body ol,
.content-body ul {
	margin-left:25px;
	margin-bottom:15px;
	margin-top:15px;
}
.content-body ul li {
	list-style-image: url('../img/bullet.png');
}
.content-body li ol,
.content-body li ul {
	margin-left:15px;
	margin-top:0px;
	margin-bottom:0px;
}
.content-body img {
	border:1px solid #838181;
	display:block;
	float:left;
	margin: 10px;
	padding:2px;
}
#page_7 .content-body img {border:none;padding:0;margin:0;}
.content-sidebar {
	border-left:1px dotted #ccc;
	float:right;
	font-size:11px;
	margin-left:15px;
	margin-bottom:10px;
	overflow:hidden;
	padding-left:15px;
	width:250px;
}
.content-sidebar.cart {
	width:300px;
}
.content-sidebar .gallery {
	overflow:hidden;
	padding-bottom:15px
}
.content-sidebar-left {
	border-right:1px dotted #ccc;
	float:left;
	font-size:11px;
	margin-right:15px;
	margin-bottom:10px;
	padding-right:15px;
	width:200px;
}

.content-sidebar li,
.content-sidebar-left li {
	list-style:none;
}
.content-main,
.content-main-wide {
	overflow:hidden;
}
/* tiny defined */
.align-left,
img.align-left {
	float:left;
	margin-right:10px;
}
.align-right,
img.align-right {
	float:right;
	margin-left:10px;
}
.align-left-no-border,
img.align-left-no-border {
	border:none;
	float:left;
	margin-right:10px;
}
.align-right-no-border,
img.align-right-no-border {
	border:none;
	float:right;
	margin-left:10px;
}
.align-none,
img.align-none {
	float:none;
	margin:0px;
	padding:0;
}
.align-none-no-border,
img.align-none-no-border {
	border:none;
	float:none;
	margin:0px;
	padding:0;
}
.no-border,
img.no-border {
	border:none;
}
.special-offer {
	background-color:#c94600;
	color:#fff;
	padding:3px 5px;
}
/* tiny defined end */


/* @end */

/* @group jQuert Tools */
div.scroll {
	padding: 0;
	overflow:hidden;
}
div.scrollable {
	float:left;
	height:333px;	
	overflow:hidden;
	position:relative;
	width: 900px;	
}

div.scrollable div.items {	
	clear:both;		
	list-style:none;
	position:absolute;
	width:20000em;	
}

/* single scrollable item */
div.scrollable div.items div {
	float:left;
	height:333px;
	margin:0px;
	position:relative;
	width:900px;
}
/* position and dimensions of the navigator */
div.navi {
	clear:left;
	margin-left:450px;
	height:20px;
}

/* prev, next, prevPage and nextPage buttons */
.scroll a.prev, .scroll a.next {
	border:none;
	display:block;
	width:30px;
	height:35px;
	background:url('../img/scroll/arrows.png') no-repeat left top;
	float:left;
	margin:140px 0 0 0;
	cursor:pointer;
	text-indent:-9999px;
	text-decoration:none;
}
.scroll a.next { 
	background:url('../img/scroll/arrows.png') no-repeat -30px top;
	float:right;
}

/* mouseover state */
.scroll a.prev:hover {
	background-position:0px -35px;		
}
.scroll a.next:hover {
	background-position:-30px -35px;		
}

/* disabled navigational button */
.scroll a.prev.disabled {
	background-position:0px -70px;		
}
.scroll a.next.disabled {
	background-position:-30px -70px;		
}
/* next button uses another background image */
.scroll a.next {
	background-image:url('../img/scroll/arrows.png');
	clear:right;	
}

/* items inside navigator */
div.navi a {
	background:url('../img/scroll/navigator.png') no-repeat left top;
	border:none;
	display:block;
	float:left;
	height:8px;
	margin:3px;
	text-indent:-9999px;
	width:9px;	
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/* the overlayed element */ 
.overlay { 
    display:none; 
    background-image:url(../img/overlay/white.png); 
    width:425px;         
    padding:35px; 
    font-size:11px; 
} 
 
.overlay div.close { 
    background-image:url(../img/overlay/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}


/* root element for tabs  */

ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	border-bottom:1px solid #666;	
	height:30px;
}

/* single tab */
ul.tabs li { 
	float:left;	 
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important; 
}

/* link inside the tab. uses a background image */
ul.tabs a { 
	background: url('../img/blue.png') no-repeat -420px 0;
	font-size:11px;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 134px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0px;
	margin:0px;	
	position:relative;
	top:1px;
}

ul.tabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
ul.tabs a:hover {
	background-position: -420px -31px;	
	color:#fff;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: -420px -62px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
ul.tabs a.s 			{ background-position: -553px 0; width:81px; }
ul.tabs a.s:hover 	{ background-position: -553px -31px; }
ul.tabs a.s.current  { background-position: -553px -62px; }

/* width 2 */
ul.tabs a.l 			{ background-position: -248px -0px; width:174px; }
ul.tabs a.l:hover 	{ background-position: -248px -31px; }
ul.tabs a.l.current  { background-position: -248px -62px; }


/* width 3 */
ul.tabs a.xl 			{ background-position: 0 -0px; width:248px; }
ul.tabs a.xl:hover 	{ background-position: 0 -31px; }
ul.tabs a.xl.current { background-position: 0 -62px; }


/* initially all panes are hidden */ 
div.panes div.pane {
	display:none;		
}
.clients {
	width:250px;
	height:125px;
	overflow:hidden;
}
.clients div {
	display:none;	
	
}

/* @end */

/* @group Misc Global */

table {
	border-left:1px dotted #ccc;
	width:100%;
}
table th {
	background:#ededed;
	padding:3px 5px;
}
table td {
	padding:10px;
	border-right:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
	vertical-align:top;
}
table td ul {
	margin:0;
	padding:0;
}

.tags {
	color:#999;
	font-size:16px;
	line-height:1.4em;
	margin:10px 30px 30px 0px;
	text-align:justify;
}
.tags li {
	color:#999;
	display:inline;
	list-style:none;
}
p.tags strong {font-size:1.2em;}
p.tags {margin:0;}
.tag-1 {font-size:1.5em;}
.tag-2 {font-size:1.2em;}
.tag-3 {font-size:0.9em;}
.tag-4 {font-size:1em;}
.tag-5 {font-size:1.1em;}
.tag-6 {font-size:0.9em;}
.tag-7 {font-size:1.4em;}
.tag-8 {font-size:1.2em;}
.tag-9 {font-size:1em;}
.tag-10 {font-size:1.3em;}
.tag-11 {font-size:1em;}

.course-27,
a.course-27,
.course-26,
a.course-26 {
	color:#090;
}
.no-display {
	left:-9999px;
	position:absolute;
	top:-9999px;
}
.legend {
	border:1px dotted #ccc;
	margin:10px 0;
	padding:10px;
}
.col {
	float:left;
	width:49%;
}
.att {
	border:1px solid #ccc;
	float:left;
	margin:5px;
	padding:2px;
}

.filter-s {
	height:100px;
	width:100px;
}
.filter-thumb {
	height:75px;
	width:75px;
}
/* @end */