@charset 'utf-8';

@import url('/css/reset.css');

/* Wound Solutions website 2009 */

/* Colours
 * 
 * lblue: #0089B7, #99D0E2, #BFE1ED
 * mblue: #0072B5, #BFD0EC, #D9E1F4
 * dblue: #005C93, #C4DAF1, #DEE7F5
 *  blue: #0A5779, #B5CAD7, #DAE3EB
 * green: #2E8989, #BCDEDE, #D5EAEA
 */

/* General */

body { 
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #333333;
	background: #A7B9BF url('/images/body_bg.jpg') repeat-x;
}

h1 {
	padding: 4px 0 0 6px;
	font-size: 1.5em;
	font-weight: bold;
}

h2 {
	padding: 4px 0 0 6px;
	font-size: 1.3em;
	font-weight: bold;
}

h3 {
	padding: 4px 0 0 6px;
	font-size: 1.2em;
	font-weight: bold;
}

p {
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

a:link, a:visited {
	color: #0A5778;
	text-decoration: none;
}

a:hover {
	color: #0A5778;
	text-decoration: underline;
}

a:active {
	color: #0A5778;
	text-decoration: none;
}


/* Layout - General */

#wrapper {
	width: 915px;
	margin: 0 auto;
	background: url('/images/wrapper_bg.jpg') no-repeat;
}


/* Header */

#header {
	width: 915px;
	height: 145px;
}

#logo {
	margin: 50px 0 0 32px;
	float: left;
}

#header_nav {
	margin: 30px 0 0 7px;
	padding: 0;
	border: 0;
	width: 901px;
	height: 22px;
	font-size: 1.2em;
	background: #FFFFFF;
	float: left;
	clear: left;
}

	#header_nav ul {
		margin: 0 0 0 25px;
		display: block;
	}
	
	#header_nav li {
		margin: 0 20px 0 0;
		padding: 0;
		display: block;
		float: left;
		list-style-type: none;
	}
	
		#header_nav li:last-child {
			margin: 0;
		}
	
	#header_nav a {
		margin: 0;
		padding: 4px 7px 6px 7px;
		font-weight: bold;
		display: block;
		clear: left;
	}
	
	#header_nav a:link, #header_nav a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#header_nav a:hover {
		color: #FFFFFF;
		text-decoration: underline;
	}
	
	#header_nav a:active {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	#header_nav .onlblue a {
		color: #FFFFFF;
		background: #0089B7;
	}
	
	#header_nav .onmblue a {
		color: #FFFFFF;
		background: #0072B5;
	}
	
	#header_nav .ondblue a {
		color: #FFFFFF;
		background: #005C93;
	}
	
	#header_nav .onblue a {
		color: #FFFFFF;
		background: #0A5779;
	}


/* Main content area */

#main {
	width: 915px;
	background: #FFFFFF url('/images/main_bg.jpg') repeat-y;
	clear: both;
	overflow: hidden;
}

#splash {
	margin: 0 0 50px 0;
}

#header_splash {
	margin: 0 0 50px 0;
}

#footer_splash {
	margin: 0 0 0 7px;
}

.section_heading {
	margin: 0 0 30px 32px;
	width: 851px;
	height: 20px;
}

.section {
	margin: 0 0 50px 32px;
	width: 890px;
	overflow: hidden;
}

.il_section {
	margin: 0 0 0 32px;
	width: 890px;
	overflow: hidden;
}

.sub_heading_2 {
	margin: 0 0 20px 0;
	width: 413px;
	height: 20px;
}

.sub_heading_4 {
	margin: 0 0 20px 0;
	width: 194px;
	height: 20px;
}

.il_image {
	padding: 0 0 20px 0;
}

.cap_image {
	display: block;
}


/* Columns */

.cols1 {
	margin: 0 25px 0 0;
	width: 851px;
	float: left;
}

.cols2 {
	margin: 0 25px 0 0;
	width: 413px;
	float: left;
}

.cols2_centered {
	margin: 0 105px 0 80px;
	width: 413px;
	float: left;
}

.cols3 {
	margin: 0 25px 0 0;
	width: 267px;
	float: left;
}

.cols3span {
	margin: 0 25px 0 0;
	width: 631px;
	float: left;
}

.cols4 {
	margin: 0 25px 0 0;
	width: 194px;
	float: left;
}

.cols1 p, .cols2 p, .cols3 p, .cols4 p {
	padding: 0 7px 10px 7px;
}

.cols_img_il {
	padding: 0 7px 10px 7px;
	display: block;
}

.cols_img_cap {
	padding: 0 7px 0 7px;
	display: block;
}
	
	
/* Colour schemes */

.lblue {
	color: #FFFFFF;
	background: #0089B7;
	height: 100%;
}

