/*
	--------------------------------------------------
	STRUCTURE STYLES
	--------------------------------------------------
	Client:	Quinte West
	Author:	Darren Gould
	Date:	January, 2010
		
*/

/* 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: 980px;
}


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


#header {
	float: left;
	margin: 0;
	padding: 0 0 0 25px;
	width: 955px;
	position: relative;
	z-index: 9999;
}


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


#logo {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 10px;
	left: 25px;
	width: 165px;
	height: 101px;
	overflow: hidden;
	z-index: 10;
}


/* ===== Site Links ===== */


/*#siteLinks {
	float: right;
	padding: 0 25px 0 0;
	width: 124px;
	height: 25px;
}*/

/* updated #siteLinks*/
#siteLinks {
    float: right;
    padding: 0 25px 0 0;
    width: 225px;
    height: 25px;
}



/* ===== Top Content Container ===== */


#header .topContentContainer {
	float: right;
	clear: both;
	position: relative;
	padding: 8px 25px 7px 0;
	width: 750px;
}


/* ===== Search ===== */


#search {
	position: relative;
	float: right;
	display: block;
	margin: 0;
	padding: 0;
	border: none;
	width: 229px;
	height: 29px;
	background: #FFF url(../images/structure/searchBox.jpg) no-repeat 0 0px;
}

#search form { display: inline; }

#search .searchText {
	padding: 9px 0 0 5px;
	border: none;
	width: 190px;
	background: transparent;
	font-size: 12px;
	color: #AEADAD;
}

#search .gobutton {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 29px;
}


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


#topNav {
	float: right;
	margin: 0;
	padding: 8px 20px 9px 10px;
	font-size: 12px;
	text-align: right;
}


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


#mainNav {
	position: relative;
	float: right;
	clear: both;
	margin: 0;
	padding: 0 25px 0 0;
	width: 773px;
	z-index: 1001;
}


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


#main {
	/* position: relative; */
	float: left;
	width: 980px;
}


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


#uber_footer_home,
#uber_footer {
	padding: 0;
	width: 100%;
	background: #363636 url(../images/structure/template_footer_bg.jpg) 0 0 repeat-x;
}

#footer {
	margin: 0px auto;
	padding: 30px 0 20px 0;
	width: 930px;
	background: url(../images/structure/template_content_int_bg_bottom.jpg) 0 0 no-repeat;
	font-size: 11px;
	color: #FFF;
}

#footer .footerRow {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #525252;
}

.footerText {
	float: left;
	padding: 0 35px 0 0;
	line-height: 1.2;
	overflow: hidden;
	margin-top: 0;
}

.footerText.email {
	
	padding: 0 0 0 0;
}

.footerText p {
	margin: 0;
	padding: 0;
	line-height: 1.6;
}

.footerText a {
	color: #F90 !important;
	text-decoration: none !important;
}

.footerText a:hover {
	text-decoration: underline !important;
}

#footerCopyright {
	float: right;
	line-height: 1.4;
	overflow: hidden;
}

#footerNav {
	float: right;
	margin: 0;
	padding: 0;
	text-align: right;
	line-height: 1.4;
	overflow: hidden;
}

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

#esol a {
	display: block;
	width: 199px;
	height: 13px;
}

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




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


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


#uber_bg_home {
	width:100%;
	background: #FFF url(../images/structure/template_home_bg.jpg) 0 0 repeat-x;
}

#uber_bg_home_banner {
	width:100%;
	background: transparent url(../images/structure/template_home_bannerCurves_bg.jpg) center 122px no-repeat;
}


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


#homepageBannerContainer {
	float: left;
	position: relative;
	margin: 0;
	width: 980px;
	height: 286px;
	background: transparent url(../images/structure/home_bannerImage_bg.jpg) 0 0 no-repeat;
	z-index: 100;
}


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


#contentLeft {
	float: left;
	padding: 0 29px 0 25px;
	width: 509px;
	font-size: 12px;
	line-height: 1.4;
}

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


#contentRight {
	float: left;
	padding: 6px 0 0 0;
	width: 417px;
	font-size: 12px;
	line-height: 1;
}




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


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


#uber_bg_interior {
	float: left;
	width: 100%;
	background: #FFF url(../images/structure/template_interior_bg.jpg) 0 0 repeat-x;
}

