/*--

filename: main.css
author: Matthew Lodge
email: matt@palmiero-design.co.uk
company: Palmiero Design
copyright: 2009 4See Risk Management
date: Wednesday 18th March

contents:
general
headings
unique styles
colours
lists
links
layout
masthead
content
columns
default.aspx
footer
page submenus
courses
forms
archives
team.aspx
goose facts
googlemap
flash
display:none;
dead classes

--*/

@import url(reset.css);
@import url(mediaboxAdvBlack.css);

/*-- general --*/
body { 
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.125em;

background: #bebcbd;
position:relative;
}

p {
font-size:0.75em;

margin:0em 0em 1em 0em;
}

strong {
font-weight:bold;
}

em {
font-style:italic;
}

hr {
background:#D4D3D4;
border:none;
height:1px;
}

sup {
font-size:0.75em;
margin-bottom:1em;
}

/*-- headings --*/
h1 { 
color:#E054A7;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:1.125em;
line-height:1.125em;

background:rgba(0, 0, 0, 0.05);
display:block;
float:left;
height:auto;
margin:0px 0px 20px 0px; 
padding:5px 205px 7px 15px;
width:500px;
}

.training h1 {
padding:5px 15px 7px 15px;
width:690px;
}

.resource h1 {
background:#e1e400;
}

h2 {
color:#E054A7;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.875em;
line-height:1.125em;

clear:both;
display:block;
margin:0em 0em 0.875em 0em; 
padding:0px;
}

#home .cd h2 {
color:#007e3a;
font-size:1.125em;
padding:0em 0em 0.25em 0em;
border-bottom:1px solid #cccccc;
margin:0em 0em 0.75em 0em;
}

#home h3 {
color:#E054A7;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.875em;
line-height:1.125em;

background:rgba(0, 0, 0, 0.05);
display:block;
height:auto;
margin:0em 0em 0.5em 0em; 
padding:6px 15px;
width:auto;
}

h3 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:0.875em;
line-height:1.125em;

display:block;
height:auto;
margin:0em 0em 0.25em 0em; 
width:auto;
}

#home .cd h3 {
background:none;
color:#007e3a;
font-size:0.75em;
padding:0px;
}

.training h3 {
font-size:0.75em;
}

h3.availability {
font-size:0.937em;
color:#007e3a;
margin:0em 0em 1em 0em;
}

.clients h3 {
	border-bottom:1px dotted #eee;
	color:#E054A7;
	padding:0px 0px 3px 0px;
}

h4 {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;

margin:1em 0em 0.5em 0em;
padding:0px;
}

/*-- unique styles --*/
.calltoaction {
color:#ffffff;
font-size:0.937em;

margin:0em;
padding:0em;
}

.copyright {
color:#eeeeee;
font-size:0.625em;

margin:0em;
padding:0em;
}

.clients img {
	margin:-1em 0em 2em 0em;
}

.large {
font-size:1.125em;
}

/*-- colours --*/
.service h1, .service h2 {
color: #5f1d5f;
}

.product h1, .product h2 {
color: #ff7e43;
}

.training h1, .training h2, .green, .green:link, .green:visited, .bogof h1, .bogof h2 {
color: #007e3a;
}

.resource h1, .resource h2 {
color:#333333;
}

.good { 
color: green; 
}

.fair { 
color: orange; 
}

.few { 
color: red; 
}

.full {
color: black; 
}

.error { 
color:red;
}

.service .inset {
border-color: #5f1d5f;
}

.product .inset {
border-color: #ff7e43;
}

.training .inset {
background:url(../imgs/grey_grad.gif) repeat-x top left;
border-color: #007e3a;
margin-right:10px;
padding:0px 10px;
width:150px;
}

.bogof .inset {
border-color: #007e3a;
}

.resource .inset {
border-color: #e1e400;
}

/*-- lists --*/
ul {
font-size:0.75em;
list-style:disc;
list-style-position:outside;

margin:0em 0em 1em 0em;
padding:0em 0em 0em 2em;
}

.nobullets {
list-style:none;
margin-left:0px;
padding-left:0px;
}

#about .nobullets li {
margin:0px 0px 5px 0px;
}

dl {
font-size:0.75em;
}

dd .nobullets {
font-size:1em;
margin-left:0em;
padding-left:0em;
}

dd .nobullets li {
margin-bottom:0em;
}

.address {
display:block;
margin:0px;
padding:1px 0px 0px 0px; 
}

#locations .address {
margin:-4px 0px 0px 0px;
padding:0px 0px 0px 0px; 
}

dt {
font-weight:bold;
padding:5px 0px 0px 0px;
}

dt:after {
content:": ";
}

dd {
border-bottom:1px solid #cccccc;
padding:0px 0px 2px 0px;
}

#locations dd {
border-bottom:none;
}

