/* 
    Document   : layout
    Created on : 2009-06-06, 11:59:44
    Author     : exu
    Description:
        Purpose of the stylesheet follows.
*/

body {
       margin:0px;
       padding:0px;
       font-family: Arial,Verdana,Helvetica;
       font-style: normal;
       font-weight: normal;
       font-size: 15px;
       color: #000000;
       background: #e6ffba url(../images/tpl/tpl-bg.jpg) repeat-x;
       /*text-align:center;*/
}

a {
        font-family: Arial,Verdana,Helvetica;
        /*font-size:13px;*/
        margin:0px;
        padding:0px;
        text-decoration: none;
        
        font-weight: normal;
        /*text-align:right;*/
}

a:hover {
        text-decoration:underline;
}


#layout-container {
    width: 1020px;
    margin-left: auto;
    margin-right: auto;
    background: url('../images/tpl/tpl-head.jpg') no-repeat top;
}

#layout-header {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
    height: 290px;
}


#layout-header #layout-header-topmenu {
    height: 32px;
    margin: 0 15px 0 0;
    padding: 0;
}
#layout-header #layout-header-topmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#layout-header #layout-header-topmenu ul li{
    list-style: none;
    float: left;
    margin: 0;
    padding: 0;
    height: 40px;
}

#layout-header #layout-header-topmenu ul li a{
    /*padding: 13px 10px 13px 10px;*/
    line-height: 40px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
    display: block;
    height: 40px;
    padding: 0px 20px;
    color: black;
}

#layout-header #layout-header-topmenu ul li a.topmenu-active
{
    background-image: url('../images/tpl/template-topmenu-active.jpg');
    background-repeat: repeat-x;
    color: white;
    text-decoration: none;
}
#layout-header #layout-header-topmenu ul li a:hover{
    background-image: url('../images/tpl/template-topmenu-hover.jpg');
    background-repeat: repeat-x;
    color: black;
}


#layout-header .company-info {
	clear: left;
	height: 280px;
	width: 330px;
	float: left;
	/*background: yellow;
	opacity: 0.5;*/
}

#layout-header .company-info .address {
	margin: 135px 0px 0px 10px;
	color: silver;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	text-shadow: black 1px 1px 0px;
}

#layout-header .company-info .address a {
	color: #ddec73;
	font-size: 20px;
}

#layout-header .company-info .address .company-address,
#layout-header .company-info .address .company-url {
	margin-bottom: 10px;
}

#layout-header .flash {
	height: 250px;
	width: 630px;
	float: left;
	/*background: green;
	opacity: 0.5;*/
}


#layout-content{
    width: 1020px;
    background: transparent url('../images/tpl/tpl-content.jpg');
}


#layout-content .content-container {
	width: 600px;
    padding-bottom: 20px;
    float: left;
    margin-left: 20px;
}

#layout-content .menu-container {
	width: 320px;
	margin-left: 30px;
	float: left;
}

#layout-content .menu-container ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#layout-content .menu-container ul li {
	margin: 0;
	padding: 0;
	background: url(../images/tpl/tpl-menu.jpg) bottom center no-repeat;
	color: silver;
}

#layout-content .menu-container ul li h3 {
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: bold;
	color: silver;
	width: 300px;
	padding-left: 20px;
	display: block;
	height: 40px;
	line-height: 40px;
}

#layout-content .menu-container ul li a{
	font-size: 16px;
	font-weight: bold;
	color: white;
	display:block;
	width: 300px;
	padding-left: 20px;
	display: block;
	height: 40px;
	line-height: 40px;
	text-shadow: black 1px 1px 0px;
}

#layout-content .menu-container ul li a.menu-active {
	color: yellow;
}

#layout-content .menu-container ul li ul {
	padding-bottom: 2px;
}

#layout-content .menu-container ul li ul li {
	background: none;
}

#layout-content .menu-container ul li ul li a {
	background: none;
	font-size: 14px;
	font-weight: bold;
	display:block;
	width: 280px;
	padding-left: 40px;
	display: block;
	height: 40px;
	line-height: 40px;
	
}

#layout-content .menu-container ul li ul li a:hover {
	background: none;
	background-image: url(../images/tpl/tpl-submenu-active.jpg);
	background-repeat: no-repeat;
}

#layout-content .menu-container ul li a:hover {
	background-image: url(../images/tpl/tpl-menu-active.jpg);
}


#layout-content .content-container h1 {
	color: #213600;
	border-bottom: 1px solid #7ec012;
	text-shadow: silver 1px 1px 1px;

}


#layout-footer {
    background-image: url('../images/tpl/tpl-foot.jpg');
    background-repeat: no-repeat;
    background-position: top left;
    width: 1020px;
    height: 300px;
}

#layout-footer .footer-container {
	width: 940px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 50px;
    color: white;
    font-weight: bold;
}




/***
Standard common classes
**/
.align-center {
    margin-left: auto;
    margin-right: auto;
}