html, body {margin:0; padding:0; background: #DADADA url(/multimedia/new/background.gif) repeat-x left top; font-family: 'Helvetica Neue', Helvetica, Arial sans-serif; text-align: center; color: #686F75;}

body { font-size: 76%; padding: 0px;}
* html body #middle table { font-size: 1.0em;}

div, p, table, th, td, li, blockquote, .normal {font-size: 1.0em;}

a, a:link, a:visited {color: #003366;text-decoration: none;}
a:hover {color: #669900;	text-decoration: underline;}

h1, h2, h3, h4, h5, p {margin-top: 0;}
h3, h4, h5 {font-weight: 400; margin-bottom: 12px;}

h1 { font-size: 2.2em;}
h2 { font-size: 1.8em; color:#222;}
h3 { font-size: 1.7em; color:#333;}
h4, .heading { font-size: 1.4em; color:#459DDD;}
h5, .subheading { font-size: 1.3em; color:#669900;}

.heading, .subheading {font-weight: bold;}
select, textarea {font-family: Arial, Helvetica, sans-serif;background: #FFF;border: 1px solid #666;}

textarea { width: 100%;}
select { font-size: 0.9em;}

fieldset {padding: 1em;margin-bottom: 15px;border: 1px solid #AAA;}
legend { padding: 2px 5px; background: #A3A3A3; color:#FFF; font-size: 1.1em; font-weight:bold;}

hr{ border: 0; height: 1px; width: 100%; color: #CCC; background-color: #CCC;}
img { border: 0; }
th {text-align: left;}
#middle tr { border: 1px solid #ccc; vertical-align: top;}

blockquote { font-family: "Monaco", Courier New, Courier, monospace; text-align: justify; padding: 10px 0 5px 15px; border-left:1px solid #A2CEEE;}
blockquote p { padding: 0 0 5px 0;}

* html #overall {height: 1%;}
* html #header {height: 1%;}
* html #navigation {height: 1%;}
* html #banner {height: 1%;}
* html #middle {height: 1%;}
* html #right {height: 1%;}

#overall { position: relative; width: 100%; margin: 10px auto 10px auto;padding: 0;background: #FFF; text-align: left;}
#overall .content {padding: 21px;background: url(/multimedia/new/footer-back.png) no-repeat center bottom;}

#header { position: relative; width: 100%; margin: 0px auto; padding: 10px; background: #459DDD; overflow: hidden; height: auto;}
#header .content { display: none;}
#header h1 { display:inline; margin: 0; padding: 0;}
#header .headfade { float: none; width: 100%; background: #459DDD;}

.logo { float: none; margin: 0; padding: 10px 0px 0px 55px; color: #FFF; background: #459DDD;}
.searchbox { float: none; display: none;}

#navigation{ display: none;}

/* MENU FEATURES */
#inigomenumenu li a, #inigomenumenu li a:visited {padding: 0px 15px; line-height: 48px; font-size: 1.2em; color: #FFF;}
#inigomenumenu li a.menuhover, #inigomenumenu li a:visited.menuhover, #inigomenumenu li a:hover {background: transparent; color: #FFF; text-decoration: none; }
#inigomenumenu ul {margin-top: -13px; padding-top: 8px; background: url("/multimedia/new/menu-top.gif") no-repeat 25px 0px; overflow-x: visible; -webkit-box-shadow: 0px 0px 7px #000;}
#inigomenumenu li ul, #inigomenumenu li ul li {width: 160px;}
#inigomenumenu li li a, #inigomenumenu li li a:visited {padding: 6px 15px 6px 15px; background: #FFF; line-height: normal; font-size: 1em; color: #232426; text-align:left;}
#inigomenumenu li li a.menuhover, #inigomenumenu li li a:visited.menuhover, #inigomenumenu li li a:hover {color: #FFF; background: #459DDD;}

#graphicbox { height: 180px; background: #FFF; }
#graphicbox h2 { padding: 25px; font-size: 3em; color:#FFF; font-weight: 100;}
#graphicbox .gbpadding, #rowtwo .rowpadding, #rowthree .rowpadding { background: url(/multimedia/new/shadow.png) no-repeat center top; }

#rowone .colone, #rowtwo .colone {float: left; width: 595px; margin-right: 35px;}
#rowone .coltwo, #rowtwo .coltwo {float: left; width: 280px;}
#rowone .colone p, #rowone .colone li, #rowtwo .colone p, #rowtwo .colone li {font-size: 1.1em;}
#rowone .coltwo p, #rowone .coltwo li, #rowtwo .coltwo p, #rowtwo .coltwo li {font-size: 1.1em;}
.rowpadding {padding: 25px;}

#rowone {background: #FFF;}
#rowone .colone {}
#rowone .coltwo {position: relative;}
#rowone .coltwo .showcase { position: absolute; left: -20px; top: -80px; height: 330px; width: 355px; overflow: visible; background:url(/multimedia/new/showcase-back.png) no-repeat left top;}

#rowtwo {background: #8E98A2;}
#rowtwo .colone, #rowtwo .coltwo {color: #E8E8E8;}
#rowtwo .colone strong {color: #434A52;}
#rowtwo .colone a, #rowtwo .coltwo a, #rowthree a, #rowtwo .colone a:visited, #rowtwo .coltwo a:visited, #rowthree a:visited {color: #FFF;}
#rowtwo .colone h3, #rowtwo .coltwo h3 {color: #FFF; font-size: 1.8em; font-weight: 400; text-shadow: 0px 0px 9px rgba(61,64,68,0.5);}

#rowthree {background: #3D4044;}
#rowthree ul.colbox { float: left; width: 280px; margin: 0px; padding: 0px; list-style: none;}
#rowthree ul.colbox li { margin-bottom: 5px; color: #BCC6D0;}
#rowthree h3 {color: #FFF; font-size: 1em; font-size: 1.6em; font-weight: 200;}
#rowthree .boxspacer {margin: 0px 35px !important;}

.headnews {background: #3D4044 url(/multimedia/new/subhead/website-news.gif) no-repeat left top !important;}
.headcase {background: #3D4044 url(/multimedia/new/subhead/case-studies.gif) no-repeat left top !important;}
.headinigo {background: #8E98A2 url(/multimedia/new/subhead/inigo-cms.gif) no-repeat left top !important;}

#newsbox { background: #bee4f8; background: -moz-linear-gradient(left, #bee4f8 1%, #c8eefb 50%, #DBF5FC 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(1%,#bee4f8), color-stop(40%,#c8eefb), color-stop(100%,#DBF5FC)); background: -o-linear-gradient(left, #bee4f8 1%,#c8eefb 50%,#DBF5FC 100%);}

#newsbox h4 { margin-bottom: 5px; padding: 10px 10px 10px 15px; color:#BCC6D0; background: #3D4044; font-size: 1.2em; font-weight: normal; }
#newsbox h4 a, #newsbox h4 a:visited {color:#BCC6D0;}
#newsbox h4 a:hover {color:#FFF; text-decoration: none;}
ul.news { margin: 0; padding: 10px 10px 10px 15px; list-style: none;}
ul.news li { margin-bottom: 5px;}
ul.news li:nth-child(odd) { background: rgba(255,255,255,0.0);}
#newsbox a:hover { color:#069;}

#linkmenulist {}
#linkmenulist ul { list-style: none; margin-left: 0; padding: 0px;}
#linkmenulist li { padding: 3px 5px 4px 5px;}
#linkmenulist .lightrow { background: #FFF; border-bottom: 0px solid #bee2ff;}
#linkmenulist .darkrow { border-bottom: 0px solid #d5edff; background: #edf7ff;}

#footer {clear:both; width: auto; margin: 0; padding: 0; background: #232426 url(/multimedia/new/shadow.png) no-repeat center top;}
#footer .content {padding: 25px; text-align: center; color:#8E98A2; background: none;}

#smedia {width: 910px; margin: 0px auto 10px auto;}
#smedia ul { list-style:none; margin:0; padding:0; }
#smedia li { display:inline; float: left; margin-right:5px; }

.clr { clear: both;}
.small, .error { font-size: 0.9em;}
.error { color: red;}
.white { color: white;}
.noborder {border:none;}
.thankyou { margin-bottom: 10px; padding: 10px 20px; border: 1px solid #118F11; background-color: #CCFFCC; color:#096009;}

.ticks { margin-left: 50px; padding: 0; list-style: url(/multimedia/icons/tick.gif) none outside;}
.ticks li { padding-left: 5px;}
.tickdrawn { margin: 0px 50px 15px 0px; padding: 0; list-style: none;}
.tickdrawn li {min-height: 24px;background: url(/multimedia/icons/tick-drawn.png) no-repeat left top; margin-bottom: 7px; padding-left: 30px; font-size: 1.2em !important;}

.contactinfo { background: url("/multimedia/icons/contact.gif") no-repeat scroll 0px 0px; padding: 3px 0 4px 23px;}
.printerpage {background: url("/multimedia/icons/printer.gif") no-repeat left center; padding: 3px 0 4px 20px;}
.printbox { width: auto;  margin: 0 0 15px 0; padding:  5px 10px; background: #eee; border: 1px solid #FFF; font-size: 12px; font-weight: bold;}

div.float { float: left; padding: 1px;}
.floatright {float: right;}
.iconfloat {	float: left; width: 45px; height:45px; text-align:center;}

.labelfloat {width: 10em;float: left;display: block;margin-right: 0.5em;text-align: right;font-weight: bold;padding-top: 5px;}

.contactbtn, .contactbtn:visited {
position: relative; display: inline-block; padding: 6px 11px 7px 11px; color: #fff !important; text-decoration: none; border-bottom: 1px solid rgba(0,0,0,0.25); line-height: 1;
background: #222 url(/multimedia/icons/button-overlay.png) repeat-x; font-size: 1.1em;}
.blue, .blue:visited { background-color: #459DDD; }
.blue:hover { background-color: #2D7FB5;text-decoration: none; }

#clientbox { float: left; width: 440px; min-height: 150px; margin-bottom: 15px; border-bottom: 1px dotted #BBB; background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#FEFEFE), color-stop(100%,#EDEDED));
-webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25);}
#clientbox .clientpadding {padding: 10px; }
#clientbox .clogo { float: left; width: 130px; height: 100px; border: 1px solid #FFF; overflow: hidden; background: #FFF; -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.4); text-align: center;}
#clientbox .clogo img { height: auto !important; width: auto !important; margin: auto; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); vertical-align: middle;}
#clientbox .ctext { margin-left: 150px;}
#clientbox .cname { margin-bottom: 10px; font-size: 1.3em;}
#clientbox .csummary {margin-bottom: 10px;}
#clientbox .cwebsite {}

/* Forms */
div.formfield {float: left;	width: 65%;}
div.formfield textarea { width: 70%;}
div.formfield input { width: 70%;}
.required { padding: 2px 5px; background: #A00; color:#FFF !important; font-size:0.9em;}
.dynamicForm .required { float: left; }
.success { padding: 10px; color: #4F8A10; background: #DFF2BF;}

/* Search CSS */
.searchInput { background: #D5EBFF; width: 100px; height: 16px; border: 1px solid #FFF; font-size:0.9em; color:#036 }
.searchButtonImg { margin: 0px; padding: 0px; vertical-align: bottom; border: 0px; margin-bottom: 1px; }
.searchWord {color: white;	background-color: #006699;}

.advsearchbox { margin-right: 5px; padding:5px 5px 5px 10px; border:1px solid #999; background: #F4F4F4;}
.advsearchbox td {vertical-align:middle;}

/* Login table CSS */
#loginbox { width: 300px; margin: 0 auto; background: #F8F8F8; border: solid 1px #A2CEEE;}
#loginbox div {padding: 5px;}
#loginbox #title { margin: 1px 1px 10px 1px; background: #459DDD; font-size: 1.2em; font-weight: bold; color: #FFF; text-align: center;}
#loginbox label { float: left; width: 30%; padding-top: 5px; text-align: right;	 font-size: 0.9em;}
#loginbox div.formfield { float: left; width: 65%; text-align: left;}

.loginInput, .registerInput { font-size: 0.9em; background: #FFF; border: 1px solid #666;}
.registerButton, .loginButton { padding: 4px 11px 5px 11px; font-size: 0.9em; font-weight: bold; color: #FFF;}
.loginButton { background: #690; border: 1px solid #580;}
.registerButton { background: #580 url("/multimedia/layout/btns/button-back-grn.gif") repeat-x left bottom; border: 1px solid #470;}
.registerButton:hover { background: #690 url("/multimedia/layout/btns/button-back-grn.gif") repeat-x left top; border: 1px solid #580;}

/* Search Pagin bar */
.pagingControl { width: 100%;}
.pagingControl td { text-align: center; padding: 3px 7px; border: 1px solid #BBB; background: #FDFDFD url("/multimedia/layout/btns/button-back-lgry.gif") repeat-x left top;}
.pagingControl td a {font-weight: bold;	color: #558800;	text-decoration: none;}
.pagingControl td a:hover {	color: #aa0000;}

.firstTD { width: 12%;}
.prevTD, .nextTD { width: 6%;}
.lastTD { width: 12%;}
.positionTD { width: 60%;}

/* CSS3 */
#inigomenumenu ul, .searchInput, .printbox, #newsbox h4  {-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.5); -moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.5); box-shadow: 0px 0px 9px rgba(0,0,0,0.5);}
#newsbox  {-webkit-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3); box-shadow: inset 1px 1px 3px rgba(0,0,0,0.3);}

.contactbtn, .contactbtn:visited, .registerButton {-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.contactbtn, .contactbtn:visited, .registerButton {-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
.contactbtn, .contactbtn:visited, #newsbox h4, .registerButton {text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}

.button, .button:visited {-moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}
.button, .button:visited {-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); box-shadow: 0 1px 3px rgba(0,0,0,0.5);}
.button, .button:visited, #newsbox h4 {text-shadow: 0 -1px 1px rgba(0,0,0,0.25);}