body {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#D8D8D8 url(../images/background.png) repeat-x scroll 0 0;
font-family:arial,helvetica,sans-serif;
font-size:14px;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
margin:0;
padding:0;
}



html {
    height: 101%;
}

body {
    font-size: 14px;
    font-family: arial,helvetica,sans-serif;
    background: #d8d8d8 url(../images/background.png) repeat-x;
}

em {
    font-style: italic;
}

h1 {
    background: white url(../images/title_test.png) no-repeat;
    width: 724px;
    height: 50px;
    font-size: 30px;
    margin-bottom: 20px;
    color: #666;
    text-align: right;
    padding: 40px 20px 0 0;
}

h2 {
    margin-bottom: 7px;
    font-size: 17px;
    color: #00628C;
    clear: both;
}

h3 {
    font-size: 15px;
    margin-bottom: 7px;
    clear: both;
}

a {
    color: #444;
    text-decoration: underline;
}

p {
    line-height: 1.5em;
}

#wrapper {
    width: 814px;
    margin: 0 auto;
    border: 2px solid #e8e8e8;
    border-width: 0 2px;
    overflow: hidden;
}

#header {
    height: 122px;
    background: white;
}

#header #slogan {
    float: right;
    font-size: 25px;
    color: #0b5443;
    font-style:italic;
    width: 466px;
    line-height: 122px;
}

#slogan span {
    padding-left: 5px;
}

#slogan #smart {
    font-size: 20px;
}

#header #sws-logo {
    float: left;
    padding: 26px;
}


#tabs {
    background: transparent url(images/bg_tabs.gif) repeat-x; 
    height: 31px;
}

.tab {
    float: left;
    width: 101px;
    height: 31px;
    line-height: 31px;
    background: transparent url(../images/bg_tabs.gif) repeat-x;
}

.tab-openSource, .tab-grails {
    width: 104px;
}

.tab a {
    display: block;
    text-align: center;
    background: transparent url(../images/tab_separator.gif) no-repeat;
}

.tab a:hover {
    text-decoration: underline;
}

#home-page #scalability {
    padding-left: 30px;
}

#home-page #scalability .underline {
    text-decoration: underline;
}

#home-page #tab-home,
#aboutUs-page #tab-aboutUs,
#virtualOutsourcing-page #tab-virtualOutsourcing,
#services-page #tab-services,
#contact-page #tab-contact,
#portfolio-page #tab-portfolio,
#grails-page #tab-grails,
#partners-page #tab-partners,
#openSource-page #tab-openSource {
    background-position: 0 -31px;
}

#home-page #tab-home a,
#aboutUs-page #tab-aboutUs a,
#services-page #tab-services a,
#contact-page #tab-contact a,
#portfolio-page #tab-portfolio a,
#grails-page #tab-grails a,
#partners-page #tab-partners a,
#openSource-page #tab-openSource a {
    color: white;
}


#content {
    padding: 25px 35px 40px 35px;
    background: white;
    float: left; /* for bfc */
    width: 744px;
}

#content p {
    margin-bottom: 15px;
}

#col-left {
    float: left;
    width:250px;
}

#col-right {
    float: right;
    width: 460px;
}


#services-page #col-right,
#grails-page #col-right {
    width: 185px;
}

#home-page #col-right {
    background: white;
}

#image {
    text-align: center;
    padding-bottom: 20px;
}

.block {
    margin-bottom: 20px;
}

.block .title {
    background: #0b5443;
    padding: 4px 7px;
    color: white;
    font-weight: bold;
}

.block .title .titleLink {
    float: right;
    font-size: .8em;
}

.block .title .titleLink a {
    color: white;
}

.block .body {
    padding: 5px 5px 10px 5px;
    line-height: 1.2em !important;
    background: #eee;
}

.block .checkboxList {
    margin-top: 10px;
    margin-bottom: 0;
}

.block .checkboxList li {
    padding-bottom: 2px;

}


.nodeSummaryList .nodeSummary {
    margin-bottom: 3px;
}

.nodeSummaryList .nodeSummary .nodeDate {
    font-size: .8em;
    color: #666;
}

#portfolioPage .portfolioBlock {
    overflow: hidden;
    margin-bottom: 20px;
}


#portfolioPage .thumbnails {
    float: left;
    margin-right: 20px;
}

#portfolioPage .thumbnails img {
    float: left;
    margin-right: 7px;
}

#footer {
    padding: 10px;
    text-align: center;
    clear: both;
}

.checkboxList {
    padding-left: 35px;
    margin-bottom: 20px;
}

.checkboxList li {
    list-style-image: url(../images/checked.gif);
    padding-bottom: 10px;
}


#services-page #col-left,
#grails-page #col-left {
    width: 545px;
}

#portfolio-page #intranetBlock {
    float: left;
    width: 368px;
    margin-right: 4px;
}

#portfolio-page #internetBlock {
    float: left;
    width: 368px;
}

#portfolio-page #blocks {
    overflow: hidden;
    margin-bottom: 20px;
}


.portfoliosBlock .intranetTitle {
    /* background: transparent url(../images/title_intranet.png); */
    /*height: 79px;*/
}

.portfoliosBlock .internetTitle {
    /* background: transparent url(../images/title_internet.png); */
    /*height: 79px;*/
}


.portfolioBlock {
    float: left;
    padding: 10px;
    padding-bottom: 20px;
}

.portfolioBlock .pic {
    float: left;
    margin-right: 5px;
}

.portfolioBlock .name {
    font-weight: bold;
    margin-left: 105px;
    margin-bottom: 5px;
}


.portfolioBlock .link {
    float: left;
    padding-top: 10px;
}

.portfolioBlock .description {
    float: left;
    width: 240px;
}

.partnerBlock {
    background: transparent url(../images/logo_PH_Legal.png) no-repeat;
    padding-left: 70px;
    height: 90px;
}

#laurenTrimble.partnerBlock {
    background: transparent url(../images/logo_DEL.png) no-repeat;
}

#bis.partnerBlock {
    background: transparent url(../images/logo_iForte.png) no-repeat;
}

.partnerBlock a.companyLink {
    font-size: 1.2em;
    color: #127EC5;
    font-weight: bold;
}

.partnerBlock p {
    line-height: 1.3em;
}


#testimonials .testimonial {
    margin-bottom: 15px;
}

#testimonials .quote {
    font-style: italic;
}

#testimonials .credit {
    font-weight: bold;
    color: #333;
}

#contact-page label {
    float: left;
    width: 100px;
}

#contact-page #mailingAddress {
    margin-left: 100px;
}

#contact-page .line {
    margin-bottom: 7px;
}

#contact-page .fieldText .error {
    padding-left: 100px;
    color: red;
}

#contact-page .fieldWrapper {
    margin-bottom: 10px;
}

#contact-page #message {
    width: 400px;
    height: 200px;
}

#contact-page #captchaChallenge {
    padding-bottom: 3px;
}

#contact-page #captchaResponse {
    margin-left: 100px;
}

#messageThankYou {
    font-weight: bold;
}

#aboutImage {
    float: right;
    width: 250px;
    margin-left: 10px;
}

#contactImage {
    float: right;
    width: 250px;
    margin-left: 10px;
}

#contactFormIntro {
    clear: right;
    padding-top: 20px;
}