/* ----------------------------------------------

  Project:  Chromeo
  Version:  1.0

  Author:   Ray Sohn 

----------------------------------------------- */

/*  Typography
---------------------------------------------- */  
body, button, textarea, input.text { 
  color: #666;
}

a {
	 text-decoration: none;
	 color: #666;
}
	a:hover, a:active { text-decoration: underline; }
	a:hover, a.current { }

p { 
  font: 14px/20px Constantia,"Times New Roman",Times,serif;
}

ul { 
  list-style: none;
}

span {
  font: 15px/20px Constantia,"Times New Roman",Times,serif;
  font-style: italic;
  margin: 0 4px;
}

h1 { 
  background: url('../../assets/css/logo.jpg') no-repeat 0 0;
  display: block;
  height: 202px;
  text-indent: -9999px;
  width: 620px;
}

h2 {
  font: 24px/20px Constantia,"Times New Roman",Times,serif;
  letter-spacing: 0.6px;
  background: #fff;
  margin: 0 auto;
  width: 340px;
}

h3 { 
  font: bold 10px/20px Helvetica,Arial,sans-serif;
}

h4 { 
  font: bold 10px/20px Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  clear: left;
}

h5 { 
  font: bold 10px/20px Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  background: #fff;
  margin: 0 auto;
  padding-bottom: 3px;
}

#header ul { 
  font: 16px/18px Constantia,"Times New Roman",Times,serif;
}

#header .nav1 li a {
  font: bold 10px/20px Helvetica,Arial,sans-serif;
  text-transform: uppercase;
  color: #999;
}

#page ul { 
  font: 10px/20px Constantia,"Times New Roman",Times,serif;
  letter-spacing: 0.4px;
}

#page p {
  letter-spacing: 0.4px;
}

#page p a {
  background: url('../../assets/css/thickline.png') no-repeat bottom;
}

#page p a:hover {
  text-decoration: none;
}

#signup .input {
  font: 10px Constantia,"Times New Roman",Times,serif;
  letter-spacing: 0.4px;
  color: #ccc;
  text-align: center;
  width: 228px;
  height: 12px;
  padding: 3px;
  margin-right:10px;
  border: 1px solid #ccc;
  float:left;
}
#signup input.btn {
	color: #666;
	border:none;
	background-color:#fff;
	font: bold 10px/20px Helvetica,Arial,sans-serif;
	font-weight:bold;
	height:20px;
	border:solid 1px #ccc;
	line-height: 10px;
	position: relative;
	float:left;
	padding: 4px;
}
/*  Document Structure
---------------------------------------------- */

body {
  margin: 0 auto;
  padding: 0;
  width: 620px;
}

#header { 
  margin-top: 108px;
  text-align: center;
}
  #header ul li {
    margin: 0 14px;
  }
  #header .nav1 { 
    margin-top: -65px;
  }
  #header .nav2 {
    margin-top: 8px;
  }
  #header .nav1 li {
    display: inline;
    margin: 0 5.5px;
  }
  #header .nav2 li {
    display: inline;
    margin: 0 14px;
  }

#page {
  text-align: center;
}
  #page .boxwrap { 
    margin-left: 94px;
  }
  #page .contact {
    margin-bottom: 8px;
  }
  #page .contact li {
    display: inline;
    margin: 0 17px;
  }
  #page p {
    margin: 4px 0 32px 0;
  }

#fairplayer {
  float: left;
  margin-top: 18px;
  width: 298px;
  height: 40px;
}

#signup {
  float: right;
  margin-top: 14px;
}

form label.overlabel-apply {
bottom:-17px;
position:absolute;
}

form p {
position:relative;;
}

form label{left:72px;bottom:5px;line-height:14px;height:14px;font-size:12px;color:#ccc;}

/*  Hacks and Utilities
---------------------------------------------- */

.line {
  background: url('../../assets/css/line.png') repeat-x 0 0;
  height: 5px;
  width: 100%;
}

.h2line { 
  background: url('../../assets/css/line.png') repeat-x 0 8px;
  margin-top: 38px;
}

.box {
  float: left;
  margin: 5px 38px 22px 0;
}

.clear:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0; }

.clear {
	display: inline-block; }

html[xmlns] .clear {
	display: block; }

* html .clear {
	height: 1%; }