/* CSS Document */

/*---- TAGS ----*/

html {
	background: #000;
}

body {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h3 {
	margin-bottom: 1em;	
}

a {
	color: #db1614;
	text-decoration: none;
}

p {
	line-height: 1.9;
	margin-bottom: 1em;
}

a:hover {
	text-decoration: underline;
}

strong {
	font-weight: bold;	
}

em {
	font-style: italic;
	padding-right: 0.25em;	
}

/*---- GENERAL LAYOUT ----*/

#hd {
	background: #fff url('/assets/images/top-bg.jpg') repeat-x;	
	height: 138px;
	width: 100%;
	float: left;
	border-top: 2px solid #db1614;
}

div.content-block {
	width: 966px;
	margin: 0 auto;
	text-align: left;
}

a#logo {
	width: 165px;
	height: 138px;
	float: left;
}

#ft {
	background: #000;
	border-top: 2px solid #db1614;
	padding: 36px 0 54px;
}

#ft p {
	color: #bbb;
	font-size: 85%;	
}


/*---- NAV ----*/

ul#main-nav {
	float: left;
	margin: 86px 0 0 44px;
}

ul#utility-nav {
	float: right;
	margin: 89px 25px 0 0;
}

ul#main-nav li, ul#utility-nav li {
	float: left;
}

ul#main-nav li a {
	float: left;
	padding: 10px 27px 25px 27px;
	background: none;
	text-transform: uppercase;
	font-size: 116%;
}

ul#utility-nav li a {
	float: left;
	padding: 10px 9px 25px 9px;
	background: none;
	text-transform: uppercase;
	font-size: 85%;
}

ul#main-nav li a:hover, ul#utility-nav li a:hover {
	background: url('/assets/images/topnav_marker.jpg') bottom center no-repeat;
}

body#home ul#main-nav li.home-link a,
body#services ul#main-nav li.services-link a,
body#industries ul#main-nav li.industries-link a,
body#gallery ul#main-nav li.gallery-link a,
body#about ul#utility-nav li.about-link a,
body#contact ul#utility-nav li.contact-link a {
	background: url('/assets/images/topnav_marker.jpg') bottom center no-repeat;
	color: #000;
}

ul#subnav {
	padding-top: 6px;
}

ul#subnav li a {
	padding: 0 18px 1.5em 27px;
	display: block;
}

ul#subnav li.current a {
	background: url('/assets/images/black-arrow.gif') no-repeat 10px 4px;
}

ul#subnav li a:hover {
	background: url('/assets/images/red-arrow.gif') no-repeat 10px 4px;
}

ul#subnav li.current a {
	color: #000;	
}

ul#subnav li.current a:hover {
	text-decoration: none;	
	background: url('/assets/images/black-arrow.gif') no-repeat 10px 4px;
}

ul#subnav li.section a, ul#subnav li.section a:hover {
	font-weight: bold;
	font-size: 123.1%;
	background-position: 10px 7px;
}


/*---- CLASSES ----*/

a.arrow-link {
	background: url('/assets/images/red-arrow.gif') center right no-repeat;	
	padding-right: 12px;
	text-transform: uppercase;
	font-size: 93%;
}

div.feature.black {
	background: #000;
	color: #fff;	
}

div.feature.white {
	background: #fff url('/assets/images/feature-bg02.jpg') repeat-x center bottom;
	float: left;
	width: 100%;	
	padding: 36px 0;
}

div.black h2 {
	color: #aaa;	
}

div.white h2 {
	color: #555;	
}

div.feature h2 {
	text-transform: uppercase;
	font-size: 100%;
	margin: 0.25em 0 0.8em;
}

div.feature h2 span {
	text-transform: none;	
}

.graphic-heading span {
	display: none;	
}

div.box-white-25 {
	background: url('/assets/images/boxes/25-white-top.jpg') no-repeat top left;
	float: left;
	width: 208px;
	padding-top: 14px;
}

.box-white-25-content {
	background: url('/assets/images/boxes/25-white-bottom.jpg') no-repeat bottom left;
	float: left;
	width: 208px;
	padding-bottom: 10px;
	margin-bottom: 36px;
}

ul.services-grid, ul.industries-grid, ul.gallery-grid {
	width: 100%;
	float: left;
	margin: 10px 0 30px;
}

ul.gallery-grid li a {
	width: 22%;
	float: left;
	margin: 0 3% 3% 0;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}

