/* CSS Document */

/*-----------------------------------------------------------------------------
Master Style Sheet

version:   5.05
author:    Jamie Stanton
email:     jamie.stanton@gmail.com
website:   http://www.jamiestanton.com
-------------------------------------------------------------------------------

~~~~~~~~~~~~~~~~~~~~~
Credits
~~~~~~~~~~~~~~~~~~~~~
This template has evolved over the years and has taken 
inspiration form many, many places. Too many to mention. 
Here are just a few?:

yui.yahooapis.com/2.8.1/build/base/base.css
camendesign.com/design/
praegnanz.de/weblog/htmlcssjs-kickstart
html5doctor.com/html-5-reset-stylesheet/
html5boilerplate.com/
andybudd.com/
boagworld.com/


~~~~~~~~~~~~~~~~~~~~~
Main Colours
~~~~~~~~~~~~~~~~~~~~~
	Primary 	#E0E0E0 - Pale Grey		 - Nav Background
	Secondary	#444444 - Dark Grey 	 - Headers, Hyperlinks
	Tertiary 	#D2D2D2 - Medium Grey	 - Borders
	Quaternary	#F0F0F0	- Very Pale Grey - Hover Background

	Search and replace to quicky style site elements throughout plugins. 
*/

/* 
-----------------------------------------------------------------------------
=General Settings & Reset 
-----------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
} /* Resets  all items*/                

article, aside, figure, footer, header, 
hgroup, nav, section { display:block; } /* make sure HTML5 block elements work in older browsers */    

