/*baseline rules*/
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: helvetica, verdana, arial, sans-serif; text-align: left;}
table { border-collapse: collapse; border-spacing: 0;}
ol,ul { list-style: none;}
q:before,q:after,
blockquote:before,blockquote:after { content: "";}

TABLE   { border-collapse: collapse; margin-left: 20px; margin-right: 25px; margin-bottom: 10px }
TH { font-weight: bold; border: 1px solid black; padding: 2px}
TR { border: 1px solid black; padding: 2px}
TD { border: 1px solid black; padding: 2px}


/* end basline rules*/

/*Typography
--------------------------------------------------*/
/*middle section*/
#explain h2  { font-size: 20px; font-weight: bold; color: #3f3e37;}
#explain p { font-size: 15px; line-height: 18px; color: #3f3e37;}
/*main-content*/
#main-content h2 { font-size: 33px; color: #7fa129;}
#middlewarebox h3 { color: #fff; font-size: 19px;}
#middlewarebox p { color: #fff; font-size: 13px; line-height: 16px;}
#consultingbox h3 { color: #fff; font-size: 19px;}
#consultingbox p { color: #fff; font-size: 13px; line-height: 16px;}
#cando h3 { color: #f2f2f1; font-size: 20px;}
#cando li { color: #3f3e37; font-size: 16px; line-height: 22px;}
#clients h3 { color: #f2f2f1; font-size: 20px;}
#clients li { color: #3f3e37; font-size: 16px; line-height: 22px;}
#clients a { color: #2e3194; font-weight: bold}
/*secondary-content*/
#secondary-content h2 { font-size: 33px; color: #7fa129;}
#secondary-content h3 { font-size: 22px; color: #d48724;}
#secondary-content h3 a:link, #secondary-content h3 a:hover, #secondary-content h3 a:visited, #secondary-content h3 a:active { font-size: 22px; color: #d48724; text-decoration:none;}
#secondary-content li a { font-size: 16px; line-height: 22px; color: #000;}
#nav2 li a { color: #fff; text-decoration: none; font-size: 12px; line-height:27px; display: block;}
#nav2 li a:link, #nav2 li a:active, #nav2 li a:visited { color: #fff; font-size: 14px; line-height:27px; display: block; text-decoration: none;}
#nav2 li a:hover { color: #908f8b;}
/*navigation special rules*/
.home { width: 41px; padding-left: 3px;}
#home a.home:link, #home a.home:visited, #home a.home:hover, #home a.home:active { background: url(../images/homeactive.jpg) no-repeat bottom center; color: #fff;} 
.about { width: 60px; }
#about a.about:link, #about a.about:visited, #about a.about:hover, #about a.about:active { background: url(../images/bigactive.jpg) no-repeat bottom center; color: #fff; padding-right: 7px; padding-left: 10px;}
.blog { width: 36px; }
#blog a.blog:link, #blog a.blog:visited, #blog a.blog:hover, #blog a.blog:active { background: url(../images/homeactive.jpg) no-repeat bottom center; color: #fff; padding-right: 7px; padding-left: 15px;} 
#contact a.contact:link, #contact a.contact:visited, #contact a.contact:hover, #contact a.contact:active { background: url(../images/bigactive.jpg) no-repeat bottom center; color: #fff; padding-right: 2px; padding-left: 0px; margin-left: -5px;} 
/*secondary page stuff*/
.secondary #main-content h3 { font-size: 20px; color: #d48724; border-bottom: 1px solid #d48724; width: 506px; margin-bottom: 8px; margin-top: 16px;}
.secondary #main-content p { font-size: 16px; line-height: 1.2;}
.secondary #main-content h2 { font-size: 37px; color: #2d2f94;}
.secondary #secondary-content h2 { color: #fff; font-size: 20px;}
a:link, a:hover, a:active { color: #7fa129;} 
a:visited { color: #d48724;}
#main-content h4 { font-size: 18px; color: #7fa129;}
a.continue { color: #fff;}
#consultingquestions { margin-top: 30px;}
.secondary #main-content #consultingquestions li {   width: 500px; background: #cfdab5; margin-left: 25px; margin-bottom: 15px; height: 120px; position: relative;}
.secondary #main-content #consultingquestions li p { font-size: 18px; line-height: 20px; width: 350px;}
.stack img { position: absolute; right: 0px; top: 0px;}
.secondary #main-content #consultingquestions li.stack  p {padding-top: 30px;}
.game img { position: absolute; left: 0px; top: 10px;}
.secondary #main-content #consultingquestions li.game  p {padding-top: 30px; padding-left: 130px;}
.tools img { position: absolute; right: 0px; top: 15px;}
.secondary #main-content #consultingquestions li.tools  p {padding-top: 30px;}
.billing img { position: absolute; left: 0px; top: 10px;}
.secondary #main-content #consultingquestions li.billing  p {padding-top: 30px; padding-left: 100px;}
.secondary #main-content .emailinline { position: relative; top: 15px; margin-left: 5px; margin-right: 5px;}
#blog #main-content .post p.datepost { font-size: 13px; margin-top: -6px; color: #ababab;}
#blog #main-content .post p.author { text-align: right; color: #d48724;}
#blog #main-content .post p { line-height: 1.2; }
#blog #main-content .post { margin-bottom: 40px;}
#blog #main-content .post p strong { font-weight: bold;}
#blog #main-content .post em { font-style: italic;}
#blog #main-content .post blockquote { background: #cfdab5; width: 450px; padding:10px; margin-top: 20px; margin-left: 40px; margin-bottom: 20px; position: relative; top: 1px;}
#blog #main-content .post blockquote p { margin: 0 0 20px 0; color: #2d2f94;}
#blog #main-content .post blockquote cite { position: absolute; bottom: 10px; right: 10px; }
#blog #main-content .post li { list-style: disc; margin-left: 45px; margin-right: 35px;}


/*Backgrounds
-----------------------------------------------*/
.secondary #container { background: #ffffff;}
.secondary #main-content { }
#main-content { background-color:#f2f2f1;}
#middlewarebox { background-color: #2e3194;}
#middlewarebox h3 { background-color: #5456a7;}
#consultingbox { background-color: #d48724;}
#consultingbox h3 { background-color: #dc9d4c;}
#cando { background-color: #b8c98d;}
#masthead { background: url(../images/mastheadback.jpg) repeat-x top left; z-index: 1;}
.secondary #masthead { border-bottom: 8px solid #d48724;}
#middle { background: url(../images/middle.jpg) no-repeat top left; border-top: 7px solid #d48724; border-bottom: 8px solid #7fa129;}
body { background: url(../images/background.jpg) repeat-x top left;}
#nav2 li { background: #3f3e37; z-index: 3;}
#nav2 li a{ background: #3f3e37;}
#nav .left { background: url(../images/navleft.jpg) no-repeat top left #3f3e37;}
#nav .right { background: url(../images/navright.jpg) no-repeat top right #3f3e37;}
#nav .right { background: url(../images/navright.jpg) no-repeat top right #3f3e37;}
#cando { background: url(../images/greenboxbottom.jpg) no-repeat bottom center #b8c98d;}
#cando h3 {background: url(../images/greenboxtop.jpg) no-repeat top center; }
#clients { background: url(../images/greenboxbottom.jpg) no-repeat bottom center #b8c98d;}
#clients h3 {background: url(../images/greenboxtop.jpg) no-repeat top center; }
.secondary #main-content { background: url(../images/maincontentbacker.png) repeat-y top right; behavior: url(iepngfix.htc);}
.secondary #main-content h2 { background: url(../images/topcorner.png) no-repeat top right; behavior: url(iepngfix.htc);}
#related { background: #f2f2f1; width: 258px;}
.secondary #secondary-content #related h2 { background: url(../images/bluebackground.jpg) repeat-x; display: block; width: 255px; height:  39px; line-height: 39px;}
.secondary #secondary-content h2 { background: url(../images/greenbackground.jpg) repeat-x; width: 255px; height: 38px; line-height: 38px;}
.secondary #secondary-content #related ul li.lastrelated { border-bottom: none; height: 35px;}
.secondary #secondary-content #related ul li.lastrelated a { border-bottom: none; height: 35px;}
strong { font-weight: bold;}
span.solutions { background-position: right center; padding-right: 30px;}
.post h3 a { text-decoration: none;}
/*Layout
----------------------------------------------*/
.floatleft { float: right; margin: 20px 30px 20px 20px; border: 1px solid #000;}
#container { width: 800px; margin: 0 auto 0 auto; position: relative; min-height: 680px;}
#masthead { width: 800px; height: 102px;}
#middle { width: 799px; height: 154px;}
#explain { width: 239px; height: 145px; position: absolute; right: 11px; top: 115px;}
.secondary #main-content { width: 563px; position: relative; top: 72px;  z-index: 3; min-height: 580px;}
.secondary #main-content h2 { position: absolute; left: 0; top: -77px; width: 545px; margin: 0 0 0 -2px;  z-index: 4; padding-top: 40px;}
.secondary #main-content h2 span { background: url(../images/downarrowblue.gif) no-repeat right center ; padding-right: 30px; behavior: url(iepngfix.htc); }
#blog #main-content ul { margin-top: 20px;}
#blog #main-content h2 span { background: url(../images/downarrowblue.gif) no-repeat center  right ; padding-right: 30px; behavior: url(iepngfix.htc); }
#main-content { width: 563px; float: left; min-height: 600px; background-repeat: no-repeat;}
#main-content h2 { float: left; width: 154px; margin-left: 8px;}
.secondary #main-content h2 { float: none; margin-bottom: 20px; padding-left: 20px;}
.secondary #main-content h3, .secondary #main-content p, .secondary #main-content h4 { margin-left: 20px; margin-right: 25px; margin-bottom: 10px;}

#consultingbox { width: 173px; height: 192px; float: left;  position: relative; bottom: 20px;}
#middlewarebox { width: 173px; height: 192px; float: left; margin-left: 10px; margin-right: 20px; position: relative; bottom: 20px;}
#middlewarebox h3, #consultingbox h3 { height: 42px; line-height: 42px; padding-left: 10px; margin: 1px;}
#middlewarebox p, #consultingbox p { margin: 5px 10px 10px 10px;}
#cando { clear: left; width: 543px; height: 146px; margin: 0 10px 20px 10px;}
#cando h3 { margin:0; padding: 10px 0px 20px 10px; height: 14px; width: 533px;}
#cando li { padding-left: 25px;}
#clients { clear: left; width: 543px; height: 96px; margin: 0 10px 20px 10px;}
#clients h3 { margin:0; padding: 10px 0px 20px 10px; height: 14px; width: 533px;}
#clients li { padding-left: 25px;}
.column1 { float: left; margin-right: 75px; margin-left: 20px; width: 195px;}
.column2 { width: 195px; float: left;}
#secondary-content { float: right; width: 236px;}
.secondary #secondary-content { float: none; position: absolute; z-index: 2; left: 542px; width: 255px; }
#secondary-content li { margin-left: 20px;}
#secondary-content li a{ padding-left: 25px; width: 195px; display: block;}
#secondary-content h3 { margin-top: 20px; margin-left: 10px; margin-bottom: 10px;}
#footer { clear: both;}
#nav li { float: left;}
#nav2 { height: 27px;}
#nav { width: 340px;position: absolute; right: 10px;}
#nav li {  height: 27px; padding-right: 15px;}
#nav .right { padding-right: 11px;}
#nav .left { padding-left: 11px;}
#related li { height: 36px; width: 238px; border-bottom: 1px dashed ; border-color: #a4a4a4;}
#related li a { height: 36px; line-height: 36px;}
.secondary #secondary-content #related h2 { display: block; width: 238px; height:  26px; line-height: 26px;}
.secondary #secondary-content #related h2 span { background: url(../images/leftarrow.gif) no-repeat 0px; padding-left: 20px; behavior: url(iepngfix.htc);}
.secondary #secondary-content h2 { background: url(../images/greenbackground.jpg) repeat-x; width: 238px; height: 26px; line-height: 27px; padding-left: 20px;}
.secondary #secondary-content h2 span { background: url(../images/rightarrow.gif) no-repeat 75px; padding-right: 30px; behavior: url(iepngfix.htc);}
.secondary #recently { margin-left: 10px; margin-top: -15px;}
#blog #main-content li { margin-left: 20px; margin-bottom: 10px;}
#monthposts h4 { font-size: 20px; color:#2d2f94;}
.rssCcat { margin-left: 25px; margin-bottom: 10px; padding-bottom: 0; height: 20px; margin-top: 20px;}
.rssCcat a { font-size: 20px; height: 20px; line-height: 20px; margin-bottom: 5px; color:#d48724; text-decoration: none;}
.rssCart { padding-left: 20px;}
#rssCatArchive div#rssCatList ul  {margin-top: 0;}
#comments_form { margin-left: 20px; margin-bottom: 25px;}
#comments p { font-size: 14px;}
.continue { position: absolute; bottom: 10px; right: 10px;}
#contact #main-content p img { position: relative; top: 13px; right: 10px;}
#contact #main-content p { margin-top: 15px;}
/*image replacement
---------------------------------------------*/
#middlewarebox img, #consultingbox img { position: absolute; right: 0; top: -20px;}
#main-content h2 { background: url(../images/arrowright.gif) no-repeat; background-position: 135px;} 
#secondary-content h2 {background: url(../images/arrowdown.gif) no-repeat 122px 9px; }
#logo a { background: url(../images/logo.png) no-repeat top left; text-indent: -7000px; width: 309px; height: 124px; position: absolute; top: 20px; left: -3px;  z-index: 5; behavior: url(iepngfix.htc); } 
#cando .column1 li, #cando .column2 li { background: url(../images/crossbullet.jpg) no-repeat left 5px;}

#secondary-content li a:link{ background: url(../images/arrowbullet.gif) no-repeat left 4px;}
#secondary-content li a:visited { background: url(../images/xbullet.gif) no-repeat left 4px ;}
#secondary-content li a:hover { background: url(../images/hoverbullet.gif) no-repeat left 4px ;}
#secondary-content li a:active { background: url(../images/arrowbullet.gif) no-repeat left 4px ;} 

#related li a:link{ background-position: left 9px;}
#related li a:visited { background-position: left 9px ;}
#related li a:hover { background-position:  left 9px ;}
#related li a:active { background-position:  left 9px ;}