body {
margin: 0px;
/*background: #09387E;*/
background:#09387E url(../images/goodbackgroundB.jpg) no-repeat scroll top center;
padding-top: 15px;
padding-bottom: 15px;
font-family: Arial;
font-size: 15px;
}

input {
border: 1px solid #4283FB;
background: #ABE1FA;
margin-left: 10px;
}

.clear{
clear:both;
}

#wrapper {
margin: 0 auto;
width: 960px;
padding: 15px;
background: #FFFFFF;
-moz-border-radius: 10px;
}

#Search {
padding: 0px;
margin: 0px;
clear: none;
width: 180px;
float: left;
}

#searchContainer {
width: 290px;
height: 25px;
padding-top: 5px;
padding-bottom: 5px;
float: right;
}

legend { 
display: none; 
}

#SearchForm_SearchForm .middleColumn {
margin: 0px;
padding: 0px;
clear: none;
width: 180px;
float: left;
}

#SearchForm_SearchForm_action_results {
float: right;
padding-left: 18px; 
background: url(../images/search.png) no-repeat #ABE1FA;
background-position: 2px 2px;
margin: 0px;
font-weight: 0;
font-size: 12px;
line-height: 14px;
height: 22px;
width: 70px;
}

#SearchForm_SearchForm_Search {
float: left;
margin: 0px;
padding: 0px;
font-weight: none;
font-size: 12px;
line-height: 20px;
height: 20px;
width: 180px;
}

#SearchResults {
list-style: none;
}

.homePageProject {
float: left; 
width: 250px; 
margin: 5px; 
padding-bottom: 10px; 
overflow: hidden;
border-bottom: 1px dashed #B2B2B2;
}

.homePageProject p {
text-align: justify;
}


.topNavigation {
display: block;
position: absolute;
padding: 0px;
margin: 0px;
list-style-type: none;
font-size: 80%;
}

.topNavigation table {
position:absolute;
border-collapse:collapse;
z-index:80;
left:-1px;
top:25px;
}

.topNavigation li {
position: relative;
float: left;
display: block;
padding-left: 18px;
background: url(../images/navTop.png) no-repeat;
margin-right: 10px;
}

.topNavigation li a {
color: #676767;
text-decoration: none;
}

.topNavigation li a:hover {
color: #676767;
text-decoration: underline;
}

.topNavigation ul {
position:absolute;
left: -9999px;
width: 110px;
background: #FFF;
border: 1px solid #4283FB;
list-style: none;
padding: 10px;
z-index: 100;
}

.topNavigation ul li {
display: block;
width: 110px;
padding: 0;
background: #FFF;
padding-bottom: 2px;
padding-top: 2px;
}

.topNavigation li:hover ul,
.topNavigation a:hover ul{
z-index: 1000;
left: 0px;
}

#header {
width: 960px;
height: 280px;
}

.headerBox {
float: left;
margin-top: 10px;
width: 960px;
height: 200px;
background: #E0E0E0;
}

.headerText {
float: right;
width: 348px;
padding: 10px;
}

.headerText h1 {
color: #FFFFFF;
}

.headerText p {
color: #FFFFFF;
}

#container {
margin-top: 10px;
}

#barLeft {
width: 200px;
margin-right: 10px;
float: left;
}

#barLeftPage {
width: 200px;
float: left;
}

#Layout {
width: 540px;
float: left;
padding: 0px;
margin: 0px;
}

#LayoutPage {
width: 740px;
float: left;
padding: 0px;
margin: 0px;
padding-left: 10px;
margin-left: 9px;
border-left: 1px dashed #B2B2B2;
}

.clientInformation {
width: 100%; 
margin-bottom: 10px; 
padding: 0px; 
border-bottom: 1px dashed #B2B2B2; 
background: #FFFFFF;
clear: both;
min-height: 100px;
float: left;
}

.clientInformation div {
width: 270px;
clear: both;
min-height: 100px;
}

.clientInformation img {
border: 1px solid #FFFFFF;
background: #FFFFFF;
margin-left: auto;
clear: both;
}

.clientInformation a {
border: 1px solid #FFFFFF;
background: #FFFFFF;
}

.websiteInformation {
width: 100%; 
margin-bottom: 10px; 
padding: 0px; 
border-bottom: 1px dashed #B2B2B2; 
min-height: 150px;
}

.websiteInformation img {
border: 0px;
}

.projectInformation {
margin-bottom: 10px;
padding: 0px;
padding-bottom: 10px;
border-bottom: 1px dashed #B2B2B2;
}

.projectInformation img {
border: 0px;
}

.website {
width: 375px; 
height: 480px;
}

.website img {
border: 0px;
width: 100%;
height: 100%;
}

.LatestWebsitesHome img {
border: 0px;
}

#barRight {
width: 200px;
margin-left: 10px;
float: right;
}

.pageNavigation {
width: 200px;
padding: 0px;
margin: 0px;
list-style: none;
}