.lblue_sub {
	color: #0089B7;
	background: #99D0E2;
	height: 100%;
}

.lblue_sub2 {
	color: #0089B7;
	background: #BFE1ED;
	height: 100%;
}

.lblue_heading {
	margin: 0 0 10px 0;
	color: #0089B7;
}

.lblue_caption {
	margin: 0 7px 15px 7px;
	padding: 0 0 5px 3px;
	color: #0089B7;
	background: #99D0E2;
}

.lblue_caption_il {
	margin: 0 7px 0 7px;
	padding: 0 0 5px 3px;
	color: #0089B7;
	background: #99D0E2;
}

.lblue_caption_centered {
	margin: 0 153px 15px 7px;
	padding: 0 0 5px 3px;
	color: #0089B7;
	background: #99D0E2;
}

.mblue {
	color: #FFFFFF;
	background: #0072B5;
	height: 100%;
}

.mblue_sub {
	color: #0072B5;
	background: #BFD0EC;
	height: 100%;
}

.mblue_sub2 {
	color: #0072B5;
	background: #D9E1F4;
	height: 100%;
}

.mblue_heading {
	margin: 0 0 10px 0;
	color: #0072B5;
}

.mblue_caption {
	margin: 0 7px 15px 7px;
	padding: 0 0 5px 3px;
	color: #0072B5;
	background: #BFD0EC;
}

.mblue_caption_il {
	margin: 0 7px 0 7px;
	padding: 0 0 5px 3px;
	color: #0072B5;
	background: #BFD0EC;
}

.mblue_caption_centered {
	margin: 0 153px 15px 7px;
	padding: 0 0 5px 3px;
	color: #0072B5;
	background: #BFD0EC;
}

.blue {
	color: #FFFFFF;
	background: #0A5779;
	height: 100%;
}

.blue_sub {
	color: #0A5779;
	background: #B5CAD7;
	height: 100%;
}

.blue_sub2 {
	color: #0A5779;
	background: #DAE3EB;
	height: 100%;
}

.blue_heading {
	margin: 0 0 10px 0;
	color: #0A5779;
}

.blue_caption {
	margin: 0 7px 15px 7px;
	padding: 0 0 5px 3px;
	color: #0A5779;
	background: #B5CAD7;
}

.blue_caption_il {
	margin: 0 7px 0 7px;
	padding: 0 0 5px 3px;
	color: #0A5779;
	background: #B5CAD7;
}

.blue_caption_centered {
	margin: 0 153px 15px 7px;
	padding: 0 0 5px 3px;
	color: #0A5779;
	background: #B5CAD7;
}

.dblue {
	color: #FFFFFF;
	background: #005C93;
	height: 100%;
}

.dblue_sub {
	color: #005C93;
	background: #C4DAF1;
	height: 100%;
}

.dblue_sub2 {
	color: #005C93;
	background: #DEE7F5;
	height: 100%;
}

.dblue_heading {
	margin: 0 0 10px 0;
	color: #005C93;
}

.dblue_caption {
	margin: 0 7px 15px 7px;
	padding: 0 0 5px 3px;
	color: #005C93;
	background: #C4DAF1;
}

.dblue_caption_il {
	margin: 0 7px 0 7px;
	padding: 0 0 5px 3px;
	color: #005C93;
	background: #C4DAF1;
}

.dblue_caption_centered {
	margin: 0 153px 15px 7px;
	padding: 0 0 5px 3px;
	color: #005C93;
	background: #C4DAF1;
}


/* Lists */

#main ul {
	margin: 10px 7px 0 0;
	padding: 0 0 0 20px;
	list-style-type: disc;
}

#main li {
	margin: 0;
	padding: 0 0 10px 0;
	font-size: 1.2em;
	line-height: 1.5em;
}

#main ul.member_link {
	margin: 0;
	padding: 0 7px 10px 7px;
	list-style-type: none;
}


/* Other */

.drop_col {
	margin: 48px 0 0 0;
}

#intro_movie {
	display: block;
	width: 413px;
	height: 310px;
	visibility: hidden;
}

#intro_movie a {
	display: block;
	text-align: center;
}

#demo_movie {
	display: block;
	width: 631px;
	height: 473px;
	visibility: hidden;
}

#demo_movie a {
	display: block;
	text-align: center;
}

#app_vid {
	display: block;
	width: 413px;
	height: 264px;
	padding: 5px 0 0 0;
	visibility: hidden;
}

#app_vid a {
	display: block;
	text-align: center;
}


/* Footer */

#footer {
	width: 915px;
	height: 30px;
	background: url('/images/footer_bg.jpg') no-repeat;
}

	#footer p {
		padding: 10px 17px 0 0;
		font-size: 1.0em;
		color: #333333;
		float: right;
	}