/** MODIFIED CSS RESET 
    Based off Eric Meyer's "Reset Reloaded"
    
    http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
**/
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  border: 0;
  font-family: inherit;
  font-size: 100.0%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}
body {
  line-height: 1;
  color: black;
  background: white;
  font-size: 62.5%;
}
ol, ul {
  list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}
blockquote, q {
  quotes: "" "";
}
body { color: #fff; font: 10px Arial, Helvetica, sans-serif; } 

/** Links **/
a { color: #3aceff; text-decoration: none; }
a:hover { text-decoration: underline; }
a.dark { color: #0076b2; font-weight: bold; }
a.foot { color: #fff; font-size: 0.857em; } /* Follow-up, bad name */

a:active, a:focus { outline: 0; }   

/** Emphasis **/
em { color: #3ac3ff; font-style: normal; }
#top em { font-size: 1.1em; }
#bottom em { display: block; font-size: 1.8em; margin-bottom: 0.4em; }

/** Forms **/
input, textarea { font: 1.2em Arial, Helvetica, sans-serif; } /* Reset form fonts */

/** Headings **/
h1 { color: #e3d2bb; font-size: 3.6em; line-height: 2.4em; margin-left: 1.389em; }
h1.home { color: #dc5902; font-size: 2.4em; line-height: 1.1em;margin-left:0em;font-weight: bold; }
h2 { color: #917960; font-size: 2.8em; font-weight: bold; line-height: 1.1em;position:relative; }
h3 { font-size: 1.7em; margin: 0.8em 0; text-transform: uppercase;  }
h3.orange { text-transform: none; font-size: 1.8em; font-weight: bold;}
h4 { font-size: 1.2em; font-weight: bold; line-height: 1.2em; text-transform: uppercase; }
h4.orange{padding-bottom:0.8em;}
h3.special { font-size: 2.4em !important; margin-top: 0em; }
h3.special a{ font-size: 1.2em !important; margin-top: 1.2em;color:#DC5902 ; font-weight:normal; }
h3.special a:hover{ text-decoration:none;}
h4.serif { font: italic bold 1.9em Georgia, serif; text-transform: none;  } /** About Us */
h5.serif { font: italic bold 1.3em Georgia, serif; text-transform: none;  } /** About Us */

hr { border: 1px solid #e2dfdc; border-width: 0.1em 0 0; clear: both; color: #e2dfdc; height: 0; margin: 1em 0; text-align: left; }
hr.short { margin: 0.5em 0 0 0 }

strong { font-weight: bold; }

/** General purpose classes **/

/** color classes **/



.special { font-size: 2.4em !important; margin-top: 1.2em; }

.orange { color: #dc5902 !important; }
.lorange { color: #f18201; }
.dorange{ color: #DE6210;}
.brown{color: #9C452A;}
.lbrown{color:#C97532;}
.block { clear: both; margin: auto; width: 96em; }
.left { float: left; }
.right { float: right; }
.clear { clear: both; height: 1px; font-size: 1px; line-height: 1px; margin-bottom: 0;}
.lastNoMargin { margin-right: 0; }
.bold {font-weight:bold;}
.hrs{ border-bottom:1px solid #E2DFDC;border-top:1px solid #E2DFDC;color:#E2DFDC;padding:0.8em 0;margin:1em 0;width:100%;}
.hrs a { margin:0 4px; }
.hr{border-top:1px solid #E2DFDC;padding:0.8em 0;margin-top:1em;margin-bottom:0em;width:100%;}
.hrBottom{border-bottom:1px solid #E2DFDC;padding:0.8em 0;margin-bottom:1em;width:100%;}
.email{padding:0em 0;margin:0em 0;width:100%;}
/** Header **/
  #top { background: url('../images/bkg/background_top.jpg') top center repeat-x; } /* Home page */
  #top.other { background: url('../images/bkg/background_int.jpg') top center repeat-x !important; } /* Internal pages */

/** Navigation **/
  #quickMenu { background: url('../images/bkg/tab-home.gif') center center no-repeat; float: right; margin-right: 0.8em; width: 20.8em; }
  #quickMenu li { float: left; font-size: 1.1em; padding: 0 1em; line-height: 2.63em; margin-left: 0.7em; }
  #quickMenu li a { color: #fff; }
  #quickMenu_contact { background: url('../images/bkg/tab-home-contact.gif') center center no-repeat; float: right; margin-right: 0.8em; width: 20.6em; }
  #quickMenu_contact li { float: left; font-size: 1.1em; padding: 0 1em; line-height: 2.63em; margin-left: 0.7em; }
  #quickMenu_contact li a { color: #fff; }
  #quickMenu_home { background: url('../images/bkg/tab-home-selected.gif') center center no-repeat; float: right; margin-right: 0.8em; width: 20.6em; }
  #quickMenu_home li { float: left; font-size: 1.1em; padding: 0 1em; line-height: 2.63em; margin-left: 0.7em; }
  #quickMenu_home li a { color: #fff; }
  
  #contactMenu { background: url('../images/bkg/tab-contact.gif') left no-repeat; float: right; font-size: 1.1em; line-height: 2.63em; text-align: center; width: 16.5em; }

  #mainMenu { clear: both; float: right; margin-top: -4.1em; position: relative; width: 53em; }
    #mainMenu li { display: inline; float: left; font-size: 1.2em;  text-align: center; text-transform: uppercase; line-height:1.7em; }
      #mainMenu li a { color: #fff; padding: 1.0em 1.5em; }
      .mainMenuShort:hover { background: url('../images/bkg/nav-hover.png') center center no-repeat; text-decoration: none; }
      #mainMenu li.selected a { background: url('../images/bkg/nav-hover.png') center center no-repeat; text-decoration: none; }
	  #mainMenu li.selected-long { background: url('../images/bkg/nav-hover-long.png') center center no-repeat; text-decoration: none; }
      .mainMenuLong:hover{background:url('../images/bkg/nav-hover-long.png') center center no-repeat; text-decoration: none; }
	  
  #approachOverride a:hover { background: url('../images/bkg/sprites.png') -460px -365px no-repeat !important; }
  
/** Overlay **/
  #overlay { background: #fff; clear: both; filter:alpha(opacity=15); height: 8.0em; -khtml-opacity: 0.15; -moz-opacity: 0.15; opacity:0.15; position: relative; width: 96.0em; }
  .slider { height: 31em !important; } /* Stretch overlay for home page */
  
/** Tabs / Sliders **/
  #top .tab-container { margin: -31.0em 0 0 0; background: url('../images/bkg/topline.gif') no-repeat; }
  
  body.js #top .tab-container { position: relative; overflow: hidden; width: 96em; }
  body.js #top .panels { left:0; position:relative; width:9000px; }
  body.js #top .panel { float: left; height: 27.6em; width: 87.5em; }  
  .portpanel { float: left; height: 36.3em; width: 51.5em; padding:0px; }  
  .portslider{ width:100%;}
  #top .tabs { left: 0; position: absolute; top: 13.6em; width: 100%; }
  #top .tabs a.previous, .tabs a.next { background: transparent url('../images/icons/tab_arrows.png') no-repeat left; float: left; text-indent:-500em; position: absolute; left:0; top:0; width:5.0em; height:4.0em; }
  #top .tabs a.next { background: url('../images/icons/tab_arrows.png') no-repeat right; left: 91em; }
  #top .tabs a:active, a:focus { outline: 0; }
  
  .panelSlider { padding: 1.3em 3.5em 2.1em 5.0em; }
  .panelSlider .splash { background: transparent; float: right; height: 27.6em; position: relative; width: 49.5em;  }
    
  .panelSlider h3 { color: #f2eae0; font: 3.6em/1.2em Georgia; font-weight: normal; font-style: italic; margin: 0; padding-top: 0.8em; text-transform: none; }
  h3.short { font-size: 2.8em; }
  h3.medium { font-size: 3.2em; }
  h3.tall { font-size: 3.4em; }
  
  .panelSlider hr { width: 33.2em; clear: none;}
  .panelSlider p { font-size: 1.6em; margin: 1.4em 0 0.5em 0;}    
  .sliderButtons { float: left; position: relative; left: 28.7em; top: 13.3em;}
  .sliderButtons li { color: #ffffff; display: inline; float: left; font-size: 1.4em; height: 1.21em; margin-left: 0.25em; padding-top: 0.1em; text-align: center; width: 1.21em; }
  .sliderButtons li a { color: #fff; background-color: #7a6653; float:left; display:block; padding:0em 0.3em; }  
  .sliderButtons li.active a{ background-color:#543724;}  
  .sliderButtons li a:hover { text-decoration:none; background-color: #543724;   } 
  
  
/** Page title **/
  .title { margin: -8.0em 0 0 0; background: url('../images/bkg/topline.png') no-repeat; position: relative; overflow: hidden; }
  .title q { color: #e3d2bb; font: 2.1em Georgia; font-style: italic; float: right; line-height: 1.4em; margin: 0.92em 0.5em 0 0; width: 20em; }
  .title .author { float: right; font: normal bold 0.57em Arial; padding-right: 2.0em; }  

/** Content **/
#middle { background: #f0eae1; color: #000; padding-bottom: 2em; } /** Container **/
  #page { background: url('../images/bkg/page_bottom.jpg') #fff bottom no-repeat; color: #5d4d3f; padding: 2.8em 5em 1em 5em; } /* is a roundBox - note default text color*/
  #page div.column { width: 42em; } /* default column width */
  #page div.wide { width: 52em !important; }
  #page div.skinny { width: 32em !important; }
  #page ul li { font-size: 1.4em; line-height: 1.2em; list-style-type: disc; margin: 0.75em; } /* default content list */
  #page ul.plain li { list-style-type: none; margin: 0; } /* list without bullets */
  #page p { font-size: 1.4em; line-height: 1.4em; margin-bottom: 1.7em; } /* default content paragraph */
  #page p strong { font-size: 1.07em; font-weight: bold;  }
  #page p.caption { font-size: 1.2em; text-align: center; }
  #page p em { font-style: italic; } /* italics for em in page paragraphs */
  
/** Footer **/
#bottom { background: #4c3826 url('../images/bkg/background_bottom.jpg') bottom center repeat-x; }

  /** Columns **/
  #columns { float: left;  padding: 0 5.0em; }
    .ftrColumn { float: left; margin-right: 1.5em; padding: 1.7em 0; width: 20.0em; }
    .ftrColumn p { color: #ceb99c; font-size: 1.4em; line-height: 1.28em; margin-bottom: 0.5em; } 
    .ftrColumn label { display: block; color: #ceb99c; font-size: 1.2em; }
    .ftrColumn input, textarea { background-color: #5d4a38; border: 0.1em solid #83705b; color: #fff; width: 12em; }
    #columns .litup { background-color: #72604e; margin-left: -1em; padding: 1.7em 1.0em 1.7em 1.7em; width: 17.3em; }
    #columns .lastColumn { padding: 1.7em 0 1.7em 2.0em; margin-right: 0; }
    #columns .double { width: 40.0em !important; }
    
    /* Bookshelf */
    img.book { margin-right: 1.1em; vertical-align: bottom; }
    #shelf { background: url('../images/other/shelf.gif') top left no-repeat; margin-top: 0; padding: 2em; width: 34.5em; }
    #books { text-align: center; width: 38.3em; }

    .d { font-size: 0.857em; color: #ac916c; }

    input.button { background-color: transparent; background-image: url('../images/bkg/btn-blue.gif'); border: 0; color: #fff; float: right; font-size: 1.2em; height: 1.66em; margin-top: 0.3em; width: 7.83em; }
    /* does not work for IE */
    input[type="image"] { border: 0; }

    textarea { height: 5.0em; }
    
  #footer { color: #ceb99c; clear: both; font-size: 1.1em; font-weight: bold; line-height: 6.6em; text-align: center; }
    #footer a { color: #ceb99c; }

  .btnTop {  background: url('../images/bkg/tab-backtotop.gif') center center no-repeat; clear: both; font-weight: bold; float: right; height: 1.3em; padding: 0.5em; text-align: center; width: 6.9em; }

  .tweetCloud { background: url('../images/bkg/bubble.gif') center center no-repeat; margin-top: 3.0em; max-width: 18.4em; width: 18.4em; max-height: 10em; }
  .tweetCloud p { font: italic 1.2em/1.2em Georgia !important; margin-bottom: 0 !important; padding: 1.0em; }

  
/** Images, backgrounds, sprites **/
  .copticom { height: 4.7em; padding: 3.0em 0 2.7em 5em; width: 20.5em; }
  .icon { padding: 0 0.5em 0 0; }
  .bird { margin-left: 1em; }
  .rss {  }
  .img-metho { padding-top: 1.3em; width: 32.5em; height: 11.7em; }
  img.ceo { height: 28.0em; width: 39.4em; }
  img.bracket { margin: -1.0em 0 0 9.5em; }
  .arrowtab { background: url('../images/bkg/tab-arrow.gif') no-repeat; position: absolute; font-size: 0%; width: 34px; height: 22px; top: -21px; left: 100px; }
    
/* Rounded corners */
  .roundBox { position: relative; width: 100%; }

/* Combine classes for different rounded corners. */  

  .pageCorners {  }
    .pageCorners .bottomLeft { background-position:-85px -20px;} 
    .pageCorners .bottomRight { background-position:-100px -20px;}
    
  .approachTabCorners { }
    .approachTabCorners .topLeft { background-position: -5px -5px; z-index: 10; }
    .approachTabCorners .topRight { background-position: -460px -5px; z-index: 10; }
      
  .panelBox { }
    .panelBox .topRight { background-position: -300px -5px; }
    .panelBox .bottomLeft { background-position: -285px -20px; }
    .panelBox .bottomRight { background-position: -300px -20px; }    

  .corner { background: url('../images/bkg/sprites.png') no-repeat; width: 15px; height: 15px; position: absolute; }
    .topLeft {top:0; left:0; }
    .topRight {top:0; right:0; }
    .bottomLeft {bottom:0; left:0; }
    .bottomRight {bottom:0; right:0; }
  	.bottomCorners{background: url('../images/bkg/round_box_bottom.jpg') no-repeat;width:100%; height:14px; }
  	.topCorners{background: url('../images/bkg/round_box_top.jpg') no-repeat;width:100%; height:14px; }
/** Per-page CSS **/

/** Helping **/
  .bubbleGoalAlignment { width: 34.1em; margin-left: 9.5em; }
  .bubbleGoalInner { background-color: #c8ecfe; padding: 1.5em; }
  
/* Goal Alignment table*/
  .coptCaption { background-color: #9c452a; border-bottom: 1px solid #fff; color: #fff; font-size: 1.6em;  padding-left: 1.0em;  line-height: 1.875em; text-transform: uppercase; }
 .cornertl-9c452a{background-position: -5px -5px;}
 .cornertr-9c452a{background-position:-20px -5px; }
 .cornertl-c8ecfe{background-position:-165px -5px; }
 .cornertr-c8ecfe{background-position:-180px -5px; }
 .cornerbl-c8ecfe{background-position:-165px -20px; }
 .cornerbr-c8ecfe{background-position:-180px -20px; }
 
  #goalTable { border-collapse: collapse; }
  #goalTable th, #goalTable td { border: 1px solid #fff; vertical-align: middle; }
  #goalTable th { color: #fff; font-size: 1.6em; height: 2.06em; padding-left: 1em; }
  #goalTable td { color: #5d4d3f; font-size: 1.4em; height: 3.571em; padding-left: 1.5em; }
  .goalTableHeader { float: right; margin-right:1px;width:80.8em;}
  
  /** Zebra stripes */
  #goalTable tr.odd td { background-color: #f8f4f0; }
  #goalTable tr.even td { background-color: #ddd4c6; }
  #goalTable th.even { background-color: #ef711e; }

  /** Column widths **/
  #goalTable th.step0 { width: 3.125em; padding: 0; text-align: center; }
  #goalTable th.step1 { background-color: #dc5902; width: 11.06em; }
  #goalTable th.step2 { background-color: #ef711e; width: 16.75em; }
  #goalTable th.step3 { background-color: #dc5902; width: 19.625em; }  
  
/** About Us **/  
  .bubbleMemberships { width: 39.4em; }
  .bubbleMemberInner { background-color: #f0eae1; padding: 1.5em; }
  .bubbleTab { background: url('../images/bkg/bubble-arrow-grey.gif') no-repeat; bottom: 80px; font-size: 0%; height: 35px; left: -23px; position: absolute; width: 23px; }

/** Services **/  

/** Methodology diagram **/
  #diagram { padding: 0.7em 0.0em; }
    #diagram .section { float: left; width: 20.7em; margin-right: 1em; }
    #diagram h3  { background-repeat: no-repeat; color: #fff; font-size: 1.8em; font-weight: bold; margin: 0; padding: 0.278em 1em; vertical-align: middle; }
    #diagram h4  { font-size: 1.3em; font-weight: bold; text-transform: none; }
    #diagram ul { list-style-type: disc; }
    #diagram ul li { color: #5d4d3f; font-size: 1.4em; line-height: 1.2em; margin: 0.75em; }
    #diagram .roundBox { background-color: #F7F4F0; padding: 1.8em; width:15.5em; }


  .design { color: #9c452a; }
  .develop { color: #dc5902; }
  .host { color: #f18201; }
  .refine { background-color: #d69561; color: #c6834e; }
  .bringUp { z-index: 1001; }
  .approachRow { width: 805px; }
  .approachTab { background: url('../images/bkg/tab-approach-brown.gif') no-repeat; font-size: 0%; height: 9px; left: 75px; position: absolute; top: 48px; width: 17px; }
  .approachRowOdd .approachTab { background: url('../images/bkg/tab-approach-lbrown.gif') no-repeat; font-size: 0%; height: 9px; left: 75px; position: absolute; top: 48px; width: 17px; }
  .approachTabOrange { background: url('../images/bkg/tab-approach-orange.gif') no-repeat; font-size: 0%; height: 9px; left: 75px; position: absolute; top: 48px; width: 17px; }
  .approachRowOdd .approachTabOrange { background: url('../images/bkg/tab-approach-lorange.gif') no-repeat; font-size: 0%; height: 9px; left: 75px; position: absolute; top: 48px; width: 17px; }
  .approachTabPeach { background: url('../images/bkg/tab-approach-peach.gif') no-repeat; font-size: 0%; height: 9px; left: 75px; position: absolute; top: 48px; width: 17px; }
  .approachRowOdd .approachTabPeach { background: url('../images/bkg/tab-approach-lpeach.gif') no-repeat; font-size: 0%; height: 9px; left: 75px; position: absolute; top: 48px; width: 17px; }
  
/** Methodology diagram Home Page**/

.approach_home_link a{ padding-top:6.9em;font-size: 1.2em; color:#ffffff;font-weight:bold; }
.approach_home_link a:hover{ text-decoration:none; }
#desgin_home{background:url('../images/bkg/img-methodology.gif') no-repeat 0px 0px; display:block; float:left; width:5.3em; height:3.8em;padding-left:1.5em;}
#develop_home{background:url('../images/bkg/img-methodology.gif') no-repeat -82px 0px; display:block; float:left; width:5.8em; height:3.8em;padding-left:1.5em;}
#host_home{background:url('../images/bkg/img-methodology.gif') no-repeat -169px 0px; display:block; float:left; width:4.5em; height:3.8em;padding-left:1.5em;}
#refine_home{background:url('../images/bkg/img-methodology.gif') no-repeat -243px 0px; display:block; float:left; width:5.3em; height:3.8em;padding-left:1.5em;}
/** Tabs / Sliders **/
  #page .tab-container { margin: 0; position: relative; overflow: hidden; width: 86em; }

  body.js #page .tab-container { position: relative; overflow: hidden; width: 85.8em; }
  body.js #page .panels { left:0; position:relative; width:9000px; }
  body.js #page .panel { background-color: #fbf9f7; float: left;  width: 80.7em; margin-right: 0em; padding-left: 2.8em; padding-right: 2.3em;}  
  
  #page .panels { overflow: visible; display: block; left: 0 }


  .approachRowEven, .approachRowOdd { margin-top: 1.5em; }
  
  /** Common corners **/
  .approachRowEven div.topRight { background-position: -220px -5px; }
  .approachRowEven div.bottomRight {  background-position: -220px -20px; }  
  .approachRowOdd div.topRight { background-position: -260px -40px; }  
  .approachRowOdd div.bottomRight { background-position: -260px -55px; }  
  
  #approachDesign .approachRowEven div.topLeft { background-position: -5px -5px; }
  #approachDesign .approachRowOdd div.topLeft { background-position: -45px -5px; }
  #approachDevelop .approachRowEven div.topLeft { background-position: -325px -5px; }
  #approachDevelop .approachRowOdd div.topLeft { background-position: -365px -5px; }
  #approachRefine .approachRowEven div.topLeft { background-position: -405px -40px; }
  #approachRefine .approachRowOdd div.topLeft { background-position: -405px -75px; }
    
  #approachTabs { width: 80.7em; }
  #approachTabs .tabs { top: 0 !important;  } /* get rid of this soon, due to conflict */
  #approachTabs ul li { z-index: 9; color: #fff; float: left; font-size: 1.8em; line-height: 1.77em; padding-left: 2.11em; position: relative; cursor:pointer; }
  #approachTabs ul li a { color: #fff; }  
  #approachTabs ul li a:hover { color: #fff; text-decoration: none; }
  #approachTabs ul li a.icon { position: absolute; right: 15px; padding: 0; }
  
  .approachButtons { color: #000; }
  
  /* Common arrow CSS */
  #approachTabs ul li span.arrow { z-index: 10; width:0;height:0;position:absolute;border-top:16px solid transparent;border-bottom:16px solid transparent; border-right:0;top: 0px; }

  #approachTabs ul li.design { background:url('../images/bkg/approach_tabs.gif') 0px 0px no-repeat; width: 8.85em; }
  #approachTabs ul li.designOff { background:url('../images/bkg/approach_tabs.gif') 0px -35px no-repeat; width:8.85em; }
  #approachTabs ul li.designOff:hover { background:url('../images/bkg/approach_tabs.gif') 0px 0px no-repeat; width: 8.85em; }
 
  #approachTabs ul li.develop { background:url('../images/bkg/approach_tabs.gif') 0px -70px no-repeat; width: 8.2em; margin:0 0 0 -17px; } 
  #approachTabs ul li.developOff { background:url('../images/bkg/approach_tabs.gif') 0px -105px no-repeat; width: 8.2em; margin:0 0 0 -17px;} 
  #approachTabs ul li.developOff:hover { background:url('../images/bkg/approach_tabs.gif') 0px -70px no-repeat; width: 8.2em; margin:0 0 0 -17px;} 
  
  #approachTabs ul li.host { background:url('../images/bkg/approach_tabs.gif') 0px -140px no-repeat; width: 8.25em;  margin:0 0 0 -17px;}
  #approachTabs ul li.hostOff { background:url('../images/bkg/approach_tabs.gif') 0px -175px no-repeat; width: 8.25em;   margin:0 0 0 -17px;} 
  #approachTabs ul li.hostOff:hover { background:url('../images/bkg/approach_tabs.gif') 0px -140px no-repeat;  width: 8.25em;   margin:0 0 0 -17px;} 


  #approachTabs ul li.refine { background:url('../images/bkg/approach_tabs.gif') 0px -210px no-repeat;width: 8.24em; margin:0 0 0 -16px; }
  #approachTabs ul li.refineOff { background:url('../images/bkg/approach_tabs.gif') 0px -245px no-repeat;width: 8.24em; margin:0 0 0 -16px; }
  #approachTabs ul li.refineOff:hover{background:url('../images/bkg/approach_tabs.gif') 0px -210px no-repeat;width: 8.24em; margin:0 0 0 -16px; }
  li.refineOff a.icon { background: url('../images/bkg/sprites.png') no-repeat -125px -48px; top: 0.3em; width: 18px; height: 24px; }
  
  /* Section heading */
  #approachPanels h4 { font-size: 1.8em; line-height: 3.0em; text-transform: none; }
  #approachDesign h4 { color: #9c452a; }
  #approachDevelop h4 { color: #dc5902; }
  #approachRefine h4 { color: #c6834e; }
  #approachHosting h4 { color: #f18201; }

/** Our Approach **/
  dl { width: 81em; }
    dt { color: #fff; font-size: 1.6em; font-weight:bold; float: left; line-height: 3em; text-align: center; width: 10.81em; }
    dd {  display: block; font-size: 1.4em; padding: 1.1em 0.5em; max-height: 1.25em; width: 44.3em; float: left; line-height: 1.25em; }
    dd.double{display: block; font-size: 1.4em; max-height:2.45em;padding:0.5em; width: 44.3em; float: left; line-height: 1.25em;}
	dd div{padding-right:1em;}
  #approachPanels {  }
  #approachPanels dl dd { background-color: #e4dcd1; }
  #approachPanels dl.odd dd { background-color: #efeae3; }

  #approachDesign dt { background-color: #9c452a;  }
  #approachDesign dl.odd dt { background-color: #b0583d;  }
  
  #approachDevelop dt { background-color: #dc5902;  }
  #approachDevelop dl.odd dt { background-color: #ef711e; }
  
  #approachRefine dt { background-color: #d69561;  }
  #approachRefine dl.odd dt { background-color: #e1aa7d; }

	ul.hosting ul{ padding-left:40px;font: 10px Arial, Helvetica, sans-serif; padding-top:10px;padding-bottom:15px;}
    
  /** Contact form (Contact page) **/
  #sydney { width: 27.0em; }
  #sydney ul , #melbourne ul { padding-bottom: 0.8em; }
   #sydney ul li, #melbourne ul li{ line-height: 1.4em; }
 
  #contact fieldset { background-color: #f8f4f0; padding: 0.5em; padding-top:1.5em; width: 32.0em; }
    #contact fieldset.submit { background-color: #e8e2da; padding-top:1em;  }
    #contact label { color: #5d4d3f; clear: both; display: block; color: #5d4d3f; float: left; font-size: 1.4em; font-weight: bold; line-height: 1.6em; text-align: right; width: 8.29em; }
    #contact input, #contact textarea { background-color: #fff; border: 0.1em solid #dfe0e0; color: #5d4d3f; width: 16.333em; }
    #contact input{margin-bottom:0.5em;}
	#contact textarea { height: 12.9em; }
    #contact input.submit { color: #fff; width: 8.0em;background-color:#E8E2DA;}
    .required{color:#CF0624;}
  
  /** Client page **/
  #clients { margin: auto; }
    #clients a { float: left; padding: 2.0em 1em; text-align: center; width: 19.5em; vertical-align: middle; }
    #clients img { margin: auto; vertical-align: middle; }
  
  /** Portfolio page **/
  .portfolio {  }
    .portfolio a { float: left; padding: 0; margin: 3.0em 3.0em 3em 0; text-align: center; width: 15.0em; vertical-align: middle; }
    .portfolio img { vertical-align: middle; }
    .portfolio a.last { margin-right: 0; width: 14em; }
	.portfolio_links {height:3em;}
    .portfolio_links a {display:block; width:9em;font-size:1.2em;}
	.portfolioNext{position:absolute;left:91.1em;top:41.6em;}
	.portfolioPrevious{position:absolute;left:1.6em;top:41.6em;}
	.portfoliopanel{float:left;width:87em;display:block;padding:0em;}
	body.js #page .tab-container-port{width:87em;}
  h2.port { font-size: 3.2em; font-weight: normal; } /* Special large heading for port folio */
  h3.port { font-weight: bold; text-transform: none; }
  .portShot { width: 51.5em; height: 35.9em; }
  
  .portInner { background-color: #f0eae1; padding: 1.5em; width: 49.0em; }

    #portSlider .topLeft {top:0; left:0; background-position:-125px -5px;}
    #portSlider .topRight {top:0; right:0; background-position:-140px -5px;}
    #portSlider .bottomLeft {bottom:0; left:0; background-position:-125px -20px;}
    #portSlider .bottomRight {bottom:0; right:0; background-position:-140px -20px;}
    #portSlider{background-color: #f0eae1; padding: 1em;  text-align:center; }
	#portSlider a {background-color: #fff;   color: inherit;color: #a18b73;font-size: 1.6em; font-weight: bold; height: 1.21em;padding-top: 0em;padding-left: 0.35em; padding-right: 0.35em; margin:0.1em;}
    #portSlider  a:hover { color: #fff; text-decoration: none; background-color: #db6b0e; }
    #portSlider  a.selected{color: #fff; text-decoration: none; background-color: #db6b0e; }
    .portInner q { color: #5d4d3f; font: italic bold 1.6em/1.4em Georgia; padding:1em 1em 0.5em 1.5em; width: 24.5em;display:block; float:left; }        
  

    .bubblePortQuote .topLeft {top:0; left:0; background-position:-125px -5px;}
    .bubblePortQuote .topRight {top:0; right:0; background-position:-140px -5px;}
    .bubblePortQuote .bottomLeft {bottom:0; left:0; background-position:-125px -20px;}
    .bubblePortQuote .bottomRight {bottom:0; right:0; background-position:-140px -20px;}
    .author_quote{background: url('../images/bkg/sprites.png') no-repeat -162px -50px; height:30px; width:34px; float:left; margin-left:50px;}
    div.author{line-height:2.5em;margin-left:1em;color:#5D4D3F;float:left;font-size:1.2em;}
	.quotemark { background: url('../images/bkg/sprites.png') no-repeat -5px -280px; float: left; width: 65px; height: 60px;margin-top:-1.5em;margin-left:-1.5em; }
    .buttonBlue {  background: url('../images/bkg/sprites.png') no-repeat -5px -220px; color: #fff; font-size: 1.4em;  padding-bottom:0.5em; width: 7.64em; height: 1.9em; font-weight:bold;line-height:1.9em;display:block; font-family:Arial, Helvetica, sans-serif; }
	a.buttonBlue{padding-left:0.5em;line-height:1.6em}
	.buttonBlue:hover{text-decoration:none;}
	.approachButtonBlue_left {  background: url('../images/bkg/blue_button_left.jpg') no-repeat ; padding: 0 0.3em 1em;  height: 2.3em; }
	.approachButtonBlue_right{  background: url('../images/bkg/blue_button_right.jpg') no-repeat right;  height: 2.8em; padding-right:0.3em;}
	.approachButtonBlue{ display:block; line-height:28px; background-color:#117FB7; color:#ffffff;font-size:1.4em;padding-right:0.5em;padding-left:0.5em;}
	.approachButtonBlue em{color:#ffffff; font-style:italic;}
	.approachButtonBlue:hover{text-decoration:none;}