/* Stylesheet for HAVIT Fitness */
/* Author: Alex Goluszko */
/* First draft: February 2010 */

/* RESET -------------------------- */

/*reset.css*/ body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:-1px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*fonts.css*/ body {}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:99%;}

/* Core styles and elements */

body {
	font-size: 100%;
	font-family: Arial, sans-serif;	
	background: #f2f6fb url(images/body-bg.gif) repeat-x top ;}
	
a {
	color: #4a217b;
	font-weight: bold;
	text-decoration: none;}	
	
a:focus {
	outline: 0;}	
	
a:visited, a:hover {
	color: #7939c7;}	

h1, h3, h4 {
	color: #4a217b;}
	
h1 {
	width: 920px;
	font-size:1.75em; /* 24px */
	margin: 0 auto 1.2em;
	line-height: 1.2;
	font-weight: bold;}
	
h3 {
	font-size: 1.05em; /* 16px */
	font-weight: bold;
	line-height: 1.2;
	margin: 0.7em 0;}	

h4 {
	font-size: 1em;
	font-weight: bold;}
	
p, ul {
	font-size: 0.813em;	
	margin-bottom: 0.7em;}
	
p, li {
	line-height: 1.5;}	
		
	
/* Reusable classes */	
	
.wrapper {
	margin: 0 auto;
	width: 945px;
	position: relative;}	
	
.floatLeft {
	float: left;}	

.floatRight {
	float: right;}	
	
.smallCol {
	width: 305px;}	

.wideCol {
	width: 615px;}

.inner {
	padding: 10px 20px;
	position: relative;}
	
/* Structure */

/* Header */

a.skip {
	height: 0;
	display: block;
	text-indent: -1000em;}

#header {
	background: #40c8f4 url(images/header-bg.jpg) no-repeat 80% bottom;}
	
#header .wrapper {
	height: 15.947em;}	

#header .strip {
	background: url(images/header-strip.png) repeat-x -80px bottom;
	position: absolute;
	top: 0;	
	width: 100%;}
	
#header .strip p {
	width: 885px;
	padding: 0 30px;
	font-weight: bold;
	font-size:1.0598em /* 17px */;
	color: #fff;
	margin: 0 auto 0.7em;
	line-height: 2em;}	

#header #logo {
	margin-top: 60px;
	margin-left: 20px;}

#nav {
	background: url(images/nav-bg.png) repeat-x top;
	padding-bottom: 30px;}

#nav ul {
	font-size: 1.05em;
	text-align: center;
	padding: 20px 20px 40px;
	font-weight: bold;}

#nav li, #nav a {
	float: left;
	display: inline;
	line-height: 1.7em;}
	
#nav li {
	margin: 0 3.7em 0 0;}	
	
#nav li.active {
	background: url(images/navItem-bg.gif) no-repeat top left;
	padding: 0 0 0 1em;}	

#nav li.active span {
	background: url(images/navItem-bg.gif) no-repeat top right;
	padding-right: 1em;
	display: block;
	color: #fff;}

#nav li.last {
	margin-right: 0;}

	
/* Content */

#container {
	margin-top: 50px;}

/* Boxes & Misc Classes */

.introText {
	color: #5d5776;
	padding: 20px;}
	
.introText p {
	font-size: 1em; /* 15px */}	

.infoBox {
	background: #FBFBFD url(images/gradientBlue2-bg.gif) repeat-x bottom;
	color: #5d5776;
	border: 4px solid #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin-bottom: 1em;}

.infoBox .inner {
	padding-left: 150px;
	background-image: url(images/image-sprites.png);
	background-repeat: no-repeat;}

#personalTrain .inner {
	background-position: 0 0;}

#sportsMassage .inner {
	background-position: 0 -251px;}

#nutrition .inner {
	background-position: 0 -495px;}

#bootcampBox .inner {
	background: url(images/image-running.png) no-repeat -12px -7px;}

.infoBox h2, .infoBox h3 {
	text-indent: -1000em;
	margin-top: 0.7em;
	margin-bottom: 5px;}

#personalTrain h2 {
	background: url(images/header-pt.png) no-repeat top left;}

#sportsMassage h2 {
	background: url(images/header-massage.png) no-repeat top left;}

#nutrition h2 {
	background: url(images/header-nutrition.png) no-repeat top left;}

#bootcampBox h3 {
	background: url(images/header-bootcamp.png) no-repeat top left;}
	
.box {
	background: url(images/shadow-bg.png) no-repeat center bottom;
	padding-bottom: 15px;
	margin-bottom: 1em;}

.boxYellow div {
	background: url(images/gradientYellow-bg.gif) repeat-x top;}

.boxYellow a {
	color: #fff;}

.boxPale div.inner {
	background: #fff;}

.boxBlue div.inner {
	background: url(images/gradientBlue-bg.gif) repeat-x bottom;}

#consultation h3 {
	background: url(images/image-sprites.png) no-repeat -2px -1045px;
	margin: -10px 0 0 -37px;
	padding: 22px 0 20px 94px;
	color: #fff;}

#twitter h4 {
	background: url(images/image-sprites.png) no-repeat left -840px;
	margin: -30px 0 0 -37px;
	padding: 30px 0 20px 90px;}	

#bootcamp div {
	padding-left: 70px;}

#bootcamp img {
	position: absolute;
	top: -20px;
	left: -10px;}	

.button {
	text-transform: uppercase;
	background: url(images/button.gif) no-repeat left center;
	display: block;
	font-size: 0.75em;
	line-height: 2.3em;
	padding-left: 21px;}

.button a {
	color: #fff;}

/* Footer */

#footer {
	font-weight: bold;
	width: 100%;}

#footer .wideCol, #footer .smallCol {
	padding-top: 30px;}
	
#footer ul {
	padding: 0;
	width: 100%;
	float: left;}

#footer li {
	float: left;
	padding: 0 1em 0 0;}

#footer p {
	font-size: 0.75em; /* 12px */
	font-weight: bold;
	color: #999;}

#footer .email, #footer .phone {
	text-align: right;
	padding-right: 30px;
	background-image: url(images/icon-sprites.png);
	background-repeat: no-repeat;}
	
#footer .email {
	background-position: right 2px;}

#footer .phone {
	background-position: right -50px;}
	
.tweet {
	word-wrap: break-word;}