@charset "utf-8";
/* ===============================
	STRUCTURE
   =============================== */

body {
}

#header {
height: 111px;
overflow: hidden;
background: #2e581e;
}

#header p {
margin-bottom: 18px;
text-align: right;
font-size: 12px;
line-height: 12px;
}

#header a {
color: #fff;
text-decoration: none;
}

#header a:hover {
text-decoration: underline;
}

#header .container_12 {
height: 111px;
background: url(../img/header_container_bg.gif) no-repeat top;
}

#featured {
height: 225px;
background: url(../img/featured_bg.gif) repeat-x top;
}

#featuredbg {
height: 225px;
padding-top: 35px;
background: url(../img/title_banner.jpg) no-repeat top center;
}

#featuredbg .container_12 .grid_12 {
width: 880px;
padding: 0 30px;
}

#content {
background: url(../img/content_bg.gif) repeat-y top center;
}

#content .container_12 {
padding: 40px 0;
background: url(../img/content_container_bg.gif) repeat-y top center;
}

#content .grid_8 {
float: right;
}

#leftcolumn {
}

#rightcolumn {
padding-left: 15px;
}

#footer {
padding: 25px 0;
background: #1f1f29;
color: #3a3a4d;
font-size: 11px;
font-family: Verdana, Geneva, sans-serif;
}

#footer p {
line-height: 24px;
}

#footer p a {
color: #7f7fa7;
text-decoration: none;
}

#footer p a:hover {
text-decoration: underline;
}

/* ===============================
	LOGO
   =============================== */

#logo {
padding-top: 17px;
}

#logo h1 a span {
display: none;
}

#logo h1 a {
width: 359px;
height: 94px;
display: block;
background: url(../img/lifestyle_transformations_wealth_logo.png) no-repeat;
}

/* ===============================
	NAVIGATION
   =============================== */

#navigation {
padding-top: 26px;
}

#navigation ul {
margin: 0;
list-style: none;
float: right;
}

#navigation ul li {
margin: 0;
display: inline;
float: left;
}

#navigation ul li a span {
display: none;
}

#navigation ul li a {
height: 46px;
display: block;
background: url(../img/topnavigation.gif) no-repeat;
}

#navigation ul li#linkwealth a {
width: 150px;
}

#navigation ul li#linkwealth a:hover {
background-position: 0 -46px;
}

#navigation ul li#linkcommitment a {
width: 153px;
background-position: -150px 0;
}

#navigation ul li#linkcommitment a:hover {
background-position: -150px -46px;
}

#navigation ul li#linkcoaches a {
width: 97px;
background-position: -303px 0;
}

#navigation ul li#linkcoaches a:hover {
background-position: -303px -46px;
}

#navigation ul li#linkcontact a {
width: 89px;
background-position: -400px 0;
}

#navigation ul li#linkcontact a:hover {
background-position: -400px -46px;
}

/* ===============================
	VIDEO & SIGN UP
   =============================== */
   
#video {
width: 480px;
float: left;
}

#signup {
width: 380px;
height: 290px;
padding-left: 20px;
float: left;
color: #fff;
background: url(../img/signupbg.png) no-repeat;
}

#emailbox {
padding: 50px 20px 0 5px;
}

#emailbox p {
font-size: 12px;
line-height: 16px;
}

#emailbox strong {
color: #32bcee;
font-weight: bold;
}

#fname,
#femail {
width: 165px;
float: left;
}

#fname {
padding-right: 20px;
}

#fname span,
#femail span {
display: none;
color: #ff0000;
font-style: italic;
}

#fname input,
#femail input {
width: 153px;
height: 14px;
margin-top: 10px;
padding: 8px 0;
border: none;
float: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
background: url(../img/formfieldblack.gif) repeat-x;
overflow: hidden;
}

p#fname .sideleft,
p#femail .sideleft {
width: 6px;
height: 30px;
margin-top: 10px;
display: block;
float: left;
background: url(../img/fieldsideleftblack.gif) no-repeat;
}

p#fname .sideright,
p#femail .sideright {
width: 6px;
height: 30px;
margin-top: 10px;
display: block;
float: left;
background: url(../img/fieldsiderightblack.gif) no-repeat;
}


#emailbox #submitbutton span {
display: none;
}

#emailbox #submitbutton {
width: 73px;
height: 35px;
margin-right: 5px;
display: block;
overflow: hidden;
float: right;
background: url(../img/submitbutton.gif) no-repeat;
}

#emailbox #submitbutton:hover {
background-position: 0 -35px;
}

/* ===============================
	SIDE NAVIGATION
   =============================== */

#sidenavigation {
width: 295px;
margin-left: 5px;
list-style: none;
position: absolute;
top: 520px;
}

#sidenavigation li {
width: 295px;
height: 50px;
margin: 0;
display: block;
overflow: hidden;
float: right;
}

#sidenavigation li a {
width: 295px;
height: 50px;
overflow: hidden;
display: block;
background: url(../img/sidenavigation.gif) no-repeat;
}

#sidenavigation li a span {
display: none;
}

#sidenavigation li#sidelinkwealth,
#sidenavigation li#sidelinkwealth a {
height: 55px;
}

#sidenavigation li#sidelinkwealth a:hover {
background-position: -885px 0;
}

#sidenavigation li#sidelinkwealth a.selected {
background-position: -1770px 0;
}

