html {
height: 100%;
min-height: 100%; 
overflow-y: scroll;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #333333;
background-color: #333333;
height: 100%;
min-height: 100%;
background-image: url(../images/mainBG.jpg);
background-position: top center;
background-repeat: no-repeat;
}

td, body {
font-size: 9pt;
font-family: Arial, Helvetica, sans-serif;
color: #333333;
line-height: 20px;
}

a {
color: #0066CC;
font-weight: bold;
text-decoration: underline;
outline: none;
}

a:hover{
color: #0066FF;
font-weight: bold;
text-decoration: none;
}

img { 
behavior: url(../scripts/iepngfix.htc); 
}

div {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.error{
color: #CC0000;
border: 1px solid #CC0000;
padding: 10px 10px 10px 10px;
margin: 10px 0px 10px 0px;
background-color: #FFE8E8;
}

.success {
color: #006600;
border: 1px solid #006600;
padding: 10px 10px 10px 10px;
margin: 10px 0px 10px 0px;
background-color: #DFFFDF;
}

.box {
background-color: #F4E9D3;
border: 1px dashed #333333;
padding: 7px 7px 7px 7px;
}

hr {
height: 1px;
border-top: 1px dashed #CCCCCC;
border-bottom: 0px dashed #FFFFFF;
border-left: 0px dashed #FFFFFF;
border-right: 0px dashed #FFFFFF;
}

.clear {
clear: both;
line-height: 1px;
font-size: 1px;
}

form {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.FormSectionHeader {
color: #854221;
font-size: 15pt;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: bold;
border-bottom: 1px dashed #F5E3BF;
padding: 5px 0px 5px 0px;
margin: 0px 0px 7px 0px;
}

.breadcrumb{
height: 26px;
background-image: url(../images/breadcrumb.jpg);
background-position: top left;
background-repeat: repeat-x;
padding: 10px 10px 0px 10px;
border-bottom: 1px dotted #CCCCCC;
margin: -10px -10px 8px -10px;
}

.breadcrumb a{
color: #557B2B;
text-decoration: none;
}

.breadcrumb a:hover{
text-decoration: underline;
}

.pageTitle{
color: #854221;
font-size: 15pt;
font-family: Georgia, "Times New Roman", Times, serif;
font-weight: normal;
border-bottom: 1px dashed #F5E3BF;
padding: 5px 0px 5px 0px;
margin: 0px 0px 7px 0px;
}

.Heading, h1 {
color: #333333;
font-size: 15pt;
letter-spacing: -1px;
font-weight: normal;
border-bottom: 1px dotted #666666;
padding: 5px 0px 5px 0px;
margin: 0px 0px 7px 0px;
}

.header {
width: 930px;
height: 145px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #666666;
}

a.menu{
background: transparent url("../images/menuLeft.jpg") no-repeat top left;
display: block;
float: left;
font: bold 11pt Arial;
text-transform: uppercase;
line-height: 40px;
height: 40px; 
padding-left: 7px;
text-decoration: none;
white-space: nowrap;
letter-spacing: -1px;
background-color: #FFFFFF;
}

a:link.menu, a:visited.menu, a:hover.menu, a:active.menu{
color: #333333;
text-decoration: none;
white-space: nowrap;
}

a.menu span{
background: transparent url("../images/menuMain.jpg") no-repeat top right;
display: block;
padding: 6px 17px 13px 11px;
}

a:hover.menu{ 
background: transparent url('../images/menuLeft2.jpg') no-repeat top left;
text-decoration: none;
white-space: nowrap;
color: #000000;
}

a:hover.menu span{
background: transparent url('../images/menuMain2.jpg') no-repeat top right;
padding: 3px 17px 19px 11px;
}

.menuHolder{
float: right;
margin-top: 105px;
margin-right: 5px;d
}

.imageLoader {
display: none;
}

.contentHolder {
width: 926px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/contentBG.jpg);
background-position: center top;
background-repeat: repeat-y;
padding: 2px 2px 2px 2px;
}

.contentHolder2 {
width: 926px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/contentBG2.jpg);
background-position: center top;
background-repeat: repeat-y;
padding: 2px 2px 2px 2px;
}

.leftCol{
width: 230px;
float: left;
}

.middleCol2Span{
width: 462px;
float: left;
margin-left: 2px;
}

.middleCol3Span{
width: 694px;
float: left;
margin-left: 2px;
background-color: #FFFFFF;
}

.rightCol{
width: 230px;
float: left;
margin-left: 2px;
}

.colContent{
padding: 10px 10px 10px 10px;
background-image: url(../images/colTop.jpg);
background-position: top left;
background-repeat: repeat-x;
min-height: 100px;
}

.colContentWhite{
padding: 10px 10px 10px 10px;
}

