* {
margin : 0;
padding : 0;
}
body {
background : #ffffff url(images/header-bg.png) repeat-x;
font-family : Trebuchet MS;
color : #303030;
font-size : 14px;
}
#wrapper {
width : 1010px;
margin : 0 auto;
padding : 0;
}
h1 {
color : #ffffff;
font-size : 34px;
font-weight : normal;
margin : 10px 0;
letter-spacing : -0.5px;
font-family : 'Trebuchet MS', Verdana, sans-serif;
}
h2 {
color : #00B0F0;
font-size : 23px;
font-weight : normal;
margin : 10px 0 10px 0;
letter-spacing : -0.5px;
font-weight : bold;
font-family : 'Trebuchet MS', Verdana, sans-serif;
}
h3 {
color : #5395bf;
font-size : 18px;
font-weight : normal;
margin : 0 0 10px 0;
}
h4 {
color : #5395bf;
font-size : 16px;
font-weight : normal;
margin : 0 0 10px 0;
letter-spacing : -0.5px;
font-weight : bold;
font-family : 'Trebuchet MS', Verdana, sans-serif;
}
h5 {
font-size : 15px;
margin : 0 0 10px 0;
}
h6 {
font-size : 13px;
font-weight : bold;
margin : 4px 0;
color : #5395bf;
}
.right {
margin-left : 30px;
}
.left {
margin-right : 10px;
float : right;
}
a {
text-decoration : none;
color : #5395bf;
}
a:hover {
text-decoration : underline;
}
p {
line-height : 18px;
margin : 0 0 10px 0;
}
p.last {
margin-bottom : 24px;
}
.side-sep {
background : url(images/side-separator.gif) no-repeat center top;
height : 7px;
clear : both;
margin-bottom : 10px;
}
.quote {
font-style : italic;
}
.clear {
clear : both;
}
.top {
top : 0;
left : 0;
}
.bottom {
bottom : 0;
left : 0;
}
ul {
list-style-type : none;
}
.boxes {
width : 1em;
}
#header {
background : url(images/header-bg.png) repeat center top;
height : 92px;
}
#logo {
background : url(images/logo.png) no-repeat left top;
position : relative;
top : 0;
left : 0;
float : left;
width : 200px;
height : 200px;
}
#navigation ul {
float : right;
margin : 4px 0 0;
padding : 0 10px 0 0;
list-style : none;
margin-top : 90px;
}
#navigation li {
float : left;
list-style : none;
margin-left : 10px;
}
#navigation li a {
float : left;
display : block;
color : #00B0F0;
text-decoration : none;
font : 18px 'Trebuchet MS', sans-serif;
padding : 0 2px 0 10px;
height : 45px;
line-height : 46px;
text-transform : lowercase;
text-align : center;
cursor : pointer;
}
#navigation li a span {
float : left;
display : block;
padding : 0 9px 0 2px;
}
#navigation li.current a, #navigation li.current a:hover {
color : #ffffff;
background : url(images/nav-left-selected.png) no-repeat left 5px;
}
#navigation li.current a span, #navigation li.current a:hover span {
color : #00B0F0;
background : url(images/nav-right-selected.png) no-repeat right 5px;
}
#navigation li a:hover {
color : #fff;
background : url(images/nav-left-hover.gif) no-repeat 2px 5px;
}
#navigation li a:hover span {
color : #fff;
background : url(images/nav-right-hover.gif) no-repeat right 5px;
}
#landing-content {
overflow : hidden;
}
.slideshow {
width : 400px;
height : 250px;
float : right;
background : url(images/slideshow-back.png) no-repeat;
margin : 20px 10px 0 10px;
}
.slideshow-images {
margin : 6px 0 0 17px;
}
.intro-content {
font-family : Trebuchet MS;
font-size : 18px;
line-height : 22px;
color : #ffffff;
}
#home-intro {
width : 900px;
height : 120px;
padding : 2px 0 20px 0px;
float : left;
}
#services-intro {
background : url(images/services-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#contact-intro {
background : url(images/contact-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#about-intro {
background : url(images/about-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#blog-intro {
background : url(images/blog-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
#testimonial-intro {
background : url(images/testimonial-image.png) no-repeat right;
width : 610px;
height : 180px;
padding : 40px 400px 20px 20px;
}
.buttons {
margin : 24px 0 0 0;
width : 584px;
}
.buttons .sign-up {
background : transparent url(images/sign-up-btn.png) no-repeat scroll 0% 0%;
color : #ffffff;
display : inline;
float : left;
height : 39px;
margin-right : 18px;
width : 145px;
text-indent : -2000px;
}
.buttons .read-more {
background : transparent url(images/read-more-btn.png) no-repeat scroll 0% 0%;
color : #ffffff;
display : inline;
float : left;
height : 46px;
margin-right : 18px;
width : 214px;
text-indent : -2000px;
}
#main-content-top {
background : url(images/main-top.png) no-repeat;
height : 12px;
margin-top : -45px;
}
#main-content {
background-color : #ffffff;
background : url(images/main-repeat.png) repeat-y;
width : 970px;
padding : 0 20px 10px 20px;
overflow : hidden;
}
#main-content-bottom {
background : url(images/main-bottom.png) no-repeat;
height : 15px;
}
#main-content-left {
width : 620px;
float : left;
line-height : 22px;
}
#main-content-right {
width : 290px;
float : right;
}
.para {
margin : 10px 10px 10px 0;
line-height : 18px;
word-spacing : 0;
}
#main-content-left p {
margin-top : 8px;
}
#main-content-left h2 {
margin-top : 10px;
}
#main-content-left h3 {
margin : 8px 0 4px 0;
line-height : 14px;
font-size : 16px;
}
#services-list li {
list-style : none;
width : 290px;
float : left;
display : inline;
margin-top : 10px;
margin-bottom : 6px;
margin-right : 20px;
}
#services-list-large li {
list-style : none;
width : 600px;
float : left;
display : inline;
margin-top : 10px;
margin-bottom : 6px;
margin-right : 20px;
}
.service {
width : 54px;
height : 44px;
float : left;
margin : 0 16px 0 0;
}
#services-list .first, #services-list-large .first {
background : url(images/service-1.gif) no-repeat;
}
#services-list .second, #services-list-large .second {
background : url(images/service-2.gif) no-repeat;
}
#services-list .third, #services-list-large .third {
background : url(images/service-3.gif) no-repeat;
}
#services-list .fourth, #services-list-large .fourth {
background : url(images/service-4.gif) no-repeat;
}
#services-list .fifth, #services-list-large .fifth {
background : url(images/service-5.gif) no-repeat;
}
#services-list .sixth, #services-list-large .sixth {
background : url(images/service-6.gif) no-repeat;
}
#services-list h4 {
width : 210px;
float : left;
margin-left : 10px;
font-weight : bold;
}
#services-list li p {
clear : both;
padding-top : 6px;
margin : 20px 20px 10px 0;
}
.left-top {
background : url(images/side-top.gif) no-repeat;
height : 7px;
margin-top : 16px;
}
.left-bottom {
background : url(images/side-bottom.gif) no-repeat;
height : 7px;
margin-bottom : 10px;
}
.side-container {
background-color : #eaeaea;
width : 268px;
padding : 6px;
}
.side-container h4 {
background : url(images/side-heading-bg.png) no-repeat;
color : #ffffff;
font-weight : normal;
height : 33px;
margin-left : 6px;
padding : 7px;
}
#phone {
background-image : url(images/phone.html);
background-position : left top;
background-repeat : no-repeat;
height : 36px;
padding-left : 50px;
margin-left : 20px;
}
#contact-form {
margin : 10px;
overflow : hidden;
}
label {
float : left;
width : 120px;
font-weight : bold;
margin : 4px;
}
.submitbutton {
text-align : center;
background : url(images/login_btn.gif) no-repeat center;
border : none;
width : 103px;
height : 36px;
cursor : pointer;
padding-bottom : 6px;
text-indent : -9000px;
font-size : 0;
line-height : 0;
}
#sign-up {
float : left;
width : 140px;
line-height : 20px;
}
#sign-up p {
margin-bottom : 0;
}
.contact-us-quickies {
margin-left : 10px;
}
input, textarea {
font-family : Verdana, Arial, Helvetica, sans-serif;
width : 240px;
background : #ffffff url(images/input-bg.gif) repeat-x top;
border : 1px solid #dadada;
padding : 2px 0 0 0;
margin : 4px 0;
height : 22px;
}
textarea {
width : 300px;
height : 150px;
}
#submitbutton {
text-align : center;
background : url(images/send-it.gif) no-repeat center;
border : none;
margin-top : 4px;
margin-left : 330px;
width : 103px;
height : 36px;
cursor : pointer;
text-indent : -9000px;
}
.team-member {
clear : both;
padding : 16px 0;
}
.team-member .member-image {
background-image : url(images/about-person.png);
width : 110px;
height : 97px;
float : left;
}
.team-member .member-details {
background : url(images/about-person-repeat.png) repeat-y;
width : 471px;
float : right;
overflow : hidden;
padding : 0 18px;
}
.team-member-top {
background : url(images/about-person-top.png) no-repeat;
height : 10px;
width : 507px;
float : right;
}
.team-member-bottom {
background : url(images/about-person-bottom.png) no-repeat;
height : 10px;
width : 507px;
float : right;
}
.team-member .member-image img {
position : relative;
top : 8px;
left : 9px;
border : 1px solid #dadada;
}
.post {
clear : both;
padding : 10px 0;
}
.post-month {
font-size : 11px;
font-weight : bold;
font-family : Geneva, Arial, Helvetica, sans-serif;
text-transform : uppercase;
color : #ffffff;
display : block;
line-height : 11px;
padding-top : 2px;
margin-left : -3px;
}
.entry {
clear : both;
padding-top : 10px;
}
.post-cat {
background : url(images/comments.gif) no-repeat left top;
padding-left : 20px;
height : 18px;
float : right;
font-size : 12px;
color : #5395bf;
margin-bottom : 10px;
}
.post-date {
background : url(images/calendar.gif) no-repeat left top;
padding-left : 20px;
height : 18px;
float : left;
font-size : 12px;
color : #5395bf;
}
h4.blog-head {
line-height : 26px;
border-bottom : 1px solid #dadada;
}
.testimonial {
clear : both;
background : url(images/quotes.gif) no-repeat left top;
padding : 0 4px 0 22px;
margin : 8px;
}
.testimonial-big {
clear : both;
padding : 16px 0;
}
.testimonial-big .member-image {
background-image : url(images/about-person.png);
width : 110px;
height : 97px;
float : left;
}
.testimonial-big .member-details {
background : url(images/testi-repeat.png) repeat-y;
width : 400px;
float : right;
overflow : hidden;
padding : 0 18px;
}
.testimonial-top {
background : url(images/testi-top.png) no-repeat;
height : 10px;
width : 436px;
float : right;
}
.testimonial-bottom {
background : url(images/testi-bottom.png) no-repeat;
height : 10px;
width : 436px;
float : right;
}
.testimonial-big .member-image img {
position : relative;
top : 8px;
left : 9px;
border : 1px solid #dadada;
}
.services-list {
margin : 0 0 10px 10px;
list-style : none;
}
.services-list li {
background : url(images/side-separator.gif) no-repeat bottom;
font-size : 14px;
line-height : 28px;
height : 32px;
}
.services-list li a {
background : url(images/category.html) no-repeat left 50%;
padding-left : 24px;
color : #303030;
}
.services-list li a:hover {
text-decoration : none;
color : #5395bf;
}
.downloads {
background : url(images/pdf-icon.png) no-repeat left 50%;
width : 53px;
height : 52px;
float : left;
}
.downloads-list li {
background : url(images/side-separator.gif) no-repeat bottom;
padding : 8px 0;
}
#footer {
margin : 0 auto;
padding : 0;
background : #1d1d1d url(images/footer-bg.png) repeat-x center bottom;
height : 270px;
font-size : 14px;
margin-top : 10px;
padding-top : 10px;
}
#footer-content {
margin : 0 auto;
width : 990px;
color : #ffffff;
padding : 20px 10px 10px 10px;
}
#footer-left {
float : left;
width : 650px;
}
#footer-right {
float : right;
width : 310px;
text-align : right;
}
#footer a {
text-decoration : none;
color : #5395bf;
}
#footer a:hover {
text-decoration : underline;
color : #5395bf;
}
.footer-block {
width : 226px;
margin-right : 20px;
float : left;
}
.footer-blog {
height : 30px;
display : block;
outline : none;
}
.footer-partners {
height : 30px;
display : block;
outline : none;
}
.footer-news {
height : 30px;
display : block;
outline : none;
}
.footer-block ul {
list-style : none;
margin-bottom : 10px;
}
.footer-block a {
margin-top : 10px;
}
.footer-block ul li {
margin-top : 6px;
padding-bottom : 6px;
}
.footer-block ul li a {
color : #ffffff !important ;
}
.footer-block ul li a:hover {
text-decoration : underline;
}
.footer-block strong {
line-height : 135%;
font-weight : bold;
}
ul.bullet-list {
list-style : none;
margin : 0 auto;
padding : 0;
margin-top : 4px;
}
ul.bullet-list li {
width : 130px;
float : left;
background : url(images/footer-bullet.gif) no-repeat 0% 2px;
padding : 0 0 2px 16px;
}
#hor-sep {
background : url(images/footer-sep.gif) no-repeat center bottom;
height : 10px;
clear : both;
margin-bottom : 10px;
}
.date {
color : #5395bf;
}
.Promo1 {
font-size : 16px;
color : #bb370b;
}
.Promo2 {
color : #bb370b;
font-size : 24px;
}
.side-container2 {
background-color : #eaeaea;
width : 268px;
padding : 6px;
}
.side-container2 h4 {
background : url(images/side-heading-bg.png) no-repeat;
color : #ffffff;
font-weight : normal;
height : 33px;
margin-left : 6px;
padding : 7px;
}