html, body {
height: 100%;
}
html {
margin-left: -1px;
overflow-Y: scroll;
}
body {
margin: 0px;
padding: 0px;
background: #141918 url(images/bg1_01.jpg) repeat left top;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #797E84;
}
h1, h2, h3 {
margin-top: 0px;
}
p, ol, ul {
margin-top: 0px;
}
p {
line-height: 220%;
}
strong {
color: #C3C7CA;
}
a {
color: #969E9D;
}
a:hover {
text-decoration: none;
}
a img {
border: none;
}
img.border {
}
img.alignleft {
float: left;
padding-top: 5px;
padding-right: 25px;
}
img.alignright {
float: right;
}
img.aligncenter {
margin: 0px auto;
}
hr {
display: none;
}
dl.style1 {
margin: 0px;
padding: 0px;
}
dl.style1 dt {
clear: left;
float: left;
width: 44px;
height: 15px;
margin: 0px 10px 0px 0px;
padding: 0px;
background: #DA3900 url(images/homepage02.jpg) no-repeat left top;
padding: 2px 0px 0px 0px;
letter-spacing: -1px;
text-align: center;
color: #FFFFFF;
}
dl.style1 dd {
display: block;
height: 19px;
margin: 0px 0px 4px 0px;
padding: 2px 0px;
}
/** WRAPPER */
.homepage #wrapper {
background: url(images/bg1_02.jpg) repeat-x left top;
}
#wrapper {
background: url(images/bg2_01.jpg) repeat-x left top;
}
.container {
width: 900px;
margin: 0px auto;
}
.clearfix {
clear: both;
}
/** HEADER */
#header-wrapper {
height: 257px;
background: url(images/bg1_03.jpg) no-repeat center top;
}
#header {
width: 900px;
}
/** LOGO */
#logo {
position: relative;
float: left;
/*width: 295px;
height: 112px;
margin-top: 145px;*/
}
#logo h1, #logo p {
margin: 0px;
padding: 0px;
line-height: normal;
text-indent: -9999em;
}
#logo h1 a {
display: block;
position: absolute;
top: 0px;
left: 0px;
width: 295px;
height: 259px;
}
#menu {
float: right;
width: 755px;
height: 54px;
margin-top: 203px;
}
#menu ul {
margin: 0px;
padding: 20px 0px 0px 130px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li {
display: inline;
}
#menu a {
padding: 40px 20px 40px 40px;
text-align: center;
text-decoration: none;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #FFFFFF;
}
#menu a:hover {
text-decoration: underline;
}
/** SPLASH */
.homepage #splash-bg {
background: url(images/homepage01.jpg) no-repeat center top;
}
.homepage #splash {
width: 865px;
height: 144px;
padding: 165px 35px 0px 0px;
text-align: right;
}
.homepage #splash h2, #splash h3, #splash p {
margin: 0px;
padding: 0px;
text-transform: uppercase;
font-weight: bold;
}
.homepage #splash h2 {
padding-bottom: 2px;
letter-spacing: -1px;
font-size: 32px;
color: #2E2E2E;
}
.homepage #splash span {
color: #0480A6;
}
.homepage #splash h3 {
height: 35px;
font-size: 20px;
color: #FFFFFF;
}
.homepage #splash p {
margin: 0px;
padding: 0px 20px 0px 0px;
font-size: 12px;
}
.homepage #splash p a {
text-decoration: underline;
color: #D2D2D2;
}
.homepage #splash p a:hover {
text-decoration: none;
color: #D2D2D2;
}
#splash-bg {
background: url(images/subpage1_01.jpg) no-repeat center top;
}
#splash-bg2 {
background: url(images/marketing.jpg) no-repeat center top;
}
#splash-bg3 {
background: url(images/marketing2.jpg) no-repeat center top;
}
#splash {
width: 865px;
height: 37px;
padding: 105px 0px 0px 35px;
text-align: left;
}
#splash h3 {
height: 35px;
font-size: 20px;
color: #FFFFFF;
}
/** PAGE */
.homepage #page {
background: url(images/bg1_06.jpg) repeat-y center top;
}
.homepage #page-bgtop {
background: url(images/bg1_05.jpg) no-repeat center top;
}
.homepage #page-bgbtm {
background: url(images/bg1_07.jpg) no-repeat center bottom;
}
#page {
background: url(images/bg3_02.jpg) repeat-y center top;
}
#page-bgtop {
background: url(images/bg2_03.jpg) no-repeat center top;
}
#page-bgbtm {
background: url(images/bg2_04.jpg) no-repeat center bottom;
}
#page-content {
overflow: hidden;
width: 830px;
padding: 30px 35px 35px 35px;
}
.single #page-bgtop {
background: url(images/bg3_01.jpg) no-repeat center top;
}
/** CONTENT */
#content {
float: right;
width: 550px;
}
.single #content {
width: 830px;
}
/** SIDEBAR */
#sidebar {
float: left;
width: 240px;
}
/** FOOTER */
#footer-wrapper {
height: 150px;
background: url(images/bg2_06.jpg) no-repeat center top;
}
#footer {
width: 605px;
padding-left: 295px;
}
#footer p {
margin: 0px;
padding: 25px 0px 0px 0px;
text-align: center;
font-size: 10px;
color: #42444c;
}
.box-style {
}
.box-style .title {
letter-spacing: -1px;
text-transform: uppercase;
font-size: 18px;
font-weight: normal;
color: #FFFFFF;
}
.box-style span {
color: #0480A6;
}
.box-style .link {
padding: 0px 0px 2px 25px;
background: url(images/homepage04.gif) no-repeat left top;
}
#box5 {
margin-top: 30px;
}
.career {
border-bottom: 1px solid #747474;
padding: 40px;
}
.careerTop {
border-bottom: 1px solid #747474;
padding: 20px;
}
.career h3 {
font-weight: bold;
font-size: 16px;
}
.career .location {
font-size: 14px;
margin-bottom: 10px;
}
#contact-area {
width: 600px;
margin-top: 25px;
}
#contact-area input, #contact-area textarea {
padding: 5px;
width: 471px;
font-family: Helvetica, sans-serif;
font-size: 1.4em;
margin: 0px 0px 10px 0px;
border: 2px solid #ccc;
}
#contact-area textarea {
height: 90px;
}
#contact-area textarea:focus, #contact-area input:focus {
border: 2px solid #900;
}
#contact-area input.submit-button {
width: 100px;
float: right;
}
label {
float: left;
text-align: right;
margin-right: 15px;
width: 100px;
padding-top: 5px;
font-size: 1.4em;
}
#fixme {
/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
position: absolute; right: 10px; top: 10px;
}
body > div#fixme {
/* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
position: fixed;
}