/*
Jeff Thing Personal Training
Author		:		Jeff Thing
Email			:		info@jtpersonaltraining.co.uk
Updated		:		04/09/2010
*/

/* NOTES..

TIDY FORMATTING!!

Add Testimonials

*/



@font-face {
	font-family: 'PTSansRegular';
	src: url('../fonts/PT_Sans/PT_Sans.ttf');
}


/* ------------------------------------------------------------------------------------

-- BASE STYLES

------------------------------------------------------------------------------------ */
/*media screen start*/
@media screen{


body {
	margin-top: 18px;
	font: 1em/1.125em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Arial, Verdana, sans-serif;
	color: rgb(36,36,36);
}

/*
"Cambria", "Book Antiqua", "Times New Roman", Times, serif;
"segoe ui", "Trebuchet MS", Arial, Verdana, sans-serif;
tahoma
PTSansRegular, "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
*/

.container_12 {
	/*font-size : 0.689em; 11px*/
	/*font-size : 0.750em; 12px*/
	font-size : 0.875em; /*14px*/
}

.terms {
	font-family: Georgia, Times, "Times New Roman", Serif;
	/*verdana,arial,helvetica,sans-serif;
	"Trebuchet MS", Arial, Verdana, sans-serif;
	Georgia, Times, "Times New Roman", Serif;*/
	font-size: 14px;
	/*color: rgb(85, 85, 85);*/
}

/*p { margin-bottom: 18px; }*/

h1, h2, h3, h4 {
	text-transform : capitalize;
	/*font-family: Arial, Helvetica, sans-serif;*/
	font-weight : lighter;
	line-height: 18px;
	margin-bottom: 18px;
	color: rgb(57,105,173);
}
h1, .h1 { line-height: 36px; }


h1, .h1 {
  font-size : 150%;/*25px;*/
}
h2 {
  font-size : 140%;/*23px;*/
}
h3 {
  font-size : 110%;/*21px;*/
}
h4 {
  font-size : 100%;/*19px;*/
}

h1, .h1 {
	background: transparent;
	/*text-shadow: 0px 1px 1px #666;*/
	/*text-shadow:#ccc 2px 2px 1px; 020810 */
}
h3 {
	/*text-transform: uppercase;
	letter-spacing: 6px;
	border-bottom: 1px solid;
	border-color: rgb(117,117,117);
	margin: 0 0 18px 0;*/
	


}

	
	
address {
	font-size: 12px; /*0.750em;*/
}

blockquote.style2 {
  margin: 54px 0 18px 0;
  padding-left: 15px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
} 

abbr[title] { border-bottom : 2px dotted; cursor : help; }

strong, b, .b {
	font-weight : bold;
}
em, .i, .italic {
	font-style : italic;
}


 /* Links -------------------------------------------------------------- */
a {
	text-decoration: none;
	outline: none;
}
a {
	color: #0091e3;
	border-bottom: 1px transparent;
}
a:hover {
	background-color: transparent;
	color: rgb(201,61,61);
	border-bottom: 1px dashed;
}

/*options*/
/*
a {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
a:hover {
	-moz-box-shadow: 0 0 8px #fff;
	-webkit-box-shadow: 0 0 8px #fff;
}
*/


/* INTRO */
.intro {
	padding: 0 3px;
	font-size : 16px;
	font-weight : light;
	letter-spacing: -0.5px;
}
.link {
	padding: 0 3px;
	padding-bottom: 18px;
	margin-bottom: 1px;
	display: inline-block;
	background-color: rgb(240,240,240);
}
.link:hover {
	border: 0;	
	background-color: rgb(51,102,153);
	color: rgb(255,255,255);

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	
	-moz-box-shadow: 0 0 8px #666;
	-webkit-box-shadow: 0 0 8px #666;
}



 /* Lists -------------------------------------------------------------- */
ul { margin-bottom: 18px; list-style: none outside; }
ol { margin-bottom: 18px; list-style: decimal; margin-left: 2.2em; }
ul.square,
ul.circle { margin-left: 2em; }
ul.square { list-style: square outside; }
ul.circle { list-style: circle outside; }
ul ul.circle,
ul ul.square { margin-top: 4px; margin-bottom: 5px; }

ul.disc { list-style-type:disc; font-weight:normal; margin:0 .5em 0 0; }

dl {
	margin-bottom: 1px;
	line-height: 18px;
}
.left {
	float : left;
	width : auto;
}
.right {
	float : right;
	width : auto;
}
.center {
	text-align : center;
}
.justify {
	text-align : justify;
}
.small {
	font-size: 10px;
}
.big {
	font-size: 16px;
}
.padright {
	padding-right: 2px;
}

.callout {
	border : 1px solid rgb(117,117,117);
	background-color : transparent;
}

blockquote,
blockquote.style2 {
	border-left: 3px solid rgb(117,117,117);
}

.border {
	border-top : 1px solid;
}
.spacer {
	line-height: 18px;
	margin-bottom : 17px; /* NEEDS TO BE 17px FOR BORDER OF 1px */
}
.border {
	border-color: rgb(117,117,117);
}

.black/*, .terms*/ {
	color : rgb(0,0,0);
}
.red {
	color : rgb(107,0,0);/*rgb(230,0,0);*/
}
.purple {
	color : rgb(220, 20, 60);
}
.blue, .header span {
	color : rgb(51, 102, 153);
}
.green {
	color : #69aa35;
}
.gray {
	color : rgb(117,117,117);
	background-color : rgb(242,242,242);
}

.upper {
	text-transform : uppercase;
}

.lowercase {
	text-transform : lowercase;
	}


 /* HEADER -------------------------------------------------------------- */
.header {
	padding: 0;
	margin: 0;
	height: 79px;
	border: 0px solid;
}
.header h1 {
	margin-top : 0;/*-3px;*/
	font-size : 3.0em;
	line-height : 36px;
	font-weight: normal;
	text-shadow: 6px 6px 2px rgb(240,240,240);
}
h1 span {
	margin-top : 18px;
	font-size : 0.6em;
	line-height : 18px;
	letter-spacing : normal;
	word-spacing : normal;
	text-transform : lowercase;
}



/* NEW NAV - 290710 */
.navi
{
	clear: both;
	margin: 0 10px;
	padding: 0;
	
	background-color: #7EBE0B;
	border-bottom: 1px solid #fff;
	height: 28px;
	text-align: center;
	font-family: sans-serif;
}

.navi ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

.navi li
{
	margin: 0;
	padding: 0;
	display: inline;
	white-space: nowrap;
	list-style-type: none;
}

.navi a
{
	/*color: #bababa;*/
	color: rgb(255,255,255);

  	text-shadow: 0 1px rgb(0,0,0);

	text-transform: uppercase;
	line-height: 28px;
	padding: 6px 10px 6px 10px;
	font-size: 12px;
	font-weight: normal;/*bold;*/
	margin: 0 0 0 -1px;
	border-right: 1px solid #fff;/*#000000;*/
	border-left: 1px solid #fff;/*#000000;*/
	outline: none;
}

.navi a:hover, .navi a.current
{
	background-color: rgb(112,147,43);
	color: white;
	text-decoration: none;
	border-bottom: none;
}

.navi a.current
{
	font-weight: normal;/*bold;*/
}


 /* Footer -------------------------------------------------------------------- */
 .footer {
 	height : 45px;
}

.bottom-nav a {
	display: inline; margin-right: 5px;
}

.bottom-nav h3,
.header .h3 {
	margin : 0;
	padding : 0;
	text-transform: uppercase;
	font-weight : lighter;
	font-size: 1.0em;
	border : 0;
}
.header .h3 {
	margin-left: 2.2em;
	}
.vcard a {
	cursor : help;
}

/* below NOT USED */
p a.top {
	display:block;
	float:right;
	font-size: 10px;
	font-weight:bold;
	text-align:right;
	white-space: nowrap; padding-right: 20px;
	background: url(../images/more_blue.png) no-repeat scroll right center;
}
.mobile {
	padding: 0;
	font-weight: bold;
}


 /* Grid -------------------------------------------------------------- */
#grid {
	background : url(../images/bg-grid-980.gif) repeat-y 0% 0%;
	width : 960px;
	position : absolute;
	top : 0;
	left : 50%;
	margin-left : -490px;
}
#grid .horiz {
	height : 17px;
	border-bottom : 1px dotted #000;
	margin : 0;
	padding : 0;
}

