/*-----------------------------------------------------------------------------
Main Style Sheet created for WHITEghyll Visual Fabrications Limited

Version:        1.3
Created:        September 2009
Last Edited:    10th February 2010
Edits Made:     Changed image captions colour
Edited by:    	Richard Dale
Coded by:       Jonathan Hollin
Company:        Qwerty Design
Email:          richard@qwerty-design.co.uk
Website:        http://www.qwerty-design.co.uk/
-----------------------------------------------------------------------------*/

/* IE Hover Fix */
body {
	behavior: url('/dev/csshover3.htc');
}

/* Basic Styles */
* {
	margin: 0;
	padding: 0;
}

body {
	color: #333333;
	background-color: #0e4071 !important;
	background-image: url('/dev/images/background_gradient.jpg');
	background-repeat: repeat-x;
	background-position: top left;
	font-family: "Helvetica Neue", Helvetica, Verdana, Arial, Tahoma, "Lucida Sans", sans-serif;
	font-size: 13px;
	line-height: 1.42em;
}

/* Remove dotted line around Flash Content in Firefox on the PC */
object {
	outline: none;
}
/* Remove dotted line around links in Firefox on the PC */
a:focus {
	-moz-outline-style: none;
}

a {
   outline: none;
}

.left {
	float: left;
}
.right {
	float: right;
}
.resetFloat {
	clear: both;
}

/* Header, Branding and Navigation */
#headerNavigation {
	background: url('/dev/images/navigation_background.png') no-repeat;
	height: 127px;
	width: 999px;
	margin: 14px auto;
	position: relative;
}
*html #headerNavigation {
	margin-bottom: 0;
}
h1#brand {
	float: left;
	margin-top: 22px;
	margin-left: 30px;
	text-indent: -9999px;
	display: inline;
}
h1#brand a {
	width: 135px;
	height: 74px;
	display: block;
	background-image: url('/dev/images/whiteghyll_brand.jpg');
}
#menu {
	float: right;
	height: 34px;
	width: 773px;
	padding-top: 34px;
	text-indent: -9999px;
	margin-right: 36px;
}
*html #menu {
	margin-right: 18px;
}
#menu ul {
	list-style: none;
}
#menu li {
	display: inline;
	margin: 0;
	padding: 0;
}
#menu a {
	float: left;
	display: block;
	height: 42px;
	display: inline;
}
#menu a.home {
	width: 80px;
	background-image: url('/dev/images/menu_home.jpg');
	background-repeat: repeat-x;
	background-position: top left;
}
#menu a.news {
	width: 91px;
	background-image: url('/dev/images/menu_news.jpg');
	background-position: top left;
}
#menu a.about {
	width: 95px;
	background-image: url('/dev/images/menu_about.jpg');
	background-position: top left;
}
#menu a.services {
	width: 94px;
	background-image: url('/dev/images/menu_services.jpg');
	background-position: top left;
}
#menu a.case {
	width: 130px;
	background-image: url('/dev/images/menu_case.jpg');
	background-position: top left;
}
#menu a.clients {
	width: 85px;
	background-image: url('/dev/images/menu_clients.jpg');
	background-position: top left;
}
#menu a.careers {
	width: 103px;
	background-image: url('/dev/images/menu_careers.jpg');
	background-position: top left;
}
#menu a.contact {
	width: 95px;
	background-image: url('/dev/images/menu_contact.jpg');
	background-position: top left;
}
#menu a:hover {
	background-position: bottom left;
}
#menu a.active {
	background-position: bottom left;
}

/* Body Outer Border and Drop Shadow */
#bodyDecorationShadow {
	background: url('/dev/images/main_drop_shadow.png') no-repeat;
	width: 971px;
	margin: 0 auto;
	background-position: bottom center;
}
#bodyDecoration {
	background: url('/dev/images/content_background.png') no-repeat;
	width: 957px;
	margin: -5px auto;
}
*html #bodyDecoration {
	margin: 0 auto;
}

