@charset "UTF-8";

/*******************************************
Begin main structure and basic typography
*******************************************/
* {
	margin: 0;
	padding: 0;
}

html, body {
	background: #191C20 url(images/mainBG.png) repeat-x 0 0;
	height: 100%;
	font-family: Tahoma, Geneva, sans-serif;
	color: #FFF;
	font-size: 12px;
}

p {
	color: #FFF;
	font-size: 1em;
	line-height: 150%;
}

h1 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #e7e7e7;
	font-size: 33px;
	margin-bottom: 15px;
	letter-spacing: -1px;
}

h2 {
	font-family: Tahoma, Geneva, sans-serif;
	color: #e7e7e7;
	font-size: 16px;
	margin-bottom: 2px;
	letter-spacing: 0px;
	line-height: 1.2em;
	font-weight: normal;
}

#container {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -110px;
	width: 960px;
}

#content {
	background: #222529 url(images/contentBG.jpg) repeat-x;
	float: left;
	color: #e7e7e7;
	width: 960px;
	margin: 0 auto;
}

.columnLeft {
	float: left;
	width: 441px;
	margin-left: 26px;
	margin-top: 28px;
	margin-bottom: 14px;
	display: inline;
}

.columnRight {
	float: right;
	width: 441px;
	margin-top: 28px;
	margin-left: 26px;
	margin-right: 26px;
	margin-bottom: 14px;
	display: inline;
}

/*******************************************
Begin header
*******************************************/
#headerWrap {
	width: 100%;
	height: 96px;
	background-color: #FFF;
}
	
#header {
	width: 960px;
	height: 96px;
	background-color: #FFF;
	margin: 0 auto;
}

#logo {
	float: left;
	width: 126px;
	height: 43px;
	margin-top: 29px;
	margin-left: 26px;
	overflow: hidden;
	display: inline;
}

#logo a:link, a:visited, a:hover, a:focus, a:active {
    border-bottom: none;
    background-color: transparent;
	text-decoration:none;
}
	
#headerImage {
	background: url(images/solutionsForActiveLiving.gif) 0 0 no-repeat;
	float: right;
	width: 236px;
	height: 37px;
	margin-top: 34px;
	margin-right: 20px;
	text-indent: -9999px;
	display: inline;
}

/*******************************************
Begin blog tab
*******************************************/
#blogWrap {
	margin: 0 auto;
	height: 20px;
}

.blogTab a {
	background: url(images/blogTab.jpg) 0px -20px no-repeat;
	float: right;
	width: 49px;
	height: 20px;
	margin-right: 22px;
	text-indent: -9999px;
	display: inline;
}

.blogTab a:hover { width: 49px; background-position: 0px 0px; }

.sessionTab a {
	background: url(images/sessionTab.png) 0px -20px no-repeat;
	float: right;
	width: 177px;
	height: 20px;
	margin-right: 1px;
	text-indent: -9999px;
	display: inline;
}

.sessionTab a:hover { width: 177px; background-position: 0px 0px; }

/*******************************************
Begin Navigation
*******************************************/
li {
	line-height: 150%;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

a {
	color: #3ca7df;
	text-decoration: none;
}

#menuWrap {
	margin-top: 50px;
	width: 960px;
	height: 73px;
}

.menu {
	display: inline;
}

.menu li {
	float: left;
}

.menu li a {
	height: 73px;
	background: transparent url(images/nav.png) 0 0 no-repeat;
	color: #FFF;
	display: block;
	text-indent: -9999px;
}

/*Menu Roll out*/
.menu .about a { width: 125px; background-position: 0px 0px; }
.menu .achievements a { width: 221px; background-position: -125px 0px; }
.menu .services a { width: 152px; background-position: -346px 0px; }
.menu .testimonials a { width: 205px; background-position: -498px 0px; }
.menu .links a { width: 103px; background-position: -703px 0px; }
.menu .contact a { width: 154px; background-position: -806px 0px; }

/*Menu Roll over*/
.menu .about a:hover { background-position: 0px -73px; }
.menu .achievements a:hover { background-position: -125px -73px; }
.menu .services a:hover { background-position: -346px -73px; }
.menu .testimonials a:hover { background-position: -498px -73px; }
.menu .links a:hover { background-position: -703px -73px; }
.menu .contact a:hover { background-position: -806px -73px; }

/*Menu On click*/
.menu .about a:active { background-position: 0px -146px; }
.menu .achievements a:active { background-position: -125px -146px; }
.menu .services a:active { background-position: -346px -146px; }
.menu .testimonials a:active { background-position: -498px -146px; }
.menu .links a:active { background-position: -703px -146px; }
.menu .contact a:active { background-position: -806px -146px; }