a.noborder {
	border : 0px solid;
	background-color : transparent;
}


/*02/08/10 new theme*/
body {
	background-color: rgb(63,184,234);
}
.container_12 {
	color: rgb(64,64,64);
	background-color: white;

	padding-top: 18px;

	-moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius: 12px;
}
.wrapper {
	margin-left:auto;
	margin-right:auto;
	width: 980px;
	padding: 18px 8px;
	margin-bottom: 18px;
	background-color: rgb(177,226,225);
	border: 6px solid white;

	-moz-border-radius: 12px;
   -webkit-border-radius: 12px;
   border-radius: 12px;
}
.header {
	height: 80px;
}
.header h1 {
	color : rgb(0,81,164);
}
.header h1 span {
	color : rgb(165,207,80);
}
h1, h2,h3,h4 {
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	color:rgb(21, 77, 106);
}
a {
	color: rgb(112,147,43);
	text-decoration:none;
	outline:none;
}
a:hover {
	color: rgb(21,77,106);
}
.border {
	color: rgb(21, 77, 106);
}


	

}/*media screen end*/


/*
base css code
 - http://www.alistapart.com/d/settingtypeontheweb/example.html
email security
 - http://www.mobilefish.com/services/hideemail/hideemail.php#hideemail_input
font-size - http://jontangerine.com/silo/css/pixels-to-ems/
*/