/*CSS Document*/
/*+clearfix {*/
.sitecontainer:after
{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
}
.sitecontainer
{
	display: inline-block;
}
.sitecontainer
{
/*\*/
	display: block;
/**/
	_height: 1px;
}
/*+}*/
INPUT, TEXTAREA
{
resize: none;
}
HTML
{
	font-size: 50%;
}
BODY
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Garuda, sans-serif;
	font-size: 125%;
	line-height: 1.8;
	margin: 0;
	background-color: #FFF;
	background-image: url(../images/rainbow.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	color: #212121;
}
STRONG, EM, B, I, LABEL, H1, H2, H3, H4
{
	font-family: "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", Garuda, sans-serif;
}
A
{
	color: #212121;
}
P, UL LI
{
	font-size: 12px;
}
P
{
	margin: 1em 0;
}
H1
{
	font-size: 24px;
	text-transform: uppercase;
}
H1.subheading
{
	font-size: 12px;
	margin: 0;
}
#logo
{
	float: left;
	margin: 0 0 10px;
	width: 200px;
}
H2
{
	font-size: 24px;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}
H3
{
	font-size: 18px;
	line-height: 1.2;
	margin: 12px 0;
	text-transform: uppercase;
}
H3.bulleted
{
	line-height: 1;
}
H4
{
	font-size: 14px;
	margin: 0 0 10px;
}
HR
{
	background-color: #D4D4D4;
	color: #D4D4D4;
	border: 0;
	height: 1px;
}
LABEL
{
	font-size: 11px;
	font-weight: bold;
	line-height: 3;
}
A IMG
{
	border: 0;
}
#treeslink IMG
{
	margin-left: 10px;
}
.highlight
{
	color: #DF1E24;
}
.clear
{
	clear: both;
}
.alert
{
	text-align: center;
}
/*default colours*/
#menu
{
	border-color: #CC0000;
}
H1.subheading
{
	color: #CC0000;
}
.side-menu LI.selected
{
	background-color: #CC0000;
}
.triangle
{
	border-right: 7px solid #CC0000;
}
.bulleted IMG
{
	background-color: #CC0000;
}
/*end
turquoise section*/
#exhibition #menu
{
	border-color: #0A9893;
}
#exhibition H1.subheading
{
	color: #0A9893;
}
#exhibition .side-menu LI.selected
{
	background-color: #0A9893;
}
#exhibition .triangle
{
	border-right: 7px solid #0A9893;
}
#exhibition .bulleted IMG
{
	background-color: #0A9893;
}
/*end
orange section*/
#signage #menu
{
	border-color: #EB7226;
}
#signage H1.subheading
{
	color: #EB7226;
}
#signage .side-menu LI.selected
{
	background-color: #EB7226;
}
#signage .triangle
{
	border-right: 7px solid #EB7226;
}
#signage .bulleted IMG
{
	background-color: #EB7226;
}
/*end
green section*/
#print #menu
{
	border-color: #39AB49;
}
#print H1.subheading
{
	color: #39AB49;
}
#print .side-menu LI.selected
{
	background-color: #39AB49;
}
#print .triangle
{
	border-right: 7px solid #39AB49;
}
#print .bulleted IMG
{
	background-color: #39AB49;
}
/*end
pink section*/
#design #menu
{
	border-color: #C43E91;
}
#design H1.subheading
{
	color: #C43E91;
}
#design .side-menu LI.selected
{
	background-color: #C43E91;
}
#design .triangle
{
	border-right: 7px solid #C43E91;
}
#design .bulleted IMG
{
	background-color: #C43E91;
}
/*end
grey section*/
#trade #menu
{
	border-color: #89A7B4;
}
#trade H1.subheading
{
	color: #89A7B4;
}
#trade .side-menu LI.selected
{
	background-color: #89A7B4;
}
#trade .triangle
{
	border-right: 7px solid #89A7B4;
}
#trade .bulleted IMG
{
	background-color: #89A7B4;
}
/** No idea why it's red if it's called blue.. **/
#blue #menu
{
	border-color: #CC0000;
}
#gallery #menu
{
	border-color: #CC0000;
}
/*end*/
.maincontainer
{
	margin: 32px auto;
	width: 973px;
}
/*[clearfix]*/.sitecontainer
{
	width: 973px;
	background-image: url(../images/trans_pixel_10_10.png);
}
.content-container
{
	float: left;
	padding: 0 10px 30px;
	width: 953px;
}
#borders-top
{
	background-image: url(../images/mainboxtrans_top.png);
}
#borders-bottom
{
	background-image: url(../images/mainboxtrans_bottom.png);
}
.site-borders
{
	background-position: top;
	background-repeat: no-repeat;
	height: 8px;
}
#header
{
	margin: 0 auto;
	width: 951px;
	padding: 9px 0 0;
}
#header P
{
	font-size: 11px;
}
#quickcontact
{
	float: right;
	margin: 18px 22px 0;
	text-align: right;
	width: 280px;
}
#topmenu
{
	background-image: url(../images/topmenu_bg.png);
	background-repeat: no-repeat;
	width: 223px;
	height: 27px;
	float: right;
	text-align: center;
	margin-top: 18px;
}
#topmenu P, #quickcontact P
{
	margin: 0;
	line-height: 2.4;
}
#topmenu A
{
	text-decoration: none;
	color: #000;
}
#menu
{
	clear: both;
	border-top: 5px solid #D7D7D7;
	height: 44px;
	margin: 24px 0 28px;
	background-image: url(../images/menu_bg.png);
	background-repeat: no-repeat;
}
#menu UL
{
	float: right;
	margin: 9px 6px 0 0;
	padding: 0;
}
#menu #homemenu
{
	float: left;
	margin-left: 10px;
}
#menu #homemenu LI
{
	background-image: url(../images/home_bullet.gif);
	background-position: 0 6px;
	background-repeat: no-repeat;
	padding-left: 17px;
}
#menu UL LI
{
	background-image: url(../images/mainmenu_divider.gif);
	background-position: right 6px;
	background-repeat: no-repeat;
	float: left;
	list-style: none;
	padding: 0 12px 0 6px;
	font-size: 13px;
	text-transform: uppercase;
	position: relative;
}
#menu UL LI:last-child, #menu UL LI.last-child
{
	background-image: none;
}
#menu A
{
	color: #000;
	text-decoration: none;
}
.home-content
{
	width: 955px;
	margin: 0 auto;
}
#home-smallboxes
{
	float: right;
	width: 175px;
	height: 297px;
	padding-top: 7px;
	background-image: url(../images/homeboxes_rightcol.png);
	background-repeat: no-repeat;
}
.smallbox
{
	position: relative;
	background-repeat: no-repeat;
	width: 132px;
	height: 112px;
	padding: 14px;
	margin: 0 auto 9px;
	color: #FFF;
}
.smallbox:last-child, .smallbox.last-child
{
	margin-bottom: 0;
}
.smallbox H2
{
	font-size: 13px;
	margin: 0;
}
.redbox
{
	background-image: url(../images/redbox.gif);
}
.greenbox
{
	background-image: url(../images/greenbox.gif);
}
.greybox
{
	background-image: url(../images/greybox.gif);
}
#home-largebox
{
	position: relative;
	float: left;
	width: 758px;
	height: 290px;
	padding: 7px;
	background-image: url(../images/homeboxes_large.png);
	background-repeat: no-repeat;
}
#mainimage-overlay
{
	position: absolute;
	z-index: 100;
	top: 7px;
	left: 7px;
}
#servicelist
{
	position: absolute;
	z-index: 101;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 6px 4px 0 16px;
	background-image: url(../images/sliders_bg.png);
	background-repeat: no-repeat;
	width: 738px;
	height: 38px;
}
#servicelist LI
{
	position: relative;
	float: left;
	list-style: none;
	margin-right: 18px;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 6px 4px 5px 1px;
	line-height: 1.8;
}
#servicelist LI.last-child, #servicelist LI:last-child
{
	margin-right: 0;
}
#servicelist LI.selected
{
	background-color: #369536;
}
.slider_left, .slider_right
{
	position: absolute;
	display: none;
	top: 0;
}
#servicelist LI.selected .slider_left, #servicelist LI.selected .slider_right
{
	display: block;
}
#slide-container
{
	line-height: 1.8;
}
.slider_left
{
	left: -6px;
}
.slider_right
{
	right: -6px;
}
.uparrow
{
	display: none;
	position: absolute;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 8px solid #369536;
	font-size: 0;
	line-height: 0;
	left: 50%;
	margin-left: -4px;
	top: -8px;
	width: 0;
}
#servicelist LI.selected .uparrow
{
	display: block;
}
#servicelist LI A
{
	color: #FFF;
	text-decoration: none;
	outline: none;
}
#servicelist LI IMG
{
	float: left;
	margin-right: 2px;
}
#home-lowerbox
{
	background-image: url(../images/home_lowerbox.png);
	background-repeat: no-repeat;
	border-top: 5px solid #D2D2D2;
	width: 917px;
	height: 188px;
	margin: 28px auto 0;
	padding: 0 8px 0 26px;
}
.featuredbox
{
	float: left;
	width: 345px;
}
#featuredright
{
	float: right;
}
.featuredbox H2
{
	margin-top: 0;
	font-size: 17px;
}
.featuredboxes
{
	background-image: url(../images/featuredboxes_bg.gif);
	background-position: center;
	background-repeat: repeat-y;
	float: left;
	margin-top: 31px;
	width: 730px;
}
#specsheetsbox
{
	float: right;
	margin-top: 20px;
}
#footer
{
	margin: 20px auto 0;
	width: 917px;
	height: 50px;
	padding: 12px 8px 0 26px;
	clear: both;
	border-top: 4px solid #D7D7D7;
}
#footer UL
{
	float: left;
	padding: 0;
	/*+placement:shift 0px -7px;*/
	position: relative;
	left: 0px;
	top: -7px;
	display: inline;
	writing-mode: inherit;
	width: 350px;
	margin-top: 6px;
}
#footer LI
{
	float: left;
	list-style: none;
	border-left: 1px solid #BEBEBE;
	line-height: 1.5;
	padding: 0 5px;
	font-size: 11px;
}
#footer LI A
{
	color: #000;
}
#treeslink
{
	float: right;
	z-index: 10;
	display: inline;
}
.main-column
{
	float: left;
	width: 758px;
	padding-left: 8px;
}
.side-column
{
	float: right;
	width: 175px;
}
.sidebox
{
	background-image: url(../images/sidebox_bg.png);
	background-repeat: repeat-y;
	margin-bottom: 11px;
}
.sidebox-top
{
	background-image: url(../images/sidebox_top.png);
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 7px;
}
.sidebox-bottom
{
	background-image: url(../images/sidebox_bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding-bottom: 7px;
}
.side-menu UL
{
	padding: 0;
	margin: 0;
}
.side-menu LI
{
	background-image: url(../images/sidemenu_divider.png);
	background-position: bottom;
	background-repeat: no-repeat;
	height: 40px;
	list-style: none;
	padding-left: 20px;
	margin: 0 2px;
}
.side-menu LI.selected
{
	position: relative;
}
.side-menu LI.selected A
{
	color: #FFF;
}
.side-menu LI A
{
	color: #000;
	line-height: 36px;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}
.side-menu LI:last-child, .side-menu LI.last-child
{
	background-image: none;
	height: 36px;
}
.triangle
{
	display: none;
	position: absolute;
	border-bottom: 5px solid transparent;
	border-top: 5px solid transparent;
	font-size: 0;
	line-height: 0;
	left: -7px;
	top: 13px;
	width: 0;
}
.selected .triangle
{
	display: block;
}
.image-overlay
{
	position: relative;
	line-height: 0;
}
.image-overlay .tl
{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}
.image-overlay .tr
{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 50;
}
.image-overlay .bl
{
	position: absolute;
	bottom: 0px;
	left: 0;
	z-index: 50;
}
.image-overlay .br
{
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 50;
}
.image-overlay .zoom
{
	display: none;
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -15px 0 0 -15px;
}
.image-overlay A:hover .zoom
{
	display: block;
}
.image-box
{
	background-image: url(../images/image-box.png);
	background-repeat: no-repeat;
	padding: 7px;
	margin-bottom: 12px;
}
.image-box-container
{
	float: right;
	width: 226px;
}
.text-box
{
	float: left;
	width: 502px;
}
.text-box.no-images
{
	width: 660px;
}
.contact-form
{
	float: left;
	width: 357px;
}
.contact-details
{
	float: right;
	width: 355px;
}
#map-container
{
	background-image: url(../images/map-container-thin.png);
	background-repeat: no-repeat;
	padding: 12px;
}
.shortinput
{
	width: 50%;
	float: left;
}
INPUT.textinput, TEXTAREA
{
	font-family: "Lucida Grande", "Lucida Sans Unicode", Garuda, sans-serif;
	font-size: 12px;
	border: 1px solid #D4D4D4;
	padding: 6px;
	width: 324px;
}
.shortinput INPUT.textinput
{
	width: 144px;
}
.biggreybox
{
	clear: both;
	background-color: #F8F8F8;
	background-image: url(../images/largebox-bottom.png);
	background-position: bottom;
	background-repeat: no-repeat;
	padding: 15px 22px;
	margin: 20px 0;
}
#specsheets
{
	margin-top: 7em;
}
#quickquote TEXTAREA
{
	height: 141px;
}
.bulleted IMG
{
	background-color: #9900FF;
	float: left;
	margin: 0 6px 0 0;
}
#gallery .main-column .subheading, #gallery .main-column H2
{
	padding-left: 7px;
}
.gallery-item
{
	float: left;
	margin: 8px 7px;
	height: 210px;
	width: 174px;
}
.gallery-item .image-overlay
{
	border: 5px solid #F2F2F2;
}
.gallery-caption
{
	text-transform: uppercase;
	font-weight: bold;
	font-size: 11px;
}
.menu_arrow
{
	position: absolute;
	bottom: -16px;
	left: 29px;
	display: none;
}
#home .home .menu_arrow
{
	display: block;
}
#exhibition .exhibition .menu_arrow
{
	display: block;
	left: 64px;
}
#signage .signage .menu_arrow
{
	display: block;
/*left:29px;*/
	left: 50%;
}
#print .print .menu_arrow
{
	display: block;
	left: 42px;
}
#design .creative .menu_arrow
{
	display: block;
	left: 52px;
}
#blue .trade .menu_arrow
{
	display: block;
	left: 48px;
}
#gallery .gallery .menu_arrow
{
	display: block;
	left: 24px;
}
.slide
{
	position: absolute;
	width: 758px;
	height: 288px;
}
.slide A
{
	display: block;
	text-decoration: none;
}
DIV.slide
{
	padding: 88px 30px 0 270px;
	width: 458px;
	height: 200px;
}
.slide H2, .slide P
{
	color: #FFF;
	text-transform: uppercase;
	width: 90%;
}
.slide H2
{
	font-size: 25px;
}
.slide P
{
	font-size: 12px;
}
#slide0
{
	z-index: 3;
}
#slide_link_0
{
	display: none;
}
#google-map
{
	width: 330px;
	height: 311px;
}
.pagination-links
{
	clear: both;
	float: right;
	font-size: 12px;
}
.specsheetcategory
{
	float: left;
	width: 157px;
	margin-right: 20px;
}
.team-member
{
	margin: 20px 0 40px;
}
.member_description
{
	float: left;
	width: 345px;
}
.member_image
{
	float: right;
	width: 360px;
}
.brochure
{
	float: left;
	width: 357px;
	margin: 15px 0;
}
.brochure_image
{
	float: left;
	width: 102px;
	height: 124px;
	background-color: #FFF;
	padding: 5px 6px;
	text-align: center;
	margin-right: 15px;
	border: 6px solid #F2F2F2;
}
.brochure_info
{
	padding: 6px 20px 0 0;
}
.brochure_info H3
{
	margin-top: 0;
}
.brochure_info P
{
	font-size: 11px;
}
.brochure_link A
{
	color: #000;
	text-decoration: none;
}
.pdf_icon
{
	float: left;
	margin-right: 8px;
}
.product
{
	float: left;
	width: 357px;
	margin: 15px 0 25px;
}
.product_image
{
	float: left;
	width: 102px;
	height: 124px;
	background-color: #FFF;
	padding: 5px 6px;
	text-align: center;
	margin-right: 15px;
	border: 6px solid #F2F2F2;
}
.product_info
{
	float: right;
	width: 196px;
	padding: 6px 20px 0 0;
}
.product_info H3
{
	margin-top: 0;
}
.product_info P
{
	font-size: 11px;
}
.product_link A
{
	color: #000;
	text-decoration: none;
}
#main_brochure_link
{
	float: left;
	width: 715px;
	height: 59px;
	margin: 10px 0px;
}
