/* RESET STYLES */
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; font-size: 100%; vertical-align: baseline; background: transparent; }
input, textarea { margin: 0; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }



/* LAYOUT STYLES */
html { position: relative; height: 100%; }
body { position: relative; height: 100%; background: #F5FBFB url(../images/bg_grad_day.gif) 0px 0px repeat-x; }
body.bd-night { background: #CD38D2 url(../images/bg_grad_night.gif) 0px 0px repeat-x; }
div#page { position: relative; height: auto !important; height: 100%; /* 1 */ min-height: 100%; width: 100% !important; width: 1024px; min-width: 1024px; background: transparent url(../images/clouds_day_ia.png) 50% 0 repeat-x; /* 2 *//*
	1. IE6 interprets height as min-height
	2. IE overflow:hidden will cause background position glitches - don't set on this
	*/ }
body.bd-night div#page { background: transparent url(../images/clouds_night_ia.png) 50% 0 repeat-x; }
div#header { position: relative; z-index: 1000; }
div#header h1#hd-maintitle { position: absolute; top: 0px; left: -999em; }
div#content { position: relative; width: 860px; /* 1 */ margin: -85px auto 0 auto; padding: 110px 0 200px 0;/*
	1. Default width - override as needed
	*/ }
div#hd-extra-daynightswitch { position: absolute; bottom: 55px; right: 7px; width: 22px; height: 22px;/*
	Inserted via jw.daynightswitch.js
	*/ }
div#hd-extra-daynightswitch a { display: block; overflow: hidden; width: 22px; height: 0px; padding: 22px 0 0 0; margin: 0; background: transparent url(../images/mainnav_ia.png) -410px -170px no-repeat;/*
	Inserted via jw.daynightswitch.js
	*/ }
body.bd-night div#hd-extra-daynightswitch a { background: transparent url(../images/mainnav_ia.png) -433px -170px no-repeat;/*
	Inserted via jw.daynightswitch.js
	*/ }
div#footer { position: absolute; z-index: 1000; bottom: 0px; left: 0px; width: 100%; height: 200px; background: transparent url(../images/footer_sp_ia.png) 50% 0 no-repeat; }
body.bd-night div#footer { background: transparent url(../images/footer_sp_ia.png) 50% -200px no-repeat; }
#ft-movie { /*
	Firefox flash content - there is a 1px pixel-shift bug when resizing window re centering flash content
	As yet, no known fix
	http://support.mozilla.com/en-US/forum/1/562633
	*/ display: block; margin: 0 auto; }
div#ft-movie { position: relative; top: 49px; left: 8px; width: 844px; height: 0px; margin: 0 auto; padding-top: 152px; background: transparent url(../images/footer_sp_alt.jpg) 0px 0px no-repeat;/*
	Alt content for flash movie - get's replaced by flash object
	*/ }
body.bd-night div#ft-movie { background: transparent url(../images/footer_sp_alt.jpg) 0px -152px no-repeat; }
div#ft-legal { position: absolute; left: 0px; bottom: 0px; overflow: hidden; width: 100%; height: 50px; font-size: 0.8em; text-align: right; }
div#ft-legal p { margin: 0; padding: 20px; color: #7F9964; }
div#ft-legal a { color: #7F9964; }



