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

  © 3000 Goro Harumi Design Co.
  
  goroharumi.com

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

* {
  padding:0;
  margin:0;
  list-style:none;
}

body {
  background:#110801 url(../images/bg4.png);
  color:#FFF;
  font:62.5% "Helvetica Neue", Helvetica, Arial, sans-serif;
}

div#container {
  width:960px;
  padding-top:125px;
  margin:0 auto;
  position:relative;
  margin-bottom:40px;
  overflow:hidden;
}

a {
  text-decoration:none;
  color:#FFF;
}

img {
  border:0;
}

h1 a {
  text-indent:-9999em;
  display:block;
  width:700px;
  height:36px;
  background:url(../images/logo4.gif) no-repeat;
  position:absolute;
  top:62px;
  left:110px;
}

p#company_description {
  text-indent:-9999em;
  width:292px;
  height:14px;
  background:url(../images/blurb.gif) no-repeat;
  position:absolute;
  top:18px;
  right:150px;
}

p {
  font-size:1.3em;
  line-height:1.4;
  margin:20px 0;
}

p a {
  text-decoration:underline;
}

h2 {
  text-indent:-9999em;
  position:absolute;
}

h3 {
  text-indent:-9999em;
}

div#intro {
  width:700px;
  padding-right:40px;
  margin:10px auto 40px;
  text-align:justify;
}

div#intro p {
  margin-top:0;
}

div#design {
  margin-top:10px;
  padding-left:150px;
  background:url(../images/design.gif) 25px center no-repeat;
  margin-bottom:40px;
  position:relative;
}

div#design a,
ul#designs cite {
  font-family:Georgia;
  font-style:italic;
}

div#design a:hover {
  text-decoration:underline;
}

ul#designs {
  width:660px;
}

ul#designs img {
  border:5px solid #FFF;
  background:#FFF;
}

ul#designs p,
div#code p  {
  margin:10px 0 30px;
  line-height:1.4;
  text-align:justify;
}

ul#designs cite,
ul#code_descriptions cite {
  display:block;
  margin-top:10px;
}

ul#designs li.last p {
  margin-bottom:0;
}

div.hidden {
  display:none;
}

p.tall {
  margin-bottom:400px;
}

p.sent {
  margin-bottom:200px;
}

div#code {
  margin-top:40px;
  padding-left:150px;
  background:url(../images/code.gif) 38px center no-repeat;
}

div#code img {
  border:3px solid #FFF;
}

div#code ul#code_thumbs {
  position:relative;
}

div#code ul#code_thumbs li {
  display:block;
  float:left;
  margin-right:10px;
}

div#code ul#code_thumbs li.last {
  margin-right:0;
}

div#code ul#code_thumbs li#code_home {
  position:absolute;
  left:-115px;
  top:85px;
}

div#code ul#code_thumbs li#code_home a {
  display:block;
  width:45px;
  height:12px;
}

div#code div#code_descriptions_box {
  overflow:hidden;
  display:block;
  height:75px;
  width:660px;
  position:relative;
}

div#code ul#code_descriptions {
  position:absolute;
  width:4760px;
  height:85px;
  left:0;
}

div#code ul#code_descriptions li {
  width:660px;
  margin-right:20px;
  display:block;
  float:left;
}

div#code ul#code_descriptions p {
  margin:10px 0 0;
}

div#footer {
  background:#000;
  border-top:7px solid #FFF;
}

div#footer_inner {
  width:960px;
  margin:0 auto;
}

div#footer_inner form {
  width:370px;
  float:left;
  padding:20px 20px 20px 105px;
  border-right:1px solid #FFF;
}

div#footer_inner form ul {
  font-size:1.2em;
  margin-bottom:20px;
}

div#footer_inner form ul li {
  margin:5px 0;
  color:#E35E20;
}

.hidden {
  display:none;
}

div#footer_inner p.errors {
  color:#E35E20;
  margin:20px 0;
}

p#success {
  height:250px;
}

div#footer_inner form input.submit {
  width:auto;
}

div#footer_inner form p {
  margin:10px 0;
}

div#footer_inner form input#contact_name,
div#footer_inner form input#contact_email {
  width:350px;
  height:20px;
  padding:12px 10px 8px;
  background:transparent url(../images/text_field.png) no-repeat;
  border:0;
}

div#footer_inner form textarea {
  width:350px;
  height:110px;
  padding:10px;
  font:0.9em Arial, Helvetica, sans-serif;
  background:transparent url(../images/textarea.png) no-repeat;
  border:0;
}

div#footer_inner form input.prefill,
div#footer_inner form textarea.prefill {
  color:#999;
  font:0.8em Arial, Helvetica, sans-serif;
}

h3#say {
  width:105px;
  height:18px;
  background:url(../images/h3/say.gif) no-repeat;
  margin-bottom:30px;
}

label {
  display:block;
  text-transform:uppercase;
  color:#CCC;
  margin:0 0 10px;
}

div#articles {
  width:359px;
  float:left;
  padding:20px;
}

h3#recent a {
  display:block;
  width:173px;
  height:18px;
  background:url(../images/h3/recent.gif) no-repeat;
  margin-bottom:30px;
}

div#articles ul {
  width:250px;
}

div#articles ul li {
  font-size:1.4em;
  line-height:1.4;
  margin-bottom:20px;
}

div#articles ul li a {
  color:#CCC;
}

div#articles ul li span.date {
  margin-right:10px;
  color:#FFF;
  font-weight:bold;
}

div.page_break {
  clear:both;
}

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

.clearfix {display:inline-block;}

/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */