@charset "UTF-8";

* {padding: 0px;margin: 0px;border: 0px;}

body {font-size: 62.5%;background-color: #CCCCCC;font-family: "Trebuchet MS", Trebuchet, Verdana, Arial, Helvetica, sans-serif; color:#777777;}
#shadow-container  {
	background-image: url(../images/furniture/background_shadow.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
	padding-left: 40px;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

#container {
	width: 960px;
	margin-top: 0px;
	background-color: #FFFFFF;
}

#header-area {
	height: 190px;
	width: 960px;
}
#header-area .logo {float: left;}
#header-area .marketing {
	float: right;
	width: 210px;
}

#header-area .email {
	float: right;
	clear: right;
	width: 210px;
}

#menu-area {
	width: 870px;
	margin-left: 45px;
	padding-bottom: 30px;
}
#menu-area ul {
	width: 870px;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	padding-top: 8px;
	-webkit-box-shadow: 2px 2px 5px #aaa;
	-moz-box-shadow: 2px 2px 5px #aaa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
#menu-area li {float: left;margin-right: 3px;list-style-type: none;padding: 0px;margin-left: 24px;font-size: 1.3em;}


ul#the-main-menu li a.home {color:#777777; text-decoration: none;}
ul#the-main-menu li a.offer {color:#777777; text-decoration: none;}
ul#the-main-menu li a.work {color:#777777; text-decoration: none;}
ul#the-main-menu li a.ourteam {color:#777777; text-decoration: none;}
ul#the-main-menu li a.environment {color:#777777; text-decoration: none;}
ul#the-main-menu li a.news {color:#777777; text-decoration: none;}
ul#the-main-menu li a.testimonials {color:#777777; text-decoration: none;}
ul#the-main-menu li a.officegames {color:#777777; text-decoration: none;}
ul#the-main-menu li a.contact {color:#777777; text-decoration: none;}
ul#the-main-menu li a.customer {color:#CC006A; text-decoration: none;}

ul#the-main-menu li a.home:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.offer:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.work:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.ourteam:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.environment:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.news:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.testimonials:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.officegames:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.contact:hover {color:#333333; text-decoration: none;}
ul#the-main-menu li a.customer:hover {color:#333333; text-decoration: none;}

#home ul#the-main-menu li a.home {color:#5e246c; text-decoration: none;}
#offer ul#the-main-menu li a.offer {color:#00a0ef; text-decoration: none;}
#work ul#the-main-menu li a.work {color:#2c5ca1; text-decoration: none;}
#ourteam ul#the-main-menu li a.ourteam {color:#00a0ef; text-decoration: none;}
#environment ul#the-main-menu li a.environment {color:#6dbc4c; text-decoration: none;}
#news ul#the-main-menu li a.news {color:#2c5ca1; text-decoration: none;}
#testimonials ul#the-main-menu li a.testimonials {color:#00a0ef; text-decoration: none;}
#officegames ul#the-main-menu li a.officegames {color:#2c5ca1; text-decoration: none;}
#contact ul#the-main-menu li a.contact {color:#5e246c; text-decoration: none;}
#customer ul#the-main-menu li a.customer {color:#00a0ef; text-decoration: none;}


a.magenta-link-games:link { font-size:2.2em; color:#e4028c; text-decoration:underline;}
a.magenta-link-games:visited {color:#e4028c;}
a.magenta-link-games:hover {color:#00A0EF;}
a.magenta-link-games:active {color:#e4028c;}


a.small-link-games:link { font-size:1.4em; color:#777777; text-decoration:underline;}
a.small-link-games:visited {color:#777777;}
a.small-link-games:hover {color:#00A0EF;}
a.small-link-games:active {color:#777777;}

#image-area {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-top-style: solid;
	border-bottom-style: solid;
	width: 870px;
	margin-left: 45px;
	margin-bottom: 30px;
	clear: both;
}

#image-area-579px {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-top-style: solid;
	border-bottom-style: solid;
	width: 579px;
	margin-left: 45px;
	margin-bottom: 30px;
	clear: both;
	float: left;
}

#image-area-870px {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-top-style: solid;
	border-bottom-style: solid;
	width: 870px;
	margin-left: 45px;
	margin-bottom: 30px;
	clear: both;
	float: left;
}

#image-area-call-to-action-291px {
	width: 291px;
	float: right;
	margin-right: 15px;
}

#main-body-area {
	clear: both;
	background-image: url(../images/furniture/vertical-rule-main-area.gif);
	background-repeat: repeat-y;
	overflow: hidden;
	width: 960px;
}

#main-body-area p {
	font-size:1.4em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
#main-body-area h1 {
	font-size:1.8em;
	line-height: 1.4em;
	font-weight: normal;
	margin-bottom: .5em;
}

.color-purple {	color: #5e246c;}
.color-green {	color: #6dbc4c;}
.color-grey {	color: #2d4c5a;}
.color-magenta {color: #e4028c}
.color-blue {	color: #2c5ca1}
.color-cyan {	color: #00A0EF}
.color-orange { color:#ff9900}
.color-burgundy { color:#9e0039}
.color-lpurple { color:#9632be}
.color-lime { color:#b4d23c}



.col1and2 {float: left;
	width: 545px;
	padding-left: 45px;
}
.col3 {
	float: left;
	width: 260px;
	margin-left: 65px;
}

/*===================*/
/*Office Games Styling*/
#games-body-area {
	clear: both;
	background-position: 499px 0px;
	background-repeat: no-repeat;
	width: 960px;
}

#games-body-area p {
	font-size:1.4em;
	line-height: 1.6em;
	margin-bottom: .5em;
}
#games-body-area h1 {
	font-size:3.2em;
	line-height: 0.8em;
	font-weight: normal;
	margin-bottom: .5em;
}
#games-body-area h2 {
	font-size:2.2em;
	line-height: 1.8em;
	font-weight: normal;
	margin-bottom: .1em;
}
#games-body-area h3 {
	font-size:1.8em;
	line-height: 1.8em;
	font-weight: normal;
	margin-bottom: .1em;
}

#howplay-column-area {
	width: 227px;
	}

#howplay-column-area ul {
	width: 227px;
}
#howplay-column-area li {padding: 0px;font-size: 1.4em;line-height: 1.6em;margin-left: 15px;margin-right: 15px;}

#results-body-area {float: left;	
	clear: all;
	margin-left: 45px;
	width: 870px;
	padding-top:20px;
	margin-bottom: .5em;
}
.results-body-area {
	padding-top:20px;
}

#results-body-area h4 {float: left;
	color: #00A0EF;
	margin-top:0px;
	margin-bottom: .5em;
	padding-top:0px;
	font-size:3.2em;
	font-weight: normal;
}

#email-footer-area {float: left;	
	margin-left: 45px;
	width: 870px;
	padding-top:20px;
	margin-bottom: 2em;
}

.email-footer-area {float: left;	
	margin-left: 45px;
	width: 870px;
	height:100px;
	padding-top:20px;
	margin-bottom: 2em;
}

.col490px {float: left;
	clear: all;
	width: 490px;
	margin-bottom: 1.8em;
}

/*Coding for vertical text - NOT USED*/
#css-vertical-text {
	border:0px;
	writing-mode:lr-tb;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	white-space:nowrap;
	display:block;
	position:relative;
	right:-115px;
	top:110px;
	width:50px;
	height:277px;
	}
/*===================*/

.col300px p{
	margin-top: 0.3em;

}
.col300px td{
	border-bottom:#FFF medium solid; 
}


.col4all {
	float: left;
	width: 870px;
	margin-left: 45px;
}

.col4all p{
	font-size:1.4em;
	line-height: 1.6em;
}


/* Month Menu Styles */
	
#month-area    {float: left; padding-top:15px; padding-bottom:0px; width:590px; }
#month-area a  { text-decoration: none; color: #636363; font-weight: bolder; font-size: 1.2em; display: block; }
#month-area ul { overflow: hidden; list-style-type: none; padding: 0px; float: left;  bottom: 0;}	
#month-area li { float: left;  text-align: center;  margin-right: 8px;}	


.games-current-link   { width:50px; background-color: #999999; padding: 5px 15px; border: 1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.other-months-link  { width:50px; background-color: #d7d7d7; padding: 5px 15px; border: 1px solid #999999; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


/*hover style for all month menu items */
#the-month-menu a:hover { background-color:#636363; color: #ffffff;  border-color: #636363; }
/*----------- */



.torn-edge {
	clear: both;
	background-image: url(../images/office-games/office-games-torn-edge.jpg);
	background-repeat: no-repeat;
	width: 870px;
	height: 40px;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-bottom: 40px;
}


/*===================*/


/*_____________________________________________ Start - Projects - jCarouselLite _____________________________________________*/

.anyclass {margin-left: 45px;
padding-bottom:50px;
margin-top:50px;}

#jCarouselLite .carousel  {
    padding: 10px 0 0 0;
    margin: 0 0 20px 10px;
    position: relative;}
	
    #jCarouselLite .digg {
        position: absolute;
        left: 610px;
        top: 110px;}

    #jCarouselLite .main {
        margin-left: 40px;}

    #jCarouselLite .demo em {
        color: #FF3300;
        font-weight: bold;
        font-size: 60%;        
        font-style: normal;}

    #jCarouselLite .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
        float: left;}              

    #jCarouselLite .carousel a.prev, #jCarouselLite .carousel a.next {
        display: block;
        float: left;
        width: 30px;
        height: 143px;
        text-decoration: none;
        background: url("/image/imageNavLeft.gif") left 60px no-repeat;}

        #jCarouselLite .carousel a.next {
            background: url("/image/imageNavRight.gif") right 60px no-repeat;}

            #jCarouselLite .carousel a.next:hover {
                background-image: url("/image/imageNavRightHover.gif");}

            #jCarouselLite .carousel a.prev:hover {
                background-image: url("/image/imageNavLeftHover.gif");}    

            #jCarouselLite .carousel a:hover, #jCarouselLite .carousel a:active {
                border: none;
                outline: none;}                 

    #jCarouselLite .carousel .jCarouselLite {
        border: 1px solid black;
        float: left;
        background-color: #dfdfdf;

        /* Needed for rendering without flicker */
        position: relative;
        visibility: hidden;
        left: -5000px;}

        #jCarouselLite .carousel ul {
            margin: 0;}

        #jCarouselLite .carousel li img, 
        #jCarouselLite .carousel li p {
            background-color: #fff;
            width: 150px;
            height: 118px;
            margin: 10px;}