/* TOPBAR STYLES */
div#topbar { background: #FFF; border-bottom: 6px solid #E7F7F3; }
div#topbar dl#tb-quick { position: relative; overflow: hidden; height: 0px; margin: 0; padding: 53px 0 0 0; }
div#topbar dd.tb-telephone,
div#topbar dd.tb-email a,
div#topbar dd.tb-blog a,
div#topbar dt.tb-social,
div#topbar dd.tb-social,
div#topbar dd.tb-social ul li a { position: absolute; overflow: hidden; top: 8px; height: 0px; margin: 0; padding: 37px 0 0 0; }
div#topbar dd.tb-telephone { left: 8px; width: 173px; background: transparent url(../images/header_text_telephone.gif) 0px 0px no-repeat; }
div#topbar dd.tb-email a { left: 189px; width: 205px; background: transparent url(../images/header_text_email.gif) 0px 0px no-repeat; }
div#topbar dd.tb-blog a { right: 255px; width: 154px; background: transparent url(../images/header_text_blog.gif) 0px 0px no-repeat; }
div#topbar dt.tb-social { right: 125px; width: 112px; background: transparent url(../images/header_text_social.gif) 0px 0px no-repeat; }
div#topbar dd.tb-social { right: 8px; width: 117px; height: 37px; margin: 0; padding: 0; }
div#topbar dd.tb-social ul li { margin: 0; padding: 0; }
div#topbar dd.tb-social ul li a { display: block; top: 0px; width: 37px; }
div#topbar li#tb-tumblr a { display: none; }
div#topbar li#tb-twitter a { background: transparent url(../images/header_icons_twitter.gif) 0px 0px no-repeat; right: 0px; }
div#topbar li#tb-youtube a { background: transparent url(../images/header_icons_youtube.gif) 0px 0px no-repeat; right: 40px; }
div#topbar li#tb-facebook a { background: transparent url(../images/header_icons_facebook.gif) 0px 0px no-repeat; right: 80px; }



/* NAVIGATION STYLES */
ul#mainnav { position: relative; overflow: hidden; width: 1024px; height: 0px; margin: 0 auto; padding: 85px 0 0 0; background: none; list-style-type: none; }
ul#mainnav li { }
ul#mainnav li a { overflow: hidden; position: absolute; display: block; height: 0px; margin: 0; padding: 30px 0 0 0; bottom: 10px; background: transparent url(../images/mainnav_ia.png) 0px 0px no-repeat; }
ul#mainnav li#mn-home a { background-position: 0px 0px; width: 360px; left: 86px; padding-top: 65px; bottom: 1px; }
ul#mainnav li#mn-about a { background-position: -400px 0px; width: 91px; left: 443px; }
ul#mainnav li#mn-services a { background-position: -491px 0px; width: 85px; left: 529px; }
ul#mainnav li#mn-clients a { background-position: -576px 0px; width: 73px; left: 608px; }
ul#mainnav li#mn-showcase a { background-position: -649px 0px; width: 101px; left: 676px; }
ul#mainnav li#mn-careers a { background-position: -750px 0px; width: 81px; left: 771px; }
ul#mainnav li#mn-contact a { background-position: -831px 0px; width: 84px; left: 846px; }
ul#mainnav li#mn-home a:hover { background-position: 0px 0px; }
ul#mainnav li#mn-about a:hover { background-position: -400px -30px; }
ul#mainnav li#mn-services a:hover { background-position: -491px -30px; }
ul#mainnav li#mn-clients a:hover { background-position: -576px -30px; }
ul#mainnav li#mn-showcase a:hover { background-position: -649px -30px; }
ul#mainnav li#mn-careers a:hover { background-position: -750px -30px; }
ul#mainnav li#mn-contact a:hover { background-position: -831px -30px; }
ul#mainnav li#mn-home a:active { background-position: 0px -100px; }
ul#mainnav li#mn-about a:active { background-position: -400px -60px; }
ul#mainnav li#mn-services a:active { background-position: -491px -60px; }
ul#mainnav li#mn-clients a:active { background-position: -576px -60px; }
ul#mainnav li#mn-showcase a:active { background-position: -649px -60px; }
ul#mainnav li#mn-careers a:active { background-position: -750px -60px; }
ul#mainnav li#mn-contact a:active { background-position: -831px -60px; }
body#home li#mn-home a { background-position: 0px 0px; }
body#about li#mn-about a { background-position: -400px -90px; }
body#services li#mn-services a { background-position: -491px -90px; }
body#clients li#mn-clients a { background-position: -576px -90px; }
body#showcase li#mn-showcase a { background-position: -649px -90px; }
body#careers li#mn-careers a { background-position: -750px -90px; }
body#contact li#mn-contact a { background-position: -831px -90px; }
body#home li#mn-home a:hover { background-position: 0px 0px; }
body#about li#mn-about a:hover { background-position: -400px -90px; }
body#services li#mn-services a:hover { background-position: -491px -90px; }
body#clients li#mn-clients a:hover { background-position: -576px -90px; }
body#showcase li#mn-showcase a:hover { background-position: -649px -90px; }
body#careers li#mn-careers a:hover { background-position: -750px -90px; }
body#contact li#mn-contact a:hover { background-position: -831px -90px; }



