/* Start of CMSMS style sheet 'talentnow-v2-layout' */
/*  @Nuno Costa [criacaoweb.net].  @Since [cms 1.6]  @Status [Stable] */
body {
/* default text for entire site */
	font: normal 12px Helvetica, Arial, sans-serif;
	line-height: 1.4em;
/* default text color for entire site */
	color: #626262;
/* you can set your own image and background color here */
	background: #a3001f url(uploads/talentnow/page-bg.png) repeat-x left top;
}
/* Mask helper  for browsers ZOOM, Rezise and Decrease */
#TNWrapper {
/* set to width of viewport */
	margin: 0px auto;
	top: -20px;
	width: 1000px;
	position: relative;

	
/* you can set your own image and background color here */
}
/* wiki style external links */
/* external links will have "(external link)" text added, lets hide it */
a.external span {
	position: absolute;
	left: -5000px;
	width: 4000px;
}
a.external {
/* make some room for the image, css shorthand rules, read: first top padding 0 then right padding 12px then bottom then right */
	padding: 0 12px 0 0;
}
/* colors for external links */
a.external:link {
	color: #679EBC;
/* background image for the link to show wiki style arrow */
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:visited {
	color: #18507C;
/* a different color can be used for visited external links */
/* Set the last 0 to -100px to use that part of the external.gif image for different color for active links external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.*/
	background: url(images/cms/external.gif) no-repeat 100% -100px;
}
a.external:hover {
	color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
	background: url(images/cms/external.gif) no-repeat 100% 0;
	background-color: inherit;
}
/* end wiki style external links */
/* hr and anything with the class of accessibility is hidden with CSS from visual browsers */
.accessibility, hr {
/* absolute lets us put it outside the viewport with the indents, the rest is to clear all defaults */
	position: absolute;
	top: -9999em;
	left: -9999em;
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
	border: none;
}
/* ------------ Standard  HTML elements and their default settings ------------ */
strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

.caption{
	font-style: italic;
	color: #000;
	font-size: 0.9em;
	padding: 10px;
}

p {
	padding: 0;
	margin-top: 0em;
    margin-bottom: 1em;
	text-align: left;
}
h1, h2, h3, h4, h5 {
	line-height: 1.4em;
	font-weight: normal;
	width: auto;
	font-family: Helvetica, Arial, sans-serif;
	color: #00446a;
	letter-spacing: -0.02em;
}
/*default link styles*/
a {
	color: #00446a;
	text-decoration: none;
	text-align: left;
}

a:visited {
	color: #00446a;
}

a:hover {
	color: #be141b;
}
a:active {
	color: #be141b;
}

input, textarea, select {
	font-size: 0.95em;
}
/* ------------ Wrapper ------------ */
div#pagewrapper {
	position: relative;
	z-index: 1;
}

/* ------------ Header ------------ */
#header {
	height: 133px;
	background: #f7f7f7;
}

#header-home {
	height: 413px;
	background: #e8e6d4 url(uploads/images/template/banner_l.png) no-repeat left top;
}

.button-login{
	height: 23px;
	width: 72px;
	background: url(uploads/images/template/button_login.png) no-repeat left top;
	border: 0px;
}

#login input{
	width: 90px;
	height: 14px;
	font-size: 0.7em;
	margin: 0px 5px;
	padding: 0px
}

#space-grey{
	width: 100%;
	height: 21px;
	background-color: #5f5f5f;
}

#space-grey-home{
	height: 286px;
	background: #eceadd url(uploads/images/template/home_banner_holding.jpg) no-repeat left top;
}

#logo a {
/* adjust according your image size */
	height: 101px;
	width: 238px;
/* forces full link size */
	display: block;
/* this hides the text */
	text-indent: -9999em;
	margin-top: 32px;
	margin-left: 45px;
/* you can set your own image here, note size adjustments */
	background: url(uploads/talentnow/logo-header.png) no-repeat left top;
}

/* ------------ Content ------------ */
#content {
	width: auto;
/* all text in #content will default align left, changed in other calls */
	text-align: left;
	background: #f7f7f7 url(uploads/talentnow/content-bg.png) repeat-x left top;
}
#bar {
	width: auto;
	height: 40px;
	background-color: #f2f2f2;
}

#bar-home {
	width: auto;
	height: 20px;
	background-color: #f2f2f2;
}
.print {
	margin-right: 75px;
	margin-top: 10px;
}

