/* 	
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		Styles for Peak Training International v3.0 website
		Styles by www.theimagesgroup.co.uk
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
*/

* {padding: 0em;margin: 0em;}

body	{background: #fff; padding: 15px 0px 35px 0px; font-family: 'Myriad Pro', Myriad, Arial, sans-serif; }

body, input {
	font-size: 0.96em; /* Fixed */
	color: #333;
}

p {line-height:1.5em; margin-bottom:1.0em; }

blockquote {
	display: block;
	font-style: italic;
	font-size: 120%;
	line-height: 130%;
	width: auto;
	padding: 10px 20px 10px 20px;
	margin: 15px 0;
	background: #fffbe5;
	border-top: 1px solid #a0a0a0;
	border-right: 5px solid #a0a0a0;
	border-left: 5px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
}


/* Standard links
------------------------------ */
a 			{color: #00c;}
a:link 		{color: #00c;}
a:visited	{color: #00a;}
a:active 	{color: #d00;}
a:focus 	{color: #d00;}
a:hover 	{color: #d00;}
a img 		{border: 0;}


h1, h2, h3, h4, h5, h6 {font-weight:normal;margin: 0.4em 0.2em 0.4em 0em; }

h1 {font-size: 1.8em;}
h2 {font-size: 1.6em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em;}

#maincontent h1, #maincontent h2, #maincontent h3 {color:#19bcb9; }
#maincontent h1:first-letter, #maincontent h2:first-letter, #maincontent h3:first-letter {font-size:160%; }

#maincontent h1, #maincontent h2, #maincontent h3, 
#maincontent h4, #maincontent h5, #maincontent h6 {display:block; padding:10px 10px 15px 2px;}

em.highlight	{background:#ffc; color:#333; border-top:1px solid #fc6; border-bottom:1px solid #fc6; }

img.left	{position:relative; float:left; margin:0em 1.8em 1.4em 0em; }
img.right	{position:relative; float:right; margin:0em 0em 1.8em 1.8em; }

hr {color: #ccc; background: #ccc; border: 0; height: 1px;margin:1em;}
abbr, acronym {border: 0;text-decoration:none;}

form 	{margin: 0; padding:0; }

address {font-style: normal;}


.box {
	position: relative;
	background: #FDFCF6 url('../img/boxbg.gif') repeat-x;
	left: -1.5em;
	top: -1.5em;
	padding: 1.5em;
	border-bottom: solid 1px #E1D2BD;
	margin-bottom: 1.0em;
}

ul.linklist {list-style: none;}
ul.linklist li {line-height: 2.0em;}
.linklist a:link, .linklist a:visited {color: #8585b8;}


#outer {z-index:2; position:relative; width:978px; margin:0 auto; }

/*	Header Styles
		~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#header				{position:relative; width:100%; background:#fff; color:#f00; padding: 5px; }
#headercontent 		{color: #000; text-align:right; }
#headercontent h2	{/*font-size:0.9em;*/ display:none;  }
img#head_tel_no		{position:absolute; top:4px; left:4px; }

#menu			{position:relative; height:3em; padding:0em 1.0em 0em 0em; }
#menu ul 		{position:absolute; top:1.1em; }
#menu ul li 	{position:relative; display: inline; border-right:1px solid #004990; }
#menu ul li a	{padding: 0.5em 1.0em 0.5em 1.0em; color:#004990; text-decoration: none; }

#menu ul li a:hover			{color:#19bcb9; }
#menu ul li a.menu_current	{color:#013e66; font-weight:bold; }
#menubottom		{background:#19bcb9; height:8px; margin:0; }


/* Main Content */
#content 			{padding:0 0 3em 0; }

#container			{float:left; margin-right:-18.0em; width:100%; }
#secondarycontent	{float:right; width: 18.0em; padding:0; }

#maincontent		{margin: 0.5em 22.0em 2em 0em; font-size:0.9em; }

#maincontent ul {padding:1em;margin-left:2em;}
#maincontent li {margin-bottom:0.5em;}

#maincontent img {border:0;margin:5px;}

#footer			{position:relative; clear:both; font-size:0.8em; color:#888; padding-bottom:1em; }
#footer .left	{position:absolute; left:0; top:0; text-align:left; letter-spacing:2px; font-size:110%; line-height:140%; padding-bottom:10px;  }
#footer .right	{position:absolute; right:0; top:0; text-align:right; }
#footer	a		{text-decoration:none; color:#013e66;}
#footer a:hover	{text-decoration:underline; }
#footer div.big	{font-size:160%; }


/* Footermenu */
#footermenu			{position:relative; clear:both; margin:0 0 3px 0; }
#footermenu ul		{font-size:0.8em; }
#footermenu ul li	{display: inline; margin-right:5px; }
#footermenu ul li a {color:#666;}

div.foot_padding	{height:2em; }

/* New Styles for the wb WYSIWYG content 
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

span.blue, p.blue, div.blue			{color:#013e66;}
span.orange, p.orange, div.orange	{color:#f78f1e;}
span.cyan, p.cyan, div.cyan			{color:#19bcb9;}

/* Table for larger cells */

.data 		{color: #666; border:0;}
.data th 	{padding: 10px; border: 1px solid #ccc; background: #f0f0f0; }
.data td 	{font-size: 0.9em;	line-height: 1.4em; padding: 2px; text-align: center;	
	border: 1px solid #f0f0f0;	background: #fcfcfc; color: #333; }
.data th img, .data td img { border: 1px solid #fff; }	/* img border */

/* Used to make the td's hover effect in mozilla based browsers */

.data tr:hover td {border:1px solid #818BA3; background:#E9EBFF; color: #000; }
.data tr:hover th {border:1px solid #818BA3; background:#E9EBFF; color: #000; }
.data td:hover img,.data th:hover img	{border: 1px solid #000; } /* img border hover (td) */
.data th:hover img, .data:hover td img	{border: 1px solid #036; } /* img border hover (img) */

/* Download Gallery Module only */

/* For Download Gallery make sure you add to the settings (class="downloadgallery") */
.downloadgallery td	{padding: 2px 2px 4px 2px;}
.downloadgallery td img {margin: auto 3px;}
.downloadgallery td a:link, .downloadgallery td a:visited {text-decoration: none; color: #555;}
.downloadgallery td a:hover, .downloadgallery td a:active	{text-decoration: underline; color:#d00;}

/* cut from invalid <STYLE> header */
.line, .line_rightalign {border-bottom: 1px solid #ddd;}
.line_rightalign {text-align: right;	white-space: nowrap;	font-size: 10px; }
.line_text {padding: 0px 0px 0px 0px; }
.downloadgallery td.dgheader {color:#36c;	font-size: 1.5em;	padding: 10px 0px 20px 0px;}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


#product-box {
	position:relative;
	background: #fff url('http://www.mattsomers.com/peak/media/achieving-peak-performance.png') top left no-repeat;
	height:256px;
	width:480px;
	margin:auto;
}
#product-box h3, #product-box .stealth {display:none;}
#product-box .information {position:absolute; right:1em; top:140px; width:300px; padding:4px; font-size:1.3em; }
#product-box .paypal-button1 {position:absolute;right:1em;bottom:1em;}


/* Baker's Contact Form 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* Contact Forms */
.bakerform {}
.bakerform td	{padding: 4px 2px 4px 2px;}
.bakerform td.field_title {color:#36c;}

/* Predefined fields */
.required {color: #f00;}
.field_title, .textfield, .text-area, .field_heading, .select, .email {font-size:1.2em;}
.checkbox_label, .radio_label {font-size:0.9em;cursor:pointer;}

.field_title {
	width: 100px;
	vertical-align: top;
	text-align:right;
	margin-right:20px;
}
.textfield	{width: 200px;}
.textarea 	{width: 90%;height: 100px;}
.field_heading {font-size:1.4em;  border-bottom:1px solid #03c; color:#36c;}
.email {width: 200px;}

.booking-form	{text-align:center;}
.ordercolumn1	{width:10%;}
.ordercolumn2	{width:45%;}
.ordercolumn3	{width:45%;}

.stealth {display:none; display:none; }

/* 
	Coloured Boxes 
	(Start with main boxes and then group all other simple boxes below)
*/

/* Blue Box */
.box-blue	{
	position:relative;
	color:#fff;
	padding: 1em;
	background: #004990;
	display:block;
}
#maincontent .box-blue h1, #maincontent .box-blue h2, #maincontent .box-blue h3	{color:#f78f1e; font-size:1.5em; }
.box-blue a:link, .box-blue a:visited		{color:#e0e0e0; }
.box-blue span#signature	{width:213px; height:66px; position:absolute; bottom:5px; right: 5px; background: transparent url('../img/signature.png') top left repeat-x;text-decoration:none; }

.box-blue img			{position: relative;}

/* Orange Box */
.box-orange	{
	color:#fff;
	padding: 1.5em;
	background: #f78f1e;
	text-align:center;
	margin-bottom:2em;
}
div.box-orange	table td {vertical-align:middle; margin:0; padding:0; } /* keeps the table aligned middle */

.box-orange input	{height:16px; width:100px; background:#fff; color:#333; font-size:0.8em; }
.box-orange input:hover, .box-orange input:active {background:#cfcfcf; color:#000;}
.box-orange input.submit	{height:20px; width:28px; background:#004990; color:#fff; border:0;}

/* Note Styled */
.box-note	{
	text-align:center;
	display: block;
	background: #fff7c7;
	padding: 1.5em;
	border-bottom: 2px solid #E1D2BD;
	margin-bottom:2em;
}
.box-note h1, .box-note h2, .box-note h3	{font-weight:bold; font-size:1.1em; }
.box-note ol li		{margin-bottom:0.6em; }
.box-note a			{color:#000; text-decoration:none;} 
.box-note a:visited	{color:#E1D2BD; }
.box-note a:hover, .box-note a:active	{background:#ffc; color:#333; border-top:1px solid #fc6; border-bottom:1px solid #fc6; } 


/* Group All Boxes to set alignment and padding */
.box-cyan, .box-lightcyan, .box-darkblue, .box-red, .box-purple, .box-yellow, #secondarycontent .box-blue	{
	padding: 1.5em;
	text-align:center;
	margin-bottom:2em;
}

/* Individual Colours */
.box-cyan		{background:#19bcb9; color:#fff; }
.box-lightcyan	{background:#a0d9d8; color:#000; }
.box-darkblue	{background:#013e66; color:#fff; }
.box-red		{background:#f14d49; color:#fff; }
.box-purple		{background:#9a5aa4; color:#fff; }
.box-yellow		{background:#fff7c7; color:#000; }

/* Make sure any hyperlinks are in a visible colour contrasting to the bg */
div.box-darkblue a:link, div.box-darkblue a:visited,
div.box-cyan a:link, div.box-cyan a:visited,
div.box-purple a:link,	div.box-purple a:visited	{color:#fff; }

span.big, p.big, a.big	{font-size:160%; }

/*  Float containers fix: */
.clr:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Table Formatting for resources page */
table#resources		{width: 640px;}
table#resources	td	{vertical-align:top;  width:45%;  }
table#resources	img	{margin-right:4px; }
span.prodCost		{
	background:#d1f6ff;
	border:1px solid #b7f1ff;
	-moz-border-radius:5px; /* Mozilla */
	-webkit-border-radius:5px; /* Safari */
	padding:4px 6px; 
	white-space:nowrap; 
	fon-weight:bold;
}