/* 
	emc - master blaster styles // build and they will come, well at least someone will, at least 1% or maybe 1.5
	Revision number		:	1.0
	Last updated		:	dec 2008
	Last updated by		:	r.weber
*/

@import url(_reset.css); 
@import url(_hacks.css);

/* @group Global
----------------------------------------------------------------------------------- */
html{
	height: 100%;
}
body { 
	font: normal small/140% Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	background: url("../_images/bg_clouds.jpg") top center no-repeat;
	height: 100%;
}

.noscript_msg {
	position: relative; height:130px; z-index: 2;
}
.noscript_msg a {
	position: absolute; display:block; width:894px; height:130px; background:url(../_images/js_error.gif) center no-repeat white; left: 50%; margin-left: -447px;
}

.center { text-align: center; }
.left   { text-align: left;	}
.right 	{ text-align: right; }
.fleft 	{ float: left; }
.fright { float: right; }

input {
	border: none;
}
select {
	border: none;
}
textarea {
	border: none;
	font: normal 100%/140% Arial, Verdana, Helvetica, sans-serif;
}
/* @end */

/* @ Cap Top
----------------------------------------------------------------------------------- */
.capTop {
background: url("../_images/bg_cap_top.png") top center no-repeat;
height: 26px;
}

.capTop .inner {
width: 930px;
margin: 0 auto;
font-size: 0.75em; color: #fff;
padding-top: 3px;
}