/* Border Inner Container, Rounded Corners and Spacing */
#innerTopSpacer {
	line-height: 15px;
	margin: 0;
	padding: 0;
}
#bodyContainerTop {
	background: url('/dev/images/content_area_top.png') no-repeat;
	width: 929px;
	margin: 0 auto;
	background-position: bottom center;
	line-height: 1px;
}
*html #bodyContainerTop {
	height: 11px;
	margin-top: 10px;
}
*:first-child+html #bodyContainerTop {
	height: 11px;
	margin-top: 10px;
}
#bodyContainer {
	width: 929px;
	margin: 0 auto;
	background: url('/dev/images/content_area_background.png') repeat-y;
}
#content {
	padding: 32px 30px;
	position: relative;
	overflow: auto;
}
#bodyContainerBottom {
	background: url('/dev/images/content_area_bottom.png') no-repeat;
	width: 929px;
	margin: 0 auto;
	background-position: top center;
	clear: both;
}
#shadowBottomSpacer {
	height: 24px;
}

/* Footer */
#footer {
	background-color: #ebebeb;
	border-top: 1px solid #c0c0c0;
	margin-top: 26px;
	padding: 20px;
	text-align: center;
	font-size: 0.85em;
	line-height: 1.95em;
}
#footerNavigation ul {
	list-style: none;
	padding-bottom: 6px;
}
#footerNavigation li {
	display: inline;
	padding: 0 2px;
	text-transform: uppercase;
}
#footerNavigation li a {
	text-decoration: none;
	color: #505050;
	padding: 0 2px;
}
#footerNavigation li a.active {
	border-bottom: 1px solid #505050;
}
*html #footerNavigation li a.active {
	background: #ebebeb;
}
#footer p a {
	text-decoration: none;
	color: #000;
	font-weight: bold;
	padding: 0 2px;
}
#footerNavigation li a:hover, #footer p a:hover {
	border-bottom: 1px solid #505050;
}
#footer .smallPrint {
	font-size: .80em;
}
*html #footer .smallPrint {
	font-size: .90em;
}

/***********/
/* Content */
/***********/

/* Home Page make 350px tall for std animation 390px for xmas animation only */
#flashAnim {
	width: 860px;
	height: 350px;
	margin-bottom: 15px;
}
#columns {
	padding-top: 10px;
	height: 300px;
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 300;
	color: #494949;
	font-size: 13px;
	line-height: 20px;
}
.firstColumn {
	float: left;
	width: 400px;
}
.divider {
	float: left;
	padding: 20px 30px;
}
.secondColumn {
	float: right;
	width: 400px;
}


/* end Home Page */

/* Text Formatting (all pages) */
#content a {
	font-weight: bold;
	font-style: italic;
	color: #000;
	text-decoration: none;
}
#content a:hover {
	border-bottom: 1px solid #000;
}
#content h2 {
	font-size: 1.8em;
	font-weight: normal;
	color: #000;
}
.spaceH2 {
	padding-top: 1em;
}
#content h3 {
	font-size: 1.3em;
	font-weight: normal;
	font-style: italic;
	padding-top: 8px;
	color: #000;
}
#content p {
	padding: 10px 0;
}

/* News Page(s) */
#latestNewsPDF {
	position: absolute;
	right: 66px;
	top: 26px;
	display: inline;
}
*html #latestNewsPDF {
	position: relative;
	float: right;
	margin-top: -24px;
}
#latestNewsPDF img {
	border: 0;
}
*html #latestNewsPDF img {
	margin-left: -32px !important;
}
#latestNewsPDF a:hover {
	border-bottom: 0 !important;
}
#latestNewsPDF {
	display: none !important;
}
#content .newsItem h2, #content .newsItem p {
	margin-right: 300px;
}
#content .newsItem h2 {
	line-height: 1.0em;
}
#content .articleAuthor {
	font-weight: bold;
	font-style: italic;
	margin-top: -.6em;
}
#content .theAuthor {
	text-transform: capitalize;
}
.endIndexArticle {
	clear: both;
	line-height: 4em;
}
.previousNews {
	float: left;
}
.laterNews {
	float: right;
}
.previousNews a, .laterNews a {
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	color: #333333;
}
.previousNews a:hover, .laterNews a:hover {
	border-bottom: 1px solid #333333;
}
.previousNews a img, .laterNews a img {
	border: 0;
}

/* About Us Page */
.rolodex {
	width: 414px;
	height: 281px;
	background: url('/dev/images/rolodex_card.jpg') no-repeat;
	position: relative;
	float: left;
	color: #575447;
	margin: 10px;
}
*html .rolodex {
	margin: 2px;
}
.rolodex h2 {
	color: #575447 !important;
	font-size: 1.6em !important;
}
*html .rolodex h2 {
	margin-top: -96px;
}
.rolodex h3 {
	color: #575447 !important;
	font-size: 1.2em !important;
	font-style: normal !important;
}
*html .rolodex h3, *html .rolodex h2 {
	width: 220px !important;
}
.rolodex img {
	position: absolute;
	top: 81px;
	left: 68px;
	width: 93px;
	height: 93px;
}
.rolodex .pID {
	position: absolute;
	top: 84px;
	left: 190px;
}
.rolodex .pID p {
	font-size: 0.9em !important;
}
.rolodex .pID img, .rolodex .wp-caption {
	display: none;
}