.headingOrange{
height: 37px;
background-image: url(../images/headerOrange.jpg);
background-position: top left;
background-repeat:no-repeat;
padding: 13px 10px 0px 10px;
font: bold 15pt Arial;
letter-spacing: -1px;
color: #FFFFFF;
background-color: #FFFFFF;
text-transform: lowercase;
}

.headingGreen{
height: 37px;
background-image: url(../images/headerGreen.jpg);
background-position: top left;
background-repeat: repeat-x;
padding: 13px 10px 0px 10px;
font: bold 15pt Arial;
letter-spacing: -1px;
color: #FFFFFF;
text-transform: lowercase;
}

.colDivider {
font-size:1px;
line-height: 1px;
height: 2px;
background-color:#FFFFFF;
}

.headingBlue{
height: 37px;
background-image: url(../images/headerBlue.jpg);
background-position: top left;
background-repeat:no-repeat;
padding: 13px 10px 0px 10px;
font: bold 15pt Arial;
letter-spacing: -1px;
color: #FFFFFF;
text-transform: lowercase;
}

.footer {
width: 930px;
height: 56px;
margin-left: auto;
margin-right: auto;
background-image: url(../images/footerBG.jpg);
background-position: center top;
background-repeat: no-repeat;
text-transform: uppercase;
font-size: 7pt;
background-color: #FFFFFF;
}

.footerLeft{
float: left;
padding: 24px 0px 0px 20px ;
}

.footerRight{
float: right;
padding: 24px 20px 0px 10px ;
}

.clientThumbs {
letter-spacing: 7px;
line-height: 28px;
border-bottom: 1px dashed #CCCCCC;
margin-bottom: 8px;
}

.clientThumbs img {
border: 2px solid #000000;
}

.clientTitle{
font: bold 15pt Arial;
letter-spacing: -1px;
margin-top: 7px;
}

.client img {
border: 2px solid #000000;
}

.menuSub{
margin: 0px -10px 0px -10px ;
}

.menuSub a{
display: block;
padding: 5px 10px 5px 10px;
font-size: 12pt;
text-decoration: none;
letter-spacing: -1px;
border-bottom: 1px dashed #CCCCCC;
}

.menuSub2 {
background-color: #4986C4;
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px ;
background-image: url(../images/menuSub2BG.jpg);
background-position: center top;
background-repeat: repeat-x;
}

.menuSub2 a{
display: block;
padding: 0px 5px 0px 5px;
font-size: 8pt;
text-decoration: none;
letter-spacing: 0px;
border-bottom: 0px dashed #CCCCCC;
color: #FFFFFF
}

.menuSub2 a:hover {
text-decoration: underline;
}

.menuSub2Divider{
font-size:1px;
line-height: 1px;
height: 5px;
border-bottom: 1px dashed #CCCCCC;
}

.SiteMenu-0 a {
  display: none;
}

.SiteMenu-1 {
margin: 0px -10px 0px -10px ;
}

.SiteMenu-1 a{
display: block;
padding: 5px 10px 5px 10px;
font-size: 12pt;
text-decoration: none;
letter-spacing: -1px;
border-bottom: 1px dashed #CCCCCC;
}

.SiteMenu-1 a:hover, .SiteMenu-1 a.Active{
  text-decoration: underline;
}

.SiteMenu-1 div {
background-color: #4986C4;
padding: 5px 5px 5px 5px;
margin: 5px 0px 0px 0px ;
background-image: url(../images/menuSub2BG.jpg);
background-position: center top;
background-repeat: repeat-x;
}

.SiteMenu-2 div {
padding: 10px 10px 10px 15px;
margin-top: 0px;
background-image: none;
}

.SiteMenu-1 div a{
display: block;
padding: 0px 5px 0px 5px;
font-size: 8pt;
text-decoration: none;
letter-spacing: 0px;
border-bottom: 0px dashed #CCCCCC;
color: #FFFFFF
}

.SiteMenu-1 div a:hover{
  text-decoration: underline;
}


.clientWork {
padding: 7px 7px 7px 7px;
background-color: #EBEBEB;
margin: 5px 5px 5px 5px;
}

.clientWork img{
border: 2px solid #333333;
float:left;
margin-right: 7px;
}

.clienWorkCont{
float: left;
width: 535px;
}

.clientWork:hover {
background-color:#D2E1F0;
}

.clienLinksBG {
float: right;
text-align: right;
padding: 3px 0px 0px 0px;
position: relative;
}

.clientDetails img{
margin-bottom: 5px;
}

/* BLOG CSS CODE - START */

.blogColLeft {
margin: 0px 15px 0px 0px; 
float:left;
width: 447px;
display: inline;
}

.blogColLeftTitle{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 20pt;
padding: 0px 0px 0px 0px;
margin: 0px 0px 7px 0px;
}

.blogColLeftTitle a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 20pt;
color: #000000;
font-weight: normal;
text-decoration: none;
}