#sidenavigation li#sidelinkwealth a.hovertop {
background-position: -590px 0;
}

#sidenavigation li#sidelinkwealth a.hovertop:hover {
background-position: -1475px 0;
}

#sidenavigation li#sidelinkcommitment a {
background-position: 0 -55px;
}

#sidenavigation li#sidelinkcommitment a:hover {
background-position: -885px -55px;
}

#sidenavigation li#sidelinkcommitment a.selected {
background-position: -1770px -55px;
}

#sidenavigation li#sidelinkcommitment a.hovertop {
background-position: -590px -55px;
}

#sidenavigation li#sidelinkcommitment a.hovertop:hover {
background-position: -1475px -55px;
}

#sidenavigation li#sidelinkcommitment a.hoverbottom {
background-position: -295px -55px;
}

#sidenavigation li#sidelinkcommitment a.hoverbottom:hover {
background-position: -1180px -55px;
}

#sidenavigation li#sidelinkcoaches a {
background-position: 0 -105px;
}

#sidenavigation li#sidelinkcoaches a:hover {
background-position: -885px -105px;
}

#sidenavigation li#sidelinkcoaches a.selected {
background-position: -1770px -105px;
}

#sidenavigation li#sidelinkcoaches a.hovertop {
background-position: -590px -105px;
}

#sidenavigation li#sidelinkcoaches a.hovertop:hover {
background-position: -1475px -105px;
}

#sidenavigation li#sidelinkcoaches a.hoverbottom {
background-position: -295px -105px;
}

#sidenavigation li#sidelinkcoaches a.hoverbottom:hover {
background-position: -1180px -105px;
}

#sidenavigation li#sidelinkcontact,
#sidenavigation li#sidelinkcontact a {
height: 55px;
background-position: 0 -155px;
}

#sidenavigation li#sidelinkcontact a:hover {
background-position: -885px -155px;
}

#sidenavigation li#sidelinkcontact a.selected {
background-position: -1770px -155px;
}

#sidenavigation li#sidelinkcontact a.hoverbottom {
background-position: -295px -155px;
}

#sidenavigation li#sidelinkcontact a.hoverbottom:hover {
background-position: -1180px -155px;
}


/* ===============================
	CONTACT FORM
   =============================== */
   
#contactusleft {
width: 384px;
float: left;
border-right: 1px solid #ccc;
}

#contactusleft label span {
font-style: italic;
color: #ff0000;
display: none;
}

p#formname,
p#formemail {
width: 182px;
margin-right: 10px;
display: block;
float: left;
}

p#formname .sideleft,
p#formemail .sideleft {
width: 6px;
height: 30px;
margin-top: 10px;
display: block;
float: left;
background: url(../img/fieldsideleft.gif) no-repeat;
}

p#formname .sideright,
p#formemail .sideright {
width: 6px;
height: 30px;
margin-top: 10px;
display: block;
float: left;
background: url(../img/fieldsideright.gif) no-repeat;
}

p#formname input,
p#formemail input {
width: 156px;
height: 14px;
margin-top: 10px;
padding: 8px 0;
border: none;
float: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
background: url(../img/formfield.gif) repeat-x;
overflow: hidden;
}

p#formcomment {
width: 384px;
}

p#formcomment #top {
width: 360px;
height: 6px;
margin-top: 10px;
display: block;
overflow: hidden;
float: left;
background: url(../img/textareatop.gif) no-repeat;
}

p#formcomment #bottom {
width: 360px;
height: 6px;
margin-bottom: 20px;
display: block;
overflow: hidden;
float: left;
background: url(../img/textareabottom.gif) no-repeat;
}

p#formcomment textarea {
width: 348px;
height: 88px;
margin: 0;
padding: 2px 6px;
float: left;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #666;
border: none;
background: url(../img/formtextarea.gif) repeat-y;
resize: none;
}

#thankyou {
width: 384px;
height: 164px;
display: none;
padding-top: 90px;
background: #fff;
}

#thankyou h3 {
width: 200px;
margin: 0 auto;
color: #999;
text-align: center;
}

#contactusright {
width: 200px;
padding-left: 20px;
float: left;
}

#sendbutton {
width: 62px;
height: 34px;
margin-right: 22px;
display: block;
float: right;
background: url(../img/sendbutton.gif) no-repeat;
}

#sendbutton:hover {
background-position: 0 -34px;
}

#sendbutton span {
display: none;
}

/* ===============================
	THANK YOU PAGE
   =============================== */
   
#thankyoupage {
background: #1f1f29;
}

#thankyoupage #emailbox {
padding-top: 100px;
}

/* ===============================
	GENERAL
   =============================== */
   
a {
color: #2a9dc6;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

blockquote {
color: #656565;
margin-left: 20px;
background: url(../img/quotationleft.gif) no-repeat;

}

blockquote h3 {
font-size: 20px;
padding: 10px 30px 10px 35px;
background: url(../img/quotationright.gif) no-repeat top right;
}

body {
}

em {
font-style: italic;
}

h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

hr {
height: 20px;
margin-bottom: 40px;
display: block;
overflow: hidden;
border-top: none;
border-bottom: 1px solid #ccc;
color: #fff;
}

img {
margin-right: 20px;
}

p {
line-height: 24px;
}

strong {
font-weight: bold;
}

table {
}