body {
color : #333;
font-size : 12px;
font-family : "trebuchet ms", arial, verdana;
background-color : #fff;
}
a {
color : #333;
text-decoration : none;
}
a:hover {
text-decoration : underline;
}
#all {
width : 754px;
margin-right : auto;
margin-left : auto;
}
#container {
width : 754px;
}
#left {
width : 524px;
float : left;
}
#left-news {
width : 524px;
float : left;
}
#right {
width : 230px;
float : right;
}
#top {
width : 524px;
height : 80px;
}
#logo {
background-image : url(../assets/logo.gif);
background-repeat : no-repeat;
background-position : 0 4px;
width : 190px;
height : 90px;
float : left;
margin-top: -2px;
}
#topr {
background-image : url(../assets/mailbox-tl.gif);
width : 25px;
height : 80px;
float : right;
}
#nav {
color : #fff;
font-size : 13px;
background-repeat : no-repeat;
background-position : right 0;
width : 524px;
height : 42px;
}
#navl {
background-image : url(../assets/nav-bg.gif);
background-repeat : repeat-x;
width : 441px;
float : left;
}
#send a {
text-decoration : underline;
float : right;
padding-top : 26px;
padding-right : 16px;
}
#send a:hover {
text-decoration : none;
padding-top : 26px;
padding-right : 16px;
float : right;
}
#nav ul {
margin : 0;
padding : 12px 0;
list-style-type : none;
}
#nav li {
margin : 0;
padding : 0;
display : inline;
}
#nav li a {
color : #fff;
background-image : url(../assets/nav-devider.gif);
background-repeat : no-repeat;
background-position : right 0;
text-decoration : none;
padding : 12px 8px 12px 2px;
}
#nav li a:hover {
color : #9f9;
background-image : url(../assets/nav-devider.gif);
}
#nav li.end a {
color : #fff;
text-decoration : none;
padding : 12px 0 12px 0;
}
#nav li.start a {
color : #fff;
text-decoration : none;
padding : 12px 0 12px 0;
}
#navtail {
background-image : url(../assets/nav-tail.gif);
background-position : right 0;
width : 83px;
height : 42px;
float : right;
}
#banner {
background-image : url(../assets/banner-1.jpg);
width : 524px;
height : 151px;
}
#banner-services {
background-image : url(../assets/banner.jpg);
width : 524px;
height : 151px;
}
#banner-aboutus {
background-image : url(../assets/banner-2.jpg);
width : 524px;
height : 151px;
}
#banner-solutions {
background-image : url(../assets/banner-3.jpg);
width : 524px;
height : 151px;
}
#banner-news {
background-image : url(../assets/banner-emailcampaign.jpg);
width : 524px;
height : 151px;
}
#banner-faq {
background-image : url(../assets/banner-5.jpg);
width : 524px;
height : 151px;
}
#banner-contact {
background-image : url(../assets/banner-6.jpg);
width : 524px;
height : 151px;
}
#boxcontainer {
background-image : url(../assets/boxcontainerbg.gif);
background-repeat : repeat-y;
width : 524px;
overflow : auto;
margin-top : 1px;
}
.body-padding {
background-color : #eff2f7;
background-repeat : repeat-y;
overflow : auto;
padding : 15px;
}
#subboxcontainer {
background-repeat : repeat-y;
width : 524px;
margin-top : 1px;
}
#subboxcontainer-news {
background-repeat : repeat-y;
width : 754px;
margin-top : 1px;
}
#boxl {
width : 285px;
float : left;
margin-right : 1px;
}
#boxl-title {
background-image : url(../assets/title-greenbg.gif);
background-repeat : repeat-x;
height : 30px;
}
.boxl-subtitle {
color : #fff;
font-size : 14px;
background-image : url(../assets/title-greenbg.gif);
background-repeat : repeat-x;
height : 25px;
padding-top : 5px;
padding-left : 15px;
}
#boxl h4 {
color : #fff;
font-size : 14px;
margin : 0;
padding-top : 6px;
padding-left : 14px;
}
#boxr h4 {
color : #333;
font-size : 13px;
margin : 0;
padding-top : 6px;
padding-left : 14px;
}
#boxl p {
margin : 14px 14px 0;
}
#boxr p {
margin : 14px 14px 0;
}
#boxr {
color : #b3b3b3;
width : 238px;
float : right;
}
ul.boxr {
line-height : 23px;
margin : 12px 0 0 28px;
padding : 0;
}
li.boxr {
padding : 0 0 0 0;
}
.clear {
clear : both;
}
#boxr-title {
background-image : url(../assets/title-greybg.gif);
background-repeat : repeat-x;
width : 173px;
height : 30px;
float : left;
}
#boxr-title-cont {
width : 238px;
height : 30px;
}
#boxr-title-tail {
background-image : url(../assets/title-greybgtail.gif);
width : 65px;
height : 30px;
float : right;
}
.bold {
font-weight : bold;
}
.right {
float : right;
}
ul.arrow {
font-weight : bold;
margin : 14px 0 16px 14px;
padding : 0;
list-style-type : none;
}
ul.arrow2 {
font-weight : bold;
list-style-type : none;
margin : 14px 0 16px 14px;
padding : 0;
}
li.arrow a {
line-height : 22px;
background-image : url(../assets/arrow.gif);
background-repeat : no-repeat;
background-position : 186px 0;
width : 210px;
height : 23px;
margin : 0;
padding : 0;
display : block;
}
li.arrow2 a {
line-height : 22px;
background-image : url(../assets/arrow.gif);
background-repeat : no-repeat;
background-position : 150px 0;
display : block;
margin : 0;
padding : 0;
width : 174px;
height : 23px;
}
#footer {
background-image : url(../assets/silverbr.gif);
background-repeat : no-repeat;
background-position : right top;
width : 524px;
}
#footer-text {
color : #bababa;
line-height : 22px;
padding-top : 14px;
padding-left : 14px;
}
#footer a {
color : #bababa;
text-decoration : none;
}
#footer a:hover {
color : #bababa;
text-decoration : underline;
}
#mailbox-letterbg {
background-image : url(../assets/mailbox-letterbg.gif);
width : 230px;
height : 110px;
}
#mailbox-blk {
background-color : #232323;
width : 230px;
height : 38px;
}
#mailbox-blk-title {
background-image : url(../assets/hometitle-services.gif);
width : 80px;
height : 38px;
float : left;
}
#mailbox-blk-title-tail {
background-image : url(../assets/hometitle-mailboxtail.gif);
width : 7px;
height : 38px;
float : right;
}
#mailbox-body {
background-image : url(../assets/mailbox-bodybg.gif);
width : 210px;
height : 119px;
float : left;
}
#mailboxr {
background-image : url(../assets/mailbox-r.gif);
width : 20px;
height : 177px;
float : right;
}
.clickable {
cursor : pointer;
}
#mailbox-body-tail {
background-image : url(../assets/mailbox-bodybg.gif);
width : 210px;
height : 18px;
float : left;
margin : 0;
padding : 0;
}
#mailbox-getstarted {
background-image : url(../assets/mailbox-getstarted.gif);
width : 210px;
height : 40px;
float : left;
}
#bubbles {
width : 192px;
height : 28px;
float : right;
margin-top : 10px;
}
#b1 a {
background-image : url(../assets/bubble-1.gif);
width : 64px;
height : 28px;
float : left;
cursor : pointer;
}
#b1 a:hover {
background-image : url(../assets/bubble-1b.gif);
cursor : pointer;
width : 64px;
height : 28px;
float : left;
}
#b2 a {
background-image : url(../assets/bubble-2.gif);
width : 64px;
height : 28px;
float : left;
cursor : pointer;
}
#b2 a:hover {
background-image : url(../assets/bubble-2b.gif);
cursor : pointer;
width : 64px;
height : 28px;
float : left;
}
#b3 a {
background-image : url(../assets/bubble-3.gif);
width : 64px;
height : 28px;
float : left;
cursor : pointer;
}
#b3 a:hover {
background-image : url(../assets/bubble-3b.gif);
cursor : pointer;
width : 64px;
height : 28px;
float : left;
}
#mailbox-service-text {
line-height : 16px;
width : 190px;
float : right;
padding-top : 14px;
display : block;
}
#mailbox-service2-text {
line-height : 16px;
padding-top : 14px;
width : 190px;
float : right;
display : none;
}
#mailbox-service3-text {
line-height : 16px;
padding-top : 14px;
width : 190px;
float : right;
display : none;
}
.green {
color : #2fa713;
}
#address {
float : left;
margin-top : 14px;
margin-left : 22px;
display : inline;
}
#join {
width : 158px;
float : right;
margin-top : 30px;
}
#join-form {
width : 158px;
height : 20px;
float : right;
margin-top : 6px;
}
#join-textareabg {
background-image : url(../assets/emailbg.gif);
background-repeat : no-repeat;
width : 104px;
height : 20px;
float : left;
margin-left : 2px;
display : inline;
}
.textarea {
background : transparent;
width : 100px;
height : 18px;
display : inline;
float : left;
border-width : 0;
}
#join-submit {
width : 24px;
height : 20px;
float : left;
}