.anyClass li {margin-right: 1px;}  

        #jCarouselLite .widget img {
            cursor: pointer;}

            #jCarouselLite .mid {
                margin-left: 80px;
                width: 400px;
                height: 300px;}

            #jCarouselLite .vertical {
                margin-left: 170px;}

                #jCarouselLite .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
                    width: 170px;}

            #jCarouselLite .imageSlider li img, 
            #jCarouselLite .imageSlider li p, 
            #jCarouselLite .imageSliderExt li img , 
            #jCarouselLite .imageSliderExt li p {
                width: 400px;
                height: 300px;}

/*_____________________________________________ End - Projects - jCarouselLite _____________________________________________*/


hr {
	background-image: url(../images/furniture/horizontal-rule.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-bottom: 20px;
}

.recent-case-history {
	float: left;
	width: 180px;
}

#recent-case-history-container {
	width: 545px;
	overflow: hidden;
	margin-top: 5px;
}

#recent-case-history-container p {
	color: #002452;
	font-size: 1.3em;
	line-height: 1.3em;
	margin-right: 25px;
	margin-bottom: 10px;
}
#footer-area {
	width: 870px;
	margin-left: 45px;
}

#footer-menu-area {
	width: 960px;
}
a {
	color: #5E246C;
	text-decoration: none;
}

