/* CSS Document */

@import "/assets/css/style.css";

#homepage-mainsection {
height: 282px;
overflow: hidden;
background: url(/assets/images/layout/homepage-mainsection-bottomborder-bg.png) repeat-x bottom left;
}

#homepage-mainsection-inner {
height: 270px;
overflow: hidden;
}

#homepage-mainsection div.firstbox {
width: 484px;
margin: 1px 0px;
height: 268px;
overflow: hidden;
float: left;
}
#homepage-mainsection p {
margin: 20px 0;
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height: 15px;
text-align: justify;
}

#homepage-mainsection div div h1,
#homepage-mainsection div div h2 {
padding: 0;
margin:0;
}

#homepage-mainsection div div h1 {
font-size: 16px;
color: #40321a;
text-transform: capitalize;
}
#homepage-mainsection div div h2 {
font: 11px Arial, Helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #545454;
}
#homepage-mainsection div div h3 {
font-size: 11px;
color: #40321a;
font-weight: bold;
text-transform: capitalize;
}

#homepage-mainsection div.secondbox,
#homepage-mainsection div.thirdbox {
width: 250px;
overflow: hidden;
float: left;
}

#homepage-mainsection div.secondbox div,
#homepage-mainsection div.thirdbox div {
float: none;
}
#homepage-mainsection div.secondbox h1 {
white-space: nowrap;
}
#homepage-mainsection div.secondbox div {
font: 11px "Trebuchet MS", Arial, Helvetica, sans-serif;
padding: 22px 10px 18px 17px;
}
#homepage-mainsection div.thirdbox div {
font: 11px Arial, Helvetica, sans-serif;
padding: 26px 20px 40px 10px;
}
#homepage-mainsection div.thirdbox p {
font: 11px Arial, Helvetica, sans-serif;
padding: 0 0 6px 0;
margin:10px 0;
background: url(/assets/images/icons/1px-dotted-333.png) repeat-x bottom left;
}

#homepage-mainsection div.thirdbox p a {
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
display: block;
text-decoration: none;
margin-top: 6px;
}

#home-subsection {
padding: 20px 28px;
clear: both;
overflow: hidden;
}

.subsection-box {
float: left;
width: 196px;
margin-right: 38px;
height: 250px;
overflow: hidden;
position: relative;
}
.subsection-box a.last {
position: absolute;
bottom: 0px;
left: 0px;
}
.subsection-box a.position-right {
position: absolute;
bottom: 0px;
right: 0px;
}


#newsletter-signup {
position: relative;
width: 225px;
margin: 0;
}

.subsection-box h1 {
text-transform: uppercase;
background: url(/assets/images/layout/subsection-hdr-icon.png) no-repeat top left;
padding: 3px 0 9px 30px;
border-bottom: 1px solid #999;
font-size: 12px;
color: #999;
}
#newsletter-signup h1 {
background: url(/assets/images/icons/envelope-hollow.png) no-repeat top left;
padding: 10px 0 3px 40px;
font-weight: bold;
color: #333;
border-width: 0;
margin-top: 36px;
}

.subsection-box p {
line-height: 17px;
margin: 10px 0;
text-align: justify;
clear:  both;
}

#newsletter-signup p {
text-align: right;
}

form#frmNewsletter  {
text-align: right;
clear: both;
}

form#frmNewsletter input {
clear: both;
}

form#frmNewsletter input.text {
font: 13px Tahoma, Arial, Helvetica, sans-serif;
padding: 4px 10px;
border: 1px solid #bbb;
}

form#frmNewsletter input.submit {
width: 97px;
height: 29px;
background: url(/assets/images/buttons/signup.png) no-repeat top left;
border-width: 0;
padding: 0;
margin: 0;
cursor: pointer;
}
form#frmNewsletter input.submit:hover {
background-position: 0px -29px;
}


/* Custom General Classes */
.nowrap { white-space: nowrap; }