/* Services Page */
.service {
	border-bottom: 1px dotted #000 !important;
	padding: 14px 10px 0 10px;
}
*html .service {
	padding-bottom: 10px;
	background: #ebebeb;
}
.service:hover {
	background: url('/dev/images/services_intro_rollover.png') repeat-x;
	cursor: pointer;
	cursor: hand;
}
*html .service:hover {
	background: #d0d0d0;
}
.service .firstAttachment {
	border: 1px solid #ddd;
	background-color: #fff;
	-moz-box-shadow: 2px 2px 7px #aaa;
	-webkit-box-shadow: 2px 2px 7px #aaa;
	box-shadow: 2px 2px 7px #aaa;
	float: left;
	padding: 5px !important;
}
.service .firstAttachment img {
	display: block;
}
.service .serviceSummary {
	margin-left: 200px;
}
.service .serviceSummary h3 {
	color: #1d68a7 !important;
	font-style: normal !important;
}
.service .serviceSummary p.moreLink {
	margin: 0 !important;
	padding: 0 !important;
}
#fullService ul {
	margin-left: 40px;
}

/* Case Studies */
#caseStudyNav {
	width: 240px;
	padding-left: 15px;
}
#caseStudyNav h3 {
	color: #1d68a7 !important;
	font-style: normal !important;
	text-align: center;
	font-size: 1.5em;
	padding-bottom: 20px;
	border-bottom: 1px dotted #333;
}
.caseStudies {
	border-bottom: 1px dotted #333;
	padding: 10px 0 0 10px;
}
*html .caseStudies {
	background: #ebebeb;
}
.caseStudies a:hover, .photo a:hover {
	border: 0 !important;
}
.caseStudies:hover {
	background: url('/dev/images/case_studies_nav_rbg.png') repeat-x;
	cursor: pointer;
	cursor: hand;
}
.caseStudies.active {
	background: url('/dev/images/case_studies_nav_rbg.png') repeat-x;
}
*html .caseStudies:hover, *html .caseStudies.active {
	background: #d0d0d0;
}
.caseStudyTitle {
	margin-left: 19px;
}
.caseStudyTitleBlock, .caseStudyTitleBlock a {
	color: #1d68a7 !important;
	padding-bottom: 0 !important;
	margin-bottom: 0 !important;
	font-style: normal !important;
	font-weight: normal !important;
}
.caseStudyTitleBlock .caseStudyIcon a img {
	border: 0;
	float: left;
	padding-top: 5px;
}
*html .caseStudyTitleBlock .caseStudyIcon a img {
	margin-top: 4px;
}
.caseStudyTeaser p {
	padding-top: 0 !important;
	margin-top: 0 !important;
	margin-left: 19px;
}
#caseStudy {
	border-right: 1px dotted #333;
	margin-right: 250px;
	padding-right: 20px;
}
#caseStudy h2 {
	padding-top: 20px;
}
.inlinePhoto {
	width: 265px !important;
}
#caseStudy .inlinePhoto p {
	font-size: .9em;
	font-style: italic;
	color: #073a67;
	line-height: 1.1em;
}
.photo {
	border: 1px solid #ddd;
	background: #fff;
	padding: 5px;
	-moz-box-shadow: 2px 2px 7px #aaa;
	-webkit-box-shadow: 2px 2px 7px #aaa;
	box-shadow: 2px 2px 7px #aaa;
	width: 255px;
}
.photo img {
	display: block;
}
.photo a img {
	border: 0;
	padding-bottom: 0 !important;
}