.winter #uber_bg_interior 	{ background-image: url(../images/structure/template_interior_bg_winter.jpg); }
.spring #uber_bg_interior 	{ background-image: url(../images/structure/template_interior_bg_spring.jpg); }
.summer #uber_bg_interior 	{ background-image: url(../images/structure/template_interior_bg_summer.jpg); }
.fall #uber_bg_interior 	{ background-image: url(../images/structure/template_interior_bg_fall.jpg); }


/* ===== Actions and Breadcrumbs ===== */

#actionsContainer {
	position: relative;
	float: left;
	padding: 0;
	width: 955px;
	height: 42px;
	z-index: 1000;
}

#breadcrumbs {
	float: left;
	padding: 12px 5px 5px 47px;
	width: 530px;
	height: 1em;
	font-size: 12px;
	color: #FFF;
	overflow: hidden;
}

#actions {
	position: relative;
	float: right;
	padding: 13px 5px 3px 5px;
	width: 350px;
	text-align: right;
	font-size: 11px;
	color: #FFF;
}

#actions form { display: inline; }


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


.mainInterior {
	margin: 5px 0 0 0;
	padding: 0 0 0 25px;
	width: 955px !important;
	background: transparent url(../images/structure/template_content_int_bg.gif) 25px 0 repeat-y;
}

#contentInt {
	float: left;
	padding: 20px 0 10px 19px;
	width: 725px;
	overflow: hidden;		
}

/*
#contentInt {
	float: left;
	width: 709px;
	min-height: 200px;
	height: auto !important;
	height: 200px;
	padding-top: 23px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 25px;
	/*background-image: url(../images/structure/shadow_top.gif); /
	background-image: url(../images/structure/interior_bg_1.jpg);
	background-repeat: no-repeat;
}
*/

.wider {
	padding-right: 20px;
	width: 700px !important;
}

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

#contentInt.wide {
	width: 910px;
	background: #FFF url(../images/structure/template_interior_bg.jpg) 0 -166px repeat-x;
}




/* ===================================================================================== STYLES VISITORS LANDING PAGE */


/* ===== Visitors Wrapper For Site ===== */


#uber_bg_visitors {
	width: 100%;
	background: #FFF url(../images/structure/template_visitors_bg_default.jpg) 0 0 repeat-x;
}

.winter #uber_bg_visitors {
	width: 100%;
	background: #FFF url(../images/structure/template_visitors_bg_winter.jpg) 0 0 repeat-x;
}

.spring #uber_bg_visitors {
	background: #FFF url(../images/structure/template_visitors_bg_spring.jpg) 0 0 repeat-x;
}

.summer #uber_bg_visitors {
	background: #FFF url(../images/structure/template_visitors_bg_summer.jpg) 0 0 repeat-x;
}

.fall #uber_bg_visitors {
	background: #FFF url(../images/structure/template_visitors_bg_fall.jpg) 0 0 repeat-x;
}


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

#uber_bg_visitors_banner {
	width: 100%;
	background-color: transparent;
	background-position: center 163px;
	background-repeat: no-repeat;
}

.winter #uber_bg_visitors_banner {
	background-image: url(../images/structure/visitors_bannerImage_bg_winter.jpg);
}

.spring #uber_bg_visitors_banner {
	background-image: url(../images/structure/visitors_bannerImage_bg_spring.jpg);
}

.summer #uber_bg_visitors_banner {
	background-image: url(../images/structure/visitors_bannerImage_bg_summer.jpg);
}

.fall #uber_bg_visitors_banner {
	background-image: url(../images/structure/visitors_bannerImage_bg_fall.jpg);
}

#visitorsBannerContainer {
	float: left;
	position: relative;
	margin: 0;
	width: 980px;
	height: 271px;
	overflow: hidden;
	z-index: 90;
}


/* ===== Continaer Below Visitors Banner ===== */


#uber_bg_visitors #main {
	padding: 17px 0 0;
}

/* ===== i:Cal File Upload Control ===== */ 

div.radwindow table.titlebarcontrols ul.controlbuttons
{
	margin: 0px !important;
}

div.radwindow table.titlebarcontrols ul.controlbuttons li
{
	margin: 0px !important;
}