.quote-blue {
	background-image: url(../images/quotes/left-blue-quote.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.quote-green {
	background-image: url(../images/quotes/left-green-quote.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.quote-magenta {
	background-image: url(../images/quotes/left-magenta-quote.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.quote-teal {
	background-image: url(../images/quotes/left-teal-quote.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.quote-purple {
	background-image: url(../images/quotes/left-purple-quote.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.quote-grey {
	background-image: url(../images/quotes/left-grey-quote.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.quote-name {
	color: #999999;
	margin-left: 16px;
}

#myform .text_field_box {
	border: 1px solid #777777;
	width: 350px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}
#myform .text_enquiry_box {
	border: 1px solid #777777;
	width: 350px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}

#myform .drop-down_box {
	border: 1px solid #777777;
	width: 70px;
	padding: 3px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
}

#myform table {margin-bottom: 5px;}

.news-story-box {
	width: 515px;
	background-color: #FFFFFF;
	-webkit-box-shadow: 2px 2px 5px #aaa;
	-moz-box-shadow: 2px 2px 5px #aaa;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
	padding: 15px;
	margin-bottom: 25px;
}

.team-member-box-left {
	width: 515px;
	background-color: #FFFFFF;
	border: 0px;
	padding: 0px;
	margin-bottom: 25px;}
.team-member-box-left h1{
margin-left:180px;
margin-right:15px;
margin-top:3px;}
.team-member-box-left p{
margin-left:180px;
margin-right:15px;}

.team-member-box-right {
	width: 515px;
	background-color: #FFFFFF;
	border: 0px;
	padding: 0px;
	margin-bottom: 25px;}
.team-member-box-right h1{
margin-left:15px;
margin-right:180px;
margin-top:3px;}
.team-member-box-right p{
margin-left:15px;
margin-right:180px;}


.services-list-lightblue {
	margin-left: 1.25em;
	font-size: 1.4em;
	line-height: 1.6em;
	list-style-image: url(../images/furniture/list-bullet-light_blue.gif);
}
.services-list-magenta {
	margin-left: 1.25em;
	font-size: 1.4em;
	line-height: 1.6em;
	list-style-image: url(../images/furniture/list-bullet-magenta.gif);
}
.services-list-blue {
	margin-left: 1.25em;
	font-size: 1.4em;
	line-height: 1.6em;
	list-style-image: url(../images/furniture/list-bullet-blue.gif);
}
.services-list-green {
	margin-left: 1.25em;
	font-size: 1.4em;
	line-height: 1.6em;
	list-style-image: url(../images/furniture/list-bullet-green.gif);
}
#myform .submit_button {
	font-size: 1.5em;
	padding: 4px;
}

/* jquery buttons styles */
.fsc-leaflet-button {
	position:relative;
	display:block;
	height: 57px;
	width: 260px;
	background:url(../images/buttons/buttons-download-fsc-leaflet-sprite.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
}


.fsc-leaflet-button span.hover { 
	position: absolute;
	display: block;
	height: 57px;
	width: 260px;
	background: url(../images/buttons/buttons-download-fsc-leaflet-sprite.gif) no-repeat;
	background-position: bottom;
}


.portfolio-button {
	position:relative;
	display:block;
	height: 57px;
	width: 260px;
	background:url(../images/buttons/buttons-download-portfolio-sprite.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
}


.portfolio-button span.hover { 
	position: absolute;
	display: block;
	height: 57px;
	width: 260px;
	background: url(../images/buttons/buttons-download-portfolio-sprite.gif) no-repeat;
	background-position: bottom;
}

.quote-button {
	position:relative;
	display:block;
	height: 76px;
	width: 260px;
	background: url(../images/buttons/buttons-print-quote-sprite.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
}


.quote-button span.hover { 
	position: absolute;
	display: block;
	height: 76px;
	width: 260px;
	background: url(../images/buttons/buttons-print-quote-sprite.gif) no-repeat;
	background-position: bottom;
}

.print-green-button {
	position:relative;
	display:block;
	height: 57px;
	width: 260px;
	background: url(../images/buttons/buttons-download-printing-green-sprite.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
}


.print-green-button span.hover { 
	position: absolute;
	display: block;
	height: 57px;
	width: 260px;
	background: url(../images/buttons/buttons-download-printing-green-sprite.gif) no-repeat;
	background-position: bottom;
}


.games-button {
	position:relative;
	display:block;
	height: 57px;
	width: 260px;
	background:url(../images/buttons/buttons-office-sprite.gif) no-repeat;
	background-position:0 0;
	cursor: pointer;
}


.games-button span.hover { 
	position: absolute;
	display: block;
	height: 57px;
	width: 260px;
	background: url(../images/buttons/buttons-office-sprite.gif) no-repeat;
	background-position: bottom;
}

.diane-contact {font-size: 1.5em; line-height: 1.3em;}