/* Client List */
#clientList {
	width: 98%;
	margin: 0 auto;
	border-collapse: collapse;
}
#clientList td {
	margin: 0 auto;
	text-align: center;
	width: 33%;
	border-bottom: 1px dotted #333;
	padding: 10px;
	vertical-align: top;
}
#clientList td.middleColumn {
	border-left: 1px dotted #333;
	border-right: 1px dotted #333;
}
#clientList td p {
	text-align: left;
	font-size: .9em;
}
#clientList .imgpad1 {
	padding-top: 1px;
	padding-bottom: 1px;
}
#clientList .imgpad2 {
	padding-top: 2px;
	padding-bottom: 2px;
}
#clientList .imgpad4 {
	padding-top: 4px;
	padding-bottom: 4px;
}
#clientList .imgpad5 {
	padding-top: 5px;
	padding-bottom: 5px;
}
#clientList .imgpad6 {
	padding-top: 6px;
	padding-bottom: 6px;
}
#clientList .imgpad7 {
	padding-top: 7px;
	padding-bottom: 7px;
}
#clientList .imgpad8 {
	padding-top: 8px;
	padding-bottom: 8px;
}
#clientList .imgpad10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
#clientList .imgpad12 {
	padding-top: 12px;
	padding-bottom: 12px;
}
#clientList .imgpad16 {
	padding-top: 16px;
	padding-bottom: 16px;
}
#clientList .imgpad17 {
	padding-top: 17px;
	padding-bottom: 17px;
}
#clientList .imgpad19 {
	padding-top: 19px;
	padding-bottom: 19px;
}
#clientList .imgpad20 {
	padding-top: 20px;
	padding-bottom: 20px;
}
#clientList .imgpad26 {
	padding-top: 26px;
	padding-bottom: 26px;
}
#clientList .imgpad28 {
	padding-top: 28px;
	padding-bottom: 28px;
}
#clientList .imgpad30 {
	padding-top: 30px;
	padding-bottom: 30px;
}
#clientList .imgpad32 {
	padding-top: 32px;
	padding-bottom: 32px;
}
#clientList #lastRow td {
	border-bottom: 0;
}

/* Contact Us */
#contactForm {
	padding-top: 20px;
}
#contactForm td {
	padding: 0 4px;
	vertical-align: top;
}
#contactForm .firstColumn {
	width: 100px;
}
#contactForm .required {
	border: 1px solid #000;
	background: #3b7bc0;
	color: #fff;
	padding: 0 4px;
	display: inline;
}
#contactForm input, #contactForm textarea {
	border: 2px solid #bfbfbf;
	background: #ebf8fd;
	font-size: 1.11em;
}
#contactForm input:focus, #contactForm textarea:focus {
	border: 2px solid #0e3f6e;
	background: #cce6fd;
}
#contactForm input:hover, #contactForm textarea:hover {
	border: 2px solid #0e3f6e;
}
#contactForm input {
	width: 250px;
}
#contactForm textarea {
	width: 320px;
}
#contactForm .submitButton input {
	border: 2px solid #000 !important;
	background: #3b7bc0!important;
	color: #fff !important;
	padding: 2px 10px !important;
	width: 68px;
	font-size: .9em;
	cursor: pointer;
	cursor: hand;
}
#contactBar {
	padding: 0 0 10px 20px;
	border-left: 1px dotted #333;
}
.attachmentContainer a:hover {
	border-bottom: 0 !important;
}
#contactMain {
	margin-right: 340px;
}

/* Image Attachments */
#content .attachment {
	float: right;
	width: 270px;
	margin-left: 20px;
	padding-top: 14px;
	display: inline;
}
*:first-child+html .attachment {
	margin-right: -14px;
	padding-left: 10px;
}
#content .attachment a:hover {
	border: 0;
}
#content .attachmentContainer {
	position: relative;
}
#content .attachment-medium {
	padding: 6px;
	border: 1px solid #ddd;
	background-color: #fff;
	-moz-box-shadow: 2px 2px 7px #aaa;
	-webkit-box-shadow: 2px 2px 7px #aaa;
	box-shadow: 2px 2px 7px #aaa;
	zoom: 1;
	filter:
	progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=2, offy=2)
	progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
	progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}
*html #content .attachment-medium {
	zoom: 1;
	filter:
	progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=2, offy=2)
	progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
	progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}
*:first-child+html #content .attachment-medium {
	zoom: 1;
	filter:
	progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=2, offy=2)
	progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
	progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}
#content .attachment-caption {
	margin-left: 7px;
	padding-bottom: 24px;
	font-size: .9em;
	font-style: italic;
	color: #073a67;
}

/* Miscellaneous */
#indexNav {
	padding-top: 12px;
}
#previousPage a img {
	border: 0;
}

#flashDummy {
	display: none;
}
*html #flashAnim {
	display: none;
}
*html #flashDummy {
	display: block;
}

