/* COMMON */

html, body
{
	width: 100%;
	height: 100%;

	padding: 0;
	margin: 0;
}



/* TPL CONTAINER */

#container-main
{
	min-width: 980px;
	max-width: 1200px;

	min-height: 100%;
	height: auto !important;
	height: 100%;

	overflow: auto;
	
	padding: 0;
	margin: 0 auto;
}



#container-header
{
	background: url(../images/bg_header.jpg) no-repeat left top;
	
	border-bottom: 1px solid #FFF;

	padding: 0;
	margin: 0;
}

#container-header-inner
{
	width: 980px;
	height: 148px;

	overflow: hidden;

	padding: 0;
	margin: 0 auto;
}

#container-header #container-header-left
{
	float: left;

	width: 100%;
	
	padding: 0;
	margin: 0;
}

#container-header #container-header-left-inner
{
	overflow: hidden;

	padding: 0;
	margin: 0 450px 0 0;
}

#container-header #container-header-center
{
	float: left;
	
	width: 115px;

	overflow: hidden;

	padding: 0;
	margin: 0 0 0 -450px;
}

#container-header #container-header-right
{
	float: left;

	width: 335px;

	overflow: hidden;

	padding: 0;
	margin: 0 0 0 -335px;
}

#container-header #container-header-right-inner
{
	float: right;

	padding: 0;
	margin: 0;
}



#container-menu-header
{
	border-top: 1px solid #ffe2a1;

	background: #ffca54; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffca54 0%, #f88417 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffca54), color-stop(100%,#f88417)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffca54 0%,#f88417 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffca54 0%,#f88417 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffca54 0%,#f88417 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffca54 0%,#f88417 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca54', endColorstr='#f88417',GradientType=0 ); /* IE6-9 */

	padding: 0;
	margin: 0 auto;
}

#container-menu-header-inner
{
	width: 980px;

	overflow: hidden;

	padding: 0;
	margin: 0 auto;
}

#container-menu-header #container-menu-header-left
{
	float: left;

	width: 100%;

	padding: 0;
	margin: 0;
}

#container-menu-header #container-menu-header-left-inner
{
	overflow: hidden;

	padding: 0;
	margin: 0 240px 0 0;
}

#container-menu-header #container-menu-header-right
{
	float: left;

	width: 240px;
	
	overflow: hidden;

	padding: 0;
	margin: 0 0 0 -240px;
}



#container-content
{
	width: 980px;

	overflow: hidden;

	padding: 25px 0 188px 0;
	margin: 0 auto;
}

#container-content-left
{
	float: left;

	width: 255px;
	
	overflow: hidden;

	padding: 0;
	margin: 0 0 0 -100%;
}

#container-content-workarea
{
	float: left;

	width: 100%;

	padding: 0;
	margin: 0;
}

#container-content-workarea-inner
{
	overflow: hidden;

	padding: 0;
	margin: 0 0 0 270px;
}



#container-footer
{
	background: url(../images/bg_footer.jpg) repeat-x left top;

	min-width: 980px;
	max-width: 1200px;
	
	padding: 0;
	margin: -148px auto 0 auto;
}

#container-footer-inner
{
	width: 980px;
	height: 148px;

	padding: 0;
	margin: 0 auto;
}

#container-footer #container-footer-left
{
	float: left;

	width: 125px;

	overflow: hidden;

	padding: 15px 0 0 0;
	margin: 0 0 0 -100%;
}

#container-footer #container-footer-center
{
	float: left;
	
	width: 100%;

	padding: 15px 0 0 0;
	margin: 0;
}

#container-footer #container-footer-center-inner
{
	overflow: hidden;

	padding: 0;
	margin: 0 250px 0 125px;
}

#container-footer #container-footer-right
{
	float: left;

	width: 250px;

	overflow: hidden;

	padding: 15px 0 0 0;
	margin: 0 0 0 -250px;
}