.pageNavigation li {
width: 200px;
border-bottom: 1px dashed #B2B2B2;
text-align: center;
}

.pageNavigation li a {
display: block;
width: 180px;
line-height: 25px;
height: 25px;
text-align: left;
padding-left: 20px;
color: #4283FB;
font-size: 17px;
text-decoration: none;
}

.pageNavigation li a:hover {
text-decoration: underline;
}

.Level2 {
border-top: 1px dashed #B2B2B2;
width: 200px;
padding: 0px;
margin: 0px;
list-style: none;
background: #E0E0E0;
}

.Level2 li {
width: 200px;
border-bottom: 0px;
}

.Level2 li a {
display: block;
width: 180px;
line-height: 25px;
height: 25px;
text-align: left;
padding-left: 20px;
margin-left: 20px;
background: url(../images/navTop.png) no-repeat 0px 5px;
color: #4283FB;
}

.sideBox {
background: #ABE1FA;
width: 180px;
padding: 10px;
margin-bottom: 10px;
}

.sideBox h2 {
padding: 0px;
margin: 0px;
color: #4283FB;
}

.sideBox h5 {
padding: 0px;
margin: 0px;
color: #4283FB;
}

.sideBox p {
padding: 0px;
margin: 0px;
margin-bottom: 10px;
display: block;
}

.sideBox img {
margin-right: 10px;
margin-top: 10px;
margin-bottom: 20px;
width: 32px;
height: 32px;
border: 0px;
}

.sideBox .titleLink {
color: #4283FB;
font-weight: bold;
text-decoration: none;
}

.sideBox ul {
list-style: none;
display: block;
padding: 0px;
margin: 0px;
}

.sideBox li {
display: block;
margin: 0px;
width: 100%;
}

.sideBox a {
text-decoration: none;
color: #4283FB;
}

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

.gallery {
margin-top: 10px;
width: 518px;
border: 1px dashed #CDCDCD;
padding-top: 10px;
padding-bottom: 10px;
float: left;
}

.galleryImage {
margin-left: 10px;
float: left;
padding: 4px;
border: 1px solid #CDCDCD;
background: #EFEFEF;
}

.galleryImage img{
border: 0px;
padding: 0px;
text-decoration: none;
}

.GalleryTitle {
margin-left: 10px;
}

#marqueecontainer{
position: relative;
height: 140px; /*marquee height */
overflow: hidden;
}

#vmarquee {
position: absolute;
width: 100%;
}

#vmarquee  a {
text-decoration: none;
color: #4283FB;
}

#vmarquee a:hover {
text-decoration: underline;
}

#vmarquee .title {
color: #4283FB;
}

#Sidebar {
float: right;
width: 200px;
}

.tagcloud {
padding: 0px;
margin: 0px;
}

.sidebarBox {
width: 180px;
padding: 10px;
margin: 0px;
margin-bottom: 10px;
background: #ABE1FA;
}

.sidebarBox ul {
padding: 0px;
margin: 0px;
width: 100%;
float: left;
list-style: none;
text-align: left;
display: block;
}

.sidebarBox ul li {
padding: 0px;
margin: 0px;
}

.sidebarBox ul li a{
padding: 0px;
margin: 0px;
text-align: left;
display: inline;
}

.archiveMonths {
padding: 0px;
margin: 0px;
list-style: none;
display: block;
width: 100%;
}

.not-popular {
font-size: 60%;
}

.downloadBox {
background: #23AE00;
width: 180px;
padding: 10px;
margin-bottom: 10px;
inherit
}

.downloadBox p {
padding: 0px;
margin: 0px;
display: block;
margin-bottom: 15px;
color: #FFFFFF;
}

.downloadBox img {
margin: 10px;
margin-bottom: 2px;
width: 32px;
height: 32px;
border: 0px;
}

.downloadBox #SupportLink,
.downloadBox a {
color: #FFFFFF;
font-weight: bold;
margin-bottom: 25px;
text-decoration: none;
text-align: left;
}

.downloadBox #SupportLink:hover,
.downloadBox a:hover {
text-decoration: underline;
}

#Breadcrumbs {
width: 100%;
height: 25px;
line-height: 25px;
border-bottom: 1px dashed #B2B2B2;
margin-bottom: 10px;
}

#Breadcrumbs p,
#Breadcrumbs p a {
font-size: 10px;
line-height: 25px;
}

#Breadcrumbs p strong {
font-size: 11px;
color: #4283FB;
font-weight: bold;
}

#footer {
width: 960px;
border-top: 1px solid #B2B2B2;
padding-top: 10px;
margin-top: 10px;
clear: both;
}

#footer p{
text-align: center;
font-size: 80%;
color: #676767;
}

#footer p a {
color: #676767;
text-decoration: none;
font-weight: bold;
}

#footer p a:hover {
text-decoration: underline;
}

