/**********************************************************
CSS-file for Timber Tanks
Developed by Phosphor Essence Ltd.
Homepage Styles
**********************************************************/
#home #contentWrap {
width: 400px;
margin: 0;
padding: 0;
float: right;
}
#home #leftcolumnWrap {
width: 220px;
margin: 0;
padding: 0;
float: left;
}

/**********************
LEFT COLUMN
**********************/
#home #leftcolumn {
width: 500px;
margin: 0;
padding: 0;
}
#home #leftcolumn .top {
height: 13px;
margin: 0;
padding: 0;
background: url(../media/images/left_home_top.gif) top right no-repeat;
}
#home #leftcolumn .mid {
height: 45em;
margin: 0;
padding: 0 10px 10px 0;
background: url(../media/images/left_home_mid.gif) bottom right repeat-y;
}
#home #leftcolumn .btm {
height: 12px;
margin: 0;
padding: 0;
background: url(../media/images/left_home_btm.gif) bottom right no-repeat;
}
#home #leftcolumn .mid .content {
margin: 0;
padding: 0 16px;
}
#home #leftcolumn .imgstrip {
width: 490px;
margin: -13px 0 16px -16px;
float: left;
}
#home #leftcolumn .imgstrip img {
margin: 0;
width: 490px;
}
#home #leftcolumn .textstrip {
width: 470px;
margin: 0 20px 40px -10px;
padding: 4px 0 0 12px;
}
#home #leftcolumn .textstrip .leftcolumn, #home #leftcolumn .textstrip .rightcolumn {
width: 220px;
float: left;
font-weight: bold;
margin: 0;
padding: 0;
}
#home #leftcolumn .textstrip .leftcolumn p {
color: #ccc;
}
#home #leftcolumn .textstrip .rightcolumn ul {
margin: 7px 0 0 0;
}
#home #leftcolumn .textstrip .rightcolumn li {
text-transform: uppercase;
}

/**********************
MID & RIGHT COLUMNS
**********************/
#home #midcolumn-nrw, #home #rightcolumn {
width: 200px;
margin: 0;
padding: 0;
float: left;
}
#home .nrwbox {
width: 200px;
margin: 0;
padding: 0;
}
#home .nrwbox .top {
height: 13px;
margin: 0;
padding: 0;
background: url(../media/images/right_top.gif) top right no-repeat;
}
#home .nrwbox .mid {
height: 21em;
margin: 0;
padding: 0 10px 10px 0;
background: url(../media/images/right_mid.gif) bottom right repeat-y;
}
#home .nrwbox .btm {
height: 12px;
margin: 0;
padding: 0;
background: url(../media/images/right_btm.gif) bottom right no-repeat;
}
#home .nrwbox .mid .content {
margin: 0;
padding: 0 10px;
}
#home .nrwbox h2 {
color: #888;
}
#home .nrwbox .imgstrip {
width: 190px;
margin: -13px 0 10px -10px;
float: left;
}
#home .nrwbox .imgstrip img {
margin: 0;
width: 190px;
background: none;
}
#home .nrwbox .textstrip {
width: 170px;
margin: 0 20px 0 -10px;
padding: 4px 0 0 12px;
background: none;
}
#home .nrwbox .textstrip  h2 {
color: #fff;
font-size: 140%;
font-weight: normal;
line-height: 120%;
margin: 0 0 4px 0;
}
#home .nrwbox .textstrip  h3 {
color: #8bc620;
font-size: 120%;
font-weight: normal !important;
line-height: 120%;
margin: 0 0 4px 0;
}
#home .nrwbox .textstrip  p {
color: #fff;
font-weight: normal;
line-height: 130%;
margin: 0;
padding: 0 0 7px 0;
}


#home .box01 .top {
background: url(../media/images/homebox_01_top.gif) top right no-repeat;
}
#home .box02 .top {
background: url(../media/images/homebox_02_top.gif) top right no-repeat;
}
#home .box03 .top {
background: url(../media/images/homebox_03_top.gif) top right no-repeat;
}
#home .box04 .top {
background: url(../media/images/homebox_04_top.gif) top right no-repeat;
}
#home .box01 .mid {
height: 19em;
background: url(../media/images/homebox_01_mid.gif) bottom right repeat-y;
}
#home .box02 .mid {
height: 19em;
background: url(../media/images/homebox_02_mid.gif) bottom right repeat-y;
}
#home .box03 .mid {
height: 23em;
background: url(../media/images/homebox_03_mid.gif) bottom right repeat-y;
}
#home .box04 .mid {
height: 23em;
background: url(../media/images/homebox_04_mid.gif) bottom right repeat-y;
}
#home .box01 .btm, #home .box02 .btm, #home .box03 .btm, #home .box04 .btm {
background: url(../media/images/homebox_btm.gif) bottom right no-repeat;
}