/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	
	Author:	
	Date:	Month, Year
		
*/

/* structure.css are the styles for the DIVs in a website and should not contain
any typographic or content-related styles for a site. The styles within are strictly
used to create the layout/structure of the website and, as such, this style sheet 
will (almost) never need to be altered by the client or back-end programmers. */

/* ----- comment styles well for better reference later! ----- */
/* ----- try to lay this out in the following sections and from top to bottom on pages ----- */


/* ===================================================================================== STYLES FOR ALL PAGES */


/* ===== Main Wrapper For Site ===== */

#uber {
	position: relative;
	margin: auto auto;
	width: 960px;
	background: #FFF;
}


/* ===== Header ===== */

#header {
	float: left;
	margin: 0;
	width: 960px;
	background: #FFF url(../images/structure/bg_headShadow.jpg) no-repeat left bottom;
}


/* ===== Top Navigation ===== */

#topNav {
	float: right;
	margin: 0;
	padding: 12px 40px 5px 20px;
	font: 11px "Times New Roman", Times, serif;
	text-align: right;
}

#topNav img {
	margin: -2px 0 0 0;
	vertical-align: middle;
}


/* ===== Logo ===== */

#logo {
	float: left;
	margin: 0 0 0 40px;
	padding: 0px 0px 6px 0px;
	width: 147px;
	height: 64px;
	overflow: hidden;
}


/* ===== Main Content Container ===== */

#main {
	position: relative;
	float: left;
	width: 960px;
}


/* ===== Footer ===== */

#footer {
	float: left;
	margin: 0;
	padding: 0 0 15px 0;
	width: 960px;
	background: #666 url(../images/structure/bg_footerGradient.jpg) 0 0 repeat-x;
	color: #FFF;
}

#footerText {
	float: left;
	padding: 20px 30px 0 40px;
	width: 480px;
	font: 14px/1.2 "Times New Roman", Times, serif;
	overflow: hidden;
}

#footerText p {
	margin: 0 0 10px 0;
	padding: 0;
}

#footerText a { color: #FFF; text-decoration: underline; }

#footerText a:hover { text-decoration: none; }

#footerSponsors {
	float: left;
	padding: 23px 0 0 0;
	font-family: "Times New Roman", Times, serif;
}

#footerSponsors ul {
	padding: 10px 0;
	list-style: none;
}

#footerSponsors li {
	float: left;
	padding: 0 17px 0 0;
}

#footerNav {
	float: left;
	clear: both;
	margin: 0;
	padding: 5px 0 0 0;
	width: 500px;
	text-align: left;
	overflow: hidden;
}

#esol {
	float: right;
	margin: 20px 40px 0 0;
	background: transparent url(../en/images/structure/esolutionsgroupLogo.gif);
}

#esol a {
	display: block;
	width: 171px;
	height: 17px;
}

#esol img {
	display: block;
	width: 0;
}





/* ===================================================================================== STYLES HOME PAGE */

/* ===== Main Content Container ===== */

#homepage #main {
	position: relative;
	float: left;
	padding: 0 0 25px 0;
	width: 960px;
	background: #ABA184 url(../images/structure/h_bg_introText-bottom.jpg) left bottom repeat-x;
}


/* ===== Banner ===== */

#homepageBannerContainer {
	position: relative;
	float: left;
	margin: 0px;
	width: 960px;
	height: 274px;
	overflow: hidden;
}


/* ===== Enter Site ===== */

#enterSiteContainer {
	float: left;
	margin: 0;
	width: 960px;
	height: 40px;
	font-size: 1%;
	text-indent: -9999px;
}


/* ===== Intro Content Area ===== */

#homepage #introContainer {
	float: left;
	width: 960px;
	background: #ABA184 url(../images/structure/h_bg_introText-top.jpg) 0 0 no-repeat;
}


/* ===== Left Content ===== */

#homepage #contentLeft {
	float: left;
	padding: 30px 0 0 40px;
	width: 480px;
	color: #FFF;
}


/* ===== Image Collage ===== */
		
#homepage #imageCollage {
	position: absolute;
	top: 50px;
	left: 596px;
	z-index: 100;
}





/* ===================================================================================== STYLES FOR CONTENT PAGES */


/* ===== Main Navigation ===== */

#mainNav {
	position: relative;
	float: left;
	clear: both;
	margin: 0;
	width: 960px;
	height: 40px;
	background: url(../images/structure/bg_mainNav.jpg);
	z-index: 1000;
}


/* ===== Image Collage ===== */
		
#uber #imageCollage {
	position: absolute;
	top: 58px;
	right: 5px;
	z-index: 1000;
}


/* ===== Interior Banner ===== */

#interiorBanner {
	float: left;
	width: 960px;
	background: transparent url(../images/structure/bg_interiorBanner.jpg) 0 0 no-repeat;
}

#interiorBanner .cityStoriesTitle {
	padding: 29px 0 0 59px;
}


/* ===== Interior Layout ===== */

#main.mainInterior {
	background: #FFF url(../images/structure/bg_mainInterior.jpg) 0 0 repeat-y;
}

#contentIntContainer {
	float: left;
	padding: 8px 0 0;
	width: 960px;
	background: transparent url(../images/structure/bg_mainInterior-base.jpg) left bottom no-repeat;
	overflow: hidden;	
}

#contentInt {
	float: left;
	padding: 0 0 0 35px;
	width: 890px;
	background: transparent url(../images/structure/template_content_background.jpg) 35px 0 repeat-y;
	overflow: hidden;	
}

#contentIntHead {
	float: left;
	width: 890px;
	background: transparent url(../images/structure/template_content_background_head.jpg) 0 0 no-repeat;
}

#contentIntFooter {
	float: left;
	padding: 0 0 25px 35px;
	width: 890px;
	height: 25px;
	background: transparent url(../images/structure/template_content_background_footer.jpg) 35px 0 no-repeat;
}

#contentIntWide {
	float: left;
	padding: 0 0 0 35px;
	width: 890px;
	background: transparent url(../images/structure/template_content_background_wide.jpg) 35px 0 repeat-y;
	overflow: hidden;	
}

#contentIntHeadWide {
	float: left;
	width: 890px;
	background: transparent url(../images/structure/template_content_background_head_wide.jpg) 0 0 no-repeat;
}

#contentIntFooterWide {
	float: left;
	padding: 0 0 25px 35px;
	width: 890px;
	height: 25px;
	background: transparent url(../images/structure/template_content_background_footer_wide.jpg) 35px 0 no-repeat;
}

/* -- This is a full width interior - used when there is no sub navigation on the page -- */

#contentInt.wide {
	width: 780px;
	background-color: #fff; /* This hides mainInterior's bg image */		
}


/* ===== Content Left ===== */

#contentInt #contentLeft {
	position: relative;
	float: left;
	padding: 25px 0 0 40px;
	width: 590px;
	overflow: hidden;
}

/* ===== Content Wide ===== */

#contentIntWide #contentWide {
	position: relative;
	float: left;
	padding: 25px 0 0 40px;
	width: 755px;
	overflow: hidden;
}


/* ===== Content Right ===== */

#contentInt #contentRight {
	position: relative;
	float: left;
	padding: 25px 0 0 56px;
	width: 165px;
	font-size: 11px;
	line-height: 15px;
	overflow: hidden;
}

.module_default_post_body img {
	padding: 10px 15px 0 0 !important;
	float: left;
}

.module_default_post_body p {
	font-family:Arial,Helvetica,sans-serif !important;
	margin:0 0 15px !important;
	color: #33333 !important;
	font-size:11px !important;
	line-height:15px !important;
	
}