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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: transparent;
}

body {line-height: 1; background-color: #fff; font-family: 'Lato', Arial, sans-serif; font-weight:300 ; color:#000;}
html, body {height:100%;}  /*need this for the "invisibleHalf" to work! */
ol, ul {list-style: none;}

#header {width: 1000px; height:170px; margin: 15px auto 0px; position:relative; background:url(../images/header_bg.png) repeat-x; z-index:998;}
#header #logo {display:block; width:236px; height: 100px; padding: 10px 32px 20px; margin-top: 15px; float:left; background:url(../images/logo_bg.png) repeat-x;}
#header ul#mainMenu {width: 700px; height:60px; background:url(../images/nav_bg.png) repeat-y; position:relative; float:left; top: 45px; z-index: 999; }
#header ul#mainMenu li {width: 105px; height:20px; line-height: 20px;  display:block; float:left; border-right: solid 1px #ccc; margin:20px 0px;  }
#header ul#mainMenu li:last-child { border-right: none;}
#header ul#mainMenu li a {display:block; text-align:center; font-size:18px; color:#fff; font-family: 'Lato', arial, san-serif; font-weight:300 ; text-decoration:none; padding-bottom: 20px;}
#header ul#mainMenu li a:hover {color:#f2c700; }
#header ul#mainMenu li.active a {color:#9EDCFA;}
#header ul#mainMenu li.active a:hover {color:#f2c700; }


#header ul#mainMenu li ul {width:225px; color:#39C; position:absolute; z-index:1000; border-left: 5px solid #CCC; border-right: 1px solid #CCC;}

#header ul#mainMenu li ul li {width:225px; height:30px; border-top:1px solid #CCC; border-bottom:1px solid #CCC; border-right:none; background: url(../images/services_bg.png) -100px 0px repeat-y; margin:0px; padding: 0px; z-index:inherit;}
#header ul#mainMenu li ul li a {width:200px; height:30px; margin-left:15px; line-height:30px; text-align:left; color:#FFF;}
#header ul#mainMenu li.active ul li a {color:#FFF;}

/** hide the submenu */
#header ul#mainMenu li ul {display:none;}
#header ul#mainMenu li:hover ul {display:block;}

#header ul#quoteButtonSmall li a {width:144px; height:38px; position:absolute; top: 55px; right:15px; background:url(../images/requestQuoteBtn_sm.png) 0px 0px; text-indent:-9999px; z-index:1000;}
#header ul#quoteButtonSmall li a:hover {background:url(../images/requestQuoteBtn_sm.png) 0px 38px; text-indent:-9999px; }

#header p {font-family: arial, san-serif; font-size:16px; font-style:oblique; color:#4770ad; position:absolute; bottom:35px; right:20px; }

#content {width:1000px; min-height:450px; margin: 0px auto; position:relative; float:inherit; font-size:14px; }
#content #expertise2 {position:absolute; top: 20px; right:40px; z-index: 10; }
#content #expertise3 {position:absolute; bottom: 10px; right:20px;}
#content #expertise4 {position:absolute; top: 340px; right:50px;}

#content h1{margin: 15px 30px 10px 30px; color:#0082b2; font-size:24px; font-family: 'Lato', arial, san-serif;}
#content h2{margin: 15px 30px 10px 30px; color:#0082b2; font-size:20px; font-family: 'Lato', arial, san-serif; clear:both;}
#content h3{margin: 15px 30px 0px 30px; color:#0082b2; font-size:14px; font-family:  'Lato', arial, san-serif;}
#content ul {margin: 10px 25px 25px 30px; font-family: 'Lato', arial, san-serif; list-style:disc outside; font-size:14px; line-height:1.3; }
#content ul li {margin: 5px 25px 5px 20px; font-size:14px; }
#content ul h3 {margin: 15px 30px 0px 0px; font-size:16px;}

#content p {margin: 5px 25px 10px 30px; font-size:14px; line-height:1.4; width:550px;}

#content ul#servicesMenu {width:212px; height:128px; border: 1px solid #4770ad; margin:25px; font-family: 'Lato', arial, san-serif; list-style:disc outside; font-size:16px; line-height:1.3; position:absolute; top: 80px; right:0px; list-style:none; }
#content ul#servicesMenu li { font-size:16px; margin:0px;}
#content ul#servicesMenu li a {width:185px; height:30px; display:block; padding-left:25px;  border:1px solid #fff;  text-decoration:none; color:#FFF; line-height:30px;  background: url(../images/services_bg.png) -100px 0px repeat-y; border:1px solid #ccc; }
#content ul#servicesMenu li a:hover {color:#f2c700;}


/******  services main page ***************/
#content .servicesOption {background:url(../images/services_image_bg.png); width: 200px; height:210px; position:relative; float:left; margin: 100px 10px; }
#content .servicesOption.firstOption {margin-left:60px;}
#content .servicesOption img {margin: 25px 23px; }
#content .servicesOption a {width:225px; height:91px; line-height: 22px; background:url(../images/services_bg_sm.png) no-repeat; text-decoration:none; font-size:22px; color:#fff; position:absolute; top:120px; left: -20px; padding: 12px 0px 0px 25px ; }
#content .servicesOption.singleLineText a {padding:22px 0px 0px 25px;}
#content .servicesOption a:hover {background:url(../images/services_bg_sm_hover.png) no-repeat; }

#content .categoryHeader {width:1000px; height:75px; margin: 0px 0px 25px;}
#content .categoryHeader#dataManagement {background:url(../images/dataMngt_bg.jpg); }
#content .categoryHeader#other {background:url(../images/colours_lg.jpg); }
#content .categoryHeader#fulfillment {background:url(../images/fulfillment_bg.jpg); }
#content .categoryHeader#lettershop {background:url(../images/lettershop_bg.jpg); }
#content .categoryHeader h1 {width:305px; height:75px; background-image:url(../images/services_bg.png); font-size:24px; color:#FFF; line-height:75px; margin:0; padding-left:25px; }


/****** mailing & lettershop page ********************/
#content #envsMags {margin: 0px 0px 20px; width:auto; height:auto; }
#content #secapContainer {width:500px; height:100%; clear:left; float:left; }
#content #secapContainer #secap {width:399px; height:234px; padding: 10px; border: 1px solid #aaa;  margin: 25px 25px 5px; 
				 -moz-box-shadow: 5px 5px 6px #ccc; -webkit-box-shadow: 5px 5px 6px #ccc;	box-shadow: 5px 5px 6px #ccc;}
#content .imageCaption {display:block; margin: 5px 25px; font-size:12px; }
#content ul.addressingList {width:450px; float:left; margin-left:25px;}

#content .lettershop {width:450px; float:left;}
#content .inserting {width:450px; float:left;}
#content #inserterContainer {width:450px; height:100%; float:right; }
#content #inserterContainer #inserter{width:410px; height:189px; padding: 10px; border: 1px solid #aaa;  margin: 25px 25px 5px 0px;
				   -moz-box-shadow: 5px 5px 6px #ccc; -webkit-box-shadow: 5px 5px 6px #ccc;	box-shadow: 5px 5px 6px #ccc;}
#content #inserterContainer .imageCaption {margin: 5px 0px;}

#footer {width:1000px; height:75px; background-color:#0082b8; margin: 25px auto; position:relative; clear:both;}
#footer p {text-align:center; line-height:75px; font-size:14px; color:#FFF;}


/****** about us page ********************/
#content img#mediairBuilding {width:450px; height:267px; padding:10px; border:1px solid #aaa; margin: 25px; float:right;
	 	    				  -moz-box-shadow: 5px 5px 6px #ccc; -webkit-box-shadow: 5px 5px 6px #ccc;	box-shadow: 5px 5px 6px #ccc;}
							  
/****** resouces page ********************/

#content div.resource {clear:both; width:1000px; height:120px;}
#content div.resource .resourceLogo {width:180px; float:left;}
#content div.resource .resourceLogo img {margin: 25px; }
#content div.resource .resourceLinks {float:left;}
#content div.resource .resourceLinks h3 { margin: 25px 20px 10px; }
#content div.resource .resourceLinks h3 a {text-decoration:none; color:#16459a; }
#content div.resource .resourceLinks  h3 a:hover {color:#0082b2; }
#content div.resource .resourceLinks  ul {margin: 5px 0px 0px; list-style-type:none; }
#content div.resource .resourceLinks  ul li {line-height:1.4; text-align:left;}
#content div.resource .resourceLinks  ul li a{color: #666; text-decoration:none; }
#content div.resource .resourceLinks  ul li a:hover {color:#0082b2; }
#content div.resource .resourceLinks  p {margin: 5px 20px;}

/****** contact us - "article page" ********************/
#content div#contact_main {width:330px; margin:50px 20px 0px 50px; float:left;}
#content div#contact_main h3 {margin-top: 25px;}
#content div#contact_main p {line-height:1.2;}
#content div#map_container {width: 500px; margin:50px 100px 20px 0px; float:right; }
#content div#map_container img#map {width:450px; height: 300px; padding:8px; border:1px solid #999; margin:10px;
									  -moz-box-shadow: 5px 5px 6px #ccc; -webkit-box-shadow: 5px 5px 6px #ccc;	box-shadow: 5px 5px 6px #ccc;}
#content div#contact_main a {text-decoration:none; color:#4770ad;}
#content div#map_container a {text-decoration:none; color:#4770ad; margin-left:20px;}
#content div#contact_main a:hover, #content div#map_container a:hover {color:#F60; }



/****** contact us ********************/
/* ########################### contacts ########################### */

#content .contact { width:1000px; margin: 0 auto; }
#content .contact h1{font-size: 18px;  margin:0px; }
#content .contact h2 {font-size: 16px; margin:0px; }
#content .contact h3 {font-size: 14px; margin:0px; }
#content .contact p {font-size: 14px; margin:0px; }
#content .contact #contact-slider.pane-sliders .panel h3 {width:950px; height:30px; background-color:#4770ad; margin:1px 0px;}
#content .contact #contact-slider.pane-sliders .panel h3 a {text-decoration:none; line-height: 30px; color:#FFF; margin: 0px 10px;}
#content .contact-form .inputbox {padding:3px; background: white url(../images/bg-input.gif) repeat-x; border:1px solid #DADADA; }
/*************** layout for contact manager/contact/display format="plain" *****/
#content .contact #contact-info { width:300px; margin:100px 50px 20px 150px; float:left; }
#content .contact #misc-info {width: 500px; position:absolute; top:20px; right: 100px;}
#content .contact #contact-form { margin:150px 100px 20px; clear:left; float:left; }

#content .contact #misc-info a {text-decoration:none; color:#4770ad; margin-left:20px;}
#content .contact #misc-info a:hover {color:#F60;}

#content .contact #misc-info img#map {width:450px; height: 300px; padding:8px; border:1px solid #999; margin:10px;
									  -moz-box-shadow: 5px 5px 6px #ccc; -webkit-box-shadow: 5px 5px 6px #ccc;	box-shadow: 5px 5px 6px #ccc;}

/*   hide all the h3 (the "contact", "contact form", "other information" headings when format="plain"  **/
#content .contact #contact-info h3, #content .contact #contact-form h3, #content .contact #misc-info h3 { display:none; }

.contact-category {padding:0 10px; }

.contact-category  #adminForm fieldset.filters {border:0; padding:0;}

.contact-image { margin:10px 0;	overflow:hidden;}

.contact-image img
{
/* as you like
float:right;
float:left */
}

address{font-style:normal; margin: 0; font-size:16px; line-height:1.2;}

address span{ display:block;}
address span.contact-suburb, address span.contact-state {display:inline;}

span.contact-image{margin-bottom:10px; overflow:hidden; display:block}

.contact-address{margin:10px 0 10px 0;}
#content .contact-contactinfo p {font-size:16px; line-height:1.4;}

.contact-email div {  padding:2px 0;margin:0 0 10px 0;}

.contact-email label { width:80px; margin-right: 15px; text-align:right; float:left;}
.contact-email input.contact-email-copy {margin-left:95px; float:left;}
.contact-email label.contact-email-copy { width:280px; margin-left:10px; text-align:left; }

#contact_textmsg {padding: 2px 0 10px 0}


.contact .button {   float:right !important;  clear:left; display:block; margin:0px 50px 0 0;}

dl.tabs { float: left; margin: 50px 0 0 0; z-index: 50; clear:both;}

dl.tabs dt {    float: left; padding: 4px 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;  border-top: 1px solid #ccc; margin-right: 3px; background: #f0f0f0;color: #666;}

dl.tabs dt.open { background: #F9F9F9; border-bottom: 1px solid #F9F9F9; z-index: 100; color: #000;}

div.current { clear: both;border: 1px solid #ccc;padding: 10px 10px;max-width: 500px;}
div.current dd {padding: 0; margin: 0;}
dl#content-pane.tabs {margin: 1px 0 0 0;}