body {
background:none repeat scroll 0 0 #EAEAEA;
color:#000000;
font:13px/20px Verdana,Arial,Helvetica,sans-serif;
margin:0 auto;
padding:0;
}
body, div, td, h1, h2, h3, h4, h5, p, ul, li, form {
margin:0 auto;
padding:0;
}
ul {
list-style-type:none;
}
a {
outline:medium none;
}
.spacer {
clear:both;
font-size:0;
line-height:0;
}
#topHeader {
background-color:#FFFFFF;
color:inherit;
height:140px;
}
#topHeader div.topPan {
margin:0 auto;
position:relative;
width:940px;
}
div.topPan div.logoPan {
float:left;
width:581px;
}
div.logoPan img {
height:47px;
margin:29px 0 0;
width:227px;
}
div.logoPan h1 {
background-color:inherit;
color:#000099;
font-size:15px;
line-height:19px;
padding:0 0 0 6px;
text-transform:uppercase;
}
div.nav {
background:url("../images/nav-bg.gif") repeat-x scroll 0 0 transparent;
border-right:1px solid #D9E1E3;
border-top:1px solid #D9E1E3;
height:40px;
left:0;
position:absolute;
top:99px;
width:940px;
}
div.nav ul {
float:left;
line-height:40px;
width:940px;
}
div.nav ul li {
float:left;
line-height:40px;
width:auto;
}
div.nav ul li a, div.nav ul li a.active {
background:url("../images/nav-div.gif") no-repeat scroll left center transparent;
color:#323A3C;
display:block;
font:13px/40px Verdana,Arial,Helvetica,sans-serif;
letter-spacing:0.2px;
padding:0 25px;
text-decoration:none;
}
div.nav ul li a:hover {
background-color:#BEBEBE;
color:#FFFFFF;
text-decoration:none;
}
div.nav ul li.nobg a {
background-image:none;
}
div.nav ul li a.active {
background-color:#323A3C;
background-image:none;
color:#FFFFFF;
text-decoration:none;
}
#outercontainer {
margin:0 auto;
padding:0;
width:970px;
}
#container {
margin:0 auto;
padding:0 0 0;
width:940px;
background-color:#F0F0F0;
}
#header {
background:url("../images/body-top-bg.gif") no-repeat scroll 0 100% #323A3C;
height:239px;
padding:10px 0 0 17px;
}
#header div.leftPanel {
float:left;
margin:45px 0 0;
width:540px;
}
div.leftPanel h2 {
background-color:inherit;
color:#FFFFFF;
font:bold 18px/20px Arial,Helvetica,sans-serif;
}
div.leftPanel p {
background-color:inherit;
color:#FFFFFF;
font:14px/16px Arial,Helvetica,sans-serif;
padding:14px 0 0 3px;
}
div.leftPanel a.learnMore {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:inherit;
background-image:url("../images/learnMore-btn.gif");
background-position:0 0;
background-repeat:no-repeat;
color:#000000;
display:block;
font:16px/34px Arial,Helvetica,sans-serif;
height:38px;
margin:17px 0 0;
padding:0 0 0 13px;
text-decoration:none;
width:234px;
}
div.leftPanel a.learnMore:hover {
background-color:inherit;
color:#D24747;
}
div.leftPanel a.learnMore span {
background:url("../images/more-icon.gif") no-repeat scroll 0 1px transparent;
padding:0 0 0 22px;
}
div.rightPanel {
float:right;
height:213px;
width:304px;
}
#bodyPan {
background-color:#F0F0F0;
color:#000000;
margin:0 auto;
padding:0;
}
div.bodyLeft {
background:url("../images/right-shadow.gif") repeat-y scroll 100% 0 #FFFFFF;
color:#000000;
float:left;
padding:0 35px 37px 30px;
width:671px;
}
div.bodyLeft a {
background-color:inherit;
color:#3E6CCD;
text-decoration:none;
}
div.bodyLeft a:hover {
background-color:inherit;
color:#000000;
}
div.btmShadow {
background:url("../images/btm-shadow.gif") repeat-x scroll 0 0 transparent;
bottom:-3px;
font-size:0;
height:6px;
left:0;
line-height:0;
position:absolute;
width:730px;
}
h2.heading {
background-color:inherit;
color:#000066;
font:bold 22px/30px Verdana,Arial,Helvetica,sans-serif;
margin:0;
}
h2.extPadd {
padding:10px 0 0 !important;
}
div.bodyLeft p {
padding:0 0 15px;
}
a.readMore {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:inherit;
background-image:url("../images/readMore-bg.gif");
background-position:0 0;
background-repeat:no-repeat;
color:#FFFFFF !important;
display:block;
font:bold 12px/29px Verdana,Arial,Helvetica,sans-serif;
height:29px;
padding:0 0 0 13px;
text-decoration:none;
width:125px;
}
a.readMore:hover {
background-color:inherit;
color:#005881 !important;
text-decoration:none;
}
a.readMore span {
background:url("../images/readMore-arrow.gif") no-repeat scroll 0 3px transparent;
padding:0 0 0 10px;
}
ul.list li {
background:url("../images/icon.gif") no-repeat scroll 0 5px transparent;
padding:0 0 0 25px;
}
ul.list li a {
background-color:inherit;
color:#000040;
text-decoration:underline;
}
ul.list li a:hover {
background-color:inherit;
color:#000000;
}
ul.leftSide {
float:left;
width:260px;
}
ul.rightSide {
float:right;
width:260px;
}
ul.workLeft {
float:left;
margin:15px 0 0;
width:227px;
}
ul.workRght {
float:right;
margin:15px 0 0;
width:227px;
}
li.latestWork {
height:140px;
margin:0 0 6px;
padding:2px;
width:227px;
}
a.workLink {
background-color:inherit;
color:#FD0101;
text-decoration:underline;
}
a.workLink:hover {
background-color:inherit;
color:#5E5E5E;
text-decoration:none;
}
#bodyRight {
float:left;
margin:0;
width:204px;
height:100%;
background-color: #F0F0F0;
}
h3.news {
-moz-background-clip:border;
-moz-background-origin:padding;
-moz-background-size:auto auto;
background-attachment:scroll;
background-color:inherit;
background-image:url("../images/recent-news-bg.gif");
background-position:0 0;
background-repeat:no-repeat;
color:#323A3C;
font:bold 18px/36px Verdana,Arial,Helvetica,sans-serif;
height:42px;
margin:0 0 10px;
padding:0 0 0 10px;
}
h3.news span {
background:url("../images/recentNews-icon.gif") no-repeat scroll 0 8px transparent;
display:block;
float:left;
padding:0 10px 0 0;
width:23px;
}
a.newsLink {
background-color:inherit;
color:#3E6CCD;
font-size:12px;
font-weight:bold;
padding:0 0 0 10px;
text-decoration:underline;
}
a.newsLink:hover {
background-color:inherit;
color:#5E5E5E;
text-decoration:none;
}
p.recentNews {
background-color:inherit;
color:#000000;
font-size:12px;
line-height:18px;
margin:5px 0 0;
padding:0 0 20px 10px;
}
p.line {
background:url("../images/recentNews-div.gif") no-repeat scroll 0 100% transparent;
font-size:0;
height:2px;
line-height:0;
margin:0 0 10px;
}
a.leftPadd {
margin:0 0 0 10px;
}
#footer-wrap {
background:url("../images/footer_bg.gif") repeat-x scroll 0 0 transparent;
float:left;
height:275px;
width:100%;
}
#footer-wrap div.footer {
float:none;
margin:0 auto;
padding:11px 0 0;
width:952px;
}
div.footer h4 {
background:none repeat scroll 0 0 #212222;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
margin:0;
padding:4px 0 6px 6px;
}
div.footer div.pages {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
margin:0 29px 0 0;
padding:0;
width:147px;
}
div.pages ul {
float:left;
margin:0;
padding:3px 0 0;
width:147px;
}
div.pages ul li {
background:url("../images/small_arrow_foot.gif") no-repeat scroll 0 7px transparent;
border-bottom:1px solid #3B3B3B;
float:none;
margin-left:6px;
padding:2px 0 4px 2px;
width:107px;
}
div.pages ul li a {
color:#909090;
padding:2px 0 2px 5px;
text-decoration:none;
}
div.services {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
margin:0 29px 0 0;
width:150px;
}
div.services ul {
float:left;
margin:0;
padding:3px 0 0;
width:147px;
}
div.services ul li {
background:url("../images/small_arrow_foot.gif") no-repeat scroll 0 7px transparent;
border-bottom:1px solid #3B3B3B;
float:none;
margin-left:6px;
padding:2px 0 2px 2px;
width:107px;
}
div.services ul li a {
color:#909090;
padding:2px 0 2px 5px;
}
div.various {
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:normal;
width:150px;
}
div.various ul {
float:left;
margin:0;
padding:3px 0 0;
width:147px;
}
div.various ul li {
background:url("../images/small_arrow_foot.gif") no-repeat scroll 0 7px transparent;
border-bottom:1px solid #3B3B3B;
float:none;
margin-left:6px;
padding:2px 0 2px 2px;
width:107px;
}
div.various ul li a {
color:#909090;
padding:2px 0 2px 5px;
text-decoration:none;
}
div.additional {
float:left;
margin:0 29px 0 0;
width:150px;
}
div.additional ul {
float:left;
margin:0;
padding:6px 0 0;
width:147px;
}
div.socialbookmarking {
float:left;
width:370px;
}
div.socialbookmarking p {
color:#909090;
font-size:11px;
padding-left:8px;
}
div.socialbookmarking div.bookmarkIcons {
float:left;
padding:4px 0;
width:239px;
}
div.socialbookmarking div.bookmarkIcons img {
float:left;
margin-left:9px;
}
div.socialbookmarking p.rights {
float:left;
font-size:10px;
width:300px;
}
div.socialbookmarking p.rights a {
color:#FFFFFF;
}
.title {
font-family:"Myriad Pro",Arial,Helvetica,sans-serif;
}
.sIFR-active .title {
font-family:Verdana,Arial,Helvetica,sans-serif;
line-height:1em;
visibility:hidden;
}
#bodytop {
background:url("../images/body-top-bg.png") no-repeat scroll 0 100% transparent;
margin:0 auto;
padding:30px 0 0 27px;
}
div#workLeft {
float:left;
margin:15px 0 0;
width:560px;
}
div#workLeft img {
float:left;
padding:0 0.75em 0.75em 0;
}
div#workLeft div.company p {
padding-bottom:0.2em;
}
div#workLeft a {
padding:0.2em;
}
div#workLeft ul.blog li {
background:url("../images/recent-news-bg.gif") no-repeat scroll 0 0 transparent;
margin-bottom:5px;
padding-bottom:25px;
}
div#workLeft ul.blog li h2 {
color:#1186CC;
font-size:22px;
font-weight:500;
margin:0.5em 0;
padding:0.2em 0;
}
div#workLeft ul.blog li img {
float:left;
}
div#workLeft ul.blog li p {
padding:0 0.4em 2em;
}
div#workLeft ul.blog li p.date {
padding:0.5em 0;
}
div#workLeft ul.blog li a.readMore {
background:url("../images/readMore-bg.gif") no-repeat scroll 0 0 transparent;
display:block;
height:29px;
margin-bottom:20px;
padding:0 0 0 13px;
text-decoration:none;
width:125px;
}
div#workLeft ul.blog li a.readMore:hover {
background-color:inherit;
color:#005881 !important;
text-decoration:none;
}
div#workLeft ul.blog li a.readMore span {
background:url("../images/readMore-arrow.gif") no-repeat scroll 0 3px transparent;
padding:0 0 0 10px;
}
div#workLeft ul.blog li a.leftPadd {
margin:0 0 0 10px;
}
div.bodyLeft ul.portfolio {
float:left;
padding:1em 2em;
width:520px;
}
div.bodyLeft ul.portfolio li {
float:left;
margin-right:12px;
padding:2em;
}
div.bodyLeft ul.portfolio li p {
margin:0;
padding:0;
}
div.bodyLeft ul.portfolio li img {
border:1px solid;
}
div.bodyLeft ul.partnerLinks {
float:left;
margin:0;
padding:0;
}
ul.partnerLinks li {
float:left;
margin-left:15px;
padding:0 1em;
}
ul.partnerLinks li a {
color:#3E6CCD;
text-align:center;
}
#bodyPan div#contact {
color:#7C7C7C;
float:left;
position:relative;
}
#bodyPan div.bodyLeft p {
padding-bottom:20px;
}
div#bodyRight div.contact {
float:right;
margin-bottom:20px;
padding:0.5em;
width:285px;
}
div#bodyRight div.contact p, div.contact a {
background-color:#F0F0F0;
color:#4A4A4A;
float:left;
line-height:18px;
margin:5px 0 0;
padding:0 0 9px 10px;
}
div.contact h3.news {
padding:0;
}
div.contact a {
color:#D24747;
text-decoration:none;
}
div.contact a span {
font-family:"Times New Roman",Times,serif;
font-size:120%;
font-style:italic;
}
div.privacy {
padding:2.5em;
}
div.privacy p {
line-height:1.6em;
margin:0.1em;
padding:0.7em 0;
}