body {
text-align:center;
background-image:url('images/layout2/pattern_008.jpg');
margin:0;
padding:0
}

#container {
width:960px;
position:relative;
top:18px;
text-align:left;
background-color:#FFF;
-webkit-border-radius:30px;
-moz-border-radius:30px;
margin:0 auto
}

.navwrapper {
width:960px;
float:right;
margin:0 auto
}

.navwrapper ul {
list-style:none;
font-family:Arial, Helvetica, sans-serif;
background-color:#000;
font-size:10px;
color:#FFF;
margin:0;
padding:0
}

.navwrapper li {
float:right;
background-color:#000;
text-align:center;
color:#FFF;
border-top:2px solid #999;
border-bottom:none;
border-left:1px solid #999
}

.navwrapper li a {
display:block;
text-align:center;
padding:3px 8px
}

.navwrapper li a:link,.navwrapper li a:visited {
text-decoration:none;
color:#999
}

.navwrapper li a:hover {
text-decoration:none;
color:#FFF;
background-color:#666
}

.navwrapper li a:active {
text-decoration:none
}


#headerimages {
width:960px;
clear:right;
margin:0 auto;
padding:0
}

#headerimages img {
vertical-align:bottom
}

#contentcontainer {
width:960px;
float:left;
background-color:#CC9
}

#leftcol {
width:223px;
float:left;
margin:0 auto
}

.curvybox {
width:200px;
background-color:#CFC;
border:2px #393 solid;
text-align:left;
-webkit-border-radius:8px;
-moz-border-radius:8px
}

#centercol {
width:466px;
float:left;
background-color:#FFF;
-webkit-border-radius:30px;
-moz-border-radius:30px;
margin:0 auto;
padding:10px 20px 20px
}

#centercol img {
margin:5px 10px 5px 0
}

#ie7andunder {
height:10px
}

#rightcol {
width:225px;
float:left;
text-align:center;
margin:0 auto
}

#footer {
clear:both;
width:960px;
margin:0 auto
}

.footertext {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFF
}

.footertext a:link,.footertext a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FFF;
text-decoration:none
}

.footertext a:hover,.footertext a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#FC0;
text-decoration:none
}

.absmiddle {
vertical-align:middle
}

.blank {
font-size:0
}

.maintext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:justify
}

.maintextcenter {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
text-align:center
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:22px;
color:#008435;
font-weight:bold;
font-style:italic
}

.subheaderpurple {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
font-style:italic;
color:#81163F
}

.headerRedXL {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:red;
font-weight:bold
}

.headerGreenXL {
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
color:#008435;
font-weight:bold
}

hr {
border:0;
width:100%;
background-color:#CC9;
height:5px
}

.quote {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#81163F;
font-style:oblique;
font-weight:bold
}

.menuleft a:link,.menuleft a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#81163F;
text-decoration:none
}

.prices {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
padding-right:5px;
padding-left:5px;
font-weight:bold;
text-decoration:none
}

.prices a:link,.prices a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFF;
text-decoration:none
}

.matrix,.matrix a:link,.matrix a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
text-decoration:none
}

.marquee {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:red
}

.headerRed {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:red
}

.headerBlue {
font-family:Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bold;
color:#00F
}

.subheaderBlue {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
font-weight:bold;
color:#00F
}

div.slideshow2 {
width:722px;
height:482px;
position:relative;
margin:10px auto 0
}

div.slideshow2 li {
float:left;
display:inline;
height:82px;
width:122px;
padding:5px 0 0 5px
}

div.slideshow {
width:760px;
height:193px;
position:relative;
margin:0 auto
}

div.slideshow-quote {
width:228px;
height:193px;
position:relative;
margin:0 auto
}

#team-training {
display:inline-block;
width:145px;
height:85px;
background:url("images/layout2/team-training-rollover.jpg") no-repeat 0 0;
vertical-align:top
}

#team-building-activities {
display:inline-block;
width:145px;
height:85px;
background:url("images/layout2/team-building-rollover.jpg") no-repeat 0 0;
vertical-align:top
}

#bespoke-design {
display:inline-block;
width:145px;
height:85px;
background:url("images/layout2/bespoke-rollover.jpg") no-repeat 0 0;
vertical-align:top
}

#header,#topimages {
width:960px
}

.maintext a:link,.maintext a:visited,.maintext2 a:link,.maintext2 a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#81163F;
text-decoration:none;
font-weight:bold
}

.maintext a:hover,.maintext a:active,.maintext2 a:hover,.maintext2 a:active,.menuleft a:hover,.menuleft a:active {
color:#000;
text-decoration:underline
}

.pics,.pics a:link,.pics a:visited,.pics a:hover,.pics a:active {
color:#000;
border-color:#000
}

h2,h2 a:link,h2 a:visited,.subheader,.subheader a:link,.subheader a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#008435;
font-weight:bold
}

h2 a:hover,h2 a:active,.subheader a:hover,.subheader a:active {
font-family:Arial, Helvetica, sans-serif;
font-size:15px;
color:#81163F;
font-weight:bold
}

h3,.bullet {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#008435;
font-style:oblique;
font-weight:bold
}

.maintextBold,.menuleft {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666;
font-weight:bold
}

.maintext2,.newslettertext {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#666
}

.prices a:hover,.prices a:active,.matrix a:hover,.matrix a:active {
color:#FC0;
text-decoration:none
}

div.slideshow2 ul,div.slideshow ul,div.slideshow-quote ul {
list-style:none
}

div.slideshow2 li img,div.slideshow li img,div.slideshow-quote li img {
border:1px solid #000
}

div.slideshow li,div.slideshow-quote li {
display:inline;
height:82px;
width:122px
}

#team-training:hover,#team-building-activities:hover,#bespoke-design:hover {
background-position:0 -85px
}

#team-training span,#team-building-activities span,#bespoke-design span {
display:none
}

#visit-shop {
  display: inline-block;
  width: 207px;
  height: 84px;
  background:  url("images/layout2/visit-shop-rollover.jpg") no-repeat 0 0;
  vertical-align:top;
}

#visit-shop:hover
{ 
  background-position: 0 -84px;
}

#visit-shop span
{
  display: none;
}

