/* CSS Document */

/* Template: StickyFooter: start */

* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -25.6em;
	text-align: left;
}
.footer, .push {
	height: 25.6em;
}



/* Template: StickyFooter: end */




/* Template: Styling: start */
body {
	color: black;
	font-size: 10px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background-color: #dce8f4;
}



#header-outer-box {
	padding: 32px 60px 0px;
}
#main-menu-outer-container {
	width: 800px;
	height: 108px;
	/*background: #CCFFFF;*/
	float: left;
}



.wrapper {
	width: 1240px;
	background-color: white;
}


#main-menu-outer-box {
	background-image: url('/template/default/images/main_menu_background.png');
	background-position: top center;
	background-repeat: repeat-x;
	height: 36px;
	width: 800px;
}

#logo-outer-container {
	width: 280px;
	height: 108px;
	/*background: orange;*/
	float: left;
}



.footer {
	margin-left: auto;
	margin-right: auto;
	/*background: green;*/
	text-align: left;
	width: 1240px;
}

#main {
	color: #333333;
	margin-left: auto;
	margin-right: auto;
	width: 1200px;
	text-align: left;
	background-color: white;
}

#inner-content-box {
	padding:0 60px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}




#billboard-outer-container {
	width: 1080px;
	margin: 0 auto;
	padding-bottom: 16px;
	background-image: url('/template/default/images/billboard_background.png');
	background-position: top center;
	background-repeat: repeat-x;
	text-align: left;
}
#billboard-box {
	width: 1080px;
	display: block;
	height: 270px;
	position: relative;
}










#footer-container {
	background-image: url('/template/default/images/footer_background.gif');
	width: 1240px;
	margin-left: auto;
	margin-right: auto;
}
#footer-box {
	padding: 0 60px;
	color: #001223;
}

/* Template: Styling: end */











/* column container */
.perfect-col-mask {
	position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	clear:both;
	float:left;
	width:100%;				/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* 3 column blog style settings */
.perfect-blog-style {
	/*background:#ff9;*/    	/* Right column background colour */
}
.perfect-blog-style .perfect-middle-column {
	float:left;
	width:200%;
	margin-left:-280px; 	/* Width of right column */
	position:relative;
	right:100%;
	/*background:#FFD8B7;*/    	/* Centre column background colour */
}
.perfect-blog-style .perfect-left-column {
	float:left;
	width:100%;
	margin-left:-260px; 	/* Width of centre column */
	/*background:#fff;*/    	/* Left column background colour */
}
.perfect-blog-style .perfectColumnWrap {
	float:left;
	width:50%;
	padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */
}
.perfect-blog-style .perfect-column-1 {
	margin:0 56px 0 540px;	/* Centre column side padding:
							Left padding = left column width + centre column left padding width
							Right padding = right column width + centre column right padding width */
	position:relative;
	left:100%;
	overflow:hidden;
}
.perfect-blog-style .perfect-column-3 {
	float:right;
	width:224px;        	/* Width of left column content (left column width minus left and right padding) */
	position:relative;
	left:260px;         	/* Width of the left-hand side padding on the left column */
	/*background: red;*/
}
.perfect-blog-style .perfect-column-3 {
	float:right;
	width:224px;        	/* Width of right column content (right column width minus left and right padding) */
	position:relative;
	left:764px;             /* Position of content in right column, relative to centre column*/
	/*background: green;*/
}





/*Tables */
.table-list {
	background-color: white;
	border-color: #dfdfdf;
}
.table-list tr {
}
.table-list th {
	line-height: 18px;
	font-size: 14px;
	font-weight: bold;
	color:#ecf3fc;
	background-color: #01284D;
}
.table-list td {
	line-height: 18px;
	font-size: 14px;
	color: #001223;
	padding: 0 2px;
}



/* Zebra striping: begin */
tr.alt td {
	background: #ecf3fc;
}

tr.over td {
	background: #bcd3ec;
}
/* Zebra striping: end */





.column-right, .align-right {
	text-align: right;
}
.column-center, .align-center {
	text-align: center;
}
.column-left, .align-left {
	text-align: left;
}





.col-1 {
	font-size: 14px;
}

.content-title {
	font-size: 16px;
}









/* Content: Styling: start */


.perfect-column-1 {
	font-size: 14px;
}

.life-title {
	font-size: 1.4em;
	padding-left: 0.4em;
	font-weight: bold;
}


p {
	font-size: 14px;
	display: block;
	padding: 0px 2px;
	text-align: left;
}

/* Content: Styling: end */


/* BillBoard: Styling: start */

#screenshot-container {
	position: absolute;
	top: 5px;
	left: 41px;
	background-color: #0C5AA6;
	padding: 10px;
	margin: 0;
}

