* { margin: 0; padding: 0; }
body { background-color:#000; color: #FFFFFF; font: 62.5%/1.4 Helvetica, sans-serif, Arial; }

a:link { color: #0000CC; }
a:visited { color: #800080; }
a:hover, a:active { color: #FF0000; text-decoration: none; }

button, input, textarea, select { font-size: 100%; font-family: Helvetica, sans-serif, Arial; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; margin-bottom: .3em; }
h1 { font-size: 1.8333em; }
h2 { font-size: 1.5000em; }
h3 { font-size: 1.3333em; }
h4 { font-size: 1.2500em; }
h5 { font-size: 1.1667em; }
h6 { font-size: 1.0833em; }
p { }
iframe, img { border: none; }
fieldset, form { border: 0 solid #FFFFFF; }
img { vertical-align: bottom; }
table { border-collapse: collapse; border: 0; border-spacing: 0; font-size: 100%; }
caption, td, th { text-align: left; font-size: 100%; font-weight: normal; }
ol, ul { margin-bottom: .3em; }
ol li, ul li { margin:0; }
div.pre { font-size: 1.1667em; }
pre, code { font-family: monospace; font-size: 107%; line-height: 1.2; }

.adn { display: block; height: 0; overflow: hidden; width: 0; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cleaner { clear: both; height: 1px; margin-top: -1px; overflow: hidden; }

/*	Accessibility Links
----------------------------------------------- */
ul#Accessibility, .accessibility { left: -9999em; position: absolute; top: -9999em; }
.adn { display: block; height: 0; overflow: hidden; width: 0; }

/*	Structure
----------------------------------------------- */
div#Container { margin: 0 auto; width: 960px; }

div#Header { height:220px; width:960px; }
div#Header h1#BrandingLogo { display:block; float:left; height:85px; margin: 72px 0 0 80px; width:200px; }
div#Header h1#BrandingLogo a { background-image:url(../Images/Global/logo.png); background-position:left top; background-repeat:no-repeat; display:block; float:left; height:85px; text-indent:-9999px; width:200px; }

div#NavigationPrimary { float:right; font-family: Helvetica, sans-serif, Arial; margin:0 auto; width:620px; }
div#NavigationPrimary:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#NavigationPrimary ul {/* border-bottom:1px solid #18181A;*/ float:left; list-style-image:none; list-style-position:outside; list-style-type:none; margin:0 40px 0 20px; }
div#NavigationPrimary ul li { border-right:1px solid #18181A; float:left; font-size:1.6em; height:30px; padding-top:80px; }
div#NavigationPrimary ul li.last { border-right:none; }

div#NavigationPrimary ul li a { display:block; font-size:1.2em; height:15px; padding:5px 23px; }

div#NavigationPrimary ul.primary li a:link,
div#NavigationPrimary ul.primary li a:visited { color: #353434; text-decoration: none; }

div#NavigationPrimary ul.primary li a:hover { color: #FFFC00; }
div#NavigationPrimary ul.primary li a:active { color: #0fa8cb; }
div#NavigationPrimary ul.primary li a.selected { color: #00A6E3; }

div#NavigationPrimary ul.sub-menu li a.about-selected { color: #fffc00; }
div#NavigationPrimary ul.sub-menu li a.studio-selected { color: #fffc00; }

div#NavigationPrimary ul.sub-menu li a.print-selected { color: #fafa38; }
div#NavigationPrimary ul.sub-menu li a.packaging-selected { color: #16ee30; }
div#NavigationPrimary ul.sub-menu li a.id-selected { color: #ff0096; }
div#NavigationPrimary ul.sub-menu li a.technical-selected { color: #ff4800; }

div#NavigationPrimary ul.sub-menu li#FM01 a:hover { color: #fafa38; }
div#NavigationPrimary ul.sub-menu li#FM02 a:hover { color: #16ee30; }
div#NavigationPrimary ul.sub-menu li#FM03 a:hover { color: #ff0096; }
div#NavigationPrimary ul.sub-menu li#FM04 a:hover { color: #ff4800; }


div#NavigationPrimary ul li ul { border:medium none; margin:0; padding:0; position:absolute; top:110px; width:220px; z-index:5000;}
/*div#NavigationPrimary ul li ul li { background:url(../Images/Global/DropDownBG.png) repeat-x scroll 0 0; border:none; margin:0; padding:3px 0; }*/
div#NavigationPrimary ul li ul li { background:#0E0E0E none repeat scroll 0 0; border:medium none; margin:0; padding:3px 0; }
div#NavigationPrimary ul li ul li a { font-size:0.8em; }

div#NavigationPrimary ul.primary li.selected a:hover { color: #FFFC00; }

div#NavigationPrimary ul.test li a { color: #ff0000; }

div#NavigationPrimary ul li.selected ul li.selected a:link,
div#NavigationPrimary ul li.selected ul li.selected a:visited { color: #0fa8cb; }
div#NavigationPrimary ul li.selected ul li.selected a:hover { color: #FFFC00; }

div#Content { margin-top:10px; width:960px; }
div#Content ul { margin-bottom: 1em; }
div#Content ul li ul { margin-top: 5px; margin-bottom: 0; }

div#ContentPrimary { color:#7D7E81; margin:0 auto 94px; min-height:380px; width:800px; }
div#ContentPrimary h1 {font-family: Helvetica, sans-serif, Arial; font-size:30px; font-style:italic; font-weight:bold; padding:0pt; }
div#ContentPrimary h2 { color:#0FA8CB; font-size:1.6em; font-weight:normal; margin:0 auto 12px; padding-top:20px; width:660px; }
div#ContentPrimary h3 { }
div#ContentPrimary span.grey{ color:#d5d6d8; font-size:1.3em; }

/*div#ContentPrimary p { color:#BABABA; font-size:1.4em; margin:0 auto 6px; width:660px; }*/

div#ContentPrimary p { float:left; font-size:1.6em; font-weight:normal; margin:8px 30px; text-align:left; width:740px; }
div#ContentPrimary p.main-intro { color:#88C3FA; display:block; font-size:3.3em; font-weight:normal;  margin-bottom:4px;}

div#ContentPrimary p.intro { color:#F6F7F9; font-size:2.2em; margin-bottom:8px; }
div#ContentPrimary p.date { font-size:1.1em; }

/*body.about div#ContentPrimary h2 { color:#fffc00; display:inline; float:left; font-size:2em; font-weight:normal; padding:0; width:70px; }
body.about div#ContentPrimary p { float:right;margin:8px 0; width:740px; }
body.about div#ContentPrimary p.main-intro { color:#88C3FA; display:block; float:right; font-size:3.3em; font-weight:normal; margin:0 0 4px; width:740px; }*/

div#ContentPrimary ul { }
div#ContentPrimary ul li { }

div#ContentPrimary a:link,
div#ContentPrimary a:visited { color: #0fa8cb; text-decoration: none; }
div#ContentPrimary a:hover { color: #FFFC00; }
div#ContentPrimary a:active { color: #0fa8cb; }

div#ContentPrimary ul li .folio-image { float:left; width:473px;}
div#ContentPrimary ul li .folio-text { float:left; margin-left:12px; width:198px; }
div#ContentPrimary ul li .folio-text h3 { font-weight:bold; font-size:1.6em; margin:0; padding:0; }
div#ContentPrimary ul li .folio-text h4 { font-weight:bold; font-size:1.4em; margin:0; padding:0; }
div#ContentPrimary ul li .folio-text p { font-size:1.2em; margin:0; padding:0; width:198px; }

div#ContentSecondary { margin: 0 0 15px 20px; }
div#ContentSecondary h3 { }
div#ContentSecondary p { }
div#ContentSecondary ul { }
div#ContentSecondary ul li { }

div#Sidebar { float: right; width: 200px; }
div#Sidebar h3 { }
div#Sidebar h4 { }
div#Sidebar p { }
div#Sidebar ul { margin-bottom: 1em; }
div#Sidebar ul li { }

div#Footer { background:#040404 none repeat scroll 0 0; clear:both; margin:0 auto; padding:0; width:800px; }
div#Footer a { color:#FFFFFF; text-decoration:underline; }
div#Footer a:hover { color:#FFFFFF; text-decoration:none; }

div#Footer ul { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; }
div#Footer ul.made-by {float:right; }
div#Footer ul li { background:transparent url(../Images/Global/FooterPipeBG.png) no-repeat scroll 0 50%; color:#343333; float:left; font-size:1.2em; margin:0; padding:2px 10px; }
div#Footer ul li.first { background:none; }

div#Footer ul li a { color:#343333; }
/* Common form elements
-----------------------------------------------*/
legend, label.hidden { display: none; }
input, select, textarea { color:#FFFFFF; font-size: 1.3em; }

.frow { margin-bottom:6px; }
.frow-2col { float:left; width:44%; }
.frow label { width:100%; }
.frow-text input,
.frow-date input,
.frow-select input,
.frow-textarea textarea { border: 1px solid #b4b4b4; height: 21px; padding-top: 3px; }

.frow-textarea textarea { height: auto; font-size: 1.2em; }
.frow:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.mandatory { color: #df912e; }

.frow-select-full-width { width:100%; }
.frow-select-half-width { float:left; margin-right:6px; width:90px; }
.frow-select .datepicker { display:block; float:left; margin-left:4px; padding:0; width:19px; }
label.hidden { display:none; }

.generic-form .container { }
.contact-form #Col1 { float:left; width:300px; }
.contact-form #Col2 { float:left; margin-left:40px; width:320px; }

.contact-form label { color:#FFFFFF; float:left; font-size:1.5em; margin:0 0 6px; padding:5px 0 0; width:200px; }
.contact-form .frow { float:left; margin:10px 0; width:340px; }
.contact-form .frow-action { text-align:right; width:306px; }
.contact-form .frow-textarea { float:left; margin:10px 0; width:330px; }
.contact-form .frow-text input { background:#000000 none repeat scroll 0 0; border:1px solid #1c1c1c; color:#FFFFFF; float:left; font-size:1.2em; height:18px; padding:3px 6px; width:213px; }
.contact-form .frow-textarea textarea { background:#000000 none repeat scroll 0 0; border:1px solid #1c1c1c; color:#FFFFFF; float:left; font-size:1.2em; padding:3px 6px; }

.contact-form .frow-text input:focus,
.contact-form .frow-textarea textarea:focus { border:1px solid #3c3c3c; }

.contact-form .frow-action input.submit { background:transparent url(../Images/Global/SubmitButton.png) no-repeat scroll 0 0; border:medium none; height:33px; text-indent:-9999px; width:69px; }

.generic-form .postcode input { width: 120px; }
.generic-form .frow-radio input { width: 15px; margin-top: 3px; }
.generic-form .frow-radio span { display: block; float: left; margin-right: 10px; padding-top: 5px; }
.generic-form .frow-radio label { width: 30px; padding-top: 0; }
.generic-form .frow-radio label.label { width: 120px; }
.generic-form .frow-action { padding: 10px 0 0 120px; }
.generic-form .frow-select input { width: 65px; padding-left: 5px; font-size: 1.2em; }
.generic-form .frow-select span.validation-failed { }
.generic-form .frow-text input.validation-failed,
.generic-form .frow-select input.validation-failed,
.generic-form .frow-textarea textarea.validation-failed { border-color: #aa1a1a; }

.validation-message { display: none; }
.validation-message-show { display: block; }
.select-button .validation-message { left: 120px; }
.frow-textarea .validation-message { left: 405px; }
.validation-message { background: none; position: absolute; left: 350px; top: -2px; width: 125px; }
.validation-message span { background: transparent url(../../Images/Global/ValidationMessage.png) right 0 no-repeat; color: #aa1a1a; font-size: 1.2em; font-weight: normal; padding: 4px 0px 8px 8px; display: block; }
.validation-message em { background: transparent url(../../Images/Global/ValidationMessage.png) 0 -29px no-repeat; display: block; width: 18px; height: 29px; float: left; }


/*	Section Specific
----------------------------------------------- */
div#Container { margin:0 auto 48px; width:960px; }

/*	Section: body.home
----------------------------------------------- */
body.home div#Container { background-image:url(../Images/Global/background-homepage.jpg); background-repeat:no-repeat; }

/*	Section: body.work
----------------------------------------------- */
body.work div#Container { }

body.work div#NavigationSecondary ul { left:261px; margin-top:8px; position:relative; width:150px;}
body.work div#ContentPrimary { background:transparent none repeat scroll 0 0; padding:20px; width:800px; }
body.work div#Breadcrumb { background-color:#FFFFFF; }
body.work div#Breadcrumb h2 { color:#0FA8CB; font-size:1.6em; font-weight:normal; margin:0 0 2px; padding:8px 10px; }

body.work div#Content ul { margin-bottom: 0; }

body.work #FolioImage { background:transparent url(../Images/Global/ContactFormBG.png) repeat scroll 0 0; float:left; height:456px; text-align:center; width:590px; }

body.work #FolioText { background:transparent url(../Images/Global/ContactFormBG.png) repeat scroll 0 0; float:left; height:440px; margin-left:10px; padding:20px; position:relative; width:160px; }
body.work #FolioText p { float:left; font-size:1.3em; line-height:1.32em; width:100%; }
body.work #FolioText .work-header { color: #C9C9C8; margin:0; padding:0; }
body.work #FolioText .work-header-text { color:#7B7B7A; margin:0 0 18px; padding:0; }
body.work #FolioText .work-description { color: #5B5C5C; margin:0; padding:0; }

body.work #FolioText ul#PageCount { bottom:0; float:left; position:absolute; }

body.work #FolioText ul#PageCount.print a:hover { color:#FADA38; }
body.work #FolioText ul#PageCount.packaging a:hover { color:#16EE30; }
body.work #FolioText ul#PageCount.id a:hover { color:#FF0096; }
body.work #FolioText ul#PageCount.technical a:hover { color:#FF4800; }

body.work #FolioText ul#PageCount li { display:block; float:left; padding:5px; }
body.work #FolioText ul#PageCount li.first { display:block; float:left; padding-left:0; }

body.work #FolioText ul#PageCount li a { color:#3D3E3E; float:left; font-size:1.2em; }
body.work #FolioText ul#PageCount li a.id-selected { color:#FF0096; }
body.work #FolioText ul#PageCount li a.print-selected { color:#FADA38; }
body.work #FolioText ul#PageCount li a.packaging-selected { color:#16EE30; }
body.work #FolioText ul#PageCount li a.technical-selected { color:#FF4800; }

body.work #FolioExtras { background:transparent url(../Images/Global/ContactFormBG.png) repeat scroll 0 0; float:left; margin-top:20px; width:590px; }
body.work #FolioExtras ul { float:left; list-style-image:none; list-style-position:outside; list-style-type:none; }
body.work #FolioExtras ul li { background:transparent url(../Images/Global/FooterPipeBG.png) no-repeat scroll 0 50%; color:#343333; float:left; font-size:1.2em; margin:0; padding:2px 10px; }
body.work #FolioExtras ul li.client-header { background:transparent none repeat scroll 0 0; color:#FFFFFF; padding:2px 0; }
body.work #FolioExtras ul li.first { background:none; }

body.work #FolioExtras ul.folio-id li a:hover { color:#FF0096; }
body.work #FolioExtras ul.folio-print li a:hover { color:#FADA38; }
body.work #FolioExtras ul.folio-packaging a:hover { color:#16EE30; }
body.work #FolioExtras ul.folio-technical li a:hover { color:#FF4800; }

body.work #FolioExtras ul li a.id-selected { color:#FF0096; }
body.work #FolioExtras ul li a.print-selected { color:#FADA38; }
body.work #FolioExtras ul li a.packaging-selected { color:#16EE30; }
body.work #FolioExtras ul li a.technical-selected { color:#FF4800; }

body.work #FolioExtras ul li a { color:#343333; }

/*	Section: body.about
----------------------------------------------- */
body.about div#Container { }
body.about div#NavigationSecondary ul { left:165px; margin-top:8px; position:relative; width:150px;}

body.about #StudioInformation { float:left; }

body.about #StudioInformation ul { background:transparent url(../Images/Global/ContactFormBG.png) repeat scroll 0 0; float:left; padding:12px; width:704px;}
body.about #StudioInformation ul li { background:#999A9B none repeat scroll 0 0; float:left; margin-right:12px; width:164px; }

body.about #StudioInformation ul li.studio-profile { }
body.about #StudioInformation ul li.studio-profile h3 { color:#FFFFFF; float:left; font-size:1.8em; margin-left:10px; margin-top:10px; }
body.about #StudioInformation ul li.studio-profile p { color:#000000; float:left; font-size:1.4em; margin:0 10px; padding:2px 8px; width:auto; }

body.about #StudioInformation ul li.studio-profile .profile-info { background-color:#D8D9DA; float:left; margin-top:6px; min-height:340px; }
body.about #StudioInformation ul li.studio-profile .profile-info p { background-color:#D8D9DA; float:left; font-size:1.2em; margin:0; padding:10px; width:144px; } 

body.about #StudioInformation ul li.person-rich { background:#999A9B url(../Images/Content/Profiles/ProfileRich.jpg) no-repeat scroll 0 0; padding-top:179px; }
body.about #StudioInformation ul li.person-rich p { background-color:#3CFF00; }

body.about #StudioInformation ul li.person-rob { background:#999A9B url(../Images/Content/Profiles/ProfileRob.jpg) no-repeat scroll 0 0; padding-top:179px; }
body.about #StudioInformation ul li.person-rob p { background-color:#FFFC00 }

body.about #StudioInformation ul li.person-chris { background:#999A9B; padding-top:179px; }
body.about #StudioInformation ul li.person-chris p { background-color:#00A6E3 }

body.about #StudioInformation ul li.person-ian { background:#999A9B; padding-top:179px; }
body.about #StudioInformation ul li.person-ian p { background-color:#FF4E00 }

body.about #StudioInformation ul li.studio { background:transparent none repeat scroll 0 0; }

body.about #StudioInformation h2 { color:#FFFC00; display:inline; float:left; font-size:2em; font-weight:normal; padding:0; width:70px; } 

/*	Section: body.contact
----------------------------------------------- */
body.contact fieldset { background:transparent url(../Images/Global/ContactFormBG.png) repeat scroll 0 0; padding:50px; }
body.contact legend { display:none; }
body.contact div#ContentPrimary fieldset h3 { color:#ffffff; float:left; font-size:1.4em; font-weight:bold; margin:0; padding:0; }
body.contact div#ContentPrimary fieldset p { color:#00A6E3; float:left; font-size:1.3em; margin:0; padding:0; }
body.contact div#ContentPrimary fieldset p a { color:#00A6E3; }