ul, li 						{ list-style:none; }
:focus 						{ outline: 0; } /* remember to define focus styles! */
table 						{ border-spacing:0; border-collapse:collapse; }
caption, th, td 			{ text-align:left; font-weight:normal; }
nav ul 						{ list-style:none; }
blockquote, q 				{ quotes:none; }
blockquote:before, 
blockquote:after,
q:before, q:after 			{ content:''; content:none; }
hr 							{ display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
del 						{ text-decoration: line-through; }
abbr[title], dfn[title] 	{ border-bottom:1px dotted #000; cursor:help; letter-spacing:1px; }
table						{ border-collapse:collapse; border-spacing:0; }
input, select 				{ vertical-align:middle; }
label, input[type=button], 
input[type=submit], button	{ cursor: pointer; } /* hand cursor on clickable input elements */
html 						{ overflow-y: scroll; } /* always force a scrollbar in non-IE */

/* 
-----------------------------------------------------------------------------
 =Useful Classes 
-----------------------------------------------------------------------------*/
.help 						{ cursor:help; }
.left 						{ float:left; }
.right 						{ float:right; }
.clear 						{ clear:both; }
.invisible 					{ visibility: hidden; } /* Hide visually and from screenreaders, but maintain layout */
.hidden 					{ display:none; visibility:hidden; } /* Hide for both screenreaders and browsers css-discuss.incutio.com/wiki/Screenreader_Visibility */
.spoiler					{ color:#000; background-color:#000; }
.sitemap li 				{ background-image: url(../images/icons/page.png);background-repeat: no-repeat;background-position: left 4px;padding-left: 20px;}
.loading 					{ background-color: #FFFFFF; background-image: url("../images/loading.gif"); background-position: center center; background-repeat: no-repeat;}
.meta						{ color: #999; font-size: 13px; line-height: 15px; }

/* >> The Magnificent CLEARFIX << */
.clearfix:after 			{ content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix 					{ display: inline-block; }
* html .clearfix			{ height: 1%; } /* Hides from IE-mac \*/
.clearfix 					{ display: block; }
.ir 						{ display:block; text-indent:-999em; overflow:hidden; background-repeat: no-repeat; } /* for image replacement */

/* Hide only visually, but have it available for screenreaders  www.webaim.org/techniques/css/invisiblecontent/  Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden { position:absolute !important;  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); }


/* 
-----------------------------------------------------------------------------
=Typography (Global)
-----------------------------------------------------------------------------*/ 

/* Body Fonts 
----------------------*/
@font-face {
    font-family: 'PTSansBold';
    src: url('../fonts/pt_sans-bold-webfont.eot');
    src: url('../fonts/pt_sans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-bold-webfont.woff') format('woff'),
         url('../fonts/pt_sans-bold-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-bold-webfont.svg#PTSansBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'PTSansItalic';
    src: url('../fonts/pt_sans-italic-webfont.eot');
    src: url('../fonts/pt_sans-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-italic-webfont.woff') format('woff'),
         url('../fonts/pt_sans-italic-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-italic-webfont.svg#PTSansItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'PTSansRegular';
    src: url('../fonts/pt_sans-regular-webfont.eot');
    src: url('../fonts/pt_sans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pt_sans-regular-webfont.woff') format('woff'),
         url('../fonts/pt_sans-regular-webfont.ttf') format('truetype'),
         url('../fonts/pt_sans-regular-webfont.svg#PTSansRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* Header Fonts 
----------------------*/
@font-face {
    font-family: 'ColaborateBoldRegular';
    src: url('../fonts/colabbol-webfont.eot');
    src: url('../fonts/colabbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colabbol-webfont.woff') format('woff'),
         url('../fonts/colabbol-webfont.ttf') format('truetype'),
         url('../fonts/colabbol-webfont.svg#ColaborateBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateLightRegular';
    src: url('../fonts/colablig-webfont.eot');
    src: url('../fonts/colablig-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colablig-webfont.woff') format('woff'),
         url('../fonts/colablig-webfont.ttf') format('truetype'),
         url('../fonts/colablig-webfont.svg#ColaborateLightRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateMediumRegular';
    src: url('../fonts/colabmed-webfont.eot');
    src: url('../fonts/colabmed-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colabmed-webfont.woff') format('woff'),
         url('../fonts/colabmed-webfont.ttf') format('truetype'),
         url('../fonts/colabmed-webfont.svg#ColaborateMediumRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ColaborateRegular';
    src: url('../fonts/colabreg-webfont.eot');
    src: url('../fonts/colabreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/colabreg-webfont.woff') format('woff'),
         url('../fonts/colabreg-webfont.ttf') format('truetype'),
         url('../fonts/colabreg-webfont.svg#ColaborateRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html 						{ -webkit-font-smoothing: antialiased; } /* maxvoltar.com/archive/-webkit-font-smoothing */
a 							{ color:#006BB7; font-weight: normal; margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent;  }
a:link 						{ color:#006BB7; text-decoration: none; -webkit-tap-highlight-color: #FFCC00;}
a:visited 					{ color:#006BB7; text-decoration: none; }
a:hover 					{ color:#607890; text-decoration: underline; outline: none; } /* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:active 					{ color:#069; text-decoration: none; outline: none;  }
h1, h2, h3, h4, h5, h6  	{ 
								font-weight:normal; text-rendering: optimizeLegibility;
								font-family: 'ColaborateLightRegular','PTSansRegular','Arimo',sHelvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif;
}
p, ul, ol 					{ margin:0; padding:0 0 10px 0;     color: #666666; font-size: 17px;}
sup 						{ position:relative; bottom:0.3em; vertical-align:baseline; }
sub 						{ position:relative; bottom:-0.2em; vertical-align:baseline; }
ins 						{ background-color:#ff9; color:#000; text-decoration:none; }
mark 						{ background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
::selection         		{ background:#FFCC00; color:#000; text-shadow: none; } /* Safari and Opera */ 
::-moz-selection    		{ background:#FFCC00; color:#000; text-shadow: none; } /* Firefox */ 
table 						{ font-size:inherit; font:100%; }
select, input, textarea 	{ font:99% sans-serif; color:#444; }
pre, code, kbd, samp 		{ font-family: monospace, sans-serif; } /* normalize monospace sizing * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
small 						{ font-size:85%; }
strong, th 					{ font-weight: bold; }
pre 						{ padding: 15px; white-space: pre; white-space: pre-wrap;  white-space: pre-line; word-wrap: break-word;}

body {
	font-family: 'PTSansRegular','Arimo' , Helvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif;
	font-size: 16px;
	line-height:22px;
	min-width:960px;
	text-align:center; /* remove if using fluid layout*/
	margin: 0px; padding: 0px; /* required for Webkit browsers */ 
	*font-size:small; 
	*font:x-small; 
	background-image: url(../images/body-bg.gif);
	background-repeat: repeat-x; 
}

/*
-----------------------------------------------------------------------------
=Layout
-----------------------------------------------------------------------------*/
.wrapper					{ width: 960px; margin-right: auto; margin-left: auto;text-align: left; position: relative;  }
.content-wrapper			{ float:left;width:100%;background: #FFF; }
ul 							{ margin-left:30px; }
ol 							{ margin-left:30px; list-style-type: decimal; }
dl 							{ margin-left: 5%; }
dl dt						{ font-weight: bold; }
dl dd						{ margin-bottom: 20px; }
td, td img 					{ vertical-align:top; } 
input[type="radio"]			{ vertical-align: text-bottom; }/* align checkboxes, radios, text inputs with their label by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="checkbox"] 		{ vertical-align: bottom; *vertical-align: baseline; }
sub 						{ vertical-align: sub; font-size: smaller; }
sup 						{ vertical-align: super; font-size: smaller; }
section						{ float:left; margin-bottom: 10px; width: 600px; } 
/*
-----------------------------------------------------------------------------
=Header
-----------------------------------------------------------------------------*/
header {
	voice-family: "\"}\"";
	height: 150px;
    padding-top: 39px;
    position: relative;
    voice-family: inherit;
	margin-bottom: 20px; 
	background-image:url(../images/header-bg.png); 
	background-position:right 39px;
	background-repeat:no-repeat;  	
	}
	
.ie6 header, .ie7 header  {
	z-index: 10000; 	
	}	
	
header li {
	dispay:inline;
	display: inline; 
	padding: 0px; 
	margin:0px; 
	background-image:none;
}	

/* global 
-------------*/ 
header .global {
	position:absolute;
	text-align:left;
	width: 100%;
	bottom: 0;
    left: 0
}

.ie6 header .global, .ie7 header .global  {
	z-index:10000; 
}

/* utility 
-------------*/ 
header .utility {
	position:absolute;
	text-align:right;
	width: 18ß0px;
	top: 0px;
	right: 0px;
}

header .utility ul {
	float: right;
	width:100%;
	margin:0px; 
	text-align: right;
	clear:both;
}

header .utility ul li {
	float: left;
	width:auto;
	margin:5px; 
	text-align: right;
}

header .utility ul li a {
	padding:5px; 
	color: #FFF; 
}


/* search 
-------------*/ 
header .search {
	position:absolute;
	text-align:right;
	bottom: 6px;
	right: 0px;
}

.ie6 header .search, 
.ie7 header .search, 
.ie8 header .search {
    z-index: 40000;
}

header .search form {
	padding: 5px;
	display:block; 
	float: left; 
	margin-top: 4px; 
}

.ie6 header .search input {
	height: 15px; 
}

.ie6 header .search button {
	height: 15px; 
	width: 30px; 
	border: 1px solid #006BB7;
    color: #FFFFFF;
    float: left;
    font-size: 10px;
    height: 27px;
    margin:0 0 0 10px;
    opacity: 1;
    padding: 0px;	
	padding-left:10px;
	padding-right:10px;
	display: block;  
	}

.ie7 header .search button, 
.ie8 header .search button {
	 padding-left:10px;
	padding-right:10px;
	padding-top: 0px !important; 
	padding-bottom: 10px; 
}

.ie6 header .search button:hover,
.ie7 header .search button:hover, 
.ie8 header .search button:hover {
padding-left:10px;
	padding-right:10px;
}

.ie6 header .search #keywords, 
.ie7 header .search #keywords, 
.ie8 header .search #keywords {
	background-image: url(../images/ie-search-bg.jpg); 
	width: 209px; 
	height: 15px; 
	padding: 8px;
	border: none; 
	background-repeat: no-repeat; 
	background-position: left top; 
	margin-top: 3px; 
	margin-bottom: 0px; 
}

.ie6 header .search form, 
.ie7 header .search form, 
.ie8 header .search form 
{ padding:2px; }

.ie6 header .search #search-submit,
.ie7 header .search #search-submit, 
.ie8 header .search #search-submit  {
	border: 0px; 
	background: none; 
	background-image:url(../images/ie-search-button.jpg); 
	width: 38px; 
	height: 31px; 
	background-repeat: no-repeat; 
	background-position: left top; 
	margin-bottom: -30px; 
	text-indent: -9000px; 
}

.ie6 header .search #keywords:focus, 
.ie7 header .search #keywords:focus, 
.ie8 header .search #keywords:focus {
	background-position: left bottom; 
}

header .search button {
	float: left;
    margin: 0 0 0 10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006BB7;
	border-right-color: #006BB7;
	border-bottom-color: #006BB7;
	border-left-color: #006BB7;
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
	background-color:#007DD8; 
	background: -moz-linear-gradient(top, #006BB7, #006BB7);
	background: -webkit-gradient(linear, center top, center bottom, from(#006BB7), to(#006BB7));
	background: -o-linear-gradient(top, #006BB7, #006BB7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006BB7', endColorstr='#006BB7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#006BB7', endColorstr='#006BB7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #006BB7, #006BB7);
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=100);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	-webkit-transition: text-shadow box-shadow opacity margin-top .2s ease-in;
	-moz-transition: text-shadow box-shadow opacity margin .2s ease-in;
	-o-transition: text-shadow box-shadow opacity margin .2s ease-in;
	transition: text-shadow box-shadow opacity margin .2s ease-in;	
	border: 1px solid #006BB7;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    height: 29px;
    margin: 0 0 0 10px;
    opacity: 1;
    padding: 6px;
	
}

header .search button:hover {
	float: left;
    margin: 0 0 0 10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border:7px solid #006BB7;
	-moz-box-shadow:0px 0px 6px #000000;
	-webkit-box-shadow:0px 0px 6px #000000;
	box-shadow:0px 0px 6px #000000;
	
	background: -moz-linear-gradient(top, #0084E5, #006BB7);
	background: -webkit-gradient(linear, center top, center bottom, from(#0084E5), to(#006BB7));
	background: -o-linear-gradient(top, #0084E5, #006BB7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084E5', endColorstr='#006BB7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084E5', endColorstr='#006BB7')";
	background: linear-gradient(top, #0084E5, #006BB7);
	
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	
	-webkit-transition: text-shadow box-shadow opacity margin-top .2s ease-in;
	-moz-transition: text-shadow box-shadow opacity margin .2s ease-in;
	-o-transition: text-shadow box-shadow opacity margin .2s ease-in;
	transition: text-shadow box-shadow opacity margin .2s ease-in;	
	
	border: 1px solid #006BB7;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin: 0 0 0 10px;
    opacity: 1;
}

header .search button:active {
	float: left;
    margin: 0 0 0 10px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #006BB7;
	border-right-color: #006BB7;
	border-bottom-color: #006BB7;
	border-left-color: #006BB7;
	-moz-box-shadow:0px 0px 1px #000000;
	-webkit-box-shadow:0px 0px 1px #000000;
	box-shadow:0px 0px 1px #000000;
	background: -moz-linear-gradient(top, #006BB7, #006BB7);
	background: -webkit-gradient(linear, center top, center bottom, from(#006BB7), to(#006BB7));
	background: -o-linear-gradient(top, #006BB7, #006BB7);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006BB7', endColorstr='#006BB7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#006BB7', endColorstr='#006BB7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #006BB7, #006BB7);
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=100);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	-webkit-transition: text-shadow box-shadow opacity margin-top .2s ease-in;
	-moz-transition: text-shadow box-shadow opacity margin .2s ease-in;
	-o-transition: text-shadow box-shadow opacity margin .2s ease-in;
	transition: text-shadow box-shadow opacity margin .2s ease-in;	
	    border: 1px solid #006BB7;
    color: #FFFFFF;
    float: left;
    font-size: 13px;
    margin: 0 0 0 10px;
    opacity: 1;
}

header .search label {
	display: none; 
}

/*
-----------------------------------------------------------------------------
=Content
-----------------------------------------------------------------------------*/
.content {
	background: #FFF;
	}
	
.ie6 .content {
	z-index: 5000; 
	}
	
#inner .content {
	    display: block;
    float: left;
    margin-bottom: 20px
	}	

.content article {
	background: #FFF;
	padding:10px;
	width: 960px;
	float: left; 
	}

.content h1 {
	font-size: 30px;
	line-height:35px; 
	font-weight: bold;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0px;
}

.content h2 {
	font-size: 25px;
	line-height:30px; 
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content h3 {
	font-size: 22px;
	line-height:26px; 
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content h4, 
.content h5,
.content h6   {
	font-size: 18px;
	line-height:21px; 
	font-weight: bold;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.content address {
	background-color: #FEFAA5;
	display: block;
	margin: 30px;
	padding: 10px;
	border: 1px solid #F48221;
	font-size: 1.2em;
	font-style: normal;
} 

.content ul {
	padding: 0px;
	margin-top: 5px;
	margin-right: 5%;
	margin-bottom: 5px;
	margin-left: 5%;
	display: block;
}

.content ul li {
	background-image: url(../images/bullet.png);
	background-position: 0 10px;
    background-repeat: no-repeat;
    margin: 3px;
    padding: 3px 3px 3px 15px;
}

.content ol li {
	list-style-type:decimal; 
	background-position: left center;
	background-repeat: no-repeat;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
}

.content blockquote {
	color: #999999;
	margin-right: 10%;
	margin-left: 10%;
	padding-right: 10px;
	padding-left: 25px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-style: italic;
	background-image: url(../images/blockquote.png);
	background-repeat: no-repeat;
	background-position: left top;
}

.content pre {
	background-color:#D1D1D1;
	margin-bottom:10px; 
	-webkit-border-radius: 30px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius: 30px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius: 30px;
	border-top-right-radius: 6px;
	border-bottom-left-radius: 6px;
	}	
	
.content article .item {
	padding-bottom: 10px; 
	margin-bottom: 10px; 
	float: left; 
	
	}	
	
.content article .item .text {
	float: left; width: 950px; 
	}	
	
.content article .item .text ul li { list-style:square; list-style-image:none; background-image:none; margin: 0; }
	
.content article .item .text.renewable_text	 {
	float: left; width: 100%; 
	}
	
.content article .item .text.graduate_text	 {
	float: left; width: 100%; 
	}
	
.content article .item .text.graduate_text ul {
	padding: 0px;
	margin: 0px;
}

.content article .item .text.graduate_text ul li {
	background-image: url(../images/bullet.png);
	background-position: top left;
    background-repeat: no-repeat;
    margin: 3px;
    padding: 2px 0px 3px 28px;
}	
	
.content article .item img {
	float: right;
    margin-bottom: 10px;
    margin-right: 10px;
	border: 1px solid #F0F0F0;
    margin: 2px;
    padding: 5px;
	margin-left:15px;
	margin-bottom:15px; 
	}	
	
.brand_categories, .brand_categories li {
	margin: 0px; 
	padding: 0px; 
	float: left; 
	background-image:none; 
	}	
	
.brand_categories {
	position:absolute;
	bottom: 20px; 
	left: 20px; 
	opacity:0.8;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	}	

.brand_categories li a {
	background-image:url(../images/globe.png); 
    background-color: #333333;
	color: #333333;
    float: left;
    padding-left: 50px;
    width: 180px;
	font-family:'ColaborateLightRegular';
	color:#333;
	font-size:18px; 
	height: 34px;
    padding-top: 13px;
	-webkit-transition: background-color  .2s ease-in;
	-moz-transition: background-color  .2s ease-in;
	-o-transition: background-color  .2s ease-in;
	transition:  background-color  .2s ease-in;
	}	
	
.brand_categories li a:hover {
	background-image:url(../images/globe.png); 
    background-color: #B19A01;
	}		
	
.brand_categories li a.noline {
	background-image:url(../images/globe-noline.png); 
	}	
	
.masthead { position: relative;height: 335px; background-image: url(../images/GD-bg.jpg);}		
.masthead.branding { position: relative;height: auto; }		
.masthead .logo { 
    position: absolute;
    right: 40px;
    top: 95px;
	
}		

.masthead h3 {     
    color: #FFFFFF;
    font-size: 25px;
    position: absolute;
    right: 25px;
    top: 170px;	
}

.masthead.brand h3 {
    color: #333;
    font-size: 20px;
	margin-top: 10px; 
	margin-bottom: 0px;
    right: 0px;
    top: 0px;
	position:relative; 
	font-weight: bold; 
}


	
.ie6 .masthead.brand, 
.ie7 .masthead.brand  {
	z-index:500; 
	}	
	
.subsidiary { 
    background-color: #EBEBEB;
    display: block;
    float: left;
    margin-bottom: 20px;
    padding: 10px;
    width: 430px;
-moz-border-radius:0px 15px;
	-webkit-border-radius:0px 15px 0px 15px;/*This is the correct shorthand for webkit*/
	border-radius:0px 15px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
	-webkit-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-o-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
	}
.subsidiary h3 { display: block; float: left; width: 100%; font-family: 'PTSansBold';}	
#inner .content-wrapper .business  .subsidiary .text { display: block; float: left; margin: 0px; padding: 0px;  MARGIN-LEFT: 10PX; }	

#inner .business .subsidiary .logo { 
	    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: block;
    float: left;
    height: 50px;
    padding: 20px 4px;
    text-align: center;
    width: 150px;
	 }	


	
.ie6 .masthead.brand .text img,
.ie7 .masthead.brand .text img,
.ie8 .masthead.brand .text img {
	background: none; 
	}	


.ie6 .masthead.brand .ie7-fail,
.ie7 .masthead.brand .ie7-fail,
.ie8 .masthead.brand .ie7-fail {
	background: none; 
	background-image:url(../images/ie7-brand-bg-185x84.jpg); 
	width: 185px; 
	height:85px; 
	background-repeat: no-repeat; 
	background-position: left top; 
	}	
			
	
	

#index .video iframe, #inner .video iframe, .masthead.brand .images iframe { margin: 0 0 0 -1px;}
	
	


#index .masthead {
	/* background-image: url(../images/GD-bg.jpg); */
	}



#inner .wrapper .content-wrapper .business.sections div {
	display: block;
    float: left;
    height: 150px;
    width: 450px;
	}
	
.images section {width: 400px; } 

#inner .wrapper .content-wrapper .business.sections div .text {
	    display: block;
    float: left;
    width: 250px;
	}	

.content-wrapper .business div h2 {
    font-size: 19px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

#inner .wrapper .content-wrapper .business.sections div .buslogo {
	width: 160px;
	height:110px;
	text-align: center;
	border: 1px solid #F0F0F0;
	margin: 2px;
	padding: 5px;
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
	display: block;
	float:left;
	vertical-align: middle;
	-webkit-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-o-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
	background-color:#FFF; 
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=1, direction=135, color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=1, Direction=135, Color='#000000')";
	}

#inner.ie6 .wrapper .content-wrapper .business.sections div .buslogo:hover, 
#inner.ie7 .wrapper .content-wrapper .business.sections div .buslogo:hover  {
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=135, color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#000000')";margin-right: 2px; 
	}
	
#inner.ie8 .wrapper .content-wrapper .business.sections div .buslogo:hover  {
	filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=135, color='#000000');
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=2, Direction=135, Color='#000000')";margin-right: 4px; 
	}	
	
#inner.ie6 .wrapper .content-wrapper .business.sections div .buslogo, 
#inner.ie7 .wrapper .content-wrapper .business.sections div .buslogo,
#inner.ie8 .wrapper .content-wrapper .business.sections div .buslogo  {
	border: 1px solid #ccc;
	margin-right: 4px; 
	}	
	
	
	
	
#inner .wrapper .content-wrapper .business.sections div .buslogo:hover {
	width: 160px;
	height:110px;
	text-align: center;
	border: 1px solid #F0F0F0;
	background-color: #E6DDAE; 
	-webkit-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-o-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
	-moz-box-shadow:0px 0px 8px #000000;
	-webkit-box-shadow:0px 0px 8px #000000;
	box-shadow:0px 0px 8px #000000;
	}	
	
#inner .wrapper .content-wrapper .business.sections div .buslogo:active {
	transition: background-color .2s ease-in;
	-moz-box-shadow:0px 0px 1px #000000;
	-webkit-box-shadow:0px 0px 1px #000000;
	box-shadow:0px 0px 1px #000000;
	}	
		
	

.breadcrumbs {
	display: none;
}

.business {
	    display: block;
    float: left;
    margin-top: 20px;
	 }



			

.sf-menu .current li a {
    border-bottom: 0px solid #B19A01;
    color: #FFFFFF;
    text-decoration: none;
}



.masthead.contacts .brand_categories, 
.masthead.worldwide .brand_categories {
    border-right: medium solid #7CBBE9;
    height: 290px;
    left: -15px;
    margin-top: 30px;
    opacity: 1;
    position: absolute;
    top: 0;
    width: 225px;
}

.masthead.contacts .brand_categories li a, 
.masthead.worldwide .brand_categories li a {
	background-color: none; 
    background-image: none;
    border-bottom: 0 solid #B5B5B5;
    color: #333333 !important;
    float: left;
    font-family: 'PTSansRegular';
    font-size: 17px;
    height: 24px;
    opacity: 1;
    padding: 4px 15px 4px 30px;
    text-align: left;
    text-transform: lowercase;
    width: 180px;
	background: none repeat scroll 0 0 transparent;
	-webkit-transition: background-color  .2s ease-in;
	-moz-transition: background-color  .2s ease-in;
	-o-transition: background-color  .2s ease-in;
	transition:  background-color  .2s ease-in;
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	text-transform: lowercase; 	font-weight: normal !important; 
}	

.ie6 .masthead.contacts .brand_categories li a, 
.ie7 .masthead.worldwide .brand_categories li a, 
.ie8 .masthead.worldwide .brand_categories li a {
	font-weight: normal !important; 
	font-family:Arial, sans-serif;
}	
	
.masthead.contacts {
    background: none repeat scroll 0 0 #FBFBFB;
    border-bottom: 8px solid #B5B5B5;
    border-top: 8px solid #B5B5B5;
    float: left;
    height: auto;
    margin-bottom: 20px;
    margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 30px;
    width: 920px;
    z-index: 1000;
}	


aside.gradImage2 {
	width: 310px;
	height: 400px;
	border: 5px solid #69bfed;
	padding: 0px;
	margin-top: 20px;
	overflow: hidden;
	background-color: #EBEBEB;
}

#inner .content-wrapper .masthead.contacts.contact_page {
	height: 320px; 
	}

.masthead.results .text, 
.masthead.contacts .text {
}	
    

body .masthead.results .noheight, 
body .masthead.contacts .noheight {
    height: none;
}		


body .masthead.results .noheight h1, 
body .masthead.contacts .noheight h1 {
    font-size: 28px;
    font-weight: bold;
    margin-bottom: 20px;
}	

body .masthead.results .noheight li, 
body .masthead.contacts .noheight li {
	list-style-type:disc; 
	margin-bottom: 7px;  
}		
	
.greyed { color:#999; font-size: 12px;  }	

.masthead.results h2, 
.masthead.contacts h2, .masthead.graduate h2 {
    font-size: 25px;
    margin-bottom: 10px;
	border-bottom: solid 8px #CCC; 
    text-transform: uppercase;
	    padding-bottom: 10px;
}	
	
.masthead.results .brand_categories li a:hover,
.masthead.contacts .brand_categories li a:hover,
.masthead.worldwide .brand_categories li a:hover  {
    background-color:#DBCF8B; 
}	
	
.masthead.results .brand_categories li .current,
.masthead.contacts .brand_categories li .current,
.masthead.worldwide .brand_categories li .current {
    background-color: #7CBBE9; 
}

.masthead.results .brand_categories li a:active,
.masthead.contacts .brand_categories li a:active,
.masthead.worldwide .brand_categories li a:active {
    background-color: #8B0F3B; 
}

.business .col1 h3, 
.business .col2 h3 {
	font-size: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
	} 
	
.business .col1 p, 
.business .col2 p {
    margin-bottom: 10px;
	} 	


.business .col1 .single_brand h3, 
.business .col2 .single_brand h3 {
	font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0px;
	} 

/* DataTables 
-----------------------------------------------*/
#branding { width: 960px;  }

#branding th {
    background-color: #CCCCCC; 
}

#branding_length { display: none; }

#branding_filter { background: #00467A; width: 940px; padding: 10px; color: #FFF;  }

#branding td {
    font-weight: bold;
    margin: 0;
    padding: 5px;
    text-align: left;
    vertical-align: top;
}



#branding .desc {
    font-weight: normal;
}

/* =Superfish Menu 
-----------------------------------------------------------------------------
http://users.tpg.com.au/j_birch/plugins/superfish/
-----------------------------------------------------------------------------*/

/* =Positioning
-----------------*/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			320px;; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			36px; /* match top ul list item height */
	z-index:		10000;
	background-image:url(../images/ul-bg.jpg); background-repeat: repeat-x; 
	-moz-border-radius:0px 0px 16px 16px;
	-webkit-border-radius:0px 0px 16px 16px;
	border-radius:0px 0px 16px 16px;
	padding-bottom: 16px;
	padding-top: 10px; 
	-moz-box-shadow:0px 3px 3px #000000;
-webkit-box-shadow:0px 3px 3px #000000;
box-shadow:0px 3px 3px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=3, direction=180, color='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=3, Direction=180, Color='#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			190px;; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			190px;; /* match ul width */
	top:			0;
}

/* =Styling
-----------------*/
.sf-menu {
	float:			left;
	margin-bottom:	0px;
	width: 100%; 
}
.sf-menu a {
	padding: 		10px;
	padding-left: 	16px;
	padding-right: 	16px;
	text-decoration:none;
	color:#FFF !important;
	border-bottom: 7px solid #CCCCCC;
	-webkit-transition: border-bottom .2s ease-in;
	-moz-transition: border-bottom .2s ease-in;
	-o-transition: border-bottom .2s ease-in;
	transition: border-bottom .2s ease-in;
}

.sf-menu ul a {
	color:#FFF;
	border-bottom: 0px solid #CCCCCC;
	-webkit-transition: border-bottom .2s ease-in;
	-moz-transition: border-bottom .2s ease-in;
	-o-transition: border-bottom .2s ease-in;
	transition: border-bottom .2s ease-in;
	background-image:url(../images/bullet.png); 
	background-position: 15px 7px; 
	background-repeat: no-repeat; 
	padding-left: 50px; 
}

.sf-menu ul a:hover {
	background-color: #DBCF8B;
	color:#002E51 !important;
	border-bottom: 0px solid #CCCCCC;
	text-decoration:none; 
	background-image:url(../images/bullet-roll.png); 
}

.sf-menu ul a:active {
	border-bottom: 0px;
}

.sf-menu .current a {
	text-decoration:none;
	color:#FFF; 
	border-bottom: 7px solid #B19A01;
}

.sf-menu ul .current a {
	text-decoration:none;
	color:#FFF; 
	border-bottom: 0px;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/

}
.sf-menu li {
}
.sf-menu li li {
/*	background:		#AABDE6;*/
z-index:		10000;
}
.sf-menu li li li {
/*	background:		#9AAEDB;*/
}
.sf-menu a:hover {
	outline:		0;
	border-bottom: 7px solid #006BB7;
}
.sf-menu a:active {
	outline:		0;
	border-bottom: 7px solid #B19A01;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
    padding-right: 25px;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background-color:#00467A; 
}

.sf-shadow ul span {
	padding:15px;
	display: block; 
	color:#FFF !important;
	font-family: 'ColaborateLightRegular','PTSansRegular','Arimo',sHelvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif;
}

.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*** point all arrows down ***/
/* point right for anchors in subs */
.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }
.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }
/* apply hovers to modern browsers */
.sf-navbar ul a:focus > .sf-sub-indicator,
.sf-navbar ul a:hover > .sf-sub-indicator,
.sf-navbar ul a:active > .sf-sub-indicator,
.sf-navbar ul li:hover > a > .sf-sub-indicator,
.sf-navbar ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/*** remove shadow on first submenu ***/
.sf-navbar > li > ul {
	background: transparent;
	padding: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	width: 100%;
}

/*** adding sf-vertical in addition to sf-menu creates a vertical menu ***/
.sf-vertical, .sf-vertical li {
width:190px; /* same as colOne */
}

.ThreeCol .sf-vertical, .ThreeCol .sf-vertical li, .ThreeCol .sf-vertical, .ThreeCol .sf-vertical li {
width:300px; 
background-image: none;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.ThreeCol .sf-vertical li:hover ul,
.ThreeCol .sf-vertical li.sfHover ul {
	left:	300px; /* match ul width */
	top:	0;
}

/* this lacks ul at the start of the selector, so the styles from the main CSS file override it where needed */
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
	left:	190px; /* match ul width */
	top:	0;
	 
}

/*** alter arrow directions ***/
.sf-vertical .sf-sub-indicator { background-position: -10px 0; } /* IE6 gets solid image only */
.sf-vertical a > .sf-sub-indicator { background-position: 0 0; } /* use translucent arrow for modern browsers*/

/* hover arrow direction for modern browsers*/
.sf-vertical a:focus > .sf-sub-indicator,
.sf-vertical a:hover > .sf-sub-indicator,
.sf-vertical a:active > .sf-sub-indicator,
.sf-vertical li:hover > a > .sf-sub-indicator,
.sf-vertical li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

.title {
    background-color: #006BB7;
    border-top: 8px solid #00467A;
    color: #FFFFFF;
    display: block;
    font-family: 'ColaborateLightRegular','PTSansRegular','Arimo',sHelvetica,"Calibri",Corbel,"Lucida Grande","Lucida Sans Unicode","Lucida Sans","DejaVu Sans","Bitstream Vera Sans","Liberation Sans",Tahoma,sans-serif;
    font-size: 40px;
    height: 30px;
    padding: 20px 20px 10px;
	 }

#inner .content-wrapper .business div .text {
    float: left;
    margin: 0 0 10px 10px;
    padding: 0;
    width: 260px;
}
#inner .business div img {
	float: left;
}
.content .block {
	background-color: #EBEBEB;
    border: 5px solid #D3D3D3;
    min-height: 345px;
    margin-right: 20px;
    margin-top: 10px;
    width: 590px;
}

.content .gradBlock {
	background-color: #69bfed;
    min-height: 345px;
    margin-right: 20px;
    margin-top: 10px;
	padding-top: 20px;
    width: 590px;
}

.ie6 .content .block {
    background-color: #EBEBEB;
    border: 5px solid #D3D3D3;
    min-height: 345px;
    margin-right: 10px;
    margin-top: 5px;
    width: 590px;
}

.content .gradBlock p {
	color:#FFF;
}

.content .gradBlock li {
	color:#FFF;
}

.content .gradBlock strong {
	color:#002e5f;
}


.brand-bar .jcarousel-item a img { 
display: block; 
border: 0px;
float: left; 
}

.content .video {
	width: 310px;
	border: 5px solid #D3D3D3;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	overflow: hidden;
	background-color: #EBEBEB;
}

.content .gradImage {
	width: 310px;
	height: 400px;
	border: 5px solid #69bfed;
	margin: 0px;
	margin-top: 10px;
	padding: 0px;
	overflow: hidden;
	background-color: #EBEBEB;
}

.content .video p {
	padding: 10px;
}

.content .video hgroup {
	padding: 10px;
}
.content .video hgroup h2 {
	margin: 0px;
	padding: 0px;
	color:#666; 
font-size: 21px;
    line-height: 23px;
	font-family: 'ColaborateLightRegular';
}

.content .video hgroup h3 {
	margin: 0px;
	padding: 0px;
	color: #687600; 
	font-family: 'ColaborateRegular';
	font-size: 32px;
    line-height: 35px;
}

.doorstop .link_block {
	background-color: #FBFBFB;
    border-bottom: 8px solid #CCCCCC;
    height: 740px;
    margin: 0 20px 0 0;
    padding: 0;
    width: 300px;
}

.doorstop .link_block h2 {
	margin: 0px;
	padding: 0px;
	color:#666; 
	font-size: 21px;
    line-height: 23px;
	font-family: 'PTSansBold';	
	padding: 10px; 
	background-color: #EBEBEB; 
	width: 280px; 
	border-bottom: 8px solid #ccc; 
}

.doorstop .link_block ul {
	margin: 0px;
	padding: 0px;
}
.doorstop .link_block ul li {
	margin: 0px;
	padding: 0px;
	display: block; 
	float:left; 
	width: 280px; 
	padding:10px;
	padding-bottom:4px;
	padding-top:4px; 
}


.content article .news h2,
.content article .news h2 {
	font-size: 21px;
    line-height: 23px;
	font-family: 'ColaborateRegular';
}

#inner .wrapper .content-wrapper .masthead.brand .text .url strong {
	width: 200px; 
	display: block;
	float: left;  
	}

#inner .wrapper .content-wrapper .masthead.brand .text .url a {
	width: 300px; 
	display: block;
	float: left;  
	}
	
#inner .wrapper .content-wrapper .masthead.brand .text p {
	float: left;  
	    width: 525px;
	}	

/* menus 
-------------- */		
ul#menu, ul#menu ul, #nav_categories, #nav_categories ul {
  list-style-type:none;
  margin: 0;
  padding: 0;
}


ul#menu, #nav_categories {
float: left;
width:320px;}

ul#menu a, #nav_categories a {
  display: block;
  text-decoration: none;	
}

ul#menu li, #nav_categories li {
  margin: 0px; 
  margin-top: 1px;
  padding: 0px;
}

ul#menu li a, ul#nav_categories li a {
  background: #E0E0E0;
  color: #333333;	
padding:7px 10px;
}

ul#menu li a:hover, ul#nav_categories li a:hover {
  background: #F0F0F0;
}

ul#menu li ul li a, ul#nav_categories li ul li a {
  background: #F0F0F0;
  padding-left: 20px;
}

ul#menu li ul li a:hover, ul#nav_categories li ul li a:hover {
  background: #F0F0F0;
  border-left: 5px #D2D2D2 solid;
  padding-left: 15px;
}		
	

# brand-menu {width: 940px; 
background: url(../images/brand-bar.jpg) repeat-x;
}
	

/*
-----------------------------------------------------------------------------
=jCarousel
-----------------------------------------------------------------------------*/
.jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius:0px 0px 15px 15px;
	-webkit-border-radius:0px 0px 15px 15px;
	border-radius:0px 0px 15px 15px;
    background-image: url(../images/brand-bar.jpg); 
    border: 1px solid #CCCCCC;
}

.jcarousel-skin-tango .jcarousel-direction-rtl {
	direction: rtl;
}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    height: 65px;
    padding: 10px 40px 20px;
    width: 878px;
}

.jcarousel-skin-tango .jcarousel-container-vertical {
    width: 75px;
    height: 245px;
    padding: 40px 20px;
}

.jcarousel-skin-tango .jcarousel-clip {
    overflow: hidden;
}

.jcarousel-skin-tango .jcarousel-clip-horizontal {
    height: 75px;
    margin-top: -12px;
    padding-top: 10px;
    width: 880px;
}

.jcarousel-skin-tango .jcarousel-clip-vertical {
    width:  878px;
    height: 75px;
}

.jcarousel-skin-tango .jcarousel-item {
    width: 166px;
    height: 70px;
	margin-left: 15px; 
	
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
	margin-left: 0;
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal {
	margin-left: 10px;
    margin-right: 0;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top:35px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background-image:url(../images/next-horizontal.png);
	background-repeat:no-repeat; 
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image:url(../images/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 35px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:url(../images/prev-horizontal.png) transparent  no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image:url(../images/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

/**
 *  Vertical Buttons
 */
.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(../images/next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background:url(../images/next-vertical.png) transparent no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-vertical:focus {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-item p {
	    float: left;
    font-size: 12px;
    margin: 5px -10px 0 0;
    padding: 0;
    text-transform: uppercase;
    width: 140px;
	}

.transparent .jcarousel-skin-tango .jcarousel-container {
    -moz-border-radius:0;
    background-image: none;
    border: 0px;
	float:left; 
	height: 60px;
}

/*
-----------------------------------------------------------------------------
=Tables
-----------------------------------------------------------------------------*/
table {
	margin: 0px;
	width: 100%;
	border: 1px solid #D2D2D2;
	margin-bottom: 20px;
}

table th {
	text-align: left;
	margin: 0px;
	padding: 5px;
	vertical-align: top;
	font-weight: bold;
	width:50%;
}

table td {
	font-size: 1.1em;
	text-align: left;
	margin: 0px;
	padding: 5px;
	border-left: 1px solid #D2D3D5;
} 

table .even {
    background-color: #F2F3F5;
}

table tr {
    border-bottom: 1px solid #D2D3D5;
}

table tr:hover, table .even:hover  {
    background: #E0E0E0;
}
/*
-----------------------------------------------------------------------------
=Forms
-----------------------------------------------------------------------------*/

button::-moz-focus-inner {
  border: 0;
}

input::-moz-focus-inner {
  border: 0;
}

.content form {
	width: 620px;
	margin-top:20px; 
	padding:10px; 
	-moz-border-radius:7px 40px;
	-webkit-border-radius:7px 40px 7px 40px;/*This is the correct shorthand for webkit*/
	border-radius:7px 40px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
	background: -moz-linear-gradient(top, #fffcf0, #fff4c9);
	background: -webkit-gradient(linear, center top, center bottom, from(#fffcf0), to(#fff4c9));
	background: -o-linear-gradient(top, #fffcf0, #fff4c9);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf0', endColorstr='#fff4c9');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffcf0', endColorstr='#fff4c9')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #fffcf0, #fff4c9);
	/*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/
	    float: left;
	}	
	
form fieldset					{ 
	background-image: url("../images/transparent-w-50.png");
    border: 1px solid #CCCCCC;
    float: left;
    margin-top: 10px;
    padding: 10px;
	-moz-border-radius:7px 30px;
	-webkit-border-radius:7px 30px 7px 30px;
	border-radius:7px 30px;
	margin-bottom:20px; 
	
}

form fieldset:hover				{ 
	border: solid 1px #D3B284; 
}
		
form label						{ width: 170px;float: left;  }
form .radio, 
form .checkbox 					{ width: 210px; float: left; margin-left: 170px;   }		 					
form .status 					{ display: block; float: left; height: 40px; width: 200px;  }
form .radiogroup 				{ display: block; float: left; width: 600px; }
form .radiogroup .large,
form .checkboxgroup .large		{ display: block; float: left; width: 170px; height: 80px; }
form .radiogroup .radio			{ float: left; margin: 5px 0 0; padding: 0; width: 410px; margin-left: 0px;}
form .checkboxgroup .checkbox 	{ width: 410px; float: left; margin-left: 0px;   }		 					


form input 						{ font-family: 'PTSansRegular','Arimo' , Helvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif; width: 150px;float: left;  }
form select						{ font-family: 'PTSansRegular','Arimo' , Helvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif; }
form input[type="radio"] 		{ float: left; margin: 5px 0 0; padding: 0; width: 20px;}
form input[type="checkbox"] 	{ float: left; margin: 5px 0 0; padding: 0; width: 20px;}
form input[type="file"] 		{ float: left; margin: 5px 0 0; padding: 0; width: 200px; }
input[type=submit], button		{ font-family: 'PTSansRegular','Arimo' , Helvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif; width: 170px;float: left; margin-left: 170px;}
form textarea					{ font-family: 'PTSansRegular','Arimo' , Helvetica, "Calibri", Corbel, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Tahoma, sans-serif; width: 410px;  }
form #termswrap {
    float: left;
    margin-bottom: 10px;
    width: 410px;
}


.doorstop section form 			{ width: 460px; } 
.doorstop section form input 	{ width: 250px; }
.doorstop section form textarea	{ height: 80px; width: 450px; }

.doorstop section form input[type=submit], .doorstop section form button {
	float: right;
    width: 200px;
}

.profile img {
	
	border: 1px solid #F0F0F0;
	margin: 2px;
	padding: 5px;
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
	display: block;
	float:left;
	vertical-align: middle;
	-webkit-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-o-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;	
	float: right; 
	margin-left: 20px;
	}

form input, 
form textarea, 
#branding_filter input {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
	background: -moz-linear-gradient(top, #fff, #E8E9ED);
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#E8E9ED));
	background: -o-linear-gradient(top, #fff, #E8E9ED);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#E8E9ED');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#E8E9ED')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #134A8B, #E8E9ED);
	padding: 5px;  
	margin-bottom: 0px; 
	border: 0px;
	opacity:0.80;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=80);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	-webkit-transition: opacity margin-top .2s ease-in;
	-moz-transition: opacity margin .2s ease-in;
	-o-transition: opacity margin .2s ease-in;
	transition: opacity margin .2s ease-in;
}

#branding_filter input  {margin-bottom: 0px; }

form textarea:focus,
form input:focus, 
#branding_filter input:focus {
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=100);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	outline: none; 
}

input[type=submit], button {
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFEF26;
	border-right-color: #FF9E00;
	border-bottom-color: #FF9E00;
	border-left-color: #FF9E00;
	-moz-box-shadow:0px 0px 4px #000000;
	-webkit-box-shadow:0px 0px 4px #000000;
	box-shadow:0px 0px 4px #000000;
	background: -moz-linear-gradient(top, #FFBB00, #FF8000);
	background: -webkit-gradient(linear, center top, center bottom, from(#FFBB00), to(#FF8000));
	background: -o-linear-gradient(top, #FFBB00, #FF8000);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBB00', endColorstr='#FF8000');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFBB00', endColorstr='#FF8000')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background: linear-gradient(top, #FFBB00, #FF8000);
	height: 30px;
    padding: 5px;
	opacity:1.00;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	/*-ms-filter must come before filter*/
	filter: alpha(opacity=100);
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*All filters must be placed together*/
	margin-top:0px; 
	-webkit-transition: text-shadow box-shadow opacity margin-top .2s ease-in;
	-moz-transition: text-shadow box-shadow opacity margin .2s ease-in;
	-o-transition: text-shadow box-shadow opacity margin .2s ease-in;
	transition: text-shadow box-shadow opacity margin .2s ease-in;
}

input[type=submit]:hover, button:hover {
	color: #FFF; 
	-webkit-text-shadow:2px 2px 2px #333333; 
	-moz-text-shadow:2px 2px 2px #333333; 
	-o-text-shadow:2px 2px 2px #333333; 
	text-shadow:2px 2px 2px #333333;
	-moz-box-shadow:0px 0px 8px #000000;
	-webkit-box-shadow:0px 0px 8px #000000;
	box-shadow:0px 0px 8px #000000;
}

input[type=submit]:active, button:active {
	background-color: #8BC66; 
	-moz-box-shadow:0px 0px 1px #000000;
	-webkit-box-shadow:0px 0px 1px #000000;
	box-shadow:0px 0px 1px #000000;
	-webkit-text-shadow:1px 1px 1px #333333; 
	-moz-text-shadow:1px 1px 1px #333333; 
	-o-text-shadow:1px 1px 1px #333333; 
	text-shadow:1px 1px 1px #333333;
	outline: none; 
}	
/* Application Form 
-------------------------------------*/

#inner .wrapper .content-wrapper .masthead.graduate .text.form input[type='text'] {
	margin-right: 140px; 
	float: left;  
	width: 200px; 
	}

#inner .wrapper .content-wrapper .masthead.graduate .text.form .country select {
	margin-right: 140px; 
	float: left;  
	width: 200px; 
	}

#inner .wrapper .content-wrapper .masthead.graduate .text.form  select {
	float: left;   
	}


#inner .wrapper .content-wrapper .masthead.graduate .text.form p {
	display: block; 
	float: left; 
	margin-bottom: 5px; 
	}
	
#inner .wrapper .content-wrapper .masthead.graduate .text.form h3 {
	position: relative; 
	color: #666; 
	float: left; 
	left: 0px; 
	top: 0px; 
	font-size: 20px; 
	text-transform:none; 
	margin-bottom: 10px; 
	border-borrom: solid 1px #CCC; 
	padding-bottom: 10px; 
	}	

#inner .wrapper .content-wrapper .masthead.graduate .text.form h2 {
	    border-bottom: 8px solid #CCCCCC;
    display: block;
    float: left;
    font-size: 25px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%;
	}	

html #inner .wrapper .content-wrapper .masthead.graduate .text.form .margin {
	margin-left: 170px;
	margin-bottom: 10px;  
	}	

html #inner .wrapper .content-wrapper .masthead.graduate .text.form .to {
	width: 20px; 
	margin-left: 10px; 
	}	

html #inner .wrapper .content-wrapper .masthead.graduate .text.form textarea {
	width: 98%; 
	}	
	
html #inner .wrapper .content-wrapper .masthead.graduate .text.form .address textarea {
    width: 50%;
}

html #inner .wrapper .content-wrapper .masthead.graduate .text.form .dob select {
    margin-right: 10px;    
}

	
	