.blogColLeftTitle a:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 20pt;
color: #000000;
font-weight: normal;
text-decoration: underline;
}

.blogColLeftVideo{
text-align: center;
}

.blogColLeftDate{
font-size: 9pt;
color: #FF6600;
font-weight: bold;
padding: 0px 0px 7px 0px;
margin: 0px 0px 7px 0px;
border-bottom: 1px dotted #333333;
}

.blogColLeftContent {
padding: 0px 0px 7px 0px;
margin: 0px 0px 7px 0px;
border-bottom: 1px dotted #CCCCCC;
}

.blogColLeftControls {
padding: 0px 0px 7px 0px;
margin: 0px 0px 50px 0px;
border-bottom: 1px dotted #333333;
}

.blogColLeftCommentDate{
color: #FF6600;
font-weight: bold;
font-size: 7.5pt;
}

.blogColLeftCommentCont {
padding: 7px 0px 7px 0px;
margin: 0px 0px 7px 0px;
border-bottom: 1px solid #333333;
}

.blogColRight {
line-height: 22px;
margin: 0px 0px 0px 0px;
padding: 10px 10px 10px 10px;
float:left;
width: 180px;
display: inline;
background-color:#E9E9E9;
}

.blogColRightTitle{
padding: 7px 0px 7px 0px;
margin: 7px 0px 7px 0px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 17pt;
border-bottom: 1px solid #333333;
}

.blogArchiveTitle {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11pt;
}

.blogArchiveTitle a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11pt;
color: #000000;
font-weight: normal;
text-decoration: none;
}

.blogArchiveTitle a:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 11pt;
color: #000000;
font-weight: normal;
text-decoration: underline;
}

.blogArchiveDate {
color: #FF6600;
font-weight: bold;
font-size: 7.5pt;
}


.blogArchiveMonth{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 15pt;
padding: 0px 0px 7px 0px;
margin: 7px 0px 7px 0px;
border-bottom: 1px dotted #333333;
}

.blogArchiveMonth a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10pt;
font-weight: normal;
text-decoration: none;
}

.blogArchiveMonth a:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10pt;
font-weight: normal;
text-decoration: underline;
}

.blogArchiveMonthClose{
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 15pt;
padding: 0px 0px 7px 0px;
margin: 7px 0px 7px 0px;
border-bottom: 1px dotted #333333;
}

.blogArchiveMonthClose a {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10pt;
color: #CC0000;
font-weight: normal;
text-decoration: none;
}

.blogArchiveMonthClose a:hover {
font-family:Georgia, "Times New Roman", Times, serif;
font-size: 10pt;
color: #FF0000;
font-weight: normal;
text-decoration: underline;
}

.blogHolder {
padding: 10px 0px 10px 0px;
margin: 10px 0px 10px 0px;
border-top: 2px solid #333333;
border-bottom: 2px solid #333333;
}


.blogArchiveDivider {
margin: 5px 0px 5px 0px;
font-size: 1px;
border-bottom: 1px dashed #CCCCCC;
}

a.blogViewArchive {
padding: 5px 5px 5px 5px;
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
text-decoration: none;
}

a.blogViewArchive:hover{
padding: 5px 5px 5px 5px;
color: #FFFFFF;
background-color: #003366;
border: 1px solid #000000;
text-decoration: none;
}

a.blogCatSelected {
color: #009F00;
font-weight: bold;
text-decoration: none;
}

.panelBody {
border-top: 2px solid #666666;
padding: 0px 0px 7px 0px;
}

.blogMonthHolder {
padding: 5px 0px 5px 0px;
border-bottom: 2px solid #666666;
}

#accordion h3 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 15pt;
font-weight: normal;
padding: 0px 0px 7px 0px;
margin: 7px 0px 7px 0px;
border-bottom: 1px dotted #333333;
}

/* BLOG CSS CODE - END */

.DataList br {
display: none;
}

a.DataListItemLink, a.DataListItemLink:hover{
padding: 0px;
text-decoration: none;
font-size: 12px;
border-bottom: 1px dotted #0066CC;
display: block;
padding: 5px;
margin: 0px;
line-height: normal;
}

a.DataListItemLink:hover{
background-color: #0066CC;
color: #fff;
}

.DataListItemObject {
border-left: 1px dotted #0066CC;
border-right: 1px dotted #0066CC;
border-bottom: 1px dotted #0066CC;
margin-bottom: 5px;
}

.DataListItemObject div{
margin: 0px;
padding: 10px;
}


.DataListItemObject br {
display: inline;
}

/*test gallery for serendipity*/

.fbLink {
  pointer-events: none !important;
}

.facebook {
  padding: 3em;
  background-image: none !important;
  pointer-events: initial !important;
}

.twitter, .google {
  background-image: none !important;
}