/* === 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,
dl, dt, dd, ol, ul, li,input,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	text-decoration: none;
}
:focus {
	outline: none;
}
ol, ul, li {
	list-style: none;
}
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 === */

body {
	/*background-position: 20px;*/
	
	background-image: url("../images/background.png");
	/*background: url("images/background.png");*/
	background-repeat: no-repeat;
	background-attachment: fixed;
  background-position: center top;
	
	word-spacing:1px;
	line-height: 1px;
	color: #ddd;
	/*background-color: #161616;*/
	background-color:#000;
	/*background-color: #262626;*/
	font: 11px Tahoma, Verdana, "Times New Roman", Times, serif;
}

input, select, button, textarea { font-family: Tahoma, Verdana, sans-serif; }

/* === MISC === */
#projects:after,
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.sections_nav li {
  display: inline;
  margin-right: 2.5ex;
}

h2#tit_contact {
  width: 370px;
  height: 47px;
  background: url(../images/tit_let_us_know.png) no-repeat left top;
  overflow: hidden;
  text-indent: -9999em;
  margin-bottom: 20px;
}

#femtocontent.loading {
  background: url(../images/loader.gif) no-repeat center center;
}

/* === PAGE === */

#page { 
	
}

#footer_inner,
#blurb_inner,
#inner_cont {
  width: 93%;
  margin: 0 auto;
  min-width: 970px;
  max-width: 970px;
}

#blurb{
	/*background-color:#0033CC;*/
	height:30px;
	margin-top:4px;
	border-bottom:1px solid #333333;
}

#blurb #tagline{
	float:left;
	font-size:12px;
  line-height: 25px;
  padding-left: 24px;
  background: url(../images/rpf_mini.png) no-repeat left center;
}


#blurb #newsletter{
	float:right;
  font-size: 13px;
}

#blurb #newsletter span {
  position: relative;
  top: 4px;
}

#blurb #newsletter.loading {
  padding-right: 30px;
  position: relative;
  right: -30px;
  background: url(../images/n_throbber.gif) no-repeat right center;
}

#blurb #newsletter input {
	padding: 5px 4px 6px;
	font-size:12px;
	width:200px;
  float: left;
}

#blurb #newsletter #sendbutton {
	background:#FE6A00; 
	color:#fff; 
	cursor:pointer;
	padding:5px 10px; 
	/*-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
	width:80px;
	font-size:11px;
	font-weight:bold;
  margin-left: 5px;
}

#n_error_msg {
  border: 2px solid #a00;
  padding: 5px 7px;
  background-color: #eee;
  color: #a00;
  width: 190px;
  font-size: 12px;
  text-align: center;
}

/* === HEADER === */

#header {
	height:80px;
  margin-top: 20px;
	margin-bottom: 20px;
  clear: both;
  position: relative;
}

#section_logo {
	float: left;
}
.f_right {
	float:right;
}

#header .f_right {
  margin-top: 5px;
}

#header .sections_nav {
  position: relative;
  top: -10px;
}

#header .sections_nav a {
  color: #f05a28;
}

#header .sections_nav a:hover {
  color: #ffaa00;
}

/* === PROJECTS === */

#projects {
	margin-left: -41px;
  margin-bottom: 50px;
}

.project_content {
	position:relative;
	/*text-align: center;*/
	float: left;	                       
	margin-left: 41px;	/* gutter*/
	width: 296px;
	height: 282px;
	/*background-color:#003399;*/
	/*border: 1px solid red;*/
}

/*
.project_content A{
	background-color:#000000;
}*/

.project_content .image{
	background-color:#1a1a1a;
	width:296px;
	height:190px;
	/*border:1px solid red;*/
	
	
}

