body {
	font-family: Helvetica, Verdana, Tahoma, Arial;
	color: #FFF;
	font-size: 13px;
	line-height: 18px;
	background: #1D1413 url(images/bg_website.jpg) repeat top left;
}


/* MAIN WEBSITE CODES HERE
------------------------------------------------------------------*/

#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 960px;
}

a, a:visited { color: #FFF; text-decoration: underline; outline: none; }
a:hover { color: #FFF; text-decoration: none; }

img { border: 0; }

p { margin: 10px 0; }

/* HEADER CODES HERE
------------------------------------------------------------------*/

.headerwide {
	position: relative;
	float: left;
	width: 100%;
	height: 350px;
	padding:0;
	margin:0;
	background: url(images/bg_header.jpg) no-repeat top center;
}

.headerwrap {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 940px;
}

.twitter { position: absolute; top: 168px; right: 6px; margin: 0; }
.contact { position: absolute; top: 154px; right: 120px; margin: 0; }
.logo { position: absolute; top: 71px; left: 48px; margin: 0; }


/* FEATURED BLOCK CODES HERE
------------------------------------------------------------------*/

.featuredwrap {
	position: relative;
	float: left;
	margin: 0 10px;
	padding: 20px 0 0 0;
	width: 960px;
}

.featuredwrap img.featured {
  /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
}

.featuredwrap img.featured:hover {
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

.title_featured { position: absolute; top: -40px; left: 316px; margin: 0; width: 307px; height: 99px; }

/* PORTFOLIO CODES HERE
------------------------------------------------------------------*/

.portfoliowrap {
	position: relative;
	float: left;
	margin: 0;
	padding: 60px 0 0 0;
	width: 960px;
}

.title_portfolio { position: absolute; top: 30px; left: -20px; margin: 0; }

.portfoliobox { float: left; margin: 10px; padding: 0; width: 220px; }

.portfoliobox img.portfolio {
  /* for IE */
  filter:alpha(opacity=30);
  /* CSS3 standard */
  opacity:0.3;
}

.portfoliobox img.portfolio:hover {
  /* for IE */
  filter:alpha(opacity=100);
  /* CSS3 standard */
  opacity:1.0;
}

/* ABOUT BOX CODES HERE
------------------------------------------------------------------*/

.aboutwrap {
	position: relative;
	float: left;
	margin: 60px 10px 0 10px;
	padding: 50px 20px 10px 130px;
	width: 790px;
	background: url(images/bg_about.png) repeat top left;
}

.title_about { position: absolute; top: -50px; left: -80px; margin: 0; width: 346px; height: 279px; background: url(images/img_about.png) no-repeat top left; }

/* CONTACT BOX CODES HERE
------------------------------------------------------------------*/

.contactwrap {
	position: relative;
	float: left;
	margin: 60px 10px 0 10px;
	padding: 20px 0;
	width: 940px;
	background: url(images/bg_contact.png) repeat top left;
}

.title_contact { position: absolute; top: -44px; left: -20px; margin: 0; width: 184px; height: 79px; background: url(images/img_contact.png) no-repeat top left; }

.floatleft { float: left; margin: 0; padding: 20px; width: 380px; }
.floatright { float: left; margin: 0; width:520px; padding: 0; }

form { margin: 0; padding: 0; width: 940px; overflow: hidden; }
.form_name { width: 360px; height: 42px; background: url(images/form_name.png) no-repeat; color: #FFF; border: 0; margin: 0 0 10px 0; padding: 10px 0 0 10px; }
.form_email { width: 360px; height: 42px; background: url(images/form_email.png) no-repeat; color: #FFF; border: 0; margin: 0 0 10px 0; padding: 10px 0 0 10px; }
.form_website { width: 360px; height: 42px; background: url(images/form_website.png) no-repeat; color: #FFF; border: 0; margin: 0 0 10px 0; padding: 10px 0 0 10px; }
.form_message { width: 463px; height: 163px; background: url(images/form_message.png) no-repeat; color: #FFF; border: 0; margin: 0 0 10px 0; padding: 20px; }
.form_submit { background: url(images/form_submit.png) no-repeat; width: 94px; height: 58px; border: 0; text-indent: 300px; float: right; margin: 10px 20px 0 0;}

/* FOOTER CODES HERE
------------------------------------------------------------------*/

.footerwrap {
	position: relative;
	float: left;
	margin: 60px 10px 0 10px;
	padding: 20px 0;
	width: 940px;
	text-align: center;
}