body {margin: 0 auto; padding: 0; height: 100%; background: #fef1de; font-family:Arial, Helvetica, sans-serif; font-size: 1em;}
body.home #wrapper {margin: 0 auto; padding: 45px 0 0 0;}
#wrapper {margin: 0 auto; padding: 20px 0 0 0;}
#wrap {margin: 0 auto; width: 931px; position:relative;}
#qcwalk {position: absolute; top: 7px; left: 595px;}
#header {display: block; width: 925px; height: 202px; background: url(../imgs/hd_top.gif) no-repeat #fff;}
img#logo {display: block; padding: 48px 0 18px 30px;}
#container {display: block; background: url(../imgs/right_shad.gif) #e6d9c8 no-repeat top right; width: 931px;}
body.home #content {display: block; width: 925px; height: 235px; background: url(../imgs/home_content_bg.jpg) repeat-x #cbecf5;}
#content {display: block; width: 925px; background: url(../imgs/content_bg.jpg) repeat-x #cbecf5; overflow:auto;}
body.home #content p {width: 550px; display:block; padding: 20px 0 10px 30px; font-size: 0.8em;}
#content p {display:block; padding: 0 30px 30px 30px; font-size: 0.8em;}
#content ul li {display:block; margin: 0 30px 5px 30px; padding: 0 0 0 15px; font-size: 0.8em; background: url(../imgs/dotpoint.gif) no-repeat 0 5px;}
#content p.number {display: block; float: left; padding: 0 10px 20px 30px;}
#content h1 {display:block; padding: 20px 30px 10px 30px; font-size: 1.5em;}
#content h2 {display:block; padding: 0px 30px 5px 30px; font-size: 1.2em;}
img#bodyimg {display: block; float: right;}
#footer {display: block; width: 931px; height: 61px;}
#ftshad {display: block; float: right; width: 6px; height: 61px;  background: url(../imgs/right_shadbot.gif) no-repeat;}
#ftshadbot {display: block; float: left; width: 925px; height: 6px;  background: url(../imgs/ft_shad.gif) no-repeat;}
#shad {display: block;}
#blackbar {display: block; float: left; width: 925px; height: 55px; background: url(../imgs/ft_top.gif) no-repeat;}
body.home a.evaluation {display: block; margin: 0 0 0 15px !important; float:left; width: 284px; height: 77px; background: url(../imgs/btn_freeevaluation.png) no-repeat;}
body.home a.info {display: block; margin: 0 0 0 0 !important; float:left; width: 284px; height: 77px; background: url(../imgs/btn_furtherinformation.png) no-repeat;}
body.home a.evaluation:hover, body.home a.info:hover {background-position: 0 -77px;}
body#about #sideimage {display: block; float: right; margin: 20px 0 10px 10px; text-align:right; width: 250px; }
#sideimage {display: block; float: right; margin: 20px 0 10px 10px; text-align:right; width: 200px; }
a.evaluation {display: block; height: 49px; width: 203px; float: right; background: url(../imgs/btn_freeevaluation.gif) no-repeat; clear: right; margin: 43px 30px 0 0;}
a.info {display: block; height: 49px; width: 203px; float: right; background: url(../imgs/btn_furtherinformation.gif) no-repeat; clear: right;  margin: 0 30px 0 0;}
a.evaluation:hover, a.info:hover {background-position: 0 -49px}
#boxes {display: block; width: 687px; padding: 20px 0 0 0; background: url(../imgs/cornertop.png) no-repeat top; margin: 0 0 20px 30px;}
#boxes p {display: block; padding: 0 20px 0 20px; background:#fff; width: 647px; overflow:visible;}
#cornerbot {display: block; width: 687px; height: 20px; background: url(../imgs/cornerbot.png) no-repeat top;}
#boxes p img#credit {display:block; float:right; margin: 0 0 10px 10px;}
.nav {display: block; width: 925px; height: 45px; background: url(../imgs/hd_navbg.gif) no-repeat #45c9f5;  z-index: -100 !important;}
.nav a {height: 45px; display:block; float:left;  z-index: -100 !important;}
.nav a.nav_home {background: url(../imgs/nav_home.gif) no-repeat; width: 28px; margin: 0 0 0 25px;}
.nav a.nav_skills {background: url(../imgs/nav_skillsoptimiser.gif) no-repeat; width: 148px;}
.nav a.nav_overview {width: 99px;}
.nav a.nav_module {background: url(../imgs/nav_modulesummaries.gif) no-repeat; width: 174px;}
.nav a.nav_video {background: url(../imgs/nav_videodemos.gif) no-repeat; width: 144px;}
.nav a:hover {background-position: 0 -45px;}
body.home .nav a.nav_home, body.overview li.nav_overview, body.skills .nav a.nav_skills, body.module .nav a.nav_module, body.video .nav a.nav_video {background-position:0 -90px;}
li.nav_overview {background: url(../imgs/nav_overview.gif) no-repeat; width: 99px;}
li.nav_overview:hover {background-position: 0 -45px;}
body.overview li.nav_overview:hover {background-position: 0 -45px;}
.nav ul.dropdown {display: block; background: url(../imgs/dropdown.png) no-repeat; width: 183px; height: 90px;}
.nav ul.dropdown a {color: #ff6600; background: none; height: 23px; display: block; font-size: 0.7em; clear:both; padding: 7px 0 0 15px; text-decoration: none; width: 168px;} 
.nav ul.dropdown a:hover {background: url(../imgs/dropdown_hover.png) no-repeat; color: #fff;}
a.intro_btn {display: block; background: url(../imgs/flip1.gif) no-repeat; height: 61px; width: 62px; float:left;}
a.intro_btn:hover {background: url(../imgs/flip2.gif) no-repeat;}
p.ft_title {color: #00b2d9; display:block; float:right; font-size: 0.7em; clear:right; margin: 5px 6px 0 0;}
p.ft_sitemap {color: #888; display:block; float:right; font-size: 0.6em; clear:right;  margin: 0 6px 10px 0;}
p.ft_sitemap a {color: #888; text-decoration: none;}
p.ft_sitemap a:hover {color: #666; text-decoration: underline;}
a.btn_em {background: url(../imgs/engagement_logo.gif) no-repeat; display:block; height: 40px; width: 95px; float: right; margin: 9px 25px 0 0;}
a.btn_salmat {background: url(../imgs/elearning_logo.gif) no-repeat; display:block; height: 40px; width: 79px;  float: right; margin: 9px 15px 0 0;}
a.btn_romano {background: url(../imgs/romano_logo.gif) no-repeat; display:block; height: 40px; width: 63px;  float: right; margin: 9px 20px 0 0;}
a.btn_em:hover, a.btn_salmat:hover, a.btn_romano:hover {background-position: 0 -40px;}
#lbOverlay {position: absolute; left: 0; width: 100%; background-color: #000; cursor: pointer; z-index: 999 !important;}
#lbCenter, #lbBottomContainer {position: absolute; left: 50%; overflow: hidden; background-color: #fff; text-align: center; padding: 5px; z-index: 1000 !important;}
.lbLoading {background: #fff url(loading.gif) no-repeat center;}
#lbImage {border: 10px solid #fff;}
#lbPrevLink, #lbNextLink {display: block; position: absolute; top: 0; width: 50%; outline: none;}
#lbPrevLink {left: 0;}
#lbPrevLink:hover {background: transparent url(prevlabel.gif) no-repeat 0% 15%;}
#lbNextLink {right: 0;}
#lbNextLink:hover {background: transparent url(nextlabel.gif) no-repeat 100% 15%;}
#lbBottom {font-family: Verdana, Helvetica, sans-serif; font-size: 10px; color: #666;line-height: 1.4em;text-align: left;border: 5px solid #fff;  border-top-style: none;}
#lbCloseLink {display: block; float: right; width: 66px; height: 22px; background: transparent url(closelabel.gif) no-repeat center; margin: 5px 0;}
#lbCaption, #lbNumber {margin-right: 71px;}
#lbCaption {-weight: bold;}

#vertical_container {display:block; margin: 0 0 20px 25px;}
.accordion_toggle {display: block; background: url(../imgs/modulebar_norm.png) no-repeat; height: 28px; width: 852px; color: #fff; font-weight: normal; text-decoration: none; outline: none; cursor: pointer; margin: 0 0 5px 0; padding: 10px 0 0 15px !important; font-size: 1em !important; font-weight: bold;}
.accordion_toggle:hover {background: url(../imgs/modulebar_hover.png) no-repeat;}
.accordion_toggle_active {background: url(../imgs/modulebar_selected.png) no-repeat;}
.accordion_toggle_active:hover {background: url(../imgs/modulebar_selected.png) no-repeat;}
.accordion_content {overflow: hidden; width: 867px;}
.accordion_content p {padding: 5px 10px 15px 10px;}


body.video #moduleleft {display: block;float: left;width: 300px;
background: url(../imgs/cornertop_sm.png) no-repeat left top;
padding: 14px 0 0 0;
margin: 4px 0 25px 30px !important;
}
body.video #moduleinnerbot {display: block;
float: left;
width: 300px;
height: 20px;
padding: 0 !important;
background: url(../imgs/cornerbot_sm.png) no-repeat left top;
}
body.video #moduleleft h2 {
display: block;
float: left;
width: 270px;
background-color: #ffffff;
padding: 0 15px 0 15px;
}
body.video #moduleleft p {
text-align:center;
display: block;
float: left;
width: 270px;
background-color: #ffffff;
padding: 5px 15px 0 15px;
min-height: 40px;
}
body.video #moduleleft a.vidlink1, body.video #moduleleft a.vidlink2, body.video #moduleleft a.vidlink3, body.video #moduleleft a.vidlink4 {
display:block;
width: 255px;
height: 168px;
margin: 0 0 0 7px;
background-position: 0 -168px !important;
}
body.video #moduleleft a.vidlink1 {
background: url(../imgs/video_icon1.jpg) no-repeat;
}
body.video #moduleleft a.vidlink2 {
background: url(../imgs/video_icon2.jpg) no-repeat;
}
body.video #moduleleft a.vidlink3 {
background: url(../imgs/video_icon3.jpg) no-repeat;
}
body.video #moduleleft a.vidlink4 {
background: url(../imgs/video_icon4.jpg) no-repeat;
}
body.video #moduleleft a.vidlink1:hover, body.video #moduleleft a.vidlink2:hover, body.video #moduleleft a.vidlink3:hover, body.video #moduleleft a.vidlink4:hover {
background-position: 0 0 !important;
}
a.modulelink {display: block; width: 300px; height: 225px; background: url(../imgs/moduleoverview_btn.png) no-repeat; float:right; margin: 0 0 0 20px;}
a.modulelink:hover {background-position: 0 -225px;}