html #inner .wrapper .content-wrapper .masthead.graduate .text.form .accept {
	width: 100%; 
	}		



/*
-----------------------------------------------------------------------------
=Tooltips
-----------------------------------------------------------------------------*/

.tooltip
{
  position: relative;
  background: #eaeaea;
  cursor: help;
  display: inline-block;
  text-decoration: none;
  color: #222;
  outline: none;
}

.tooltip span
{
  visibility: hidden;
  position: absolute;
  bottom: 30px;
  left: 50%;
  z-index: 999;
  width: 230px;
  margin-left: -127px;
  padding: 10px;
  border: 2px solid #ccc;
  opacity: .9;
  background-color: #ddd;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  box-shadow: 0 1px 2px rgba(0,0,0,.4), 0 1px 0 rgba(255,255,255,.5) inset;
  text-shadow: 0 1px 0 rgba(255,255,255,.4);
}

.tooltip:hover
{
  border: 0; /* IE6 fix */
}

.tooltip:hover span
{
  visibility: visible;
}

.tooltip span:before,
.tooltip span:after
{
  content: "";
  position: absolute;
  z-index: 1000;
  bottom: -7px;
  left: 50%;
  margin-left: -8px;
  border-top: 8px solid #ddd;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0;
}

.tooltip span:before
{
  border-top-color: #ccc;
  bottom: -8px;
}

	
-----------------------------------------------------------------------------
=Social Media Links 
-----------------------------------------------------------------------------*/
.socialLinks a 				{ background-repeat: no-repeat; background-position: 5px 5px; padding-left: 35px;}
.socialLinks .twitter a 	{ background-image: url(../images/icons-big/twitter_24.png); }
.socialLinks .facebook a 	{ background-image: url(../images/icons-big/facebook_24.png); }
.socialLinks .youtube a 	{ background-image: url(../images/icons-big/youtube_24.png); }
.socialLinks .rss a 		{ background-image: url(../images/icons-big/rss_24.png);}
.socialLinks .delicious a 	{ background-image: url(../images/icons-big/delicious_24.png); }
.socialLinks .digg a 		{ background-image: url(../images/icons-big/digg_24.png); }
.socialLinks .reddit a 		{ background-image: url(../images/icons-big/reddit_24.png); }
.socialLinks .linkedin a 	{ background-image: url(../images/icons-big/linkedin_24.png); }
.socialLinks .stumble a 	{ background-image: url(../images/icons-big/stumbleupon_24.png);} 
 
