@charset "UTF-8";
/* CSS Document */

/*------------
 GLOBAL RESET
--------------*/
body, div, dl, dt, dd, ul, ol, li, 
h1, h2, h3, h4, h5, h6, form, 
fieldset, legend, input, textarea, p,
blockquote, th, td 													{ margin: 0; padding: 0; }
table 																{ border-collapse: collapse; border-spacing: 0; padding: 0;  width: 100%; }
fieldset,
img,
a img 																{ border: 0; }
caption,
th 																	{ text-align:left;}
q:before,
q:after 															{ content:''; }
input, 
textarea, 
select 																{ font-family:inherit; font-size: inherit; font-weight: inherit; }
button																{ cursor: pointer; margin: 0; padding: 0; border: none; background: none; }
.clearer															{ margin: 0; padding: 0; clear:both; }
legend,
.hide																{ display: none; }


/*------------
 SITEWIDE
--------------*/
body																{ font: 0.75em/1.3em Tahoma, Arial, sans-serif; color: #737474; text-align:center; background: #226661; }


/*----------
 TYPOGRAPHY
------------*/
/*graphic heading*/
.content #main-content h1											{ height: 15px; background-position: 0 0; background-repeat: no-repeat; margin: 0 0 0.83em 0; }
.content #main-content h1 span										{ display: none; }
.content #main-content h2											{ color: #d1862b; font-size: 1.17em; font-weight: normal; margin: 0 0 0.83em 0;  }
.content #main-content h3											{}

.content #main-content p,
.content #main-content ol,
.content #main-content ul,
.content #main-content dl,
.content #main-content .highlight-text								{ margin-bottom: 0.83em; }
.content #main-content ul li										{ list-style: none; padding-left: 20px; line-height: 1.4em; background:url(../img/shared/misc/bullet.gif) 0 2px no-repeat; color: #187f75; }

.content #main-content .highlight-text								{ color: #226661; font-size: 1.17em; line-height: 1.3em; }

.content #main-content a:link,
.content #main-content a:visited									{ color: #e19847; text-decoration: underline; }
.content #main-content a:hover,
.content #main-content a:active										{ color: #6b9f9c; text-decoration: none; }


/*-----------
 STRUCTURE
-----------*/
#wrap																{ width: 954px; margin: 0 auto; text-align: left; margin-bottom: 10px; }
#page																{ background:url(../img/shared/backgrounds/page-bg.gif) 0 0 repeat-y; }
#page-inner															{ padding: 0 7px 10px 7px; background:url(../img/shared/backgrounds/page-inner-bg.gif) 0 100% no-repeat; overflow: auto; _height: 1%; }

/*Header
--------*/
#header																{ height: 70px; background: #2b8179 url(../img/shared/header/header-bg.jpg) 0 0 no-repeat; border-bottom: 1px solid #FFF; position: relative; }
#header h1															{ position: absolute; height: 93px; width: 154px; top: 0; left: -10px; margin: 0; }
#header h2															{ float: right; width: 203px; height: 70px; background: url(../img/shared/header/txt-call-us.gif) 0 0 no-repeat; }
#header h2 span														{ display: none; }

/*Menu
------*/
#menu																{ height: 24px; background: #d1862b url(../img/shared/menu/menu-bg.gif) 0 0 repeat-x; line-height:1.0; margin-bottom: 5px; }
#menu-outer															{ height: 24px; background: url(../img/shared/menu/menu-left-bg.gif) 0 0 no-repeat; }
#menu-inner															{ height: 24px; background: url(../img/shared/menu/menu-right-bg.gif) 100% 0 no-repeat; padding: 0 10px 0 145px; }
/*primary menu*/
#menu li															{ list-style: none; float: left; position: relative; height: 24px; z-index:9999;  }
#menu li a															{ display: block; background-repeat: no-repeat; background-position: 0 0; height: 24px; border-right: 1px solid #e3b680; }
#menu li a span														{ display: none; }
#menu li a:hover													{ background-position: 0 -24px; }
#menu li a#mm-home													{ background-image:url(../img/shared/menu/mm-home.gif); width: 40px; }
#menu li a#mm-about-us												{ background-image:url(../img/shared/menu/mm-about-us.gif); width: 60px; }
#menu li a#mm-products												{ background-image:url(../img/shared/menu/mm-products.gif); width: 135px; }
#menu li a#mm-contact-us											{ background-image:url(../img/shared/menu/mm-contact-us.gif); width: 75px; }
/*active section*/
body.home #menu li a#mm-home,
body.about-us #menu li a#mm-about-us,
body.products #menu li a#mm-products,
body.contact-us #menu li a#mm-contact-us							{ background-position: 0 -24px; }

/*secondary menu*/
#menu ul ul 														{ position: absolute; z-index: 9999; width: 160px; height: auto; background: #e39d4a; font-size: 0.9em; }	
#menu ul ul li 														{ height: auto; width: 160px; overflow: visible; padding: 0; margin: 0; }	
#menu ul ul li a 													{ height: auto; width: auto; display: block; padding: 5px 10px; color: #FFF; text-decoration: none; cursor: pointer; border: none; border-top: 1px solid #FFF; }	
#menu ul ul li a:hover												{ background: #d1862b; }
#menu li:hover ul,
#menu ul li.sfHover ul 												{ left: 0px; top: 24px; }
.superfish li:hover ul,
.superfish li li:hover ul,
.superfish li li li:hover ul 										{ top: -999em; }
.superfish															{ z-index: 0; }

/*Banner
--------*/
.banner																{ height: 100px; margin-bottom: 5px; }
.banner h1 span														{ display: none; }
embed, 
object, 
.banner						 										{ position: relative; z-index: 1; }

/*Content
---------*/
.content															{ background-position: 0 0; background-repeat: repeat-y; }
.content #content-outer,														
.content #content-inner												{ background-repeat: no-repeat; }
.content #content-outer												{ padding-top: 10px; background-position: 0 0; }														
.content #content-inner												{ padding-bottom:10px; background-position: 0 100%; overflow: visible; }
/*one column*/
.one-column															{ background-image: url(../img/shared/backgrounds/one-column-middle.gif); }
.one-column #content-outer											{ background-image:url(../img/shared/backgrounds/one-column-top.gif); }														
.one-column #content-inner											{ background-image:url(../img/shared/backgrounds/one-column-bottom.gif); }
/*two column*/
.two-column															{ background-image: url(../img/shared/backgrounds/two-column-middle.gif); }
.two-column #content-outer											{ background-image:url(../img/shared/backgrounds/two-column-top.gif); }														
.two-column #content-inner											{ background-image:url(../img/shared/backgrounds/two-column-bottom.gif); }

.content #main-content,
.content #sub-content												{ margin-bottom: 10px; }
.one-column #main-content											{ width: 100%; }
.one-column #main-content .padding									{ padding: 10px 25px; }
.two-column #main-content											{ float: right; width: 755px; } 
* html .two-column #main-content									{ width: 745px; }
.two-column #sub-content											{ float: left; width: 180px; }
.two-column #main-content .padding,
.two-column #sub-content .padding									{ padding: 10px 15px; } 

/*Submenu*/
#submenu ul															{ margin: 0; border-top: 1px solid #739f9c; }
#submenu li															{ list-style: none; padding: 10px 5px; border-bottom: 1px solid #739f9c; }
#submenu li a														{ display: block; height: 12px; background-position: 0 -12px; background-repeat: no-repeat; }
#submenu li a:hover													{ background-position: 0 0; }
#submenu li a span													{ display: none; }
/*product & services overview*/
#submenu li a#sm-print-services										{ background-image:url(../img/shared/sub-menu/sm-print-services.gif); }
#submenu li a#sm-signage											{ background-image:url(../img/shared/sub-menu/sm-signage.gif); }
#submenu li a#sm-design												{ background-image:url(../img/shared/sub-menu/sm-design.gif); }
/*printing services*/
#submenu li a#sm-large-printing										{ background-image:url(../img/shared/sub-menu/sm-large-printing.gif); }
#submenu li a#sm-promotional-products								{ background-image:url(../img/shared/sub-menu/sm-promotional-products.gif); }
#submenu li a#sm-business-stationery								{ background-image:url(../img/shared/sub-menu/sm-business-stationery.gif); }

body.large-format #submenu li a#sm-large-printing,
body.promotional #submenu li a#sm-promotional-products,	
body.stationery #submenu li a#sm-business-stationery				{ background-position: 0 0; } 

/*design*/
#submenu li a#sm-graphic-design										{ background-image:url(../img/shared/sub-menu/sm-graphic-design.gif); }
#submenu li a#sm-new-media											{ background-image:url(../img/shared/sub-menu/sm-new-media.gif); }
body.new-media #submenu li a#sm-new-media,
body.graphic-design #submenu li a#sm-graphic-design					{ background-position: 0 0; } 

#submenu li a#sm-grafton-mall										{ background-image:url(../img/shared/sub-menu/sm-grafton-mall.gif); }
body.grafton-mall #submenu li a#sm-grafton-mall						{ background-position: 0 0; } 


/*Image Gallery*/
#image-gallery														{ float: right; width: 445px; min-height: 555px; background: #226661; border: 1px solid #34a199; position:relative; margin: 0 0 10px 10px; }

#image-gallery .caption 											{ color: #8fb2af; }
#image-gallery .gallery-active 										{ width:435px; margin: 10px 5px;}
.content #main-content #image-gallery li							{ background: none; padding: 0; }
.content #main-content #image-gallery .gallery-active li 			{ float: left; margin: 0 1px 5px 1px; width: 45px; height: 30px; }
.content #main-content #image-gallery .gallery-active li img		{ border:1px double #8fb2af; cursor: pointer;  }
#image-gallery .gallery-active li div 								{}
#image-gallery .gallery-active li div .caption 						{ color: #8fb2af; }
#image-gallery #main_image											{ margin: 10px 5px; width:435px; height: 325px; }
#image-gallery #main_image img										{ margin:10px 0;}


/*SMFe Details*/
#smfe																{ display: block; height: 14px; background:url(../img/shared/footer/txt-footer.gif) 0 0 no-repeat; margin: 0; }
#smfe span															{ display: none; }

/*Footer
--------*/
#footer																{ margin-bottom: 0.83em; color: #659491; padding-top: 10px; }
#footer ul															{ float: left; }
#footer p															{ float: right; }
#footer li															{ display: inline; padding: 0 5px; border-right: 1px solid #659491; }
#footer a															{ color: #659491; text-decoration: none; }


/*----------
 Home Page
------------*/
body.home #home.banner												{ height: 190px; background:url(../img/home/banner.jpg) 0 0 no-repeat; }
body.home #home.banner h1											{ height: 25px; width: 493px; padding: 45px 0 10px 15px; background:url(../img/home/hd-catchphrase.gif) 15px 45px no-repeat; }
body.home #home.banner p											{ height: 30px; width: 393px; padding: 0 0 0 15px; background:url(../img/home/txt-our-expertise.gif) 15px 0 no-repeat; }
body.home #home.banner span											{ display: none; }
body.home #home.banner p#learn-more									{ padding: 0; background: none; }
body.home #home.banner p#learn-more a								{ width: 95px; height:27px; display: block; margin: 10px 0 0 15px; background:url(../img/home/btn-learn-more.gif) 0 0 no-repeat; }
body.home .content #content-outer									{ padding: 0px; }												

.feature															{ float: left; width: 310px; background: url(../img/home/feature-bottom.gif) 0 0 no-repeat; margin: 0 1px 10px 1px; }
.feature .feature-inner												{ background:url(../img/home/feature-top.gif) 0 0 no-repeat; padding: 10px 15px; }
.setHeight															{ min-height: 140px; }
* html .setHeight													{ height: 140px; }
.content #main-content .feature .feature-inner h1					{ height: 37px; margin-bottom: 0.53em; background-position: 0 0; background-repeat: no-repeat;  }
.feature span														{ display: none; }
body.home .printing-services h1										{ background-image: url(../img/home/hd-printing-services.gif); }
body.home .signage h1												{ background-image: url(../img/home/hd-signage.gif); }
body.home .design h1												{ background-image: url(../img/home/hd-design.gif); }
.feature a															{ float: right; display: block; width: 68px; height: 19px; background:url(../img/shared/buttons/read-more-btn.gif) 0 0 no-repeat; }
.feature a:hover													{ background-position: 0 -19px; }


/*----------
 About Us Page
------------*/
body.about-us .banner												{ background: url(../img/about-us/banner.jpg) 0 0 no-repeat; }

/*-------------------------
 Products and Services Page
---------------------------*/
body.products .banner												{ background: url(../img/products/banner-products.jpg) 0 0 no-repeat; }
body.products .content #main-content a:link,
body.products .content #main-content a:visited						{ color: #226661; text-decoration: none; }
body.products .content #main-content a:hover,
body.products .content #main-content a:active						{ color: #e19847; text-decoration: underline; }

body.printing-services .banner										{ background: url(../img/products/print-services/banner-printing.jpg) 0 0 no-repeat; }
h1#hd-large-printing												{ background-image: url(../img/products/print-services/large-format/hd-large-printing.gif); }
h1#hd-promotional-products											{ background-image: url(../img/products/print-services/promotional/hd-promotional-products.gif); }
h1#hd-business-stationery											{ background-image: url(../img/products/print-services/stationery/hd-business-stationery.gif); }

body.design .banner													{ background: url(../img/products/design/banner-design.jpg) 0 0 no-repeat; }
h1#hd-graphic-design												{ background-image: url(../img/products/design/graphic/hd-graphic-design.gif); }
h1#hd-new-media														{ background-image: url(../img/products/design/new-media/hd-new-media.gif); }

body.signage .banner												{ background: url(../img/products/signage/banner-signage.jpg) 0 0 no-repeat; }

h1#hd-grafton-mall													{ background-image: url(../img/products/major-projects/hd-grafton-mall.gif)}



/*----------
 Contact Us
------------*/
body.contact-us .banner												{ background: url(../img/contact-us/banner.jpg) 0 0 no-repeat; }

/*form*/
#form-container														{ float: left; width: 405px; margin: 20px 10px 0 0; }
#form-container p.required											{ color: #649a96; }
#form-container form p												{ margin: 0; clear: both; padding: 2px 5px 2px 0;}
#form-container form p.required										{ background: url(../img/shared/misc/asterisk.gif) 100% 0 no-repeat; }
#form-container form p label										{ float: left; width: 120px; }
#form-container form p label.error									{ clear: both; padding: 5px 0 0 120px; color: #d1862b; }
#form-container form p input,
#form-container form p select,
#form-container form p textarea										{ width: 270px; }
#form-container form p#submit										{ text-align: right; padding-right: 15px; }
#form-container form p#submit input									{ width: auto; }
/*details*/
#contact-details													{ float: left; width: 258px; background: url(../img/contact-us/contact-details-bg.gif) 0 0 no-repeat; padding-bottom: 50px; margin-top: 20px; }
#contact-detais-inner												{ padding: 10px 15px; }
#contact-detais dl													{ border-top: 1px solid #d2dedd; width: 235px; border-bottom: 1px solid #d2dedd; } 
#contact-details dt,
#contact-details dd													{ padding: 2px 0; border-bottom: 1px solid #d2dedd; }
#contact-details dt													{ float: left; width: 65px; color: #649a96; }
#contact-details dd													{ width: 160px; margin-left: 66px; }
* html #contact-details dd											{ width: 150px; }
#contact-details .last												{ border: none; }

/*----------
 Privacy
------------*/
body.privacy .banner												{ background: url(../img/privacy/banner.jpg) 0 0 no-repeat; }