@charset "utf-8";

/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
	margin:0;
	padding:0;
}

/* Set initial font styles */
body {
   /*text-align: justify;*/
   line-height: 1em;
}

/* set font size for all divs, this overrides some body rules */
div {
   font-size: 1em;
   
}

/* if img is inside "a" it would have borders */
img {
	border: 0;
	margin-left: 0px;
	margin-right: 0px;
}



/*****************
Basic Layout 
*****************/
body {
   background-color:#ede9e6;
   margin:1em;    /* gives some air for the pagewrapper */
   height:100%;
}


/* center wrapper, min max width */
div#pagewrapper {
   margin: 0 auto;       /* this centers wrapper */
   margin-top:-17px;
   max-width: 970px;
   min-width: 970px;
   background-color:#FFFFFF;
   height:100%;
}


/*********************
Top Section Container
*********************/
div#top-section {
	/*height:350px;*/
	background-image:url(../images/layout/template_imgs/top_container_bg.jpg);
}

div#top-section-container {
	width:950px;
	margin:0 auto;
}

/**** Header ****/
div#header {
	height:97px;
	background-image:url(../images/layout/template_imgs/header_bg.jpg);
	background-repeat:repeat-x;
	background-color:#e7ebf0;
}

div#header-logo {
	height:62px;
	width:161px;
	margin-left:40px;
	padding-top:30px;
}

/*** Container for right header flags ***/
div#header-flags-container {
	float:right;	
	height:28px;
	width:92px;
	margin-top:-50px;
	margin-right:17px;
	padding-top:5px;
	background-color:#FFFFFF;
}

div#header-flag-british {
	float:left;
	margin-left:18px;
	margin-top:3px;
	width:23px;
	height:16px;
}

div#header-flag-portuguese {
	float:right;
	margin-right:18px;
	margin-top:3px;
	width:26px;
	height:16px;
}

/*** Top banner bar to contain contact link ***/
div#top-banner-bar {
	height:25px;
	background-color:#e7ebf0;
}

div#top-banner-links {
	float:right;
	text-align:right;
	padding-top:5px;
	margin-right:20px;
	width:300px;
}


/*** Main Banner ****/
div#main-banner {
   height: 200px;  
   background-color:#CCCCCC;
}

/**** Menubar *****/
div#menubar {
	height:34px;
	background-color:#e7ebf0;
	border-bottom:2px solid #dddddd;
}


/************** 
Content area
**************/
div#content-area {
	background-image:url(../images/layout/template_imgs/content_area_bg.jpg);
	background-repeat:repeat-y;
}

div#content-area-container { 
	clear:both; /* added rahul: check with moi so we can remove */
	overflow:hidden;
	background-repeat:no-repeat;
	width:920px;
	height:100%;
	background-color:#FFFFFF;
	margin:0 auto;
}

/*div#content-container {
	border:2px solid #000000;
	width:920px;
	background-color:#FFFFFF;
	margin:0 auto;
}*/

div#footer-grey-area {
	margin: 0 auto;
	width:950px;
	height:20px;
	background-color:#F1F1F1;
	border-bottom:2px solid #dddddd;
	border-top:2px solid #dddddd;
	margin-top:30px;	/* to fix IE issue with bottom margin */
}



/************** 
Footer
***************/


div#footer-area {
	clear: both;       /* keep footer below content and menu */
	height:35px;
	background-image:url(../images/layout/template_imgs/footer_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	text-align: center;
	font-size: 9px;
	/*padding-left: 65px;*/
	line-height: 20px;
	color:#FFF;
}



div#footer-container-left {
	float:left;
	width:470px;
	height:20px;
	margin-left:55px;
	padding-top:2px;
}

div#footer-container-right {
	float:right;
    height:20px;
	width:330px;
    margin-right:22px;
	padding-top:2px;
	text-align:right;
}

div#footer-bottom {
	margin: 0 auto;
	clear:both;
	width:950px;
	height:10px;
	background-color:#FFFFFF;
}