/****************************** General Styles ******************************/
 body {
font-family : Arial, Tahoma, sans-serif;
font-size : 12px;
color : #444549;
background : url('../img/topBG.png') 0 0 repeat-x;
}
.fl {
float : left;
color : #CCC;
}
.fr {
float : right;
}
.cl {
clear : left;
}
.cr {
clear : right;
}
.cb {
clear : both;
}
h1, h2, h3, h4 {
font-weight : normal;
}
h1 {
font-size : 24px;
}
h3 {
font-size : 14px;
text-transform : uppercase;
}
a {
text-decoration : none;
color : #06c;
font-weight : bold;
}
em {
font-size : 11px;
font-style : italic;
color : #919295;
}
a:hover {
text-decoration : none;
color : #dd0c46;
}
.noBottomBorder {
border-bottom : none !important ;
overflow : hidden;
}
.noRightBorder {
border-right : none !important ;
}
p {
line-height : 1.5em;
margin-top : 5px;
margin-right : 0;
margin-bottom : 5px;
margin-left : 0;
text-align : justify;
color : #333;
}
div.blankSeparator {
height : 1px;
margin-bottom : 30px;
display : block;
}
div.sepContainer {
height : 20px;
background : url('../img/separatorBG.png') 0 0 repeat-x;
display : block;
margin : 30px 0;
}
.lastCol {
margin-right : 0 !important ;
}
div.centerContainer {
width : 960px;
margin : 0 auto;
overflow : hidden;
}
div#leftContainer {
width : 360px;
margin-right : 50px;
}
div#rightContainer {
width : 550px;
}
div#topContainer {
background : url('../img/topBGPattern.png') 0 0 repeat;
height : 131px;
}
.logo {
margin-top : 8px;
}
div#contactInformationTop {
background : url('../img/topPaperShadow.png') top center no-repeat;
width : 291px;
height : 118px;
}
div#contactInformationTop ul {
padding : 0 30px;
}
div#contactInformationTop ul li {
border-bottom : 1px solid #ebebed;
}
div#contactInformationTop ul li span {
color : #444549;
}
div#contactInformationTop ul li p {
font-size : 11px;
color : #92979D;
background : url('../img/bulletPoint.png') left center no-repeat;
padding-left : 15px;
margin : 8px 0;
}
div#contactInformationTop ul li ul {
padding : 0;
margin : 8px 0 0 10px;
}
div#contactInformationTop ul li ul li {
display : inline;
background : none;
border : none;
padding : 0 5px 0 0;
}
div#menuContainer {
background : url('../img/menuBG.png') 0 0 repeat-x;
height : 80px;
}
ul#nav li {
float : left;
display : inline;
margin : 23px 30px 0 0;
background-repeat : no-repeat;
background-position : right center;
}
ul#nav li a {
color : #006;
font-size : 14px;
text-transform : uppercase;
}
ul#nav li a:hover {
color : #F0F0F0;
}
ul#nav li a span {
font-size : 12px;
text-transform : lowercase;
color : #C1E0FF;
display : block;
padding-right : 20px;
}
div#sliderContainer {
background : url('../img/sliderBG.png') 0 0 repeat-x;
height : 280px;
position : relative;
}
#mainSlider {
width : 840px;
float : left;
}
#mainSlider ul li {
overflow : hidden;
width : 720px;
height : 260px;
padding : 40px 60px 0 60px;
}
#mainSlider ul li h1 {
text-transform : uppercase;
color : #06c;
}
.sliderParagraph {
font-size : 14px;
color : #444549;
}
.slideImg {
margin-right : 30px;
}
#sliderBtnPrev, #sliderBtnNext {
float : left;
width : 60px;
}
#sliderBtnPrev img, #sliderBtnNext img {
margin-top : 120px;
cursor : pointer;
}
a.darkButton {
border-radius : 5px;
background : url('../img/darkButtonOut.png') 0 0 repeat-x;
font-size : 14px;
color : white;
text-transform : uppercase;
padding : 10px 20px;
cursor : pointer;
}
a.darkButton:hover {
background : url('../img/darkButtonOver.png') 0 0 repeat-x;
text-decoration : none;
}
a.darkButton img {
margin-left : 10px;
margin-bottom : -1px;
}
p.additionalOptions {
margin-top : 10px;
padding-left : 20px;
}
p.additionalOptions a {
color : #06c;
}
div#serviceListContainer h3 {
color : #2d2f33;
margin-top : 12px;
}
div#serviceListContainer p {
color : #919295;
clear : left;
}
div#serviceListContainer ul li {
background : url('../img/bulletPoint.png') center left no-repeat;
padding : 3px 3px 3px 15px;
}
div.oneThirdCol {
width : 306px;
margin-right : 20px;
float : left;
}
div#serviceListContainer div.oneThirdCol img {
margin : 0 15px 15px 0;
}
div.oneThirdCol_twitter {
width : 632px;
margin-right : 20px;
float : left;
}
div#col1 {
background : url('../img/col1BG.png') right bottom no-repeat;
}
div#col2 {
background : url('../img/col2BG.png') right bottom no-repeat;
}
div#col3 {
background : url('../img/col3BG.png') right bottom no-repeat;
}
h3.sectionTitle {
color : #06c;
margin : 7px 0 30px 0;
}
h3.sectionTitle span {
color : white;
background-color : #06c;
padding : 7px 10px;
border-radius : 5px;
}
ul#newsList li {
padding-bottom : 10px;
margin-bottom : 10px;
border-bottom-width : 1px;
border-bottom-style : solid;
border-bottom-color : #06C;
}
ul#newsList li h3 {
text-transform : none;
}
ul#newsList li span {
font-size : 11px;
color : #92979d;
}
a.readMoreLink {
font-size : 11px;
background : url('../img/redBulletPoint.png') center right no-repeat;
padding-right : 15px;
}
blockquote {
background : url('../img/quote.png') top left no-repeat;
margin-left : 20px;
}
blockquote p {
margin-left : 60px;
color : #919295;
font-size : 14px;
font-style : italic;
}
div#clientListContainer {
border-radius : 5px;
border : #e1e5e9 solid 1px;
overflow : hidden;
}
div#clientListContainer ul li {
display : inline;
float : left;
background : url('../img/clientListBG.png') 0 0 repeat-x;
text-align : center;
border-bottom : 1px solid #e1e5e9;
border-right : 1px solid #e1e5e9;
}
div#clientListContainer ul li p {
margin : 0;
width : 136px;
height : 112px;
line-height : 112px;
}
div#clientListContainer ul li p img {
vertical-align : middle;
}
div#footerContainer {
background : url('../img/bottomPatternLight.png') 0 0 repeat #2e2f33;
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 0;
}
div#footerContainer h3, div#footerContainer p, div#footerContainer a {
color : #e1e5e9;
}
ul#tweetList li p {
font-size : 11px;
font-style : italic;
}
ul#tweetList li p span {
display : block;
color : #77797c;
}
form#subscribeForm div {
position : relative;
}
form#subscribeForm input[type="text"] {
background : url('../img/darkInputPattern.png') 0 0 repeat-x;
height : 45px;
border-radius : 5px;
border : none;
width : 205px;
padding : 0 70px 0 10px;
}
a.redButton {
border-radius : 5px;
background : url('../img/redButtonOut.png') 0 0 repeat-x;
font-size : 14px;
color : white;
text-transform : uppercase;
padding : 10px 20px;
cursor : pointer;
}
a.redButton:hover {
background : url('../img/redButtonOver.png') 0 0 repeat-x;
text-decoration : none;
}
a.redButton img {
margin : 7px 0 2px 4px;
}
#newsletterSignup {
position : absolute;
top : 2px;
right : 2px;
}
ul#contactInfoList li {
border-radius : 5px;
background-color : #424347;
color : #e1e5e9;
padding : 15px;
font-size : 11px;
margin-bottom : 3px;
}
div#footerCopyrightContainer {
background : url('../img/bottomPatternDark.png') 0 0 repeat #242528;
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 0;
}
div#footerCopyrightContainer ul {
margin-top : 7px;
text-align : right;
}
div#footerCopyrightContainer ul li {
display : inline;
padding-right : 5px;
}
div#breadcrumbsContainer {
background : url('../img/breadcrumbsBG.png') 0 0 repeat-x;
height : 60px;
}
div#breadcrumbsContainer p {
color : #92979d;
font-size : 11px;
height : 60px;
line-height : 60px;
margin : 0;
}
div.sidebarContainer {
width : 283px;
margin-right : 50px;
}
div.sidebarItem {
border-radius : 5px;
border : #e1e5e9 solid 1px;
margin-bottom : 30px;
}
ul.arrowList {
background : url('../img/sidebarGradBG.png') 0 0 repeat-x;
}
ul.arrowList li {
padding : 14px 20px;
background-image : url('../img/sidebarPointRed.png');
background-repeat : no-repeat;
background-position : 92% 15px;
}
ul.arrowList_second {
background-position : 0 0;
}
ul.arrowList_second li {
padding-top : 10px;
padding-right : 0;
padding-bottom : 10px;
padding-left : 20px;
background-image : url(../img/sidebarPointRed.png);

background-repeat : no-repeat;
background-position : 99% 14px;
border-bottom-width : thin;
border-bottom-style : solid;
border-bottom-color : #e1e5e9;
}
li.activeSidebarItem {
background : url('../img/sidebarPointDark.png') 92% 16px no-repeat !important ;
font-weight : bold;
color : #62656b;
}
div.sidebarHeader {
background : url('../img/sidebarHeaderBG.png') 0 0 repeat-x;
height : 47px;
padding : 0 20px;
}
div.sidebarHeader h3 {
height : 47px;
line-height : 47px;
color : #333;
}
div#pageContent {
width : 625px;
}
ul#servicesList li {
overflow : hidden;
border-bottom : 1px solid #e1e5e9;
padding-bottom : 5px;
margin-bottom : 20px;
}
ul#servicesList li img {
margin : 0 15px 15px 0;
}
ul#servicesList li h3 {
height : 31px;
line-height : 31px;
}
ul#servicesList li p {
color : #666;
}
ul#servicesList li p.block {
color : #666;
text-align : justify;
}
ul#servicesList2 li {
overflow : hidden;
margin-bottom : 20px;
padding-left : 100px;
}
ul#servicesList2 li img {
margin : 0 15px 15px 0;
}
ul#servicesList2 li h3 {
height : 15px;
line-height : 15px;
list-style-position : inside;
list-style-type : disc;
font-weight : bold;
color : #06C;
}
ul#servicesList2 li p {
color : #919295;
}
ul#galleryList li {
border-bottom : 1px solid #e1e5e9;
padding-bottom : 15px;
margin-bottom : 20px;
}
ul#galleryList li p {
color : #919295;
}
div.galleryImg {
margin-top : 20px;
background : url('../img/galleryBoxShadow.png') bottom center no-repeat;
padding-bottom : 20px;
}
ul.basicList li {
border-bottom : 1px solid #e1e5e9;
padding : 0 20px;
}
ul.basicList li p {
color : #919295;
}
div.sidebarGeneral {
margin : 20px;
}
form#contactForm {
overflow : hidden;
}
form#contactForm p {
margin-top : 0;
}
form#contactForm input[type="text"] {
background : url('../img/lightInputBG.png') 0 0 repeat-x;
height : 47px;
border-radius : 5px;
border : #e1e5e9 solid 1px;
width : 260px;
padding : 0 10px;
}
form#contactForm input[type="text"]:hover {
border : #b8babd solid 1px;
}
form#contactForm textarea {
background : url('../img/lightTextareaBG.png') 0 0 repeat-x;
height : 179px;
border-radius : 5px;
border : #e1e5e9 solid 1px;
width : 570px;
padding : 10px 10px 0 10px;
}
form#contactForm textarea:hover {
border : #b8babd solid 1px;
}
form#contactForm label {
text-transform : uppercase;
display : block;
margin-bottom : 10px;
}
form#contactForm p.additionalOptions a {
color : #dd0c46;
line-height : 41px;
height : 41px;
}
p.oneHalfCol {
width : 47%;
margin-right : 3%;
float : left;
}
.ie7 ul#nav li a:hover {
text-decoration : none;
}
.ie7 a.redButton img {
margin : 7px 0 5px 4px;
}
.ie7 div#clientListContainer ul li p img {
margin-top : 40px;
}
.ie7 form#contactForm input[type="text"], .ie7 form#subscribeForm input[type="text"] {
padding-top : 15px;
height : 32px;
}
.ie7 form#contactForm textarea {
padding-top : 15px;
height : 174px;
}