/* INDEX */
/* Reset */
/* Defaults */
/* Color Scheme */
/* Set Widths */
/* Set Height */
/* Corners */
/* Position */

/* Reset */

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,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* End Reset */

/* Defaults */
  h1, h2, h3, h4, h5, h6, p, ul {
	margin:		0;
	padding:	0;
  co}

  body {
        font-size:              18px;
        font-family:            "Museo Sans", "Frutiger", "Univers", "Helvetica Neue", arial, helvetica, sans-serif;
        text-align:             center;
  }

  .container, .wrapper_2, .inside_wrapper_2, .wrapper_1, .main, .content, .collaborators, .third, p {
        font-size:              1em;
  }

/* End Defaults */

/* Colour Scheme */
  body, .wrapper_2, .wrapper_4 { 
  /* background-color: #D6D8D9; */   /* tried: #dde7fb,#b3a6a6, was: #D6D8D9 browser background */ 
    background-color: black;
    background-image: url(/images/bg.png);
    background-repeat: repeat-x;
  }
  /* border & corners */
  .inside_wrapper_2, .inside_wrapper_4, .border_color * {
    background-color: #0A1A20;
  }
  .main, .r1, .r2, .r3, .r4, .r5, .collaborators, .wrapper_5 {
  	background-color:	#f0f1d6;	/* right side (main content area) background */
  	color:			#0A1A20;
  }
  
  .main, .main_color * {
  background-color: #f0f1d6
  }

  .second, .nav_color * {
	background-color: 	#d9eddd;  /* was: #B7BCBF navigation background */
  }

  .third, .r1_w5, .r2_w5, .r3_w5, .r4_w5, .r5_w5 { background-color: #FFFFFF }
  .second a { padding: 3px 20px 3px 20px; margin: 2px 0; }
  .second a:hover { background-color: #6C757B; }
  .selected { border: 2px solid #6C757B; }
  
  /* ruby to charcoal anti-alias transitions *border: 1px solid black;/
  .r1_w4, .r1_w2 { border-left: 1px solid #3D0F12; border-right: 1px solid #3D0F12; background-color: #20151a; }
  .r2_w4, .r2_w2 { border-left: 1px solid #5B090B; border-right: 1px solid #5B090B; background-color: #1b161b; }
  .r3_w4, .r3_w2 { border-left: 1px solid #1B161B; border-right: 1px solid #1B161B; }
  .r4_w4, .r4_w2 { border-left: 1px solid #3D0F12; border-right: 1px solid #3D0F12; }
  .r5_w4, .r5_w2 { border-left: 1px solid #20151A; border-right: 1px solid #20151A; }
  /* charcoal to dk. ruby, for bottom of nav */
  .rbottom .r1_w4 { border-left: 1px solid #120c0e; border-right: 1px solid #120c0e; background-color: #0d1418; }
  .rbottom .r2_w4 { border-left: 1px solid #170405; border-right: 1px solid #170405; background-color: #0c151a; }
  .rbottom .r3_w4 { border-left: 1px solid #0c151a; border-right: 1px solid #0c151a; }
  .rbottom .r4_w4 { border-left: 1px solid #120c0e; border-right: 1px solid #120c0e; }
  .rbottom .r5_w4 { border-left: 1px solid #0d1418; border-right: 1px solid #0d1418; }
  /* charcoal to dk ruby (slightly brighter), for bottom of main */
  .rbottom .r1_w2 { border-left: 1px solid #160c0f; border-right: 1px solid #160c0f; background-color: #0f1418; }
  .rbottom .r2_w2 { border-left: 1px solid #1d0505; border-right: 1px solid #1d0505; background-color: #0e151a; }
  .rbottom .r3_w2 { border-left: 1px solid #0e151a; border-right: 1px solid #0e151a; }
  .rbottom .r4_w2 { border-left: 1px solid #160c0f; border-right: 1px solid #160c0f; }
  .rbottom .r5_w2 { border-left: 1px solid #0f1418; border-right: 1px solid #0f1418; }
  /* charcoal to light blue transition (nav bar) */
  .r1_w3 { border-left: 1px solid #637471; border-right: 1px solid #637471; background-color: #a5b8ad; }
  .r2_w3 { border-left: 1px solid #1e2f32; border-right: 1px solid #1e2f32; background-color: #b1c4b9; }
  .r3_w3 { border-left: 1px solid #b1c4b9; border-right: 1px solid #b1c4b9; }
  .r4_w3 { border-left: 1px solid #637471; border-right: 1px solid #637471; }
  .r5_w3 { border-left: 1px solid #a5b8ad; border-right: 1px solid #a5b8ad; }
  /* charcoal to light yellow transition (main area) */
  .r1 { border-left: 1px solid #6c766e; border-right: 1px solid #6c766e; background-color: #b6bba8; }
  .r2 { border-left: 1px solid #212f32; border-right: 1px solid #212f32; background-color: #c4c8b3; }
  .r3 { border-left: 1px solid #c4c8b3; border-right: 1px solid #c4c8b3; }
  .r4 { border-left: 1px solid #6c766e; border-right: 1px solid #6c766e; }
  .r5 { border-left: 1px solid #b6bba8; border-right: 1px solid #b6bba8; }
 
/* End Colour Scheme */

/* Set Widths */
  .container { width: 51.6667em }
  .navigation { width: 14.3333em }
  .wrapper_3 { width: 13.6667em }
  .wrapper_2, .inside_wrapper_2 { width: 40em }
  .wrapper_1, .main { width: 39.3333em }
  .content { width: 28.3333em }
  .logo { width: 13.6111em }
  .collaborators { width: 26em }
  .contact { width: 14em; float: left; }
/* End Set Widths */

/* Set Height */
  .navigation, .wrapper_4 { height: 27em }
  .inside_wrapper_4, .wrapper_3 { height: 26.3333em }
  .second { height: 25.6667em }
  .wrapper_2 { padding: 5px 0; }
  .main {
    height: auto;
    padding: 1em 0;
    position: relative;
   }
  .collaborators, .third { height: 9em }
/* End Set Height */

/* Corners */
  .rtop, .rbottom { display: block }
  .rtop *, .rbottom * {
	display:		block;
	height:			1px;
	overflow:		hidden;
  }
/*  .r1, .r1_w2, .r1_w3, .r1_w4, .r1_w5 { margin: 0 7px }
  .r2, .r2_w2, .r2_w3, .r2_w4, .r2_w5 { margin: 0 5px }
  .r3, .r3_w2, .r3_w3, .r3_w4, .r3_w5 { margin: 0 3px }
  .r4, .r4_w2, .r4_w3, .r4_w4, .r4_w5 { margin: 0 2px } */
  .r1, .r1_w2, .r1_w3, .r1_w4, .r1_w5 { margin: 0 3px; padding: 0 1px; }
  .r2, .r2_w2, .r2_w3, .r2_w4, .r2_w5 { margin: 0 1px; padding: 0 1px; }
  .r3, .r3_w2, .r3_w3, .r3_w4, .r3_w5 { margin: 0 1px }
  .r4, .r4_w2, .r4_w3, .r4_w4, .r4_w5 { }
  .r5, .r5_w2, .r5_w3, .r5_w4, .r5_w5 { }
	margin:			0 1px;
	/*height:			2px;*/
  }
/* End Corners */

/* Position */
  h1, h2, h3, h4, h5, h6, p, ul, a {
	text-align:		left;
  }
  .container {
	position:		relative;
        margin-left:            auto;
        margin-right:           auto;
        text-align:             left;
	top:			1.6667em;
  }
  
  .navigation {
	position:		absolute;
	top:			0;
	left:			0;
	z-index:		2;
  }

  .wrapper_2 {
	position:		relative; 
	float: 			right;
	top:			1.6667em;
	bottom:			1.6667em;
  }

  .wrapper_1, .wrapper_3 {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
  }

  .content { /* offsets: x=126, y=144 */
	  margin: 1.25em 0 0 6.5em;
	  text-align:		left;
  }

  .logo { /* offsets x=342, y=47 */
	  margin-left: 22em;
	text-align:		left;
  }

  .second {
	position:		relative;
  }

  .rubyfocus {
	position:		absolute;
	top:			1.4472em;
	left:			1.3333em;
  }

  .culture {
	position:		absolute;
	top:			4.8516em;
  }

  .code {
	position:		absolute;
	top:			8.1575em;
  }

  .growth {
	position:		absolute;
	top:			11.4875em;
  }

  .foundation {
	position:		absolute;
	top:			14.7836em;
  }

  .collaboration {
	position:		absolute;
	top:			18.2190em;
  }

  .connection {
	position:		absolute;
	top:			21.7054em;
  }
  .culture, .code, .growth, .foundation, .collaboration, .connection { left: 3em }
  
  .collaborators {
	position:		relative;
	top:	0.3333em;		/* making this 11em from the top of the .main div */
  left: 0.3333em;
  }
  .newrelic {
  	position:		absolute;
	top:			1.0em;
	left:			1.6667em;
  }
  .pivotallabs {
	position:		absolute;
	top:			0.3311em;	
	left:			14em;
  }
  .uearchitects {
	position:		absolute;
	top:			5.5em;
	left:			14em;
  }
  .engineyard {
    position: absolute;
    top: 3.5em;
    left: 4em;
  }
/* End Position */

table.price_sheet {
  font-size: 80%;
  margin-bottom: 1em;
}
.price_sheet td,th {
  padding-right: 10px;
}
.center {
  text-align: center;
}

.note {
  font-size: 80%;
}

sup {
  vertical-align: text-top;
  font-size: 80%;
}
p {
	line-height:		1.25em;
	margin-bottom:		1em;
}

.large {
	font-size:		1.3333em;
	line-height:		1.25em;
	margin-bottom:		1em;
}

.indent {
	margin-left: 1em;
}
.bio { font-size: 0.8em;}
.bio_img { float: left; margin: 0 0.5em 0.5em 0;}
.clear { clear:both; }

.mailto {
	color:			#1a6783;
	text-decoration:	none;
}