p.client { color: #999; }

.project_content .image img{
	position:absolute;
	top:0px;
	left:0px;
}

.project_content .flag{
	position:absolute;
	top:0px;
	z-index:10000;
}

.project_content .project_description {
	height:74px;
	width:286px;
	
	margin-top:8px;
	padding:4px;


	/*border:1px solid yellow;*/
}

.project_content .project_description p{
	/*text-align:justify;*/
  line-height: 1.33;
}

.project_description strong a,
.project_description strong { color: #00adee; font-weight: bold; }
.project_description strong a:hover { color:#ff7200; }

.project_content h2 {
	font-size: 1.6em;
	/*margin-top: 19px;*/
	letter-spacing: 0.1em;
	font-variant: small-caps;
	text-align: center;
	font-weight: normal;
	/*font-style: italic;*/
	margin-top: 19px;
}
.project_content h2 a { color: #dddddd;}
.project_content h2 a:hover { color: #767676; }

.project_category {
	text-align: center;
	margin-top: 2px;
	color: #646464;
}

.for_autoclear { display: none; }

/* === FOOTER === */

#footer {	
	clear: both;
  border-top:1px solid #333333;
	padding-top: 30px;
	padding-bottom: 10px;
	color: #767676;
  background-color: #140E00;
}
#footer a {color: #767676;}
#footer a:hover {color: #ff7200;}
.footer_login a, .footer_login a:hover {color: #161616;}
.footer_copy { text-align: center; clear: both; }

#footer address {	
  font-size: 12px;
  color: #fff;
  float: left;
}

#footer .sections_nav {
  clear: left;
  float: left;
  position: relative;
  top: 10px;
}

/* === CONTACT === */
#contact_form {
  background-color: #fff;
  font-size: 14px;
  padding: 12px 24px;
  position: relative;
  top: 12px;
}

#contact_form label {
  float: left;
  width: 113px;
  font-weight: bold;
  color: #888;
  margin-top: 2px;
  clear: both;
  padding-left: 20px;
  position: relative;
}

#contact_form label strong {
  position: absolute;
  top: 1px;
  left: 8px;
}

#contact_form input.text,
#contact_form textarea {
  border: 1px solid #c4c4c4;
  font-size: 1em;
  font-family: Tahoma, sans-serif;
  margin-bottom: 8px;
  width: 300px;
  padding: 2px;
}

#contact_form label.error {
  color: #f11;
}

#contact_form input.error,
#contact_form textarea.error {
  border-color: #f11;
}

#contact_form p.submit {
  margin-left: 133px;
}

#contact_form p.submit button {
  background: #fe6a00 repeat scroll 0%;
  border: 0 none;
  margin: 0;
  padding: 5px 10px;
  overflow: hidden;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  font-size: 13px;
}

#contact_form.loading p.submit {
  background: url(../images/throbber.gif) no-repeat 80px center;
}

#over_head,
#over_foot {
  background: url(../images/over_corners.png) no-repeat left top;
  position: absolute;
  left: 0;
  width: 600px;
  height: 12px;
  overflow: hidden;
}

#over_head { top: 0; }
#over_foot { bottom: 0; background-position: left bottom; }

#close_btn {
  background: url(../images/overlay_close.png) no-repeat left top;
  top: -9px;
  right: -12px;
  width: 25px;
  height: 25px;
  overflow: hidden;
  position: absolute;
  cursor: pointer;
}

.jumbmooslide {
  position: relative;
  overflow: hidden;
}

#home_show img,
.jumbmooslide img {
  position: absolute;
  top: 0;
  left: 0;
}

.webosaurs .jumbmooslide {
  width: 640px;
  height: 340px;
  float: left;
}

#case_study,
#home_show {
  width: 970px;
  height: 340px;
  position: relative;
  overflow: hidden;
}

#home_info {
  clear: both;
  width: 970px; 
  margin: 0 auto;
}

#home_info p.tagline {
  font: normal 23px/1.25 Arial, Helvetica, sans-serif;
  color: #F05A28;
  margin: .5em 0 0;
}

#home_info p.tagline strong {
  font-weight: bold;
  color: #fff;
}

#home_sub {
  margin-bottom: 4em;
  width: 100%;
  overflow: hidden;
}

#home_sub p,
#home_info p.small_tagline {
  font: normal 14px/1.25 Tahoma, sans-serif;
  color: #808080;
  margin: .4em 0 2em;
}

#home_sub p { font-size: 13px; margin: 0; }

#projects .client a,
#home_sub p a,
#home_info p.small_tagline a {
  font: normal 10px Arial, Helvetica, sans-serif;
  color: #F05A28;
  text-transform: uppercase;
}

#home_sub p strong,
#home_info p.small_tagline strong {
  color: #bdfaf3;
  font-weight: normal;
}

#home_info p.small_tagline a:hover {
  color: #ff7200;
}

#home_sub h3 {
  font: normal 20px/1.4 Arial, Helvetica, sans-serif;
  color: #fff;
  margin-bottom: 1em;
}