#gallery-page iframe.ebook {
	width: 100%;
	height: 94%;
	position: absolute;
	left: 0;
	top: 6%;
	z-index: -100;
	padding: 0;
	border: 0;
	margin: 0;
}
#gallery-page a.backbtn {
	width: 100%;
	height: 4%;
	padding: 1% 0;
	min-height: 35px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	background: transparent;
}
#gallery-page a.backbtn img {
    height: auto;
    max-width: 100%;
}

ul.services-grid li a {
	width: 30%;
	height: 150px;
	float: left;
	margin: 0 3% 3% 0;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
}

ul.services-grid li a.handbooks 	{ background: #fff url('/assets/images/feature-bg/handbooks.jpg') no-repeat 0 90%; }
ul.services-grid li a.magazines 	{ background: #fff url('/assets/images/feature-bg/magazines.jpg') no-repeat 0 90%; }
ul.services-grid li a.partnerpublish 	{ background: #fff url('/assets/images/feature-bg/partnerpublish.jpg') no-repeat 0 90%; }
ul.services-grid li a.ebooks 	{ background: #fff url('/assets/images/feature-bg/ebooks.jpg') no-repeat 0 90%; }
ul.services-grid li a.web 	{ background: #fff url('/assets/images/feature-bg/web.jpg') no-repeat 0 90%; }
ul.services-grid li a.exhibition 	{ background: #fff url('/assets/images/feature-bg/exhibition.jpg') no-repeat 0 90%; }
ul.services-grid li a.corporate 	{ background: #fff url('/assets/images/feature-bg/corporate-design.jpg') no-repeat 0 90%; }
ul.services-grid li a.advertising 	{ background: #fff url('/assets/images/feature-bg/advertising.jpg') no-repeat 0 90%; }
ul.services-grid li a.multi-lingual 	{ background: #fff url('/assets/images/feature-bg/multi-lingual.jpg') no-repeat 0 90%; }


ul.services-grid li a p {
	background-color: #DB1614;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	margin: 0;
	padding: 3% 5%;
}

ul.services-grid li a p span {
	background: transparent url('/assets/images/white-arrow.gif') no-repeat 0 5px;
	padding-left: 15px;
	width: 90%;
	color: #fff;
	font-size: 116%;
	text-transform: uppercase;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
}

ul.services-grid li a.partnerpublish p span strong {
	text-transform: none;
}

ul.services-grid li a:hover span {
	text-decoration: underline;	
}

ul.industries-grid li a {
	width: 30%;
	height: 200px;
	float: left;
	margin: 0 3% 3% 0;
	-moz-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	border-radius: 6px;
}

ul.industries-grid li a.aviation 	{ background: #fff url('/assets/images/feature-bg/aviation.jpg') no-repeat 0 90%; }
ul.industries-grid li a.maritime 	{ background: #fff url('/assets/images/feature-bg/maritime.jpg') no-repeat 0 90%; }
ul.industries-grid li a.corporate 	{ background: #fff url('/assets/images/feature-bg/corporate.jpg') no-repeat 0 90%; }

ul.industries-grid li a p {
	background-color: #DB1614;
	filter:alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	margin: 0;
	padding: 3% 5%;
}

ul.industries-grid li a p span {
	background: transparent url('/assets/images/white-arrow.gif') no-repeat 0 5px;
	padding-left: 15px;
	width: 90%;
	color: #fff;
	font-size: 116%;
	text-transform: uppercase;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	position: relative;
}

ul.industries-grid li a:hover span {
	text-decoration: underline;	
}




/*---- HOME PAGE ----*/

div#large-feature {
	background: #2e2e2e url('/assets/images/feature-bg03.jpg') repeat-x;
	float: left;
	width: 100%;
	border-bottom: 2px solid #db1614;
}

#home div#large-feature {
	background: #2e2e2e url('/assets/images/feature-bg01.jpg') repeat-x;
}

div#large-feature h1 {
	color: #fff;
	font-size: 108%;
	margin: 30px 0 63px;
	float: left;
	text-transform: uppercase;
}

#home div#large-feature h1 {
	text-transform: none;
}

div.column50 {
	float: left;
	width: 458px;
}

div.column75 {
	float: left;
	width: 658px;
}

div.column25 {
	float: left;
	width: 208px;
	margin-left: 100px;
	display: inline; /* IE float bug fix */	
}

div.column50 p {
	font-size: 87%;
}

div.column75 p {
	font-size: 108%;
	line-height: 1.6;
	margin: 0.5em 0 1em;
}

div.column75 h3 {
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.5;
	color: #333;
	margin: 1.6em 0 0.25em;
}

div.column75 ul li {
	font-size: 108%;
	line-height: 1.6;
	margin: 0.5em 0;
	background: url('/assets/images/tick.gif') no-repeat 0 2px;;
	padding-left: 30px;
}

ul.onecol-list {
	width: 45%;
	float: left;
	padding: 1% 0 0 2.5%;
	display: inline; /* IE float bug fix */	
}

ul.onecol-list.last {
	/*padding-left: 5%;*/
}

.feature-bubble {
	background: #F6F6F6;
	width: 100%;
	float: left;	
	margin: 0.5em 0 2em;
	-moz-border-radius: 6px;
	border-radius:6px;
	padding-bottom: 6px;
}

div.column75 div.feature-bubble h3 {
	padding: 10px 2.5% ;	
	background-color: #eee;
	margin: 0;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-right-radius: 6px;
	border-top-left-radius: 6px;
}

div.column75 div.feature-bubble p {
	width: 90%;
	float: left;
	padding: 1% 0 1% 2.5%;
	display: inline; /* IE float bug fix */	
}

div.column50 .col-image {
	float: left;
	margin-right: 24px;
	margin-top: 3px;
	margin-bottom: 30px;
}

div.column50 .col-text {
	float: left;
	display: inline; /* IE float bug fix */	
	width: 290px;
}

div.column50.right {
	margin-left: 43px;
}

div#intro h3 {
	background: url('/assets/images/headings/durable-promotion.gif') no-repeat;	
	width: 477px;
	height: 80px;
}

div#intro p {
	font-size: 108%;	
}

div.column50 h3 {
	margin-bottom: 0.5em;
}

div#intro.column50 p {
	width: auto;
	margin-bottom: 0;
}

div#advertising h3 {
	background: url('/assets/images/headings/unlocking.gif') no-repeat;	
	height: 81px;
}

div#web-design h3 {
	background: url('/assets/images/headings/stand-out.gif') no-repeat;	
	height: 56px;
}

div#news h3 {
	background: url('/assets/images/headings/news-from.gif') no-repeat;	
	height: 26px;
}

div#cta2 h3 {
	background: url('/assets/images/headings/get-in-touch.gif') no-repeat;	
	height: 26px;
}

div#news ul li {
	margin: 0.75em 0;
}

