@charset "UTF-8";
/* =============================================================================
GreaterThan - Home
============================================================================= */

/* General
============================================================================= */

.section_border {
  padding: 0 0px 20px 0;
  margin: 0;
  border-bottom: 1px solid #dcdcdc;
}

.section_noborder {
  padding: 0 5px 20px 0;
  margin: 0;
  border-bottom: 0px solid #dcdcdc;
}

#left_column {
  width: 320px;
  padding: 0 0 0 0;
  float: left;
  border-right: 0px solid #dcdcdc;
}

.socialnetwork {
  line-height:1.8em;
  padding: 20px 5px 20px 0;
  margin: 0;
  border-bottom: 0px solid #dcdcdc;
  }

/* Video Link
============================================================================= */
  .videoshot 													{width:320px; height:198px; background:url(../video/screenshot.jpg) 0 0 no-repeat; float:left; margin:20px 0 15px 0;}
  .videoshot a 													{width:320px; height:198px; background:url(../video/screenshot.jpg) 0 0 no-repeat; display:block;}
  .videoshot a:hover 											{background-position:0 -198px;}

  .videoshot2 													{width:320px; height:198px; background:url(../video/screenshot2.jpg) 0 0 no-repeat; float:left; margin:20px 0 15px 0;}
  .videoshot2 a 												{width:320px; height:198px; background:url(../video/screenshot2.jpg) 0 0 no-repeat; display:block;}
  .videoshot2 a:hover 											{background-position:0 -198px;}


/* Introduction
============================================================================= */

#introduction {
  width: 652px;
  height: 387px;
}

.preview_container {
  width: 200px;
  height: 150px;
  margin: 15px 0 0 0;
}

/* Rows of peeps
============================================================================= */

div.person {
  width: 320px;
  margin: 0 12px 0 0;
  float: left;
}
div.end {margin: 0 4px 0 0;}

div.row {margin: 12px 0 0 0; clear: left;}

.portrait {
  background: url(../img/backgrounds/portrait_line.gif) 0 0 no-repeat;
  width: 106px;
  height: 132px;
  padding: 0 10px 14px 0;
  float: left;
}
.name {
	line-height:1.4em;
}
.emphasize {
	font-size:120%;
	margin: 0;
}
.history {
	margin: 6px 0 0 0;
	line-height: 1.4em;
	height:120px;
	text-align:left;
	}


/* Row of flash-y boxes
============================================================================= */
	
div.box1 {
  width: 370px;
  margin: 4px 0 0 0;
  float: left;
  border-right: 1px solid #dcdcdc;
}

div.box2 {
  width: 270px;
  height: 165px;
  margin: 4px 0 0 11px;
  float: left;
}

.infoBox {
	font-size:120%;
	color:#1b1b1b;
    margin-top: 12px;
	text-align:center;

}
.details1 {
	margin: 20px 20px 0 22px;
	line-height: 1.3em;
	color:#000;
	}
.details2 {
	margin: 20px 20px 0 22px;
	line-height: 1.3em;
	color:#000;
	}
.details1 button {
    background: url(../img/buttons/sign_up.gif) 0 0 no-repeat;
    height: 35px;
    width: 122px;
	margin: 0 10px 0 0;
    float: left;
	display: inline;
  }
.details2 button {
    background: url(../img/buttons/learn_more.gif) 0 0 no-repeat;
    height: 35px;
    width: 122px;
	margin: 0 10px 0 0;
    float: left;
	display: inline;
  }
button:hover {background-position: 0 -35px;}


/* Main content
============================================================================= */

.middle {
  margin: 25px 0 0 0;
  border: none;
}

div.pullout {
  background: url(../img/pullouts/aerial.jpg) 0 0 no-repeat;
  width: 175px;
  height: 150px;
  margin: 15px 0 10px 15px;
  float: right;
}
  div.pullout span {display: none;}

.section_border, .section_noborder p {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 9px 0 0 0;
  line-height:1.6em;
}

.section_border ul {
  margin: 10px 0 20px 0;
}

.section_noborder ul {
  margin: 10px 0 20px 0;
}

.section_border li {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 0 0 .8em 30px;
  list-style-type:disc;
  line-height:1.4em;
}

.section_border img {
  margin: 0 0 10px 0;
  }

.section_noborder li {
  color: #5c5c56;
  font: normal 12px/17px Arial, Helvetica, sans-serif;
  margin: 0 0 .8em 30px;
  list-style-type:disc;
  line-height:1.4em;
}

div.clear {
  margin: 1px 0;
  font-size: 1px;
  line-height: 1px;
  height: 1px;
  position: relative;
  clear: both;
}

/* Right column
============================================================================= */

#right_column {
  width: 652px;
  float: right;
  padding: 0px 0 0 15px;
  border-left: 1px solid #dcdcdc;

}

  #right_column .email_update {
    background: url(../img/backgrounds/mailing_list.gif) 0 0 no-repeat;
    height: 165px;
    margin: 16px 0 0 0;
  }

.sponsorship {
    background: url(../img/backgrounds/sponsorship.gif) 0 0 no-repeat;
    height: 165px;
    margin: 16px 0 0 350px;
  }

	
/* Sign ups
============================================================================= */

#message {
  color: #000;
  font-size:10px;
  line-height:2em;
  width: 280px;
  height: 65 px;
  margin: 45px 20px 0 20px;
  padding: 0 0 10px 0;
  float: left;
}
#message2 {
  color: #000;
  font-size:10px;
  line-height:2em;
  width: 275px;
  height: 65 px;
  margin: 45px 20px 0 0;
  float: right;
}

  #message .row {margin: 9px 0 0 0;}

  #message div.textinput {
    background: url(../img/backgrounds/forms/textbox_240.gif) 36px 0 no-repeat;
    height: 26px;
    margin: 3px 0 0 0;
  }

  #message input {
    background: none;
    width: 215px;
    height: 21px;
    padding: 5px 6px 0 6px;
  font-size:12px;
    border: none;
  }

  #message button {
    background: url(../img/buttons/sign_up.gif) 0 0 no-repeat;
    height: 35px;
    width: 122px;
    margin: 8px 0 0 75px;
    float: left;
  }

  #message2 button {
    background: url(../img/buttons/learn_more.gif) 0 0 no-repeat;
    height: 35px;
    width: 122px;
    margin: 8px 0 0 75px;
    float: left;
  }

  #message button:hover {background-position: 0 -35px;}
  
  #message2 button:hover {background-position: 0 -35px;}