/*
-----------------------------------------------------------------------------
=Footer
-----------------------------------------------------------------------------*/ 
footer 						{ 
    float: left;
    margin-top: 30px;
    padding-bottom: 30px;
    text-align: center;
    width: 100%;
} 

#inner footer 						{ 
    margin-top: 0px;
} 

footer article {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    text-align: left;
    width: 960px;
}
footer article section {
    float: left;
    margin-bottom: 0;
    margin-right: 10px;
    margin-top: 0;
    padding: 0 10px 0 0;
    width: 450px;
}
footer article label,
footer article .subject {
    display:none; 
}

footer p 	 				{ padding: 0px; margin: 0px; } 
footer ul 	 				{ padding: 0px; margin: 0px; } 
footer ul li 				{ display: inline;  padding: 10px;  }  
footer h2					{ font-size: 28px; color:#333; line-height:32px;  margin-bottom: 10px; margin-top: 20px;   }
.doorstop section h3		{ font-size: 20px; color:#666; line-height:32px; margin-bottom: 10px;   }

.doorstop {
	float: left;
	}	
	
/*
-----------------------------------------------------------------------------
= Internet Explorer Special Needs 
-----------------------------------------------------------------------------*/
.ie7 img 					{ -ms-interpolation-mode: bicubic; } /* bicubic resizing for non-native sized IMG:  code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie6 input 					{ vertical-align: text-bottom; }
button 						{ width: auto; overflow: visible; } /* make buttons play nice in IE: www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */

.ie6 header .search input,
.ie7 header .search input,
.ie8 header .search input,
.ie9 header .search input
 {
    border: solid 1px #999;
	width: 210px; 
	height: 15px;
}

.ie6 .doorstop .status,
.ie7 .doorstop .status,
.ie8 .doorstop .status,
.ie9 .doorstop .status
 {
	width: 198px; 
}

.ie6 input,
.ie7 input,
.ie8 input,
.ie9 input,
.ie6 textarea,
.ie7 textarea,
.ie8 textarea,
.ie9 textarea
 {
    border: solid 1px #999;
}

.ie6 button,
.ie7 button,
.ie8 button,
.ie9 button,
.ie6 form input[type=submit],
.ie7 form input[type=submit],
.ie8 form input[type=submit],
.ie9 form input[type=submit] {
    background-color:#FF8000; 
}

.ie6 .content form,
.ie7 .content form,
.ie8 .content form,
.ie9 .content form  {
	background: #fff4c9;
	border: solid 1px #999;
	}	
	
.ie6 form input[type="radio"],
.ie7 form input[type="radio"], 
.ie8 form input[type="radio"], 
.ie9 form input[type="radio"] 
		{ border:none; }

.ie6 form input[type="checkbox"], 	
.ie7 form input[type="checkbox"], 	
.ie8 form input[type="checkbox"], 	
.ie9 form input[type="checkbox"] 	
		{ border:none; }
	
.ie6 form fieldset					{ 
	background-image:none; 
	border: solid 1px #D3CAA9; 
	-moz-border-radius:7px 30px;
	-webkit-border-radius:7px 30px 7px 30px;
	border-radius:7px 30px;
	padding: 5px; 
}



/*
-----------------------------------------------------------------------------
= Print  
-----------------------------------------------------------------------------*/
@media print {
*							{ background: transparent !important; color: #444 !important; text-shadow: none; }
a, a:visited 				{ color: #444 !important; text-decoration: underline; }
a:after 					{ content: " (" attr(href) ")"; } 
abbr:after 					{ content: " (" attr(title) ")"; }
.ir a:after 				{ content: ""; }  /* Don't show links for images */
pre, blockquote 			{ border: 1px solid #999; page-break-inside: avoid; }
img 						{ page-break-inside: avoid; }
@page 						{ margin: 0.5cm; }
p, h2, h3 					{ orphans: 3; widows: 3; }
h2, h3						{ page-break-after: avoid; }
}

/*
-----------------------------------------------------------------------------
= Media Queries for Responsive Design  
-----------------------------------------------------------------------------*/

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */ 
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  */
@media screen and (max-device-width: 480px) {
html					 { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } /* Prevent iOS, WinMobile from adjusting font size */
}
.content-wrapper .business .col1 {
	float: left;
	width: 450px;
	padding-right: 20px;
	border-right-width: 10px;
	border-right-style: solid;
	border-right-color: #EBEBEB;
}
.content-wrapper .business .col2 {
	float: left;
	margin-left: 20px;
	width: 450px;
}
.content-wrapper .business h2 {
	font-size: 25px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.content-wrapper .business .col1 .single_brand {
	background-color: #006BB7;
	float: left;
	margin-bottom: 15px;
	width: 446px; 
	float: left;
	cursor:pointer; 
	border-width:2px;
	border-color:#006BB7;
	-moz-border-radius:0px 15px;
	-webkit-border-radius:0px 15px 0px 15px;/*This is the correct shorthand for webkit*/
	border-radius:0px 15px;
	/*IE DOES NOT SUPPORT BORDER RADIUS*/
	-moz-box-shadow:0px 0px 2px #000000;
	-webkit-box-shadow:0px 0px 2px #000000;
	box-shadow:0px 0px 2px #000000;
	-webkit-transition: background-color .2s ease-in;
	-moz-transition: background-color .2s ease-in;
	-o-transition: background-color .2s ease-in;
	transition: background-color .2s ease-in;
    color: #FFFFFF;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.content-wrapper .business .col1 .single_brand.nolink {
	background-color: #EBEBEB;
    color: #333;
	display: block; 
	margin: 0px; 
	margin-bottom: 15px; 
	cursor: default; 
	-moz-box-shadow:0px 0px 2px #666;
	-webkit-box-shadow:0px 0px 2px #666;
	box-shadow:0px 0px 2px #666;
}

.content-wrapper .business .col1 .single_brand.nolink .text h3 {
	font-size: 18px;
	margin-bottom:10px; 
	font-family: 'PTSansBold';	
	color: #333; 
}

#inner .content-wrapper .business .col1 .single_brand.nolink .text
{
    float: left;
    font-size: 14px;
    height: 95px;
    line-height: 17px;
    padding: 10px;
    width: 247px;
	margin: 0px;
}

.content-wrapper .business .col1 .single_brand.nolink:hover {
	background-color: #EBEBEB;
	text-decoration: none; 
	color: #333; 
	margin: 0px; margin-bottom: 15px; 
}

.content-wrapper .business .col1 .single_brand.nolink:active {
	background-color: #EBEBEB;
	text-decoration: none; 
	color: #333; 
	margin: 0px; margin-bottom: 15px; 
}


.ie6 .content-wrapper .business .col1 .single_brand, 
.ie7 .content-wrapper .business .col1 .single_brand,
.ie8 .content-wrapper .business .col1 .single_brand {
	background: none; 
	background-image:url(../images/ie7-brand-blue.jpg); 
	background-position: top left;
	height: 118px; width: 450px;
}

.ie6 .content-wrapper .business .col1 .single_brand:hover, 
.ie7 .content-wrapper .business .col1 .single_brand:hover,
.ie8 .content-wrapper .business .col1 .single_brand:hover {
	background: none; 
	background-position: bottom left; 
	background-image:url(../images/ie7-brand-blue.jpg); 
	height: 118px; 
}

.content-wrapper .business .col1 .single_brand:hover {
	background-color: #DBCF8B;
	text-decoration: none; 
	color: #333; 
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.content-wrapper .business .col1 .single_brand:active {
	margin-top:2px; 
	margin-bottom: 13px;
	/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.content-wrapper .business .col1 .single_brand .text {
    float: left;
    font-size: 14px;
    height: 95px;
    line-height: 17px;
    padding: 10px;
    width: 247px;
}
.content-wrapper .business .col1 .single_brand .text p {
	font-size: 12px;
	font-family: 'PTSansRegular';	
}
.content-wrapper .business .col1 .single_brand .text h3 {
	font-size: 18px;
	margin-bottom:10px; 
	font-family: 'PTSansBold';	
}
.content-wrapper .business .col1 .single_brand .logo {
	background-color: #FFF;
	float: left;
	 margin-top: 5px;
    padding: 20px 4px;
    text-align: center;
border-width:2px;
border-color:#fff;
-moz-border-radius:0px 15px;
-webkit-border-radius:0px 15px 0px 15px;/*This is the correct shorthand for webkit*/
border-radius:0px 15px;
width:165px;    height: 65px;
/*IE DOES NOT SUPPORT BORDER RADIUS*/
/*IE DOES NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
}

.ie6 .content-wrapper .business .col1 .single_brand .logo,
.ie7 .content-wrapper .business .col1 .single_brand .logo,
.ie8 .content-wrapper .business .col1 .single_brand .logo {
	background: none;
}


.content-wrapper .business .col1 .single_brand .logo img {
	border: none; 
}