#home_sub li {
  padding: 16px 12px 16px 0;
  margin: 0 12px 0 0;
  float: left;
  width: 306px;
  border-right: 1px solid #582e1c;
  height: 220px;
}

#home_sub li#last_item {
  margin-right: 0;
  padding-right: 0;
  border-right: 0 none;
}

.c_logo { text-align: center; margin-top: 1em; position: relative; }
.c_logo label { text-transform: uppercase; display: block; text-align: left; font-size: 10px; }

/*** CASE STUDIES ***/
#case_study {
  height: auto;
}

#case_study .top_cont {
  background-color: #170b06;
  height: 340px;
  margin-bottom: 1em;
  position: relative;
}

#case_study .case_img {
  float: left;
}

#case_study .overlay {
  width: 13px;
  height: 340px;
  left: 627px;
  top: 0;
  display: block;
  position: absolute;
  background: url(../images/over_spikes.png) no-repeat left top;
}

#case_study .description {
  float: right;
  width: 300px;
  height: 330px;
  padding: 5px 15px;
  position: relative;
}

#case_study .description h2 {
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: -.1em;
}
#case_study .description h3 {
  font-size: 21px;
  color: #f05a28;
  margin-bottom: .5em;
}

#case_study .description label {
  font-size: 14px;
  text-transform: uppercase;
}
#case_study .description p {
  color: #fff;
}

#case_study .description .meta,
#case_study .description .date {
  position: absolute;
  left: 15px;
  bottom: 15px;
  color: #606060;
}

#case_study .description .meta {
  font-size: 14px;
  color: #888;
}

#case_study .right_col li,
#case_study  .description a.site,
#case_study .description .date,
#case_study p {
  font: normal 14px Tahoma, Helvetica, sans-serif;
}

#case_study .left_col {
  float: left;
  width: 485px;
  padding-left: 130px;
  padding-bottom: 2em;
}

#case_study.webosaurs .left_col {
  background: url(../images/webo_case_back.png) no-repeat 20px center;
}

#case_study .right_col {
  float: right;
  width: 300px;
  padding-right: 15px;
}

#case_study .description a.site {
  position: absolute;
  bottom: 15px;
  right: 18px;
  color: #00dfdb;
  font-size: 19px;
}

#case_study .description a.site:hover {
  color: #7fe1dc;
}


#case_study .description a.site span {
  font-size: 10px;
  position: relative;
  top: -3px;
  left: 3px;
}

#case_study .left_col h2 {
  font-size: 20px;
  color: #fff;
  margin-top: 1.5em;
  margin-bottom: .33em;
}

#case_study .left_col h2 a {
  color: #fff;
  text-decoration: underline;
}

#case_study .left_col h2 a:hover {
  color: #fa0;
}

#case_study .left_col p {
  color: #bfbfbf;
  margin-bottom: 1em;
  line-height: 1.3;
}

#case_study .left_col p em {
  color: #fff;
}

#case_study .right_col h2 {
  font-size: 20px;
  color: #f05a28;
  margin-top: 1.5em;
  margin-bottom: .33em;
}

#case_study .right_col p {
  font-size: 12px;
  color: #fff;
  margin-bottom: 1em;
  line-height: 1.3;
}

#case_study .right_col li {
  color: #fff;
  line-height: 1.3;
}

#case_study.jnmedia .company_profile {
  float: right; 
  height: 320px;
}

#case_study.jnmedia .description {
  height: 310px;
}

#case_study.jnmedia .left_col {
  padding-left: 0;
  width: 585px;
}

#case_study.jnmedia .left_col h2 {
  color: #f05a28;
  font-size: 20px;
  margin-bottom: 0.5em;
}

#case_study.jnmedia .left_col h2:first-child {
  margin-top: 0;
}

#case_study.jnmedia .left_col p {
  color: #fff;
}

.feat_list {
  background-color:#170B06;
  padding: 20px 25px;
  position: relative;
}

.feat_list ul {
  font-size: 20px;
  line-height: 1.33;
  color: #fff;
}

.info_bubble {
  color: #f9ec31;
  font-size: 13px;
  width: 154px;
  padding-left: 17px;
  background: url(../images/bubble_tip.png) no-repeat left 52px;
}

.bubble_content {
  background-color: #603813;
  padding: 12px 15px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#case_study.jnmedia .feat_list {
  width: 70%;
}

.feat_list .info_bubble {
  position: absolute;
  top: -40px;
  right: -110px;
}


/* === end === */