#moduleleft {display: block;float: left;width: 677px;
background: url(../imgs/moduleinnertop.png) no-repeat left top;
padding: 14px 0 0 0;
margin: 4px 15px 0 0 !important;
}

#moduleinnerbot {
display: block;
float: left;
width: 677px;
height: 14px;
background: url(../imgs/moduleinnerbot.png) no-repeat left top;
}

#moduleleft h2 {
display: block;
float: left;
width: 647px;
background-color: #ffffff;
padding: 0 15px 0 15px;

}
#moduleleft p {
display: block;
float: left;
width: 647px;
background-color: #ffffff;
padding: 0 15px 0 15px;
min-height: 40px;
}
#moduleright {
display: block;
float: left;
width: 150px;
height: 103px;
background: url(../imgs/module_smimgshad.png) no-repeat;
padding: 4px 4px;
margin: 0 0 0 10px;
}

#moduleresources {display: block; background: url(../imgs/moduleresourcesinnertop.png) no-repeat; padding: 17px 0 0 0; width: 867px; margin: 20px 0 0 0;}
#moduleresources h2 {display: block; background: #fff;  width: 837px; padding: 0 15px; color: #f57b20;}
#moduleresources p {display: block; background: #fff;  width: 837px; padding: 0 15px;}
#moduleresourcesbot {display: block; background: url(../imgs/moduleresourcesinnerbot.png) no-repeat; height: 17px;}


/* FORMS */ 

form#contact label {width: 140px; display:block; padding: 0 10px 5px 0; float:left;}
form#contact input, form#contact select {width: 250px; height: 20px;}
form#contact textarea {width: 500px; height: 100px;}
form#contact #formbtn {width: 100px; height: 30px;}
form#contact p.formbtn {margin: 0 0 0 150px;}
form#contact p {padding: 0 30px 10px 30px;}


body.detect {font-size: 0.8em;}
body.detect #wrap {width: 300px; margin: 0 auto; padding: 20px; background-color:#FFF; text-align: center;}
body.detect #wrapper {padding: 40px 0 0 0; margin: 0 auto;}