html {margin:0px; padding:0px; background:url(../images/body_bg.png) repeat-x;}
body { background:url(../images/topline.png) 0 0 repeat-x; margin:0px; padding:18px 0 0 0; clear:both; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:12px; overflow-x:hidden;}
h1, h2, h3, h4, { margin:0px; padding:0px; font-family: 'OSP-DINDIN';}
.clear { clear:both;}

#wrapper { width:100%; float:left; background:url(../images/wrapper_bg.jpg) center -35px no-repeat; margin:0px 0 0 0; }

.topheader { width:960px; margin:0 auto;}
.topheader a h1 { background:url(../images/logoname.png) no-repeat; width:444px; height:84px; text-indent:-9999px; text-decoration:none; margin:0px; float:left;}
.topheader ul { float:right; margin:15px 0 0 0; padding:0px;}
.topheader ul li { float:left; list-style:none; margin:0 4px; padding:0px; text-transform:uppercase;}
.topheader ul li a { text-decoration:none; font-family: 'OSP-DINDIN'; font-size:23px; padding:0 5px; margin:0px 0 0 0; color:#ed2675;}
.topheader ul li a:hover { color:#14719d;}
.topheader ul li.active a { color:#14719d;}

.headerbanner { margin:0 auto; width:960px; height:400px;}

.maincontent { width:960px; margin:0 auto; clear:both;}
.circlecolumn { margin:10px auto 10px; width:960px; padding:0px; clear:both;}
.circlecolumn li {margin:0px 0 0 31px; line-height:165px; text-align:center; padding:0px; background:url(../images/circle_button.png) no-repeat; width:158px; height:175px; float:left; display:block;}
.circlecolumn li a { color:#14719d; font-family: 'OSP-DINDIN'; font-size:30px; text-decoration:none; text-transform:uppercase;}
.circlecolumn li a:hover { color:#ed2675}

.trainersadvice { float:left; width:280px; margin:0 15px 0 0;}
.trainersadvice h2 { color:#14719d; font-family: 'OSP-DINDIN'; font-size:30px; font-weight:normal; text-transform:uppercase; margin:0px 0 10px; padding:0px 0 10px; background:url(../images/headingline.png) 0 bottom repeat-x;}
.trainersadvice ul { margin:0px; padding:0px;}
.trainersadvice ul li { margin:0 0px 10px; padding:0px 0 10px; border-bottom:1px solid #999; list-style:none;}
.trainersadvice span a{ display:block; text-decoration:none; width:100%; padding:5px 0; color:#780536; font-family: 'OSP-DINDIN'; font-size:18px; text-transform:uppercase;}
.trainersadvice span a:hover { color:#14719d;}

.howweworks { float:left; width:650px; margin:0 15px 0 0;}
.howweworks h2 { color:#14719d; font-family: 'OSP-DINDIN'; font-size:30px; font-weight:normal; text-transform:uppercase; margin:0px 0 10px; padding:0px 0 10px; background:url(../images/headingline.png) 0 bottom repeat-x;}
.howweworks img { float:left; margin:0 10px 10px 0}

#footerwrapper { float:left; background:url(../images/footer_bg.png) repeat-x; width:100%; margin:10px 0 0 0; padding:10px 0}
.footer { width:960px; margin:0 auto; padding:20px 0}
.footer ul{ width:80%; margin:0 auto 0 auto; padding:0px;}
.footer ul li { list-style:none; background:url(../images/circle_bullet.png) 0 5px no-repeat; text-transform:uppercase; margin:0 10px; float:left; padding:0 0 5px 15px }
.footer ul li a{ text-decoration:none; font-size:14px; color:#FFF;}
.footer ul li a:hover {color:#780536;}
.footer span { width:100%; display:block; float:left; text-align:center; padding:10px 0; color:#780536;}
.footer span a { color:#780536;text-transform:capitalize; text-decoration:none;}
.footer span a:hover { color:#FFF; text-decoration:none;}

.innercontent { background:#FFF; width:940px; padding:10px; float:left; min-height:400px; border-radius: 5px 5px 0 0}
.innercontent h2 { color:#14719d; font-family: 'OSP-DINDIN'; font-size:30px; font-weight:normal; text-transform:uppercase; margin:0px 0 10px; padding:0px 0 10px; background:url(../images/headingline.png) 0 bottom repeat-x;}
.innercontent img { float:left; margin:0 10px 10px 0}

.weofferpanel { float:left; width:800px; padding:20px;}
.weofferpanel h4 { font-size:15px; font-weight:normal;}
.weofferpanel li { list-style:none; background: url(../images/circle_bullet2.png) 0 5px no-repeat; margin: 0 0 10px; padding: 0 0 0 20px;}

.faqpanel { float:left; width:800px; padding:0 10px;}
.faqpanel h4 { font-size:15px; font-weight:normal;}
.faqpanel li { list-style:none; background: url(../images/circle_bullet2.png) 0 5px no-repeat; margin: 0 0 10px; padding: 0 0 0 20px; font-size:16px;}
.faqpanel li.faqanswer { padding:0 0 0 30px; background:none; font-size:14px; color:#0f6690;}


.contactinfo { padding:10px; font-size:14px; line-height:18px;}
.contactinfo h4 {font-size:17px; font-weight:normal; color:#0f6690;}
.contactinfo a { color:#cd215f; text-decoration:none;}
.contactinfo a:hover { color:#7E7E80; text-decoration:none;}


.contanctform { margin:10px;}
.contanctform h4 {font-size:14px; color:#cd215f;}
.contanctform label { font-size:13px;}
.contanctform form input[type="text"] {
    display: block;
    width: 390px;
	margin:4px 0 10px 0;
}
.contanctform
input[type="text"], .contanctform textarea {
    border: 1px solid #7E7E80;
    font-size: 13px;
    padding: 6px;
}

.contanctform form textarea {
    display: block;
    height: 180px;
    width: 520px;
}

.button {
    background: none repeat scroll 0 0 #cd215f;
    border: 0 none;
    color: #FFFFFF;
    font-family: "myriad-pro-1","myriad-pro-2",sans-serif;
    font-size: 18px;
    font-weight: 400;
    margin: 5px 1em 0 0;
	cursor:pointer;
    padding: .5em 1em;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);
}