/*-----------------------------------------
   CSS RESET v1.0 | 20080212 
-----------------------------------------*/
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, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/*-----------------------------------------
  COMMON STYLES
-----------------------------------------*/
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.mgb0 { margin-bottom: 0; }
.mgb10 { margin-bottom: 10px; }
.mgb15 { margin-bottom: 15px; }
/********** TEXT ************/
.tal { text-align: left; }
.tar { text-align: right; }
.tac { text-align: center; }
/******** POSITION **********/
.fl { float: left; }
.fr { float: right; }
/*-----------------------------------------
   iFX STYLES
-----------------------------------------*/
body { background: #0a0c0b url(../images/bg_body.jpg) top repeat-x; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #999; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; margin-bottom: 15px; }
h1 { font-size: 22px; }
h2 { font-size: 18px; }
p { margin-bottom: 15px; }
small { font-size: 12px; }
ul, li { list-style: none; }
a, a:visited { text-decoration:none; color: #00FF00; }
a:hover { text-decoration:none; color: #2CA9F3; }

/************** CLASSES & IDS ***************/
.wrapper { width: 900px; margin: auto; }

#header { float: left; clear: both; width: 100%; background: url(../images/bg_header.png) top repeat-x; }
#header .wrapper { height: 100px; margin-bottom: 15px; }
	#header #logo { float: left; margin: 25px 5px 0; }
	#header #fb-like { float: right; padding: 40px 20px 0; margin-right: 3px; border: 1px solid #333; border-width: 0 1px; }

#slideshow { float: left; width: 100%; margin-bottom: 10px; }
	#slideshow .viewer { float: left; padding: 10px 10px 0; background: url(../images/bg_content.png) top no-repeat; }
	#slideshow .slide { float: left; width: 878px; height: 280px; border: 1px solid #444; overflow: hidden; background-color: #000; }
	#slideshow .bottom { float: left; width: 100%; height: 10px; background: url(../images/bg_content.png) bottom no-repeat; }

.contentbox { float: left; margin-bottom: 10px; background: url(../images/bg_content.png) top no-repeat; }
	.contentbox .contentwrap { float: left; clear: both; width: 900px; padding: 0; }
	.contentbox #portfolio-bar { float: left; width: 870px; display: block; padding: 0 15px; height: 50px; line-height: 50px; }
	.contentbox #portfolio-bar h1 { margin: 0; }
	.contentbox #portfolio-bar a { margin-top: 10px; }
	.contentbox .boxbottom { float: left; clear: both; width: 898px; height: 15px; padding: 0; background: url(../images/bg_content.png) bottom no-repeat; }
	
#slidethumbs { float: left; width: 882px; padding: 8px; height: 93px; background-color: #1c1c1c; overflow: hidden; text-align: center; border: 1px solid #222; border-top: 1px solid 1c1c1c; border-bottom: 1px solid #1f1f1f; margin-bottom: 15px; }
	#slidethumbs img.thumb { display: inline-block; margin: 7px; opacity: 0.5; filter: alpha(opacity = 50); cursor: pointer; }

.Column { float: left; width: 280px; margin-left: 15px; }

.box { float: left; width: 280px; margin: 0 15px 15px 0; }
	.box .content { width: 100%; height: 230px; background: url(../images/bg_box.png) top no-repeat; }
		.box .content .header { display: block; padding: 10px 15px; margin-bottom: 15px; border-bottom: 1px solid #1c1c1c; }
		.box .content .header img { float: left; margin-right: 10px; }
		.box .content h2 { margin: 0; }
		.box .content p { padding: 0 15px; }
		.box .content ul { padding: 0 15px; margin-top: 12px; }
		.box .content p img { border: 1px solid #222; margin: -1px; }
	.box .bottom { float: left; width: 100%; height: 10px; background: url(../images/bg_box.png) bottom no-repeat; }

#contact.box { margin-right: 0; }
	#contact.box .content { height: 485px; }

#contactForm { float: left; padding: 0 15px; }
#contactForm p { margin: 0 0 15px; padding: 0; }
	#contactForm label { float: left; width: 100%; margin-bottom: 5px; }
	#contactForm input, #contactForm textarea { float: left; width: 248px; margin-bottom: 15px; background-color: #111; font-family: Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #333; color: #E400FF; padding: 3px 0; }
	#contactForm textarea { overflow: auto; }
	#contactForm input:focus, #contactForm textarea:focus { background-color: #090909; }
	#contactForm input:hover, #contactForm textarea:hover { border-color: #666; }
	#contactForm #submit { float: right; clear: both; }
		#contactForm #btn-submit { float: right; height: 42px; width: 100px; cursor: pointer; border: 1px solid #222; background: transparent url(../images/btn_submit.png) top repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		#contactForm #btn-submit:hover { background-position: bottom; border-color: #1c1c1c; }
	#contactForm.mailer #submit { float: left; }

#featuredWork { cursor: pointer; }
	#featuredWork:hover { border-color: #333; }

#footer { float: left; clear: both; width: 100%; height: 80px; color: #555; font-size: 11px; }
	#footer .wrapper { width: 890px; padding: 0 5px; }
	#footer a { color: #555; }
	#footer a:hover { color: #2CA9F3; }

ul.ifxList { margin-left: 15px; }
	ul.ifxList li { display:list-item; list-style: square url("../images/bullet.png"); margin-bottom: 5px; }

.buttontext, .portfolio { cursor: pointer; }
	.buttontext:hover { color: #fff; }