.capTop .inner .sec1 									{ float: left; }
.capTop .inner .sec1 a								{ color: #fff; padding: 3px; }
.capTop .inner .sec1 a:hover					{ color: #81c3ff; text-decoration: none; }

.capTop .inner .sec2 {
float: right;
}

.clientlogin span { display: none; }

.clientlogin {
display: block;
width: 80px;
height: 20px;
background: url("../_images/btn_clientlogin.gif") top left no-repeat;
}

.clientlogin:hover { background-position: bottom; }

/* @ Navigation
----------------------------------------------------------------------------------- */

.nav																	{
width: 930px;
margin: 0 auto;
font-size: 0.85em; color: #fff;
position: relative;
padding-top: 85px;
margin-bottom: 35px;
}

.nav .sec1 													{
position: absolute;
bottom:0;
left: 15px;
}
.nav .sec1 a span										{ display: none; }
.nav .sec1 a												{
display: block;
background: url("../_images/emedia.gif") top left no-repeat;
/*background: url("../_images/logo_emedia.png") top left no-repeat;
behavior: url("iepngfix.htc") !important;*/
height: 66px;
width: 172px;
}

.nav .sec2 													{
position: absolute;
bottom:0;
right:0;
display: block;
background: url("../_images/bg_nav.jpg") top left no-repeat;
height: 41px;
width: 554px;
padding-left: 23px;
}

/* @ hero Banner
----------------------------------------------------------------------------------- */

.hero 															{ width: 930px; height: 330px; margin: 0 auto; position: relative; }

.hero .testy 												{ position: absolute; top:0; left: 0; }

.hero .tabsWrapper									{ height: 95px; padding-top: 15em; position: absolute; top:0; left: 0; }

.hero .tabsWrapper .tabs						{
background: url("../_images/hero_tabs_1.png") top left no-repeat;
width: 295px;
height: 95px;
float: left;
margin-left: 0.75em;
border: 1px solid transparent;
z-index: 100;
}

.hero .tabsWrapper .tabs h1					{ font: 1.25em tahoma, Geneva, Arial, Helvetica, sans-serif; text-align: left; padding: 5px 0 0 5px; }
.hero .tabsWrapper .tabs p					{ font: 0.85em tahoma, Geneva, Arial, Helvetica, sans-serif; text-align: justify; color: #929292; padding: 5px 5px 0 5px; }

.hero .tabsWrapper .t1:hover				{ border: 1px solid #00eaff; }
.hero .tabsWrapper .t2:hover				{ border: 1px solid #ffc600; }
.hero .tabsWrapper .t3:hover				{ border: 1px solid #00ff12; }

.hero .tabsWrapper .tabs:hover p		{ color: #fff; }

.hero .tabsWrapper .t1	 h1					{ color: #00eaff; }
.hero .tabsWrapper .t2	 h1					{ color: #ffc600; }
.hero .tabsWrapper .t3	 h1					{ color: #00ff12; }

.hero .tabsWrapper .tabs a 					{ cwidth: 295px; height: 95px; display: block; cursor: pointer; }

.bannerImg_03 { background: url(../_images/hero_01.jpg) top left no-repeat; }



/* @ title // main
----------------------------------------------------------------------------------- */
.ttlH1 				{ width: 930px; margin: 0 auto; text-align: left; }
.ttlH1 h1 		{ padding-left: 20px; padding-top: 12px; padding-bottom: 13px; font-size: 2em; font-weight: normal; color: #fff; }

/* @ Body Content Wrapper
----------------------------------------------------------------------------------- */
#contentWrapper {
width: 880px;
margin: 0 auto;
position: relative;
background: url("../_images/bg_bdyContent.jpg") top left no-repeat;
padding: 20px 25px 0 25px;
}

#contentWrapper .bdyLeft {
float: left;
width: 600px;
font-size: 0.9em;
text-align: left;
}

#contentWrapper .bdyLeft p 									{ margin-bottom: 1.5em; text-align: justify; }

#contentWrapper .bdyLeft ul li a,
#contentWrapper .bdyLeft p a								{ color: #006699; border-bottom: 1px dotted #006699; }

#contentWrapper .bdyLeft ul li a:hover,
#contentWrapper .bdyLeft p a:hover					{ color: #cc0000; border-bottom: 1px dotted #cc0000; }

#contentWrapper .bdyLeft h2									{
font-size: 1em;
color: #333; margin-bottom: 0.4em; font-weight: normal;
background: #eee;
padding: 3px;
border-bottom: 1px solid #ccc;
font-size: 120%;
}

#contentWrapper .bdyLeft h2 span						{ background: #fff; padding-right: 5px; }

#contentWrapper .bdyLeft ul									{ margin-left: 1.5em; margin-bottom: 1.5em; }
#contentWrapper .bdyLeft ul li							{ list-style: square; }

#contentWrapper .bdyRight {
float: left;
width: 255px;
text-align: left;
margin-left: 25px;
}

#bdyHome {
background: url("../_images/home_capBtm.png") top left no-repeat;
width: 890px;
height: 130px;
margin: 0 auto;
padding: 0 20px;
padding-top: 20px;
text-align: left;
font-size: 0.85em;
color: #0691ba;
}

#bdyHome div a { color: #0691ba; display: block; }
#bdyHome div a:hover { color: #111; cursor: pointer; }

.tap_01 {
padding-right: 50px; float: left; width: 160px; line-height: 1.6em; padding-top: 14px;
}

.tap_02 {
padding-right: 60px; float: left; margin-left: 70px; width: 260px; line-height: 1.6em; padding-top: 14px;
}

.tap_03 {
padding-right: 50px; float: left; margin-left: 40px; width: 160px; line-height: 1.6em; padding-top: 14px;
}

.tabWrapper {
background: url("../_images/bg_tabRight.gif") top left no-repeat;
width:255px;
min-height: 100px;
position: relative;
}

.tabFtr {
height: 35px;
width: 255px;
background: url("../_images/bg_tabRight_ftr.gif") bottom left no-repeat;
margin-bottom: 15px;
}


.tabWrapper h3 {
padding: 5px 0 5px 10px;
}

.tabWrapper .inner1 {
background: url("../_images/bg_tabInnerTop.jpg") top left no-repeat;
width: 235px;
margin: 0 auto;
}

.tabWrapper .inner1 .inner2 {
background: url("../_images/bg_tabInnerBtm.jpg") bottom left no-repeat;
padding: 10px;
font-weight: normal;
font-size: 0.85em;
color: #333;
}

.readmore span { display: none; }

.readmore {
display: block;
background: url("../_images/btn_readmore.gif") top left no-repeat;
height: 11px;
width:61px;
border: none;
cursor: pointer;
position: absolute;
bottom: -17px;
right: 10px;
}

.readmore:hover { background-position: bottom; }

.sepHack 				{ width: 200px; padding-bottom: 15px; } /*separtor hack*/

.secondaryNav 	{
width:255px;
position: relative;
}

.secondaryNav a					{ display: block; height: 44px; background: url("../_images/navigation/nav_secondary_bg.gif") top left no-repeat; }
.secondaryNav a	span 		{ display: block; padding: 13px 0 0 35px; font: 14px Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #006699; }
.secondaryNav a:hover		{ background-position: bottom; }

.secondaryNav a:hover span		{ color: #fff; }
.secondaryFtr {
height: 15px;
width: 255px;
background: url("../_images/navigation/nav_secondary_ftr.png") top left no-repeat;
margin-bottom: 15px;
}

/* @ Folio Styles
----------------------------------------------------------------------------------- */

.bgHero1 {
background: url("../_images/folio/bg_hero.png") top center no-repeat;
}

.bgHero2 {
background: url("../_images/folio/bg_heroProducts.png") top center no-repeat;
}

/* About Table Styling
------------------------------------------------------*/

table.tblAboutProducts									{ padding:0; width: 570px; margin: 0 auto; background: #006699; border: 5px solid #e5e5e5; }

table.tblAboutProducts td								{ padding: 10px; vertical-align: middle; width: 50%; }
table.tblAboutProducts td.tap1					{
background: #004161 url("../_images/td_bg_1.jpg") right repeat-y;
text-transform: uppercase; font: 11px Tahoma;
border-top: 1px solid #006699; border-left: 1px solid #006699; color: #84d6ff;
}
table.tblAboutProducts td.tap2					{ border-top: 1px solid #004161; border-right: 1px solid #004161; color: #fff; }

table.tblAboutProducts td.tap1a 				{
background: #004161 url("../_images/td_bg_1.jpg") right repeat-y;
font: 11px Tahoma;
border-top: 1px solid #006699; border-left: 1px solid #006699; color: #84d6ff;
text-align: center;
}

table.tblAboutProducts td.tap1b 				{
background: #004161 url("../_images/td_bg_1b.jpg") left repeat-y;
font: 11px Tahoma;
border-top: 1px solid #006699; border-left: 1px solid #006699; color: #84d6ff;
text-align: center;
}

table.tblAboutProducts td a 							{ color: #84d6ff; }
table.tblAboutProducts td a:hover 				{ border-bottom: 1px dotted #84d6ff; }

.tblAboutProducts td a img			 					{ border: 2px solid transparent; }
.tblAboutProducts td a:hover img 					{ border: 2px solid #006699; }
.tblAboutProducts td a.brdr_none:hover 		{ border: none; text-decoration: none; }

.bgFolio {
width: 600px;
padding-top: 15px;
margin-bottom: 20px;
}

table.tblFolio 													{ padding:0; width: 570px; margin: 0 auto; }

table.tblFolio td												{ vertical-align: top; padding: 0; color: #333; text-align: justify; }
table.tblFolio td img										{ border-bottom: 2px solid #ccc; }

.bgFolio .s1														{ 
font-size: 100%;
background: url("../_images/folio/bg_heroFtr.png") bottom left no-repeat;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
width: 560px;
padding-top: 10px;
}

.bgFolio .s2														{ 
font-size: 100%;
background: url("../_images/folio/bg_heroFtr.png") bottom left no-repeat;
padding-bottom: 50px;
}

.bgFolio .s1 a.linkCase 								{ background: url("../_images/folio/btn_caseLink.gif") top left no-repeat; width: 91px; height: 15px; display: block; margin: 0 auto; margin-top: 15px; }
.bgFolio .s1 a.linkCase span						{ display: none; }
.bgFolio .s1 a.linkCase:hover						{ background-position: bottom; }

.bgFolio .s1 a.linkWebsite 							{ background: url("../_images/folio/btn_viewwebsite.gif") top left no-repeat; width: 91px; height: 15px; display: block; margin: 0 auto; margin-top: 15px; }
.bgFolio .s1 a.linkWebsite span					{ display: none; }
.bgFolio .s1 a.linkWebsite:hover				{ background-position: bottom; }

.bgFolio a.linkFolio,
.bgFolio a.linkCase,
.bgFolio a.linkMore 								{
width: 91px; height: 15px; display: block;
position: absolute; bottom: 4.2%;
left: 43%;
margin: 0 auto;
}

.bgFolio a.linkFolio								{ background: url("../_images/folio/btn_viewfolio.gif") top left no-repeat;}
.bgFolio a.linkCase									{ background: url("../_images/folio/btn_casestudies.gif") top left no-repeat;}
.bgFolio a.linkMore									{ background: url("../_images/folio/btn_moredetails.gif") top left no-repeat;}

.bgFolio a.linkFolio span,
.bgFolio a.linkCase span,
.bgFolio a.linkMore span						{ display: none; }

.bgFolio a.linkFolio:hover,
.bgFolio a.linkCase:hover,
.bgFolio a.linkMore:hover						{ background-position: bottom; }

div.s1 a.linkDetails 								{
background: url("../_images/folio/btn_moredetails.gif") top left no-repeat;
width: 91px;
height: 15px;
display: block;
margin: 0 auto;
margin-top: 15px;
}
div.s1 a.linkDetails span						{ display: none; }
div.s1 a.linkDetails:hover					{ background-position: bottom; }

table.tblFolio .folioCap								{ margin: 0 auto; background: url("../_images/folio/cap_btm.png") top center no-repeat; height: 13px; }

table.tblFolio td h6										{ font: bold 1.2em Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #006699; padding: 3px 0 0 0; margin:0; float: left; vertical-align: middle; }
table.tblFolio td span.doList 					{ font: 90% tahoma, Geneva, Arial, Helvetica, sans-serif; padding: 3px 5px 5px 5px; margin: 0; display: block; color: #006699; float: right; border: 1px dotted #ccc; vertical-align: middle; }

table.tblFolio td span.doList a 				{ color: #006699; }
table.tblFolio td span.doList a:hover		{ color: #0099CC; }

.productHolder { padding-bottom: 15px; }

.pp_a 					{float: left; width: 90px;}
.pp_a_b 				{float: left; width: 132px;}

.pp_b 					{float: left; padding-left: 15px; text-align: left; width: 450px;}
.pp_b_b					{float: left; padding-left: 15px; text-align: left; width: 408px; padding-top: 7px; }

.miscPad 				{ height: 155px; }

/* @ Smart Links
----------------------------------------------------------------------------------- */
.smartLinks { width: 930px; margin: 0 auto; text-align: center; padding-bottom: 10px; }

.smartLinks ul { margin: 0 auto; clear: both; width: 330px;  }
.smartLinks ul li  { float: left; text-align: center; background: url("../_images/y_sep.gif") right 65% no-repeat; padding: 0 10px;  }
.smartLinks ul li a { display: block; color: #205488; font-size: 0.85em; border-bottom: 1px dotted transparent; border-top: 1px dotted transparent; line-height: 1.2em; padding-bottom: 2px; }
.smartLinks ul li a:hover { border-bottom: 1px dotted #205488; border-top: 1px dotted #205488; }

/* @ Footer
----------------------------------------------------------------------------------- */
#ftr													{
background: url("../_images/bg_footer.png") top center no-repeat;
height: 150px;
text-align: left;
padding-top: 50px;
}

#ftr .inner .linksOne { float: left; }

#ftr .inner	 { width: 930px; margin: 0 auto;}

#ftr .inner h2	{ font: 1em Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #1d7cc6; border-bottom: 1px dotted #ccc; margin-bottom: 10px; }
#ftr .inner h3	{ color: #999; font: 0.85em Tahoma, Geneva, Arial, Helvetica, sans-serif; }

#ftr .inner .quickLinks {
float: left;
font: 0.85em Tahoma, Geneva, Arial, Helvetica, sans-serif;
padding-right: 10px;
}

#ftr .inner .quickLinks li a {
color: #8db5d4;
}
#ftr .inner .quickLinks li a:hover { color: #333; text-decoration: none; }

/* @ Bread Crumbs
----------------------------------------------------------------------------------- */
#contentWrapper p.crumbs { font-size: 0.8em; font-family: tahoma, Geneva, Arial, Helvetica, sans-serif; color: #ccc; }
#contentWrapper p.crumbs span {  color: #0066CC ; }
#contentWrapper p.crumbs a {  color: #999; border: none; }
/**/



/* @ Misc Form Styling
----------------------------------------------------------------------------------- */
table.miscForm_01 																{ padding:0; border:0; margin: 0 auto; margin-bottom: 1.5em; }
table.miscForm_01 td															{ padding: 5px; vertical-align: middle; }

.inp_01											{
padding: 0.7em 0 1em 0; width: 250px; padding-right: 10px;
color: #0066cc;
background: url("../_images/frm_cap_right.png") top right no-repeat;
vertical-align: top;
margin-top: -0.05em/-0.04em;
font-size: 1em;
font-size: 110%;
}

.inp_TextBox {
padding: 0.7em 0 1em 0;
height: 115px;
width: 530px;
padding-right: 10px;
color: #0066cc;
vertical-align: top;
font-size: 1em;
font-size: 110%;
background: none;
}

table.miscForm_01 td h6														{ font: normal 11px tahoma, Geneva, Arial, Helvetica, sans-serif; padding-bottom: 3px; }

.capLeft																					{ background: url("../_images/frm_cap_left.png") top left no-repeat; padding-left: 10px; margin:0; }
.capLeft_TextBox																	{ background: url("../_images/frm_textbox.gif") top left no-repeat; padding-left: 10px; margin:0; }

.inp_postcode																			{ width: 60px; text-align: center; }
.inp_submit																				{ height: 30px; width: 116px; border: none; cursor: pointer; background: url("../_images/btn_bg.gif") top left no-repeat; text-align: center; color: #fff; font: 11px tahoma, Geneva, Arial, Helvetica, sans-serif; }
.inp_submit:hover																	{ background-position: bottom; }

/* @ Case Study Styling
----------------------------------------------------------------------------------- */
.caseDl 																			{ margin: 0 auto; margin-bottom: 20px;   }
.caseDl dt, .caseDl dd 												{ float: left; }
.caseDl dt 						 												{ font: bold 12px tahoma, Geneva, Arial, Helvetica, sans-serif; width: 250px; border-left: 5px solid #e5e5e5; padding-left: 5px; }
.caseDl dd 						 												{ width: 340px; }
.caseDl dt span				 												{ font: normal 11px tahoma, Geneva, Arial, Helvetica, sans-serif; display: block; }

/* @ Folio = website img thumbs
----------------------------------------------------------------------------------- */
.foliothumb 																	{ }
.foliothumb img 															{ display: block; width: 183px; height: 130px; border: 1px solid #e2e2e2; float: left; margin: 0.07em; }
.foliothumb img:hover													{ border: 1px solid #333; cursor: pointer; }


.valFire 																			{ font: 11px Tahoma, Geneva, Arial, Helvetica, sans-serif; color: #FF0000; text-align: center; background: #fff; border: 1px dotted red; padding: 5px 5px 0 5px;}
.valFire h4																		{ background: #cc0000; padding: 5px; color: #fff; font: bold 11px Tahoma; margin-bottom: 10px; }