/*Menu Selected*/
body#aboutPage .about a { background-position: 0px -146px; }
body#achievementsPage .achievements a { background-position: -125px -146px; }
body#servicesPage .services a{ background-position: -346px -146px; }
body#testimonialsPage .testimonials a{ background-position: -498px -146px; }
body#linksPage .links a{ background-position: -703px -146px; }
body#contactPage .contact a{ background-position: -806px -146px; }

/*******************************************
Begin home
*******************************************/
#home .larryScribble {
	margin-top: 24px;
	float: left;
	width: 101px;
	height: 44px;
}

#home .homeImg {
	float: right;
	width: 438px;
	height: 406px;
}

/*******************************************
Begin about
*******************************************/
#about .columnOne {
	float: left;
	width: 286px;
	margin-top: 28px;
	margin-left: 26px;
	margin-bottom: 14px;
	display: inline;
}

#about .columnTwo {
	float: left;
	width: 267px; /* -19*/
	margin-top: 84px;
	margin-left: 26px;
	margin-bottom: 14px;
	display: inline;
}

#about .columnThree {
	float: left;
	width: 286px;
	margin-top: 28px;
	margin-bottom: 14px;
	display: inline;
}

#about .columnFour {
	float: left;
	width: 312px;
	margin-top: 8px;
	margin-left: 26px;
	margin-bottom: 14px;
	display: inline;
}

.aspirations li {
	list-style-image: none;
	list-style-position: inside;
	list-style-type: disc/* upper-alpha decimal armenian square*/;
}

#about #gloves {
	width: 261px;
	height: 146px;
	margin-top: 42px;
	margin-left: 10px;
	margin-bottom: 22px;
}

#about #larry {
	width: 314px;
	height: 501px;
}

/*******************************************
Begin acheivements
*******************************************/
.trophy {
	width: 241px;
	height: 383px;
	margin-top: 12px;
	margin-left: 95px;
	margin-bottom: 28px;
}

/*******************************************
Begin services
*******************************************/
.swissBallGuy {
	width: 415px;
	height: 416px;
	margin-top: 4px;
	margin-bottom: 35px;
}

.appleBurger {
	width: 357px;
	height: 327px;
	margin: 0 15px;
	margin-top: 23px;
	margin-bottom: 35px;
}

.rope {
	width: 334px;
	height: 247px;
	margin-top: 45px;
	margin-left: 41px;
}

/*******************************************
Begin testimonials
*******************************************/
#testimonials .scaleWoman {
	width: 242px;
	height: 530px;
	margin-top: 5px;
	margin-left: 95px;
	margin-bottom: 35px;
}

/*******************************************
Begin links
*******************************************/
.weightWoman {
	width: 345px;
	height: 453px;
	margin-top: 4px;
	margin-left: 43px;
}

/*******************************************
Begin contact
*******************************************/
.envolope {
	width: 325px;
	height: 303px;
	margin-top: 26px;
	margin-left: 50px;
	margin-bottom: 49px;
}

/*******************************************
Begin footer
*******************************************/
#contentFtWrap {
	float: left;
	width: 960px;
	height: 21px;
	margin-bottom: 70px;
}

#contentFooter {
	background: transparent url(images/contentFooter.png) 0 0 no-repeat;
	width: 960px;
	height: 21px;	
}

#footerWrap{
	float: left;
	height: 110px;
	width: 100%;
	position: relative;
	background-color: transparent;
}

#footerWrap .push {
	height: 110px;
	clear: both;
}	

#footerSplitOne {
	height: 73px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #467ABC;
}

#footerOne {
	height: 73px;
	width: 960px;
	position: relative;
	margin: 0 auto;
	background-color: #467ABC;
}

#footerSplitTwo {
	height: 37px;
	width: 100%;
	position: relative;
	margin: 0 auto;
	background-color: #000000;
}

#footerTwo {
	height: 37px;
	width: 960px;
	position: relative;
	margin: 0 auto;
	background-color: #000000;
}

.ftOneText {
	float: left;
	width: auto;
	margin-top: 29px;
	margin-left: 26px;
	display: inline;
}

.ftOneContact {
	float: right;
	width: auto;
	margin-top: 29px;
	margin-right: 26px;
	display: inline;
}

#logoTag {
	font-size: 10px;
	color: #646464;
	float: right;
	width: auto;
	margin-right: 26px;
	margin-top: 12px;
	background-color: #000;
	display: inline;
}

/*******************************************
Begin links
*******************************************/
a:link {
	text-decoration: none;
	color: #3ca7df;
}

a:visited {
	color: #3ca7df;
}

a:active {
	text-decoration: underline;
	color: #467abc;
}

a:hover {
	text-decoration: underline; 
	color: #3ca7df;
}