div#news ul li a {
	font-size: 100%;
	background: url('/assets/images/red-arrow.gif') center right no-repeat;	
	padding-right: 10px;
}

div#cta2 ul {
	margin-bottom: 1em;
	margin-left: 0;
}

div#cta2 p {
	margin-left: 0;	
}

div#cta2 ul li {
	font-size: 116%;
	padding-left: 23px;
	display: inline;
}

div#cta2 ul li.uk-tel {
	background: url('/assets/images/uk-flag.gif') center left no-repeat;	
}

div#cta2 ul li.us-tel {
	background: url('/assets/images/us-flag.gif') center left no-repeat;	
	margin-left: 2em;
}


/**** HEADINGS *****/


div#page-heading {
	background: #2e2e2e url('/assets/images/heading-bg01.jpg') repeat-x;
	width: 100%;
	float: left;
}

body.intro div#page-heading {
	background: #000;	
}

div#page-heading div.content-block {
	padding: 30px 0 27px;
}

div#page-heading div.content-block h1 {
	text-transform: uppercase;
	color: #aaa;
	font-size: 108%;
	margin-bottom: 12px;
}

div#page-heading div.content-block h1 a {
	color: #999;	
}

div#page-heading h2.graphic-heading {
	width: 100%;
	height: 36px;
}


#services.intro h2.graphic-heading {
	background: url('/assets/images/headings/services.gif') no-repeat;
}

.handbooks h2.graphic-heading {
	background: url('/assets/images/headings/handbooks.gif') no-repeat;
}

.partner-publish h2.graphic-heading {
	background: url('/assets/images/headings/partnerpublish.gif') no-repeat;
}

.magazines h2.graphic-heading {
	background: url('/assets/images/headings/magazines.gif') no-repeat;
}

.ebooks h2.graphic-heading {
	background: url('/assets/images/headings/ebooks.gif') no-repeat;
}

.web-design h2.graphic-heading {
	background: url('/assets/images/headings/web-design.gif') no-repeat;
}

.exhibition-design h2.graphic-heading {
	background: url('/assets/images/headings/exhibition.gif') no-repeat;
}

.corporate-design h2.graphic-heading {
	background: url('/assets/images/headings/corporate-design.gif') no-repeat;
}

.advertising-design h2.graphic-heading {
	background: url('/assets/images/headings/advertising.gif') no-repeat;
}

.multi-lingual-design h2.graphic-heading {
	background: url('/assets/images/headings/multi-lingual.gif') no-repeat;
}

