/* STYLESHEET COPYRIGHT OF STUART ELMORE - DIGITALGRAVY.CO.UK DESIGNED FOR JJPTRAINING.CO.UK */ /* RESET ALL MEASUREMENTS / SETTINGS */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,q,blockquote,fieldset,input { margin: 0; padding: 0;} h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,em,strong { font-size: 1em; font-weight: normal; font-style: normal; } ul,ol { list-style: none; } img { border: none; } strong { font-weight: bold; } /* STATICS */ a {outline:none;} html {min-height: 100%;} body {font-family:Arial, Tahoma, Sans-serif; behavior: none; } .clear {clear:both;} .float_left {float:left;} .float_right {float:right;} .small {font-size:0.8em;} .text_center {text-align:center;} fieldset {padding:5px; border:#333 solid 1px; width:750px; margin:auto;} legend {font-size:80%; font-weight:bold;} /* DIVs */ #holder {width:1024px; height:768px; margin:auto; padding:0;} #header {width:100%; height:140px; margin:auto; padding:120px 0 0 0; position:relative;} #colourChoiceWrapper {position:absolute; top: 40px; right:70px; width: 100px; height: 15px;} #colourChoiceWrapper h2 {display:none;} #colourChoiceClassic {width:10px; height:10px; border: #999 3px solid; background:#a2e2fb; float:right; margin:2px;} #colourChoiceGreen {width:10px; height:10px; border: #999 3px solid; background:#00AB42; float:right; margin:2px;} #colourChoiceRed {width:10px; height:10px; border: #999 3px solid; background:#FF1F1F; float:right; margin:2px;} #colourChoiceBlue {width:10px; height:10px; border: #999 3px solid; background: #0071BC; float:right; margin:2px;} #colourChoiceClassic a {width:10px; height:10px;display:block;} #colourChoiceGreen a {width:10px; height:10px;display:block;} #colourChoiceRed a {width:10px; height:10px;display:block;} #colourChoiceBlue a {width:10px; height:10px;display:block;} #main_content {width:100%; margin:auto; padding:0;} #main_content p {width:740px; margin:5px auto 10px auto; font-size:12px; line-height:20px;} #main_content h2 {width:740px; margin:20px auto 5px auto; font-size:30px; text-align:center; font-weight:bold;} #main_content h3 {width:740px; font-size:14px; margin:15px auto 10px auto; line-height:19px;} #main_content a {color:#000; text-decoration:underline;} #main_content a:hover {color:#666; text-decoration:underline;} #main_content_list ol {width:340px; margin:5px auto auto auto; padding:0 0 0 30px; font-size:12px; line-height:15px; list-style-type:disc;} #main_content_list li {padding:5px 0 0 3px;} #main_content ol {width:340px; margin:5px auto 15px auto; padding:0 0 0 30px; font-size:12px; line-height:15px; list-style-type:disc;} #main_content li {padding:5px 0 0 3px;} #main_content form {text-align:center;} #main_content textarea {width:300px; height:50px;} #main_content input {width:300px;} #main_content .submit input {width:150px;;} .main_content_width {width:740px; margin:auto;} #textbox {width:385px; height:160px; margin:auto; float:right; padding:0 150px 0 0;} #textbox h2 {width:385px; font-size:30px; margin:0; text-align:left;} #textbox h3 {width:385px; font-size:14px; margin:5px 0 5px 0;} #textbox p {width:385px; font-size:12px; margin:0;} #footer {width:100%; margin:20px auto auto auto; padding:15px 0 0 0; background: url(../images/footer_bar.png) top center no-repeat; clear:both;} #footer p {margin:0; padding:6px 0 0 0; text-align:center; font-size:10px;} #footer a {color:#000; text-decoration:underline;} #footer a:hover {color:#666; text-decoration:underline;} #footer a:visited {color:#000; text-decoration:underline;} #footer img {vertical-align:bottom;} #shop {position:absolute; top:20px; left:440px;} #shop a {display:block; width:150px; height:150px; background:url(/images/shop.png) no-repeat center center;} #shop a span {display:none;} /* LOGO */ #logo h1.linked a {background: url(../images/header.png) no-repeat; display:block; padding-top: 98px; width: 1024px; /* \*/ overflow: hidden; /* */} * html #logo h1.linked a {height:98px;he\ight:0px;} #logo h1.linked a {height:0px;} img, #logo {behavior: url(css/iepngfix.htc); } /* END LOGO */ /* NAVIGATION */ #nav {width: 707px; height:36px; margin:auto;} #nav ul {display: inline; margin:auto; width:300px; list-style-type: none; } #nav li {display: inline; float: left; list-style: none;} #nav li a {display: block; height: 36px; background-repeat: no-repeat; background-position: 0 0; text-indent: -5000px;} #nav li a:hover {background-position:0 -36px;} #navHome a {width: 64px; background: url(/images/nav_01.png) bottom left;} #nav li#navWhy a {width: 74px; background: url(/images/nav_10.png) 0px 10px no-repeat;} #nav li#navWhy a:hover {width: 74px; background: url(/images/nav_10.png) 0px -26px no-repeat;} #navQualifications a {width: 109px; background: url(/images/nav_03.png) bottom left;} #navPricing a {width: 62px; background: url(/images/nav_04.png) bottom left;} #navContact a {width: 68px; background: url(/images/nav_05.png) bottom left;} #navAbout a {width: 64px; background: url(/images/nav_06.png) bottom left;} #navTestimonials a {width: 110px; background: url(/images/nav_07.png) bottom left;} #navPhotos a {width: 68px; background: url(/images/nav_08.png) bottom left;} #navSupplements a {width: 110px; background: url(/images/nav_09.png) bottom left;} /* END NAVIGATION */ #image-bank {width:200px; height:250px;} #image-bank p {width:200px; font-size:75%; text-align:center; margin:10px 0 0 0 ; clear:both;} .image-bank-right {float:right; margin:0 60px 10px 10px;} .image-bank-left {float:left; margin:0 10px 10px 60px;} #offers {width:194px;height:113px;background:url(../images/offers.png);display:block; margin:0 100px 0 0; float:right;} #offers h2 {display:none;} #offers a {width:194px; height:113px;display:block;}