body {background:#fff; color:#3a3a3a; font:12px/1.5 Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif}



/* GENERAL & REUSABLES */

.wrapper {width:900px; padding:0 50px; margin:0 auto}

em, q {font-style:italic}
hr {border:0; background-color:#ccc; height:5px; margin-bottom:2em}
.amp {font-family:palatino, 'palatino linotype', baskerville, constantia, 'liberation serif', serif !important; font-style:italic}
abbr, .smallcaps {text-transform:uppercase; font-size:90%}
abbr {cursor:help}
code {font-family:Consolas,"Courier New",Courier,FreeMono,"Nimbus Mono L","Liberation Mono",monospace; font-size:.85em}
cite {font-style:normal}
small {font-size:.9em}

h1,h2,h3,h4,h5,h6 {font-weight:normal; line-height:1.3; margin:1em 0 .2em}
h1 {font-size:2em}
h2 {font-size:1.8em}
h3 {font-size:1.5em}
h4 {font-size:1.3em}
h5 {font-size:1.2em}
h6 {font-size:1em}

img {border:none !important;}

a:link, a:visited {color:#bf5328; text-decoration:none}
a:hover, a:active {text-decoration:underline}



/* THE VERY TOP SMALL NAV */

#cs-top-nav {background:#030404 url(/images/back-pattern.gif) 0 0 repeat-x; line-height:4.5em; color:#fff; border-bottom:1px solid #944f50}
#cs-top-nav .wrapper {text-align:right; width:930px; padding:0 35px}
#cs-top-nav a {color:#fff; text-decoration:none; padding:10px}
#cs-top-nav img {vertical-align:middle}



/* THE MASTHEAD */

#masthead {background:#3a81b5 url(/images/masthead-back-repeat.jpg) 0 0 repeat-x; color:#fff; font-size:1.2em; border-top:1px solid #90bdde}

#masthead .wrapper {background:#3a81b5 url(/images/masthead-back.jpg) 0 0 no-repeat; padding:25px 50px 0; min-height:6em}
#home #masthead .wrapper {min-height:255px}

#masthead h1 {float:left; margin:-90px 50px 0 -15px; text-indent:-9999px; width:353px; height:92px; background:url(/images/logo2.png) 0 0 no-repeat}
#home #masthead h1 {margin:0 50px 0 40px; padding:0 55px 0 0; width:325px; height:229px; background:url(/images/logo.png) 0 0 no-repeat; border-right:2px solid #88b6e2}

#masthead h2 {text-indent:-9999px; margin:20px 0 0 !important; clear:left}
#home #masthead h2 {clear:none}
#masthead h2#welcome {width:197px; height:35px; background:url(/images/h-welcome.png) 0 0 no-repeat; margin:20px 0 .7em 465px !important}
#masthead h2#training {width:167px; height:44px; background:url(/images/h-training.png) 0 0 no-repeat}
#masthead h2#services {width:165px; height:44px; background:url(/images/h-services.png) 0 0 no-repeat}
#masthead h2#products {width:178px; height:44px; background:url(/images/h-products.png) 0 0 no-repeat}
#masthead h2#projects {width:178px; height:44px; background:url(/images/h-projects.png) 0 0 no-repeat}
#masthead h2#portfolio {width:175px; height:44px; background:url(/images/h-portfolio.png) 0 0 no-repeat}
#masthead h2#contact {width:157px; height:44px; background:url(/images/h-contact.png) 0 0 no-repeat}
#masthead h2#aboutus {width:187px; height:44px; background:url(/images/h-aboutus.png) 0 0 no-repeat}
#masthead p {margin-left:420px; padding-left:50px; border-left:2px solid #88b6e2}



/* MAIN NAVIGATION */

#main-nav {border-top:1px solid #c9c3b5; border-bottom:1px solid #c9c3b5; height:3.3em; font:bold 1.2em/48px Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; background:#f6f5f0; text-align:right}
#main-nav ul {float:left; margin-left:-1em}
#main-nav li {float:left; border-left:1px solid #c9c3b5; width:auto}
#main-nav li:first-child {border:0}
#main-nav li a {display:block; padding:0 1em; height:3.3em}
#main-nav li.current a, #main-nav li.current a:hover {background:#e8e0be}
#main-nav li a:hover {background:#e9e6d7; text-decoration:none}

/*
#main-nav form #search {border:3px solid #d2cfc7; background:#fff; padding:4px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px}
#main-nav form input {vertical-align:middle}
*/


/* MAIN CONTENT AREA */

#cs-main-content .wrapper {text-align:center}
#cs-main-content ul {list-style:disc}
#cs-main-content ol {list-style:decimal}
#cs-main-content ol, #cs-main-content ul {margin:0 0 1em 1.5em}
#cs-main-content p {margin:0 0 1em}

#cs-main-content .colwrap {overflow:hidden; float:left; text-align:left; background:transparent url(/images/main-content-back.jpg) center 0 no-repeat; padding-top:2em; padding-bottom:4em; width:100%}
.col1, .col2 {margin-bottom:-999.5em; padding-bottom:1000em}
.col1 {width:500px; float:left; margin-right:35px}
.col2 {width:365px; float:right}

.box {padding:3px; border:1px solid #f0f0f0; margin:1em 0}
.box p, .box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {background:#ebeef3; margin:0 !important}
.box p {padding:0 12px 12px}
.box h1, .box h2, .box h3, .box h4, .box h5, .box h6 {padding:12px}
.box blockquote {background:#ebeef3 url(/images/quote.png) .6em 1em no-repeat; padding:.5em 12px 0 2.8em; font:italic 1.3em/1.5 Arial,Helvetica,FreeSans,"Liberation Sans","Nimbus Sans L",sans-serif}
.box cite {color:#bf5328; font-style:italic; float:right; margin-top:-2.25em; width:100%; text-align:right; padding:12px}

.project {clear:both}
.project .col1 {width:400px; margin-right:0}
.project .col2 {width:500px}
.project img {margin:0 0 3em}
img.project-image {margin:1.5em 0 3em}



/* FOOTER */

#cs-footer {background:#030404 url(/images/back-pattern.gif) 0 0 repeat-x; color:#959595; padding-top:2em; clear:both}
#cs-footer #badges {float:right; width:auto}
#cs-footer #badges img {vertical-align:middle; margin-left:1em}
#cs-footer li {float:left; margin:1em 0 0 -1em; width:auto}
#cs-footer li a {color:#fff; font:bold 1em/2 Tahoma,Geneva,"DejaVu Sans Condensed",sans-serif; margin:0 1em}
#cs-footer li.current a {color:#bf5328}
#cs-footer p {padding:1em 0 3em; clear:left}
#cs-footer a {color:#959595}


/* ADDITIONAL SP STYLES */
.pageimage
{
	border:none !important;
}