/* BASIC TYPOGRAPHY - show to all browsers */
body { font-family: "Trebuchet MS", "Tahoma", "Helvetica", "Arial", sans-serif; font-size: 0.875em; /* 1 */ color: #589090; line-height: 1.2;/* 
	1. base font-size 14px - all other text sizes relative to this
	*/ }
h1, h2, h3, h4, h5, h6 { font-weight: bold; color: #F79727; margin: 0.8em 0; }
h1 { font-size: 1.5714em; }
h2 { font-size: 1.3571em; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
p, ul, ol, dl { margin: 0.8em 0; }
a { color: #95D5D5; }
a:hover { cursor: pointer; color: #F79727; }
a:visited { }
a:active { color: #F79727; }



/* CONTENT BOX STYLES */
.content_box			{}
.content_box .top_lhs	{ background: url(../images/content_box_top_lhs.png) no-repeat top left; padding: 0px 0px 0px 18px; }
.content_box .top_rhs	{ background: url(../images/content_box_top_rhs.png) no-repeat top right; padding: 0px 18px 0px 0px; }
.content_box .top_mid	{ background: url(../images/content_box_top_mid.png) repeat-x top left; padding: 18px 0px 0px 0px; }
.content_box .mid_lhs	{ background: url(../images/content_box_mid_lhs.png) repeat-y top left; padding: 0px 0px 0px 18px; }
.content_box .mid_rhs	{ background: url(../images/content_box_mid_rhs.png) repeat-y top right; padding: 0px 18px 0px 0px; }
.content_box .mid_mid	{ background: #ffffff; padding: 20px 20px 10px 20px; position: relative; }
.content_box .bot_lhs	{ background: url(../images/content_box_bot_lhs.png) no-repeat top left; padding: 0px 0px 0px 18px; }
.content_box .bot_rhs	{ background: url(../images/content_box_bot_rhs.png) no-repeat top right; padding: 0px 18px 0px 0px; }
.content_box .bot_mid	{ background: url(../images/content_box_bot_mid.png) repeat-x top left; padding: 18px 0px 0px 0px; }

.showcase_box			{}
.showcase_box .top_lhs	{ background: url(../images/showcase_box_top_lhs.png) no-repeat top left; padding: 0px 0px 0px 34px; }
.showcase_box .top_rhs	{ background: url(../images/showcase_box_top_rhs.png) no-repeat top right; padding: 0px 34px 0px 0px; }
.showcase_box .top_mid	{ background: url(../images/showcase_box_top_mid.png) repeat-x top left; padding: 34px 0px 0px 0px; }
.showcase_box .mid_lhs	{ background: url(../images/showcase_box_mid_lhs.png) repeat-y top left; padding: 0px 0px 0px 34px; }
.showcase_box .mid_rhs	{ background: url(../images/showcase_box_mid_rhs.png) repeat-y top right; padding: 0px 34px 0px 0px; }
.showcase_box .mid_mid	{ background: #1b0b3d; padding: 20px 20px 10px 20px; position: relative; }
.showcase_box .bot_lhs	{ background: url(../images/showcase_box_bot_lhs.png) no-repeat top left; padding: 0px 0px 0px 34px; }
.showcase_box .bot_rhs	{ background: url(../images/showcase_box_bot_rhs.png) no-repeat top right; padding: 0px 34px 0px 0px; }
.showcase_box .bot_mid	{ background: url(../images/showcase_box_bot_mid.png) repeat-x top left; padding: 34px 0px 0px 0px; }



/* PRINT - turn off major graphic elements in layout.css here etc */
@media print {
}