#screenshot-box {
	width: 280px;
	height: 175px;
	background: black;
}

#billboard-main-text-container {
	width: 800px;
	float: left;
}
#billboard-main-text-box {
	padding-top: 40px;
	padding-left: 370px;
	height: 230px;
	overflow: hidden;
}

#billboard-separator {
	width: 56px;
	height: 270px;
	/*background: yellow;*/
	float: left;
}
#billboard-second-text-container {
	width: 224px;
	float: left;
}
#billboard-second-text-box {
	padding-top: 40px;
	height: 230px;
	overflow: hidden;
}
/* BillBoard: Styling: end */













/* Main Menu: Styling: start */
.main-menu {
	height: 36px;
	float: left;
}
.main-menu li {
	height: 36px;
	float: left;
	font-size: 1.6em;
	color: #01284D;
	padding: 0 10px;
	line-height: 36px;
}
.main-menu li:hover {
	background: #2C4A66;
	color: #AECEEC;
}
.main-menu li a {
	text-decoration: none;
	color: inherit;
}
/* Main Menu: Styling: end */



.flags-language {
	height: 36px;
	float: right;
}
.flags-language li {
	height: 36px;
	width: 51px;
	line-height: 36px;
	float: right;
	vertical-align: middle;
}
.flags-language li.separator {
	width: 8px;
	height: 36px;
	display: block;
}
.flags-language li:hover {
	cursor: pointer;
}
.flags-language-brazilian-portuguese {
	background-image: url('/template/default/images/flags.png');
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.flags-language-english {
	background-image: url('/template/default/images/flags.png');
	background-repeat: no-repeat;
	background-position: 0px -36px;
}



/* Footer Menu: Styling: start */
.footer-menu {
}
.footer-menu li {
	font-size: 18px;
	color: #001223;
}
.footer-menu li a {
	color: inherit;
}
/* Footer Menu: Styling: end */

#footer-left {
	float: left;
	width: 640px;
	height: 256px;
}

#footer-middle {
	float: left;
	width: 200px;
	height: 256px;
}

#footer-right {
	float: left;
	width: 240px;
	height: 256px;
}
















/* Links: Styling: start */
a, a:visited {
	color: #2C4A66;
	text-decoration: none;
}
a:hover {
	color: #01284D;
	text-decoration: underline;
}


a[class ="link-new-window"] {
   padding-right: 18px;
   background: transparent url(/template/default/images/icons.png) no-repeat right 0px;
}
a[class ="link-external-site"] {
   padding-right: 18px;
   background: transparent url(/template/default/images/icons.png) no-repeat right 0px;
}

/* Links: Styling: end */










/*Form: begin*/
.form-title {
	padding: 2px 0px 2px 8px;
	font-size: 16px;
	font-weight: bold;
}
.form-label {
	padding-top: 3px;
	margin: 0;
	font-size: 14px;
	vertical-align: top;
}
.form-error {
	color: #CC0000;
	font-size: 14px;
	font-style: italic;
}
.form-field {
	background: #e4f2fe;
	color: black;
	font-size: 14px;
	padding: 1px;
	margin: 1px 0;
	border-top: 1px solid #c0d7eb;
	border-left: 1px solid #c0d7eb;
	border-right: 1px solid #9cc2e2;
	border-bottom: 1px solid #9cc2e2;
}
.form-field-active {
	background: #e7fee4;
	color: black;
	font-size: 14px;
	padding: 1px;
	margin: 1px 0;
	border-top: 1px solid #8ad282;
	border-left: 1px solid #8ad282;
	border-right: 1px solid #2c8b22;
	border-bottom: 1px solid #2c8b22;
}
.form-field-error {
	background: #fee4f2;
	color: black;
	font-size: 14px;
	padding: 1px;
	margin: 1px 0;
	border-top: 1px solid #d2828f;
	border-left: 1px solid #d2828f;
	border-right: 1px solid #8b2224;
	border-bottom: 1px solid #8b2224;
}
.form-textarea {
	width: 100%;
}
.required-field {
	color: #FF0000;
	font-weight: bold;
	font-size: 14px;
	font-family: "Courier New", Courier, monospace;
}
.form-buttons {
	padding: 2px;
	text-align: right;
}

.captcha {
	display: inline;
}
/*Form: end*/



.width400px {
	width: 400px;
}