@import url("base.css");

/* ---- GLOBALS ---- */
body { background:url("images/main-bg.png") repeat-x left top; color:#444 }
/* ---- HEADER ---- */
#header { background:#EFEFEF url("images/header-bg.png") no-repeat right top }
#header .logo { cursor:pointer; height:131px; left:0; position:absolute; text-indent:-9000px; top:0; width:200px }
/* ---- COLUMNS ---- */
#layout-wrapper { background:url("images/content-bg.png") no-repeat left 330px; padding:0 }
#wrapper { padding:0; width:770px }
#content { padding:0 20px 0 40px; width:360px }
#rail { margin:0; padding:0 40px 0 20px; width:290px }
/* ---- FOOTER ---- */
#footer { background:#EFEFEF url("images/footer-bg.png") no-repeat center bottom; width:770px }
#propaganda-menu { font-size:0.9em; position:absolute; left:40px; top:5px }
#propaganda-menu li { border-right:1px solid #CCC; float:left; padding:0 5px }
#propaganda-menu li.last-child { border:none; padding-right:0 }
/* ---- MENUS ---- */
/* main-menu */
.main-menu { color:#FFF; position:absolute; right:15px; top:102px }
.main-menu li { float:left; padding:0 }
.main-menu li.last-child { border-right:none }
.main-menu a { background:#000066 url("images/main-nav-left.png") no-repeat left top; color:#FFF; cursor:pointer; display:block; float:left; font-weight:700; padding:0 0 0 15px; text-decoration:none }
.main-menu a span { background:url("images/main-nav-right.png") no-repeat right top; display:block; float:left; height:24px; line-height:1.8em; padding:5px 15px 0 0; text-decoration:none }
.main-menu a:hover { color:#FFF; text-decoration:none }
/* ---- STYLES ---- */
h2, h3, h4, h5, h6 { border-bottom:1px solid #EFEFEF; color:#4952A1 }
h2 { font-size:1.7em; font-weight:400; line-height:1.8em; margin-bottom:10px }
h3 { font-size:1.5em; font-weight:400; line-height:1.8em; margin-bottom:10px }
p { font-size:0.9em; line-height:1.8em; padding:0 0 15px 0 }
.black { color:#444 }
.small-print { font-size:0.8em; line-height:1.8em; padding:0 0 15px 0 }
.testimonial span { font-weight:700 }
.normal-link { color:#444 }
.spacer { margin-top:110px }
a { color:#4952A1; text-decoration:none }
a:hover { color:#CCC; text-decoration:none }

.faux-h3 { font-size:18px }

/* ---- LIST ----*/
.list { margin:0 auto 20px auto; }
.list li { background:url("images/li-bullet.png") no-repeat 0 0.6em; line-height:1.8em; margin:0 0 0 5px; padding:0 2px 0 20px; }

/* ---- HEADER GRAPHICS ----*/
#reliable-maintenance-image-a { background:url("images/reliable-maintenance-image-a.jpg") no-repeat left top; height:199px; margin:0 -20px 0 -40px }
#reliable-maintenance-image-b { background:url("images/reliable-maintenance-image-b.jpg") no-repeat right top; height:199px; margin:0 -40px 0 -20px }
#reliable-maintenance-image2-a { background:url("images/reliable-maintenance-image2-a.jpg") no-repeat left top; height:199px; margin:0 -20px 0 -40px }
#reliable-maintenance-image2-b { background:url("images/reliable-maintenance-image2-b.jpg") no-repeat right top; height:199px; margin:0 -40px 0 -20px }

#call-to-action { background:url("images/call-to-action.jpg") no-repeat center top; display:block; cursor:pointer; height:105px; margin:0 0 20px; text-indent:-3000px; width:275px }
#generators { background:url("images/generators.png") no-repeat center top; display:block; cursor:pointer; height:200px; margin:0; text-indent:-3000px; width:275px }
#spring-promotion-button { background:url("images/spring-promotions-button.png") no-repeat center top; display:block; cursor:pointer; height:44px; margin:10px 0; padding:5px 0 5px 20px }
#spring-promotion-button h2 { border:0; margin:0 0 0 8px }
#sa-flag { background:url("images/sa-flag.png") no-repeat left top; display:block; height:100px }