html{
margin: 0;
padding: 0;
font-size: 62.5%;
font-family: "Trebuchet MS", Tahoma, sans-serif;
}
body{
background: #f1f1f1 url(images/bg_body.gif) repeat-x top;
margin: 0
padding: 0;
}
#wrapper{
width:80em;
margin:0 auto;
}
/*Header and Nav*/
h1#logo{
margin: 0;
padding: 0;
}
h1#logo a{
text-indent: -999em;
height: 203px;
outline: none;
display:block;
}
#nav{
list-style-type: none;
padding: 0;
margin: 0;
}
#nav li{
width:24.5%;
float:left;
text-align: center;center;
font-size:2.8em;
font-family:"Aldine401 BT", "Times New Roman", Times, Georgia, Serif;
letter-spacing: .015em;
}
#nav a{
color:#333;
text-decoration: none;
display:block;
padding-bottom:5px;
}
#header{
min-height: 261px
}
* html #header{
height:261px;
}
#strapline{
color: #999;
font-family:"Aldine401 BT", "Times New Roman", Times, Georgia, Serif;
letter-spacing: .015em;
min-height: 113px;
}
* html #strapline{
height:113px;
}
#strapline .head-1, #strapline .head-2{
font-weight:normal;
margin:0 0 0 -70px;
padding: 0;
}
#strapline .head-1{
font-size:4.3em;
text-align:center;
margin-bottom:0.25em;
}
#strapline .head-2{
font-size: 2em;
text-align: right;
margin-right:40px;
}
/*Various bits*/
.clear-all{
clear:both;
height:1px;
width: 100%;
font-size:1px;
}
a{
text-decoration:none;
color:#009;
}
a:hover{
text-decoration:underline;
}
img{
border:none;
}
/*Content*/
#content{
font-size: 1.3em;
color:#333;
position: relative;
/*z-index:5*/
}
#left{
float:left;
width:68%;
position: relative;
/* z-index: 20;*/
}
#right{
float:right;
width:242px;
margin-top:0px;
position: relative;
/* z-index: 20;*/
}
/* * html #right{
margin-top:240px;
}*/
.body_copy{
background: #F7F7F7;
padding:1px 15px 15px;
margin-top: 2em;
margin-left: 15px;
line-height: 1.4;
clear: both
}
.body_copy ul{
margin:1em 0;
padding-left:1.5em;
}
.body_copy li{
min-height: 0;
margin:0;
padding-left: 14px;
list-style-type: none;
}
* html .body_copy li{
height:0px;
}
.intro, .lower_copy{
margin-left: 30px;
width:90%;
}
.booknowbutton{
float:right;
margin-top:14px;
}
#content h1{
font-family:"Aldine401 BT", "Times New Roman", Times, Georgia, Serif;
letter-spacing: .015em;
font-weight: normal;
font-size:3em;
padding-left:30px;
margin-bottom: 0.2em;
}
.subnav li, .subnav{
list-style-type: none;
margin:0;
padding:0;
font-size:1.1em;
}
h3 {
"Trebuchet MS", Tahoma, sans-serif;
font-size:1.1em;
}
h4 {
background: url(images/orange_squiggle_small.gif) no-repeat left;
text-indent:25px;
}
/*Footer*/
#footer, #footer a{
color:#666;
text-decoration: none;
text-align: center;
clear:both;
}
#footer{
font-size:1.3em;
}
/*Searchbox*/
h2{
padding-left:25px;
margin-left: 3px;
font-weight: normal;
margin-bottom: 0.3em;
}
.body_copy h2, .lower_copy h2{
font-weight:normal;
}
.searchbox{
background:url(images/bg_searchbox_t.gif) no-repeat top right;
}
.searchbox div{
background:url(images/bg_searchbox_b.gif) no-repeat bottom right;
padding:5px 5px 109px 60px;
text-align:right;
}
body.clients .searchbox{
background:url(images/bg_searchbox_2_t.gif) no-repeat top right;
}
body.clients .searchbox div{
background:url(images/bg_searchbox_2_b.gif) no-repeat bottom right;
}
* html .searchbox, * html .searchbox div{
height:0;
}
.searchbox dl, .searchbox dt, .searchbox dd{
margin:0;
padding:0;
font-size: 0.95em;
text-align: left;
}
.searchbox dt{
margin:0.6em 0;
}
.searchbox dd label{
display:block;
padding:2px;
}
.searchbutton input{
margin-right: 11px;
}
/*Client Feedback*/
.feedbackbox{
background:url(images/orange_feedbackbox_t.gif) no-repeat top right;
}
.feedbackbox div{
background:url(images/orange_feedbackbox_b.gif) no-repeat bottom right;
padding:5px 32px 109px 36px;
text-align:left;
}
body.training .feedbackbox div{
background:url(images/green_feedbackbox_b.gif) no-repeat bottom right;
}
body.training .feedbackbox{
background:url(images/green_feedbackbox_t.gif) no-repeat top right;
}
body.clients .feedbackbox div{
background:url(images/pink_feedbackbox_b.gif) no-repeat bottom right;
}
body.clients .feedbackbox{
background:url(images/pink_feedbackbox_t.gif) no-repeat top right;
}
body.about-us .feedbackbox div{
background:url(images/purple_feedbackbox_b.gif) no-repeat bottom right;
}
body.about-us .feedbackbox{
background:url(images/purple_feedbackbox_t.gif) no-repeat top right;
}
/* body.about-us #right{
margin-top:380px;
} */
.feedbackbox dd{
text-align: right;
font-size: 1.1em;
margin: 0 0 1em;
}
.feedbackbox dt p{
margin: 0;
font-size: 0.95em;
line-height: 1.3;
}
/*Page list*/
.page_list dt{
background: url(images/green_squiggle_small.gif) no-repeat left;
font-size:1.5em
}
.page_list dt a{
color:#333;
}
.page_list dt a:hover{
color: #999;
text-decoration: none;
}
.page_list dd{
margin:0.2em 0 1.5em;
padding: 0;
}
.page_list dt, .page_list dd{
padding-left: 26px;
}
/*Green*/
body.training h1#logo a{
background: url(images/green_hexagon.jpg) no-repeat center;
}
body.training #content{
background:url(cms/cmsimages/blank.jpg) no-repeat top right;
}
body.training #nav li.training a, body.training #nav a:hover{
background: url(images/green_underline.gif) no-repeat bottom center;
}
body.training .body_copy li{
background: url(images/green_bullet.gif) no-repeat 2px 6px;
}
body.training h2{
background: url(images/green_squiggle_small.gif) no-repeat left;
}
body.training #content h1{
background: url(images/green_squiggle.gif) no-repeat left;
}
/*Pink*/
body.clients h1#logo a{
background: url(images/pink_hexagon.jpg) no-repeat center;
}
body.clients #content{
background:url(cms/cmsimages/blank.jpg) no-repeat top right;
}
body.clients #nav li.clients a, body.clients #nav a:hover{
background: url(images/pink_underline.gif) no-repeat bottom center;
}
body.clients .body_copy li{
background: url(images/pink_bullet.gif) no-repeat 2px 6px;
}
body.clients h2{
background: url(images/pink_squiggle_small.gif) no-repeat left;
}
body.clients #content h1{
background: url(images/pink_squiggle.gif) no-repeat left;
}
/*Blueish*/
body.contact h1#logo a{
background: url(images/blueish_hexagon.jpg) no-repeat center;
}
body.contact #content{
/* background:url(cms/cmsimages/blank.jpg) no-repeat top right; */
}
body.contact #right{margin-top:0;}
body.contact #nav li.contact a, body.contact #nav a:hover{
background: url(images/blueish_underline.gif) no-repeat bottom center;
}
body.contact .body_copy li{
background: url(images/blueish_bullet.gif) no-repeat 2px 6px;
}
body.contact h2{
background: url(images/blueish_squiggle_small.gif) no-repeat left;
}
body.contact #content h1{
background: url(images/blueish_squiggle.gif) no-repeat left;
}
/*Purple*/
body.about-us h1#logo a{
background: url(images/purple_hexagon.jpg) no-repeat center;
}
body.about-us #content{
background:url(cms/cmsimages/blank.jpg) no-repeat right 30px;
}
body.about-us #nav li.about-us a, body.about-us #nav a:hover{
background: url(images/purple_underline.gif) no-repeat bottom center;
}
body.about-us .body_copy li{
background: url(images/purple_bullet.gif) no-repeat 2px 6px;
}
body.about-us h2{
background: url(images/purple_squiggle_small.gif) no-repeat left;
}
body.about-us #content h1{
background: url(images/purple_squiggle.gif) no-repeat left;
}
/*Home*/
body.home #content h1{
background: url(images/orange_squiggle.gif) no-repeat left;
}
/*
body.home #content{
background:url(cms/cmsimages/blank.jpg) no-repeat top right;
}
*/
body.home h1#logo a{
background: url(images/orange_hexagon.jpg) no-repeat center;
}
body.home #nav a:hover{
background: url(images/orange_underline.gif) no-repeat bottom center;
}
body.home .body_copy li{
background: url(images/orange_bullet.gif) no-repeat 2px 6px;
}
body.home h2{
background: url(images/orange_squiggle_small.gif) no-repeat left;
}
body.home #content h1{
background: url(images/orange_squiggle.gif) no-repeat left;
}
span.toggler{
display:block; background:url(images/morebutton.gif) no-repeat; height:30px; width:323px; cursor:pointer;
margin-top:1em; margin-left:25px;
}
#map{
border:1px solid #336;
}
#map-wrap{
padding-bottom:108px;
background:url(images/bg_map_reflect.gif) no-repeat bottom;
}
#imageContainer{
float: right;
background: url(images/photobg.gif) top right no-repeat;
width: 240px;
height: 300px;
}
#imageContainer img{
padding: 12px 0 0 15px;
}