/*
/	PPWH - Light-up a life
/	Frame Digital
/
/	- SITE LAYOUT
/	- FORM LAYOUT
/	- SECONDARY LAYOUT
/
*/

/*-------------------------------
/	1. SITE LAYOUT
/------------------------------*/


html
{
    font-size: 100%;
    height: 101%;
}


body
{
    background: #f4efe6 url(../images/framework/bk_body.jpg) repeat-x;
    color: #555555;
    font-family: Georgia, Garamond, serif;
    margin: 0;
    line-height: 16px;
    font-size: 12px;
}

body.dark
{
    background: #c3a571 url(../images/framework/bk_body-dark.jpg) repeat-x;
    color: #fff;
    font-family: Georgia, Garamond, serif;
    margin: 0;
    line-height: 16px;
    font-size: 12px;
}



#container
{
    width: 916px;
    margin: 0 auto;
}

#container .frame-top
{
    background-image: url(../images/framework/bk_frame-top.png);
    width: 916px;
    height: 34px;
    background-repeat: no-repeat;
    font-size: 1px;
    line-height: 1px;
}

#container .frame-mid
{
    background-image: url(../images/framework/bk_frame-mid.png);
    width: 916px;
    background-repeat: repeat-y;
}

#container .frame-bot
{
    background-image: url(../images/framework/bk_frame-bot.png);
    width: 916px;
    height: 37px;
    background-repeat: no-repeat;
    font-size: 1px;
    line-height: 1px;
}

#container .frame-content
{
    margin: 0 69px 0 69px;
    padding: 20px 0;
}

#container .frame-dark-top
{
    background-image: url(../images/framework/bk_frame-dark-top.png);
    width: 916px;
    height: 34px;
    background-repeat: no-repeat;
    font-size: 1px;
    line-height: 1px;
}

#container .frame-dark-mid
{
    background-image: url(../images/framework/bk_frame-dark-mid.png);
    width: 916px;
    background-repeat: repeat-y;
}

#container .frame-dark-bot
{
    background-image: url(../images/framework/bk_frame-dark-bot.png);
    width: 916px;
    height: 37px;
    background-repeat: no-repeat;
    font-size: 1px;
    line-height: 1px;
}

#container .frame-dark-content
{
    margin: 0 39px 0 36px ;
    padding: 20px 30px;
	 background-image: url(../images/framework/bk_frame-dark-content.gif);
	 background-repeat:	repeat-x;
	 background-color:#431110;
}

#header
{
    height: 110px;
}
#header .logo
{
    float: right;
}

#header .lual
{
    float: left;
    margin: 15px 0 0 0;
}




/*-------------------------------
/	FOOTER
/------------------------------*/
#footer
{
    margin: -20px 0 0 70px;
}

#footer .footer-text
{
    color: #431110;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

#footer .footer-text a
{
    color: #431110;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
	 font-weight: normal;
}


/*-------------------------------
/	END FOOTER
/------------------------------*/

/*-------------------------------
/	SECONDARY LAYOUT
/------------------------------*/

.content .home-left{
	float: left;
	width:470px;
}

.content .home-right{
	float: right;
	width:285px;
}

.content .col-left{
	float: left;
	width:370px;
}

.content .col-right{
	float: right;
	width:370px;
}