/* author: Carlos R. Andujar */

body { background-color:#000; margin:0px auto; }

/* main layout container */
#container { width:950px; margin:0px auto; }

/* contact form */
#contact_form label { display:block; font-family:Arial; color:#CCC; margin:0px 10px 0px 0px; }
#contact_form input { margin:0px 10px 0px 0px; }

/* footer */
#footer { border-top:1px solid #eee; float:left; width:100%; background-color:#333; padding:20px 0px 20px 0px;	 margin:0 auto; }

.footer_block { float:left; display:block; width:320px; margin:0px auto; padding:0px 0px 0px 45px; font-family:Arial; font-size:12px; color:#666; }
.footer_block h2 {  color:#666; font-size:18px; }
.footer_block a { color:#FFF; text-decoration:none; text-shadow:1px 1px 2px #000 }
.footer_block a:hover { border-bottom:1px solid	#FFFFCC; }
.footer_block a[rel="license"] { border:none; }
.footer_block ul { padding:0px; list-style:none; }
.footer_block li { padding:0px; list-style:none; line-height:25px; }

/* header */
#header { background-image:url(../images/header-1.png);	background-repeat:no-repeat; width:900px; height:560px; padding:0px; }
#header_left { float:left; width:339px;	padding:100px 0px 0px 0px; color:#CCC; font-size:14px; }
#header_left p { line-height:25px; }
#header_right { float:right; display:block;	width:269; padding:0px 10px 0px 0px; }
#header_right li { padding:20px 0px 0px 0px; list-style:none; }

#introduction { color:#CCC; font-family:Arial; font-size:12px; padding:10px 0px 0px 0px; margin:0px 0px 20px 0px; }

#recent_work { color:#CCC; margin:20px 0px 30px 0px; }
#recent_work li h1, h2 { letter-spacing:-1px; margin:0px 0px 5px 0px; }
#recent_work img { border:3px solid #FFF; padding:0px; }
#recent_work li { font:12px Georgia; list-style:none; padding:10px 0px 0px 0px; }
#recent_work ul { margin:0px; padding:0px; }

/* sample thumbnail containers: row 1 */
.sample { float:left; width:290px; line-height:18px; color:#FFF; margin:0px 25px 50px 0px; }
.sample a {	color:#FFFFCC; text-decoration:none; }
.sample a:hover { color:#FFF; }

/* sample thumbnail containers: row 2 */
.sample_2-1 { float:left; width:290px; line-height:18px; color:#FFF; margin:0px 25px 50px 0px; clear:both; }
.sample_2-1 a {	color:#FFFFCC; text-decoration:none; }
.sample_2-1 a:hover { color:#FFF; }