/* Site Title */
h1.title {
	font-size: 2.5em;
	margin-bottom: 0.5em;
	font-weight: normal;
}

h2 {
	font-size: 2em;
	margin-bottom: 0.5em;
	line-height: 1.4em;
	font-weight: normal;
	color: #be141b;
}

h3 {
	font-size: 1.5em;
	margin-bottom: 0em;
	font-weight: normal;
}

/* Breadcrumbs */
div.breadcrumbs {
	padding: 0.5em 0;
	font-size: 80%;
	margin: 10px 23px;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}

img.white_border{
	border: 10px #fff solid;
}

/* ------------ Side Bar (Left) ------------ */
#left {
	width: 200px;
	padding: 0px 20px 20px 50px;
}

#left-home {

}

img.left-panel-top{
	margin-bottom: 35px;
}

/* ------------ Main (Right) ------------ */
#main {
	margin-right: 70px;
	width: 580px;
}

#main-home {
	margin: 20px 33px;
}

#main-solutions{
	width: 630px;
	margin: 15px 0 0 25px;
}

#main-solutions h3,
a.h3, 
a.h3:visited, 
a.h3:hover, 
a.h3:active
{
	color: #be141b;
}

#main-talenttalk{
	width: 210px;
	margin: 15px 0 0 15px;
}

.main-main {
	width: auto;
}
.main-bottom {
	width: auto;
}
.right49, .left49 {
	font-size: 0.85em;
	margin: 5px 0px;
	font-weight: bold;
}
.left49 span {
	display: block;
	padding-top: 1px;
}
.left49 a {
	font-weight: normal;
}

#main h2,
#main h3,
#main h4,
#main h5,
#main h6 {

}
div#main ul,
div#main ol,
div#main dl,
#footer ul,
#footer ol {
	line-height: 1em;
	margin: 0 0 1.5em 0;
}
div#main ul,
#footer ul {
	list-style: circle;
}
div#main ul li,
div#main ol li,
#footer ul li,
#footer ol li {
	padding: 2px 2px 2px 5px;
	margin-left: 20px;
}
/* definition lists topics on bold */
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
/* ------------ Footer ------------ */
#footer-wrapper {
	height: 54px;
	margin: 0px;
	text-align: center;
	background-color: #f1f1f1;
}

.footer-text{
	color: #747474;
	text-align: left;
	font-size: 0.8em;
	padding: 25px 0 0 54px;
	width: auto;
}

.footer-text a,
.footer-text a:visited{
	color: #747474;
	text-decoration: none;
}

.footer-text a:hover,
.footer-text a:active{
	color: #be141b;
	text-decoration: none;
}

/* ------------ END LAYOUT ---------------*/
/* ------------  Menu  ROOT  ------------ */
.page-menu {
	height: 37px;
	margin: 82px 0px 0px 11px;
}

.page-menu ul#primary-nav {
	height: 1%;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
}
.page-menu ul#primary-nav li {
	float: left;
}
.page-menu ul#primary-nav li a{
	display: block;
	padding: 0 4px 0 0;
}
/*************** End Menu *****************/
/* ------------ News Module ------------ */
#news {
	padding: 10px;
}
.NewsSummary {
}
.NewsSummaryPostdate,
.NewsSummaryCategory,
.NewsSummaryAuthor {
	font-size: 0.8em;
	font-weight: bold;
	color: #000;
}
.NewsSummaryLink {
	margin: 2px 0;
}
.NewsSummaryContent {
	margin: 10px 0;
}
.NewsSummaryMorelink {
	margin: 5px 0 15px;
}
/* ------------ End News Module ------------ */

/* Drop Shadow - http://www.positioniseverything.net/articles/dropshadows2.html
*/

.shadow-one
{
	position: absolute;
	padding-top: 40px;
	padding-left: 40px;
}

.corner-a
{
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	height: 40px;
	background: url(uploads/talentnow/shadow.png) right top no-repeat;
}

.corner-b
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 40px;
	height: 40px;
	background: url(uploads/talentnow/shadow.png) left bottom no-repeat;
}

.shadow-two { background: url(uploads/talentnow/shadow.png) right bottom no-repeat; }

.shadow-three
{
	position: relative;
	left: -40px;
	top: -40px;
	background: url(uploads/talentnow/shadow.png) left top no-repeat;
}

.shadow-four
{
	position: relative;
	left: 20px;
	top: 20px;
}

/* End of 'talentnow-v2-layout' */