.address ul {
padding:0em;
margin:0em;
}

dt.float {
display:block;
clear:left;
float:left;
margin:0px 10px 0px 0px;
}

dd.float {
display:block;
margin:5px 0px 0px 0px;
}



/*-- links --*/
a:link { 
text-decoration:none; 
color:#E054A7; 
}

a:visited { 
text-decoration:none; 
color:#E054A7; 
}
	
a:hover { 
text-decoration:underline; 
color:#666666; 
}

a img { 
border:none; 
text-decoration:none; 
}

.calltoaction a:link {
color:#666666;
}

.calltoaction a:hover {
color:#E054A7;
}

.calltoaction strong {
color:#666666;
}

.copyright a, .copyright a:visited {
color:#eeeeee;
text-decoration: underline;
}

a.inset:hover {
border:1px solid #E054A7;
}

/*-- layout --*/
#wrap {
background:#ffffff url(../imgs/body-background.png) no-repeat top left;
float:left;
min-width:750px;
width:100%;
}

/*-- for masthead/header & navigation styles see: menu.css --*/

#content { 
margin:0px auto; 
padding:0px; 
position:relative;
width:720px;
}

#footer {
background: #bebcbd url(../imgs/fullpagetear.gif) repeat-x top left;
clear: both;
min-width: 750px;
padding:1em 0em 2em 0em;
width: 100%;
}

/*-- masthead --*/
#logo {
position:absolute;
right:0px;
top:10px;
}

/*-- content --*/
#calltoaction {
text-align:right;
display:block;
position:absolute;
height:auto;
width:auto;
padding:8px 15px 7px 15px;
right:0px;
top:0px;
z-index:100;
}

#calltoaction p {
margin:0em;
padding:0em;
}

#phone-number {
font-family:Tahome, Arial, Helvetica, sans-serif;
color:#E054A7;
font-size:1.25em;
font-weight:bold;
}

.training #phone-number, .bogof #phone-number {
color: #007e3a;
}

.inset {
border:1px solid #E054A7;
float:left;
margin:0px 0px 10px 0px;
}

/*-- columns --*/
.column {
float:left;
margin:0px 0px 10px 0px; 
padding:0px; 
position:relative;
width:170px;
}

.ab {
margin-right:20px;
width:350px;
}

.cd {
background:#ffffff;
padding:0px 0px 10px 0px;
width:340px;
}

.abc {
margin-right:20px;
width:530px;
}

.abcd {
margin:0px;
width:720px;
}

/*-- default.aspx --*/
.lobo {
background:url(../imgs/grey_grad.gif) repeat-x top left;
border-top:1px solid #cccccc;
display:block;
margin:0px 10px 0px 0px;
padding:10px;
width:210px;
}

.icon {
float:left;
margin:0px 25px 0px 0px;
}

#home .cd ul {
padding:0px 0px 2px 0px;
border-bottom:1px solid #cccccc;
}

#home .cd img {
float:right;
}

.more-details {
margin:8px 0px 0px 0px;
}

.book-training {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.875em;
}

#publications {
display:block;
clear:both;
margin:0px;
padding:0px;
width:710px;
}

.box ul {
float:left;
list-style-type:none;
margin:0px 0px 5px 0px;
padding:0px;
}

.box li {
width:355px;
height:95px;
margin:5px 0px;
padding:0px;
float:left;
position:relative;
}

.box li img {
float:right;
margin:0px 15px 0px 0px;
}

.box li strong {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1.167em;
display:block;
margin-bottom:0.25em;
}

.btn {
color:#E054A7;
}

.btn:hover {
color:#333333;
text-decoration:underline;
}


/*-- footer --*/
#footer div {
display: block;
margin:3em auto 0em auto;
width:720px;
}

#footer #signoff {
clear:both;
margin-top: 2.5em;
}

#footer_nav {
margin:1em 0em 0em 0em;
font-size:0.625em;
}

#footer_nav a:link, #footer_nav a:visited {
color:#666666;
text-decoration:none;
}

#footer_nav a:hover {
color:#E054A7;
text-decoration:underline;
}

/*-- page submenus --*/
.menu {
float: left;
list-style:none;
margin:0px 0px 10px 0px;
padding:0px;
}

.menu li {
float:left;
margin:0px 0px 1px 0px;
padding:0px;
}

.menu a {
text-decoration:none;
text-indent:0px;

background:#D4D3D4;
border-left:5px solid #E054A7;
color:#333333;
display:block;
float:left;
padding:6px 10px 5px 10px;
width:145px;
}

.menu a:hover {
border-left-color:#7D7B7C;
background-color:#E054A7;
color:#ffffff;
}

.training .cd {
padding:0px;
width:350px;
}

.training .menu a {
width: 325px;
}

.service .menu a {
border-left-color: #5f1d5f;
}