#industries.intro h2.graphic-heading {
	background: url('/assets/images/headings/industries.gif') no-repeat;
}

#industries.aviation h2.graphic-heading {
	background: url('/assets/images/headings/aviation.gif') no-repeat;
}

#industries.maritime h2.graphic-heading {
	background: url('/assets/images/headings/maritime.gif') no-repeat;
}

#industries.corporate h2.graphic-heading {
	background: url('/assets/images/headings/corporate.gif') no-repeat;
}

#about h2.graphic-heading {
	background: url('/assets/images/headings/about.gif') no-repeat;
}
#contact h2.graphic-heading {
	background: url('/assets/images/headings/contact.gif') no-repeat;
}
#gallery h2.graphic-heading {
	background: url('/assets/images/headings/gallery.gif') no-repeat;
}

/**** CAROUSEL *****/

#carousel {
	width: 458px;
	height: 330px;
	float: left;
}

.jcarousel-scroll {
	float: left;
	width: 40px;
	height: 303px;
}

div.jcarousel-clip {
	width: 458px;
	height: 290px;
	overflow:hidden;
	float:left;
}

ul.jcarousel-clip-horizontal {
	width: 636px;
	height: 330px;
	float: left!important;
	overflow: hidden;
}

ul.jcarousel-clip-horizontal li {
	width: 209px;
	height: 291px;
	float: left;
	margin: 0 38px 0 0;
}

ul.jcarousel-clip-horizontal li a {
	width: 205px;
	height: 279px;
	float: left;
	text-decoration: none;
	text-align: center;
}

ul.jcarousel-clip-horizontal li a.carousel_link {
	margin: 1px;
	-khtml-opacity:.95; -moz-opacity:.95; -ms-filter:"alpha(opacity=95)"; filter:alpha(opacity=95); opacity:.95; 
}

ul.jcarousel-clip-horizontal li a.carousel_link:hover {
	-khtml-opacity:1; -moz-opacity:1; -ms-filter:"alpha(opacity=100)"; filter:alpha(opacity=100); opacity:1; 
}

ul.jcarousel-clip-horizontal li img {
	width: 205px;
	height: 279px;
	display: block;
	margin: 0;
}

.jcarousel-control {
	float: left;
	clear: both;
	margin-left:152px;
	overflow:visible;
	width:200px;
}

.jcarousel-control a{
	float: left;
	width:18px;
	height:19px;
	padding: 3px;
	margin: 3px;
	background: url('/assets/images/buttons/carousel_off.gif') no-repeat center center;
}

.jcarousel-control a.selected{
	background: url('/assets/images/buttons/carousel_on.gif') no-repeat center center;
}

.jcarousel-control a span {
	display:none;
}


/* PAGES */

div#cta h3 {
	margin: 2px 0 0 18px;
}

div#cta h4 {
	background: url('/assets/images/headings/cta.gif') no-repeat;
	width: 162px;
	height: 52px;
	margin: 6px 0 0 18px;
}

div#cta p {
	margin: 6px 18px 0;
	color: #333;
}

div#cta ul {
	margin: 12px 18px 18px;
	color: #333;
}

div#cta ul li {
	font-size: 108%;
	padding-left: 20px;
	margin: 12px 0;
}

div#cta ul li.uk-tel {
	background: url('/assets/images/uk-flag.gif') center left no-repeat;	
}

div#cta ul li.us-tel {
	background: url('/assets/images/us-flag.gif') center left no-repeat;	
}

/*** FORM STYLES ***/

textarea {
    border: 1px solid #BFBFBF;
    clear: left;
    display: block;
    margin-top: 3px;
    padding: 4px;
    width: 96.5%;
}
input.text {
    border: 1px solid #BFBFBF;
    clear: left;
    display: block;
    margin-top: 3px;
    padding: 4px;
    width: 80%;	
}
input.checkbox {
	float: left;
	margin-right: 1em;
}
label {
    color: #333333;
    display: block;
    font-size: 90%;
    padding: 0 0 25px;
}
fieldset.checkbox label {
	float: left;
}

fieldset {
	float: left;	
}
fieldset.wide {
	width: 100%;
}

fieldset.narrow {
	width: 38%;
}

div.note {
	float: left;
	width: 20%;
	font-size: 93%;
	clear: right;
	color: #777;
	background:#FFD;
	padding: 2%;
	margin-top: 1em;
}

form h4 {
	font-size: 116%;
	margin: 1em 0;
	font-weight: bold;
	float: left;
	width: 100%;
}

form .required {
    color: #8C8C8C;
    font-style: italic;
}

button {
	background: none;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;	
}