/* CSS Document */
html, body {
margin: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
height: 100%;
}
h1 {
font-size: 22px;
font-weight: normal;
margin: 0;
color: #000000;
}
h2 {
font-size: 18px;
font-weight: normal;
margin: 0;
color: #2C7FB6;
}
h3 {
font-size: 14px;
font-weight: bold;
margin: 1em auto;
color: #000000;
}
h4 {
font-size: 16px;
font-style: italic;
margin: 1em auto 0;
color: #2c7fb6;
text-align: center;
}
#header_text {
font-size: 14px;
font-weight: bold;
color: #FFFFFF;
}
#bg{
background-color: #FBF4BA;
background-image: url(../images/g2_bg.gif);
background-repeat: repeat-x;
background-position: top;
height: 100%;
}
#container {
background-color: #FBF4BA;
background-image: url(../images/g2_bg.gif);
background-repeat: repeat-x;
background-position: top;
height: auto;
}
#wrap {
width: 980px;
margin: 0 auto;
background: url(../images/g2_bodyBG.gif) repeat-y;
height: auto;
}
#wrap .capL {
float: left;
display: block;
width: 40px;
height: 246px;
margin: 0;
padding: 0;
background: url(../images/g2_headCapL.gif) no-repeat;
}
#wrap .capR {
float: right;
display: block;
width: 40px;
height: 246px;
margin: 0;
padding: 0;
background: url(../images/g2_headCapR.gif) no-repeat;
}
#bodyWrap {
width: 900px;
float: left;
background-color: #FFFFFF;
}
#top {
height: 34px;
background: url(../images/g2_topBG.gif) repeat-x;
}
#top h2 {
margin: 0;
padding: 9px 15px;
font-size: 13px;
color: #4F4F4F;
font-weight: bold;
float: left;
}
#top ul {
margin: 0;
padding: 0;
width: 172px;
float: right;
}
#top ul li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
#top ul li .sep {
display: block;
background: url(../images/g2_topSep.gif) no-repeat;
width: 2px;
height: 34px;
float: left;
}
#top ul li a {
font-size: 11px;
color: #4F4F4F;
text-decoration: none;
display: block;
float: left;
padding: 9px 15px 9px 29px;
}
#top ul li a:hover {
text-decoration: underline;
}
#top ul li.home a {
background-image: url(../images/g2_iconHome.gif);
background-repeat: no-repeat;
background-position: 12px 11px;
}
#top ul li.contact a {
background-image: url(../images/g2_iconContact.gif);
background-repeat: no-repeat;
background-position: 9px 11px;
}
#logo {
margin: 0;
background: url(../images/g2_headerGraph.jpg) no-repeat;
display: block;
height: 169px;
}
#logo a {
display: block;
width: 230px;
height: 169px;
text-indent: -3000px;
}
#nav {
background: url(../images/g2_navBG1.gif) repeat-x;
height: 43px;
}
#nav ul {
margin: 0;
padding: 0;
}
#nav ul li {
margin: 0;
padding: 0;
display: inline;
list-style: none;
}
#nav ul li a {
display: block;
padding: 12px 22px; /* 12px 32px */
font-size: 17px;
font-weight: bold;
color: #FFFFFF;
text-decoration: none;
float: left;
}
#nav ul li.home a {
padding-left: 21px; /* 31px */
}
#nav ul li.contact a {
padding-right: 20px; /* 30px */
}
#nav ul li a:hover {
background: url(../images/g2_navBG2.gif) repeat-x;
}
#nav .sep {
display: block;
float: left;
width: 2px;
height: 43px;
background: url(../images/g2_navSep.gif) no-repeat;
}
#leftColumn {
float: left;
width: 230px;
}
#sideNav h3 {
display: none;
}
#sideNav ul {
margin: 0;
padding: 0;
}
#sideNav ul li {
margin: 0;
padding: 0;
list-style: none;
}
#sideNav ul li a {
display: block;
padding: 9px 0 11px 27px;
width: 203px;
color: #FFFFFF;
font-size: 15px;
font-weight: bold;
text-decoration: none;
background-image: url(../images/g2_rightNavBG.gif);
background-repeat: no-repeat;
}
#sideNav ul li a:hover {
background-position: 0 -38px;
}
#leftColumn .download {
margin: 0;
}
#leftColumn .download a {
display: block;
width: 210px;
height: 96px;
text-indent: -3000px;
background: url(../images/g2_download.gif) no-repeat;
margin: 10px;
}
#leftColumn .download2 {
margin: 0;
}
#leftColumn .download2 a {
display: block;
width: 210px;
height: 96px;
text-indent: -3000px;
background: url(../images/g2_download2.gif) no-repeat;
margin: 10px;
}
#leftColumn .partner {
margin: 0;
}
#leftColumn .partner a {
display: block;
width: 210px;
height: 65px;
text-indent: -3000px;
background: url(../images/g2_partner.gif) no-repeat;
margin: 10px;
}
#content {
padding: 17px 17px 20px 17px;
float: left;
width: 860px;
}
#content a, #content a:visted { color: #0066CC; }
#content a:hover { color: #666666; }
#content p.nomargintop {
margin-top: 0;
}
#content ul {
margin: .5em auto auto 2em;
padding: 0;
}
#content ul li {
padding-bottom: .5em;
}
#homePic {
width: 463px;
height: 283px;
background: url(../images/g2_pic01_.jpg) no-repeat;
float: right;
margin: 5px 6px 20px 0;
}
#alliancesPic {
width: 272px;
height: 409px;
background: url(../images/g2_pic02_.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#cs_mPic {
width: 272px;
height: 251px;
background: url(../images/g2_pic_cs_m.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#cs_svPic {
width: 272px;
height: 251px;
background: url(../images/g2_pic_cs_sv.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#cs_siPic {
width: 272px;
height: 251px;
background: url(../images/g2_pic_cs_si.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#contactPic {
width: 272px;
height: 409px;
background: url(../images/g2_pic_contact.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#valuePic {
width: 272px;
height: 251px;
background: url(../images/g2_pic_4steps.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#experiencePic {
width: 272px;
height: 375px;
background: url(../images/g2_pic_exp.jpg) no-repeat;
float: right;
margin: 33px 33px 45px 0;
}
#footer {
height: 82px;
background: #739FCB url(../images/g2_footerBG.gif) repeat-x;
padding: 11px;
font-size: 11px;
color: #4F4F4F;
border-top: 4px #F8B141 solid;
}
#footer a {
text-decoration: none;
color: #4F4F4F;
}
#footer address {
float: left;
font-style: normal;
color: #4F4F4F;
}
#footer address a:hover {
text-decoration: underline;
}
#footer div {
float: right;
text-align: right;
}
#footer ul {
margin: 0;
padding: 0;
}
#footer ul li {
margin: 0;
padding: 0;
display: inline;
list-style:none;
}
#footer ul li a {
text-decoration: none;
color: #4F4F4F;
margin-left: 4px;
}
#footer ul li a:hover {
text-decoration: underline;
font-size: 11px;
color: #4F4F4F;
}
#footer ul li.separator{
margin-left: 4px;
}
#footer p {
margin: 8px 0 0 0;
color: #4F4F4F;
}
#footer p a {
color: #4F4F4F;
}
#footer p a:hover {
text-decoration: underline;
}
.clear {
clear: both;
}