.service .menu a:hover {
background-color: #5f1d5f;
border-left-color:#7D7B7C;
}

.product .menu a {
border-left-color: #ff7e43;
}

.product .menu a:hover {
background-color: #ff7e43;
border-left-color:#7D7B7C;
}

.training .menu a {
border-left-color: #007e3a;
}

.training .menu a:hover {
background-color: #007e3a;
border-left-color:#7D7B7C;
}

.resource .menu a {
border-left-color: #e1e400;
}

.resource .menu a:hover {
background-color: #e1e400;
border-left-color:#7D7B7C;
}

/*-- courses --*/
.d.lobo {
width:150px;
}

#booking-hotline {
list-style:none;
background:#f1f1f1;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:0px 0px 5px 0px;
padding:5px 10px;
}

#courses_info {
background:#f1f1f1;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
margin:0px 0px 5px 0px;
padding:5px 10px;
}

#courses_info dd {
border:none;
}

.course-title {
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:1em;
color:#007e3a;
margin:0px;
}

#booking-hotline .course-title {
font-family:Tahoma, Arial, Helvetica, sans-serif;
margin:0px;
font-weight:bold;
}

.book_now:link, .book_now:visited {
color:#007e3a;
font-family:Tahoma, Arial, Helvetica, sans-serif;
font-size:0.75em;
font-weight:bold;
line-height:1em;

background:#f1f1f1;
border-top:1px solid #cccccc;
border-bottom:1px solid #cccccc;
display:block;
margin:0px 0px 5px 0px;
padding:5px 10px;
width:150px;
}

a.book_now:hover {
color:#ffffff;
background-color: #007e3a;
text-decoration: none;
}

/*-- forms --*/
form {
float:left;
width:530px;
}

form p {
clear:both;
}

form p span, #valEmail_new {
float:left;
width:100%;
margin-bottom:1em;
}

label {
cursor:pointer;
float:left;
padding:0.50em 0em 0em 0em;
color:#333333;
}

input, textarea {
display:block;
margin:0px 0px 5px 0px;
padding:0.5em;
border:none;
color:#333333;
width:380px;
background:#dddddd;
float:right;
}

textarea {
width:378px;
}

#submit, #mail_submit, #btnLogin, #btnRegister {
cursor:pointer;
float:left;
margin:5px 0px 0px 140px;
font-size:1em;
font-weight:bold;
padding:5px;
width:auto;
}

.product #mail_submit {
margin-left:65px;
}

#submit:hover, #mail_submit:hover  {
background-color:#E054A7;
color:#ffffff;
}

.product #submit:hover, .product #mail_submit:hover {
background-color:#ff7e43;
color:#ffffff;
}

.training #submit:hover, .training #mail_submit:hover {
background-color: #007e3a;
color:#ffffff;
}

#terms {
margin:10px 0px 5px 0px;
}

.training #terms a:link, .training #terms a:visited {
color:#007e3a;
}

#terms input {
width:auto;
float:left;
margin:0px 10px 0px 140px;
}

/*-- archives --*/
table {
margin: 0 0 2em;
padding: 0;
clear: both;
font-size:0.75em;
}

caption {
margin:0em 0em 0.5em 0em;
padding:0px;
font-weight: normal;
font-size:1.125em;
color:#333333;
text-align: left;
}

td {
margin: 0;
padding: 0.5em;
}

table a {
margin: 0;
padding: 0;
display: block;
width: auto;
}

table a:hover {
text-decoration: none;
}

table tbody td {
padding: 0.5em;
border-bottom: 1px solid #ccc;
}

thead {
border-top:1px solid #333333;
background:#f1f1f1;
color: #333333;
}

table#archives {
width: 100%;
}

table#archives caption {
padding-top:20px;
}

#archives colgroup.issue, #archives colgroup.date {
width: 15%;
}

#archives thead, #archives tbody tr:hover {
background: #e1e400;
color: #333333;
}

.issue_info {
float: right;
width: 330px;
}

.hero_edition {
margin: 0;
padding: 0;
float: left;
}

table#courses {
border-top:1px solid #cccccc;
width:530px;
}

table#courses caption {
font-family:Tahoma, Arial, Helvetica, sans-serif;
color:#007e3a;
font-size:1.25em;
border-top:1px solid #cccccc;
margin:10px 0px 0px 0px;
padding:20px 0px 10px 0px;
font-weight: bold;
}

table input {
width: auto;
}

#courses tbody tr:hover, 
#courses tbody tr:hover span.good, 
#courses tbody tr:hover span.fair, 
#courses tbody tr:hover span.few, 
#courses tbody tr:hover span.full {
background: #E054A7;
color: #FFF;
}

.reports {
width: 100%;
}

