/*----------------------------------------

Shine front-end framework
File Name:		global.css

Site Name: 		Shine Marketing
Developed By: 	Shine Marketing
Date Created:	01/01/2010
Last Updated:	01/01/2010
Copyright:		Shine Marketing

----------------------------------------*/

/* imports of external css
----------------------------------------*/

@import url("import/reset.css");
@import url("import/externalLinks.css");
@import url("import/basicForms.css");

/* Basic html elements
----------------------------------------*/

body{
	margin:0;
	padding:0;
	text-align:center;
	background:url(../images/background/tiled-bg.jpg) repeat #23002f;
}

body, p, td, th, li
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:15px;
	/*color:#bfc8cd;*/
	color:#b1b9bd;
}

/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6{ color:#fff; margin:5px 0 10px 0; font-size:14px; font-weight: bold; }
	h2{color:#fff; font-size:14px;}
	h3{color:#fff; font-size:14px;}
	h4{color:#fff; font-size:12px;}
	h5{color:#fff; font-size:12px;}
	h6{color:#fff; font-size:12px;}

h1 img, h2 img, h3 img,
h4 img, h5 img, h6 img { margin: 0; }

#primary h1, #primary h2, #primary h3 {color:#9D036F;}

/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 10px 0; font-size:14px; line-height:18px; }
p img.left  { float: left; margin: 10px 10px 10px 0; padding: 0; }
p img.right { float: right; margin: 10px 0 10px 10px; }

strong      { font-weight: bold; color:#9D036F;}
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; font-size:.8em;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre         { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }

/* Quotes
-------------------------------------------------------------- */

blockquote { color: #fff; font-style: italic; margin: 10px 0; padding:0; font-weight:bold; }

/*blockquote *:first-child:before { content: "\201C"; }
blockquote *:first-child:after 	{ content: "\201D"; }*/

/*blockquote { quotes: "\201C" "\201D"; }
blockquote:before { content: open-quote; font-weight: bold; margin-right:0px;}
blockquote:after { content: close-quote; font-weight: bold; margin-left:0px;}*/

/* Links
-------------------------------------------------------------- */
a			{ text-decoration:none; color:#9D036F;}
a:link 		{ text-decoration:none; color: #9D036F; }
/*a:visited 	{ text-decoration:none; color: #fff; }*/
a:active	{ text-decoration:none; color: #fff; }
a:hover 	{ text-decoration: none; color: #fff; }
a:focus 	{ outline: 1px dotted; color: #fff; }

#primary a {color:#fff;}
#primary a:hover {color:#b64293;}

/*#primary h1 a, #primary h2 a, #primary h3 a {color:#9D036F;}*/

/* Lists
-------------------------------------------------------------- */

li ul,
li ol       { margin: 0; }

ul, ol      { margin: 0; padding: 0; }

ul          { list-style-type: none; }
ul ul 		{ list-style-type: none; }
ul ul ul 	{ list-style-type: none; }
ol          { list-style-type: decimal; list-style-position: outside; }

dl          { margin: 0 0 20px 0; }
dl dt       { font-weight: bold; margin-bottom:0.4em; margin-top:0.8em; }
dd          { margin: 0;}

/* Defined / Image List
-------------------------------------------------------------- */

ul.simple {
	list-style-type:disc;
	margin:0;
	font-size: 14px;
	line-height: 18px;
}

ul.simple li {
	margin:0 0 10px 0;
	padding:0;
	font-size: 14px;
	line-height: 18px;
}

ul.advanced{
	margin:0 10px 0 12px;
}
	ul.advanced li{
		display:block;
		padding: 0 0 0 17px;
		background: url(../images/background/bg_list.gif) left 4px no-repeat;
	}

/* Tables
-------------------------------------------------------------- */

table       	{ margin-bottom: 20px; width:100%; }
th          	{ font-weight: bold; }
thead th    	{ background: #c3d9ff; }
th,td,caption 	{ padding: 4px 10px 4px 5px; }
tr.even td  	{ background: #e5ecf9; }
tfoot       	{ font-style: italic; }
caption     	{ background: #eee; }

table 			{ border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td 			{ border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }

/* Misc text classes defining content
-------------------------------------------------------------- */

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

.small		{font-size:10px; margin:0; padding:0;}
.large		{font-size:16px; margin:0; padding:0;}

.soft		{color:#D3D3D3;}
.thin 		{font-weight: lighter;}

.quiet 		{color:#666;}
.loud 		{color:#000;}

.highlight 	{background:#ff0;}
.graphic	{ margin:0; padding:0; display:block; overflow:hidden; text-indent:-8000px; }

.clear	 	{clear:both;}
.hide		{display:none;}
.print		{display:none;} /* added for printing the page */

.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; margin-bottom:0px; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

.pullquote	{ width:20%; float:left; margin-right:2em; padding-right:2em; border-right:1px solid #ccc; text-align:right; font-size:1.1em; font-style:italic; color:#777; margin-bottom:.5em; }

.boxout		{ width:20%; float:right; margin-left:2em; padding:1em 2em; border:1px solid #ccc; margin-bottom:.5em; }

.error, .notice, .success {padding:.8em;margin-bottom:1.6em;border:2px solid #ddd; display:block;}
.error 		{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice 	{background:#FFF6BF;color:#514721;border-color:#FFD324;font-weight:bold;}
.success 	{background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a 	{color:#8a1f11; background:none; padding:0; margin:0; }
.notice a 	{color:#514721; background:none; padding:0; margin:0; }
.success a 	{color:#264409; background:none; padding:0; margin:0; }
.notvalid	{border:1px solid #900 !important;}

.fancy { color: #666; font-family: "Warnock Pro", "Goudy Old Style","Palatino","Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }
.caps { font-variant: small-caps; letter-spacing: 1px; text-transform: lowercase; font-size:1.2em; font-weight:bold; padding:0 2px; }
.cufon { color: #666; font-style: italic; font-weight: normal; }

.box {
  padding: 1.5em;
  margin-bottom: 1.5em;
  background: #E5ECF9;
}

hr {
  background: #ddd;
  color: #ddd;
  clear: both;
  float: none;
  width: 100%;
  height: .1em;
  margin: 0 0 1.45em;
  border: none;
}

hr.space {
  background: #fff;
  color: #fff;
  visibility: hidden;
}

.border {
  padding-right: 4px;
  margin-right: 5px;
  border-right: 1px solid #eee;
}

hr {
	border: 0 #9D036F solid;
	border-top-width: 1px;
	clear: both;
	height: 0;
}

.showgrid {
	background:url(../images/background/grid.png) repeat scroll 0 0 transparent;
}

.brand-colour {color:#9D036F;}
.quoter {margin:-5px 0 0 0;padding:0; color:#fff;font-weight:bold;}

.banner {/*margin:5px 0 10px 0;*/ margin:0 25px 5px 0; float:left;}

/* Layout
-------------------------------------------------------------- */

#container{ 	/* Define website container width that groups all content.*/
	width:960px;
	margin: 35px auto 20px auto;
	text-align:left;
	position:relative;
}

#header {
	/*background: #31063d;*/
	background:#23002F;
	width: 100%;
	height: 130px;
	margin-top: 60px;
	
}

#header-inner{
	margin:0 auto;
	padding:0;
	width:960px;
	background:#23002F;
}

/* Logo, telephone, e-mail address */

#header #topSection{ 
	height:50px;
	margin:0;
	padding:0;
}

#logo a { 
	background: transparent url(../images/background/if-logo.png) no-repeat;
	height:82px;
	margin:0;
	padding:0;
	width:89px;
	display:block;
	position:relative;
	top:25px;
	text-indent:-9999px;
	float:left;
	left:81px;
}

#slogan {}

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

#nav {
	margin:95px 0 0 126px;
	padding:0;
	background:transparent;
	float:left;
	list-style-type:disc;
	display:inline;
}

#nav li {
	display:inline;
	padding:0 0 0 15px;
	margin:0;
	float: left;
	background:url(../images/background/bullet.gif) no-repeat 2px 5px;
}

#nav li a.current{
	color:#9D036F;
}

#nav a:link {
	color:#fff;
	background:#23002F;
	padding:0 6px 0 0;
	float:left;
	width:auto;
	text-decoration:none;
	text-transform:uppercase;
}

#nav a:visited {
	/*background:#23002F;*/
	padding:0 6px 0 0;
	float:left;
	width:auto;
	text-decoration:none;
	text-transform:uppercase;
	color:#fff;
	background:transparent;
}

#nav a:hover {
	color:#9D036F;
}

#nav li:first-child a {
	border:none;
	margin:0;
}

#nav li:first-child {
	background:none;
	margin:0;
}

#nav .nav-home a {border:none;margin:0;}

#nav .nav-home {background:none;margin:0;}

/*#nav li:last-child {
	background:none;
}

#nav li:last-child a {
	text-transform:lowercase;
	color:#9D036F;
}

#nav li:last-child a:hover {
	color:#fff;
}*/

#nav .nav-contact-us { background:none; }
#nav .nav-contact-us a { text-transform:lowercase; color:#9D036F;}
#nav .nav-contact-us a:hover { color:#fff;}

#nav a:active {
	color:#9D036F;
}

.contact {position:relative; right:2.5px; top:-10px;}

/* Sub navigation e.g for sidebars */

ul.subNav {
	margin:0; padding:10px;
	list-style-type:none;
}

ul.subNav li {display:block; list-style-type:none;}

/* Sidebar navigation */

ul.subNav {
	margin:0;
	padding:0;
	min-height:400px;
	height:auto !important;
  	height:400px;
}

ul.subNav li {
	text-align:right;
	margin:0 0 5px 0;
	font-size:14px;
}

ul.subNav li a {
	/*color:#9D036F;*/
	color:#b64293;
}

ul.subNav li a:hover {
	color:#fff;
}

ul.subNav li .current {
	color:#fff;
	background:url(../images/if-dot.png) no-repeat center right;
	/*padding: 0 20px 0 15px;*/
	padding: 0 20px 0 0;
	position:relative;
	left:20px;
}

ul.subNav li.current {
	background:url(../images/if-dot.png) no-repeat center right;
	padding: 0 20px 0 0;
	position:relative;
	left:20px;
}

ul.subNav li.current a {
	color:#fff;
}

/* Main Content
----------------------------------------*/

#content{
	width:960px;
}

/* primary content area */

/*#content #primary {
	float:left;
	width:450px;
	padding: 0 20px 10px 0;
	margin:0 0 0 80px;
	display:inline;
}*/

#content #primary {
	float:left;
	width:540px;
	padding: 0 20px 10px 0;
	margin:0 0 0 80px;
	display:inline;
}

#services #primary {
	float:left;
	width:680px;
	padding: 0 20px 10px 0;
	margin:0 0 0 230px;
	display:inline;
}

#service #primary {
	float:left;
	width:540px;
	padding: 0 20px 10px 0;
	margin:0 0 0 80px;
	display:inline;
}

#glossary #primary {
	float:left;
	width:540px;
	padding: 0 20px 10px 0;
	margin:0 0 0 230px;
	display:inline;
}

#contact #primary {
	float:left;
	width:680px;
	padding: 0 20px 10px 0;
	margin:0 0 0 230px;
	display:inline;
}

/* sidebar content */

#content #leftCol{ 
	float:left;
	width:150px;
}

#content #rightCol{ 
	float:left;
	width:170px;
}

/* homepage */

#home #primary {
	float:left;
	padding:0;
	margin:0 0 0 230px;
	background:none;
	opacity: 1;
	width:680px;
	display:inline;
}

/* carousel slider */

.boxgrid {
    width: 220px;
    height: 200px;
    margin: 0;
    float: left;
    background: #23002F;
    overflow: hidden;
    position: relative;
}

.boxgrid img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.boxgrid p {
    padding: 0 5px;
    color: #fff;
    font-weight: bold;
	font-size:10px;
	line-height:15px;
}

.boxgrid h3 {
    margin: 5px;
    color: #fff;
}

.boxgrid a {
    color: #fff;
}

.boxcaption {
    float: left;
    position: absolute;
    background: #9d036f;
    height: 100px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.captionfull .boxcaption {
 					/*top: 220px;*/
 					top:160px;
 					left: 0px;
 				}
 				.caption .boxcaption {
 					/*top: 180px;*/
 					top: 120px;
 					left: 0px;
 				}

.middlebox {margin:0 10px;}

/* about */

.ifCoverage {
	border:1px solid #b1b9bd;
	float:left;
	/*margin:0 0 30px;*/
	margin:10px 0 20px;
	padding:5px 10px 0px 10px;
	background:#23002F;
	clear:both;
	width:680px;
}

.pinLeft {
	height:50px;
	margin:0;
	padding:0;
	width:50px;
	z-index:99;
	display:none;
}

.pinRight {	
	height:50px;
	margin:0;
	padding:0;
	width:50px;
	z-index:99;
	display:none;
}


.pinL {
	background:url(../images/if-pin.png) no-repeat top right;
	height:30px;
	width:30px;
	margin: -20px -25px;
	float:left;
}

.pinR {	
	height:30px;
	width:30px;
	margin: -20px -25px;
	float:right;
	background:url(../images/if-pin-right.png) no-repeat top right;
}


ul.whatWereReading {
	list-style-type:disc;
	margin:0;
	font-size: 14px;
	line-height: 18px;
	clear:both;
}

ul.whatWereReading li {
	border:1px solid #b1b9bd;
	font-size:14px;
	line-height:18px;
	list-style:none outside none;
	margin:10px 0 20px;
	padding:5px 10px 5px 10px;
	background:#23002F;
	float:left;
	width:680px;
}

/* clients */

.frame {
	display:block;
	/*background:url(../images/background/client-frame.png) no-repeat;*/
	background:url(../images/if-pin.png) no-repeat top center;
	height:216px;
	width:202px;
	float:left;
	margin:0;
	position:relative;
	left:-20px;
	/*left:-30px;*/
}

.frame img {
	margin:25px 0 0 20px;
	padding:0;
	border: 2px solid #9D036F;
}

.primaryRightCol {float:left;width:300px;margin: 0 0 0 25px;}

ul.case-studies {margin:0}

ul.case-studies li {margin:0 0 5px 0; font-size:14px;}

ul.case-studies li a {color:#9D036F;}

ul.case-studies li a:hover {color:#fff;}

/*.client-case-studies {float:left;margin:0 40px 0 0;clear:both;}
.client-news-room {float:left;clear:both;}*/

.client-case-studies {}
.client-news-room {margin:20px 0 0 0;}


.brand-image { display:block; /*height:352px;*/ width:214px; float:left; margin:0; position:relative; }

#case-study #primaryWide img {
    border:2px solid #9D036F;
    float:left;
    margin:10px 10px 10px 0;
}

.clientContent {
    float:left;
    width:338px;
}

/* client carousel */

.clientsboxgrid {
    width: 220px;
    height: 200px;
    margin-bottom: 10px;
    float: left;
    background: #23002F;
    overflow: hidden;
    position: relative;
}

.clientsboxgrid img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.clientsboxgrid p {
    padding: 0 5px;
    color: #fff;
    font-weight: bold;
	font-size:10px;
	line-height:15px;
}

.clientsboxgrid h3 {
    /*margin: 5px;*/
    color: #fff;
    /*height:20px;*/
    margin:5px 5px 5px 5px;
}

.clientsboxgrid a {
    color: #fff;
}

.clientsboxcaption {
    float: left;
    position: absolute;
    background: #9d036f;
    height: 100px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.clientscaptionfull .clientsboxcaption {
 					top: 160px;
 					left: 0px;
 				}
 				.clientscaption .clientsboxcaption {
 					top: 110px;
 					left: 0px;
 				}

/* services */

.serviceboxgrid {
    width: 220px;
    height: 200px;
    margin-bottom: 10px;
    float: left;
    background: #23002F;
    overflow: hidden;
    position: relative;
}

.serviceboxgrid img {
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}

.serviceboxgrid p {
    padding: 0 5px;
    color: #fff;
    font-weight: bold;
	font-size:10px;
	line-height:15px;
}

.serviceboxgrid h3 {
    /*margin: 5px;*/
    color: #fff;
    /*height:20px;*/
    margin:5px 5px 5px 5px;
}

.serviceboxgrid a {
    color: #fff;
}

.serviceboxcaption {
    float: left;
    position: absolute;
    background: #9d036f;
    height: 100px;
    width: 100%;
    opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}
 				.servicecaptionfull .serviceboxcaption {
 					top: 175px;
 					left: 0px;
 				}
 				.servicecaption .serviceboxcaption {
 					top: 135px;
 					left: 0px;
 				}

.serviceImage {float:left; margin:0 25px 5px 0;}

/* newsroom */

.date {font-size:11px; margin:2px 0; font-weight:bold;}

.bar {border-bottom:1px solid #9D036F;}

.nr-resource {
    border:1px solid #9D036F;
    float:right;
    padding:5px;
}

.nr-resource p {
    font-size:12px;
    line-height:15px;
}

.news-room-img {border:2px solid #9D036F; margin:10px 0 10px 0; float:none;}

/* glossary */

ul.glossary-index {margin:10px 0;}

ul.glossary-index li {float:left;margin:0 0 5px 0;}

ul.glossary-index li a {width:25px;display:block;}

.goBtn {display: inline; vertical-align: middle;background:#9D036F;border:none;height:22px;width:25px;}
.glossarySearch {display: inline; vertical-align: middle; width:115px;height:20px;border:none;}

/* contact */

.contactContent {
	display:block;
	float:left; 
	width:300px;
	margin: 0 20px 0 0;
}

.contactMap {
	float: left;
	width: 360px;
}

/* Footer
-------------------------------------------------------------- */

#footer{
	background: #23002f;
	width: 100%;
	/*height: 250px;*/
	margin: 0;
	border-top: 1px solid #9d036f;
	border-bottom: 1px solid #9d036f;
}

#footer .footer-inner{
	width: 960px;
	margin: 0 auto;
}

.find-us-here {
	margin: 25px 0 0 10px;
	padding-right: 60px;
	padding-top: 10px;
	float: left;
	display:inline;
}

.find-us-here h2 			{ text-align:right;}
.find-us-here ul 			{ text-align:right;}
.find-us-here ul li 		{ text-align:right;}
.find-us-here ul li a 		{ color:#b1b9bd;}
.find-us-here ul li a:hover { color:#fff;}

#footer .footerList{
	margin: 25px 0 0 0;
	padding-right: 20px;
	padding-top: 10px;
	float: left;
	width:220px;
}

#footer .footerList li{
	margin: 5px 0 15px 0;
}

.footer-icon {position:relative; top:3px;}

/* base */

#base {
	background: #23002f;
	width: 100%;
	margin:0;
	height:50px;
}

#base .wrapper {
	width: 960px;
	margin: 0 auto;
}

#base .copyright{
	clear: both;
	float:left;
	margin-left: 230px;
	font-size: 10px;
	padding: 15px 0 0 0;
	display:inline;
}

#base .credits{
	float:right;
	margin:0;
	font-size: 10px;
	padding: 15px 60px 0 0;
}

#base p {font-size:12px; line-height:15px;}
	
/* Clearfix

When using a display block container and having floated div 
inside add this class to the container to have it wrap 
floated children

-------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix { display: inline-block;}

* html .clearfix {height: 1%;}