body { margin: 0; padding: 0; font: 83%/1.4 Arial, Helvetica, sans-serif; color: #20201f; background: top center repeat-y #f4f4f4 url('../images/layout/side-bars.jpg'); }
a { text-decoration: none; color: #df594c; }
a:hover { color: #ba281a; }
h1, h2, h3, h4, h5, h6 { color: #000000; }
h1 { font-size: 1.35em; }
h2 { font-size: 1.25em; }
img { border: 0; }
ul { list-style: none; margin: 0; padding: 0; }

.r { float: right; }
.l { float: left; }
.cb { clear: both; font-size: 0em; height: 0; }
.tAfter { margin-left: 10px; }
.u { text-decoration: underline; }
.tGap { margin-top: 10px; }
.textBlock { clear: both; width: 616px; padding-top: 10px; display: block; }
.error, .reqText { font-size: 1.1em; color: #FF0000; }
.success { font-size: 1.1em; color: #009900; }
.hide { display: none; }
.articleBox { clear: both; padding-bottom: 10px; border-bottom: 1px solid #d6d6d6; }
.commentBox { clear: both; padding: 10px 10px 0 10px; border-bottom: 1px solid #d6d6d6; }
.smallIt { font-size: 0.9em; font-style: italic; }
.statsTableHeader { font-weight: bold; width: 200px; }
.lb { border: 1px solid #CCCCCC; }
.cent { text-align: center; margin: 0 auto; }
.dcent { display: block; text-align: center; }
.dcent img { margin: 0 auto; }

#docContainer { display: block; width: 100%; background: top center repeat-x url('../images/layout/header-repeat.jpg'); }
#layoutContainer { display: block; width: 100%; text-align: center; background: top center no-repeat url('../images/layout/header-background.jpg'); }
#pageContainer { width: 960px; margin: 0 auto; padding-top: 44px; text-align: left; }
  #headerText { float: right; height: 57px; }
    #headerTextLine1 { float: right; border-bottom: 1px solid #df594c; color: #ffffff; font-size: 1.35em; }
    #headerTextLine2 { float: right; color: #df594c; font-size: 0.9em; font-weight: bold; }
  #pageHeader { float: left; padding-left: 48px; padding-top: 52px; height: 121px; color: #ffffff; font-size: 1.6em; line-height: 1.8em; font-family: Arial, Helvetica, sans-serif; }
    #pageHeader p { margin: 0; }
  #mainMenu { float: right; text-align: right; width: 900px; }
    #mainMenu ul { margin: 0; padding: 0; width: 900px; }
      #mainMenu ul li { margin: 0; padding: 0 3px; height: 36px; list-style: none; display: inline; float: right; }
        #mainMenu ul li a { display: block; height: 28px; padding: 8px 8px 0 8px; color: #ffffff; }
        #mainMenu ul li a.active, #mainMenu li a:hover { color: #df594c; background-color: #343434; }
  #pageContent { float: left; padding-left: 46px; padding-top: 15px; width: 638px; }
  #pageSideBar { float: right; padding-top: 11px; padding-right: 10px; width: 244px; }
    #pageSideBar .sideBlock { float: left; width: 244px; background-color: #d6d6d6; }
      #pageSideBar .sideBlock a.sideBlockLink { display: block; cursor: pointer; color: #20201f; }
			#pageSideBar .sideBlock div { display: block; padding: 9px; color: #20201f; }
      #pageSideBar .sideBlock a.sideBlockLink:hover { background-color: #c5c1c1; }
      #pageSideBar .sideBlock ul { margin: 0; padding: 0; }
        #pageSideBar .sideBlock ul li.sbHeader { height: 15px; padding-bottom: 5px; list-style: none; font-size: 0.9em; margin: 0; font-weight: bold; }
        #pageSideBar .sideBlock a ul li.sbContent { height: 32px; list-style: none; font-size: 0.8em; margin: 0; }
        #pageSideBar .sideBlock div ul li.sbContent { list-style: none; font-size: 0.8em; margin: 0; }
        #pageSideBar .sideBlock ul li.sbMore { height: 15px; list-style: none; font-size: 0.8em; margin: 0; text-align: right; font-weight: bold; color: #df594c; }
    #pageSideBar .sideBlockMT { margin-top: 5px; }
  #footer { display: block; padding-left: 46px; width: 638px; text-align: center; height: 25px; line-height: 25px; font-size: 0.8em; }
  
/* Start Portfolio */
#intro { width: 638px; float: left; }
#introTextContainer { width: 158px; float: left; padding-right: 10px; }
#introText { width: 158px; height: 170px; overflow: hidden; }
#showcaseContainer { width: 468px; float: left; padding: 1px; height: 168px; background-color: #afaeaf; }
#showcase { width: 468px; height: 168px; background-color: #f2f2f2; }
#thumbnailContainer { width: 638px; display: block; }
.thumbnail { width: 204px; height: 66px; padding: 1px; background-color: #afaeaf; margin-top: 10px; float: left; }
.thumbnail img { width: 204px; }
#caseStudyContainer { width: 200px; float: left; }
.caseStudyContainer { width: 198px; padding: 1px; height: 148px; background-color: #afaeaf; margin-top: 10px; }
.caseStudyContainer div { width: 198px; height: 148px; background-color: #f2f2f2; }
/* End Portfolio */

/* Start Contact Form */
#contactForm { margin: 0; padding: 10px; width: 440px; margin: 10px auto 0 auto; }
  #contactForm fieldset { border: 0; }
	#contactForm fieldset label { clear: both; display: block; padding: 2px; }
	#contactForm fieldset label.tg { margin-top: 10px; }
	#contactForm fieldset label input, #contactForm fieldset label select { float: right; border: 1px solid #d5d5d5; width: 300px; padding-top: 2px; }
	#contactForm fieldset label textarea { margin: 0 auto; width: 430px; height: 100px; border: 1px solid #d5d5d5 }
	#contactForm input.submit { float: right; margin: 0 auto; cursor: pointer; padding: 2px; }
/* End Contact Form */

#mainMenu ul li a.m1 { width: 36px; }
#mainMenu ul li a.m2 { width: 49px; }
#mainMenu ul li a.m3 { width: 94px; }
#mainMenu ul li a.m4 { width: 107px; }
#mainMenu ul li a.m5 { width: 76px; }
#mainMenu ul li a.m6 { width: 74px; }
#mainMenu ul li a.m7 { width: 84px; }