*html #helpWanted {
	display: none;
}

/* Client Login */
#clientLoginLinkHolder {
	width: 999px;
	margin: 0 auto;
	position: relative;
}
#clientLoginLink {
	padding: 0;
	color: #fff;
	position: absolute;
	font-size: .8em;
	top: -10px;
	right: 26px;
	line-height: 2em;
	z-index: 999;
}
*:first-child+html #clientLoginLink {
	top: 0;
}
#clientLoginLink a {
	color: #fff;
	text-decoration: none;
	display: block;
}
#clientLoginLink a:hover {
	color: yellow;
}

.zoomThisOverlay {
	position: absolute;
	right: 10px;
	bottom: 8px;
	z-index: 200;
}
.zoomThisOverlay img {
	border: 0;
}
#caseStudy .inlinePhoto .photo .zoomThisOverlay {
	position: absolute;
	right: 7px;
	bottom: 6px;
	z-index: 200;
}

/* Added by Jonathan on 23 September, 2010 to fix the vertical alignment bug that was affecting image alignment on the "Our Clients" page in all browsers except Safari. Fix derived from the following: http://mrclay.org/web_design/centered_image/ */

.imageBlock {
	height: 100px !important;
	vertical-align: middle !important;
	display: table-cell;
	text-align: center;
	width: 264px;
	font-size: 90.5px;
}
.imageBlock * {
	vertical-align: middle;
}

/* end Image Alignment fix */

#footerBlock {
	border: 0;
	border-collapse: collapse;
	margin: 0 auto;
}
#footerCenter {
	width: 600px;
}
#footerCenter table img {
	margin-left: 5px;
	margin-top: 8px;
	border: 0;
}
#footerCenter table {
	border: 0;
	border-collapse: collapse;
	margin: 0 auto;
}

#footerLeft {
	text-align: right;
	padding-top: 60px;
}
#footerRight {
	text-align: left;
	padding-top: 50px;
}

/* New Front Page */
div.secondColumn.newFP {
	width: 440px;
	margin-top: -60px;
}
h2.newFP,
h3.newFP
{
	font-family: "Droid Sans", arial, serif;
	color: #30306b !important;
	font-size: 24px;
}
h3.newFP {
	font-size: 20px;
	font-style: normal !important;
}
.fpVDivider {
	float: left;
	margin-top: 16px;
}
#whiteghyllChina {
	float: left;
	width: 280px;
	padding-right: 10px;
}
#whiteghyllChina a {
	color: #30306b;
	font-style: normal;
}
#whiteghyllChina p {
	line-height: 20px;
}
#whiteghyllWhatWeDo {
	width: 250px;
	padding: 0 10px 0 28px;
	float: left;
}
#whiteghyllWhatWeDo ul {
	list-style-image: url(/assets/images/listStar.png);
	margin-left: 20px;
}
#whiteghyllWhatWeDo ul li {
	line-height: 24px;
}
#whiteghyllWhatWeDo ul li a {
	font-weight: normal;
	font-style: normal;
}
#whiteghyllPDFs {
	padding-left: 10px;
	float: right;
	padding-right: 0;
}
#whiteghyllPDFs img {
	padding: 10px 0 0 0;
}
#whiteghyllChina .mtAdjust {
	margin-top: -0px;
}
#whiteghyllWhatWeDo .mtAdjust,
#whiteghyllPDFs .mtAdjust
{
	margin-top: -2px;
}
#whiteghyllChina table,
#whiteghyllWhatWeDo table,
#whiteghyllPDFs table
{
	margin-left: -10px;
}
/* Nivo Slider */
#sliderContainer {
	padding: 8px;
	background: #fff;
	border: 1px solid #000;
	margin-right: 20px;
	width: 424px;
	position: relative;
/*	top: -60px; */
}
#slider {
	position: relative;
	width: 424px; /* Change this to your images width */
	height: 275px; /* Change this to your images height */
	background: #efe9d1 url(/assets/images/loading.gif) no-repeat 50% 50%;
}
#slider img {
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
}
#slider a {
	border: 0;
	display: block;
}
.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(/assets/images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}
div.nivo-directionNav a:hover,
div.nivo-directionNav img:hover,
#whiteghyllPDFs a:hover,
#whiteghyllPDFs img:hover
{
	border-bottom: 0 !important;
}
/*
font-size: 20px; // Sub Headings
*/