/*-- team.aspx --*/
.staff {
margin: 0.5em 0 2em;
padding: 0;
list-style-type: none;
float: left;
}

.board {
width: 75%;
}

.board div {
	display:block;
	float:left;
	margin:0px 20px 10px 0px;
	width:220px;
}

.board div div {
	padding:0px 0px 20px 0px;
}

.board img {
	border:1px solid #e054a7;
	float:left;
	margin:0px 10px 10px 0px;
}

.board h3 {	
	color: #E054A7;
	font-size:1em;
	font-weight:normal;
	line-height:1.333em;
}

.board p {
	color:#7D7B7C;
}

.board p, .board a {
	font-size:0.667em;
	line-height:1.5em;
	margin:0em;
}

.board div div p {
	color:#333;
	font-size:0.75em;
}

.staff li {
margin: 0 10px 10px 0; 
padding: 0; 
width: 220px;
float: left;
display: inline;
font-size: 1.3em;
line-height: 1.3333333em;
color: #E054A7;
text-align: left;
}

.staff li img {
margin: 0 10px 0 0;
padding: 0;
border: 1px solid #E054A7;
float: left;
}

.staff li span {
margin: 5px 0 0;
padding: 0;
font-size: 0.66666667em;
line-height: 1.5em;
color: #7D7B7C;
display: block;
}

.top {
margin-top: 0;
}

/*-- locations --*/
#locations div.abc img {
float:left;
}

#locations div.abc p {
float:right;
width:200px;
}

#locations ul.loc {
border-top:1px solid #CCCCCC;
margin-top:-0.75em;
padding-top:10px;
float:right;
width:200px;
}

#locations div.d ul.loc {
border-top:1px solid #CCCCCC;
margin-top:1em;
padding-top:10px;
float:left;
width:auto;
}

#locations ul.loc li {
background:url(../imgs/arw-pink.gif) center left no-repeat;
padding:0px 0px 0px 15px;
}

#locations ul.loc li.train {
background:url(../imgs/arw-green.gif) 0px 4px no-repeat;
}

#locations ul.loc li.special {
background:url(../imgs/arw-orange.gif) center left no-repeat;
}

#locations ul.loc li a:link, #locations ul.loc li a:visited {
color:#333333;
}

#locations ul.loc li a:hover {
color:#E054A7;
}

#locations ul.loc li.train a:hover {
color:#007E3A;
}

#locations ul.loc li.special a:hover {
color:#FF7E43;
}

/*-- forearmed --*/
ul#forearmed {
list-style:none;
padding:0px;
margin:0px;
}

ul#forearmed li {
display:block;
height:26px;
padding:4px 0px 5px 28px;
float:left;
}

#f1 {
background:url(../imgs/shield-blue.gif) 0px 0px no-repeat;
}

#f2 {
background:url(../imgs/shield-pink.gif) 0px 0px no-repeat;
}

#f3 {
background:url(../imgs/shield-orange.gif) 0px 0px no-repeat;
}

/*-- Goose facts --*/
#goosefacts {
margin: 1em 0;
text-align: center;
font-size: 1.5em;
}

#goosefacts a:hover {
text-decoration: none;
}

.popup h1 {
width:355px;
padding:5px 15px 7px 15px;
}

.popup {
background:#ffffff;
padding:10px;
width:385px;
height:auto;
}

.popup #content {
width:385px;
}

.tspot {
width: 342px;
padding: 0 5px 7px;
margin-bottom: 1.5em;
color: #fff;
text-align: left;
}

.tspot a {
color: #007e3a;
}
.traininglogo {
float: right;
margin-left: 5px;
}


/*-- googlemap --*/
#map {
display:block;
width:100%;
height:200px;
border:1px solid #E054A7;
margin:0px 0px 15px 0px;
}

/*-- flash --*/
#two-column-flash {
border:1px solid #cccccc;
display:block;
float:left;
height:220px;
margin:0px 0px 20px 0px;
position:relative;
width:350px;
}

#three-column-flash {
border: 1px solid #cccccc;
display:block;
float:left;
height:170px;
margin:0px 0px 20px 0px;
width:530px;
}

#accredit, #clients {
display:block;
width:190px;
height:130px;
position:relative;
margin:0px 0px 0px 10px;
}

/*-- display:none --*/
.hide, #__VIEWSTATE, #__EVENTVALIDATION, #__EVENTTARGET, #__EVENTARGUMENT {
display: none;
}

/*-- dead classes 
.name {
margin: 0;
padding: 0;
font-size: 1em;
color: #E054A7;
}

.inset_img {
width:155px;
border:1px solid #E054A7;
}

.imgblck {
float:left;
width:100%;
margin:25px 0px;
text-align:center;
}

.full {
clear: both;
}

#feature_img {
border:1px solid #E054A7;
}

#booking_info {
width: 330px;
float: right;
}
--*/