@charset "UTF-8";


/* marifet 1.0 styles */

* {
	margin:0;
	padding:0;
	text-decoration:none;
}
body {
	text-align:center;
	background-color: #FFFFFF;
	background-image: url(../images/stripe3.jpg);
}
p { font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial sans-serif; }
ul, ol { font-family:"Lucida Grande", "Trebuchet MS", Helvetica, Arial sans-serif; margin: 0 0 1em 1.5em; font-size:12px; }
li { line-height:1.3em; }
img { border:none; }

/* ----- Main IDs ----- */
#wrap {
	margin:0 auto;
	width:868px;
	text-align:center;
	padding-bottom:24px;
	background-image: url(../images/stripe2.jpg);
}
#head {
	padding-top:96px;
	padding-bottom:6px;
	border-bottom:2px dotted #ffffff;
	text-align:left;
	padding-left: 10px;
	background-image: url(../images/yatayfon.jpg);
	background-repeat: no-repeat;
}
#torso { padding-top:16px; text-align:left; }
#intro {
	float:right;
	width:285px;
	text-align:justify;
	padding-right: 15px;
	margin-top: 1px;
}
#jobs { margin:0 auto; width:768px; text-align:left; }
#projects {
	float:left;
	width:540px;
	text-align:left;
	margin-left: 10px;
}
#projdetail { width:868px; }
#projdescrip { float:left; width:196px; text-align:left; }
#projimg { float:right; width:656px; text-align:left; }
#botnav { margin-top:2em; font-family:Helvetica, Futura, Arial, sans-serif; font-size:10px; padding:8px 4px; border-top:6px dotted #333; }

/* ----- Main classes ----- */
.samplr {
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	border-bottom:2px dotted #FFFFFF;
}

/* ----- ID styles ----- */
#head h1, #intro h1, #projects h1, #jobs h1, #projdetail h1 {
	font-family:Helvetica, Futura, Arial, sans-serif;
	letter-spacing:-2px;
	color: #716F61;
	font-size: 22px;
	line-height: 0.8em;
	text-align: left;
}
#head h1 {
	font-size:56px;
	color:#333333;
	line-height: 2.5;
}
#head h1 span.headnav {
	font-size:18px;
	margin-left:420px;
	letter-spacing:-1px;
}
#intro h1, #jobs h1, #more h1 {
	font-size:25px;
	padding-bottom:0.2em;
	color:#716F61;
}
#projdetail h1 { font-size:36px; padding-bottom:.5em; color:#333; }
#intro p, #jobs p, #more p {
	font-size:9px;
	margin-bottom:0.8em;
	line-height:1.8em;
	font-weight: lighter;
	color: #333333;
}
#projdescrip p, #projimg p { padding:0 0 .5em 0; line-height:1.3em; font-size:11px; }
#projdescrip img { float:left; padding:4px; border:1px solid #FFF; background-color:#333; }
#projdescrip p.client span, #projdescrip p.scope span, #projdescrip p.url span { font-size:10px; text-transform:uppercase; color:#333; }
#projimg span img { padding:4px; border:1px solid #FFF; background-color:#333; }
#jobs h3 { font-family:Helvetica, Futura, Arial, sans-serif; letter-spacing:-1px; font-size:18px; margin:1em 0 .5em 0; }

/* ----- class styles ----- */
.tds {
	font-family:Helvetica, Futura, Arial, sans-serif;
	letter-spacing:-1px;
	font-weight:bold;
	color:#790300;
	font-size:10px;
}
.clearit {
	height:1px;
	clear:both;
	border-top-color: #FFFFFF;
	border-top-style: dotted;
	border-top-width: 2px;
}
.samplr h1 { padding:8px 0 0 0px; line-height:1em; font-size:19px; color:#333; }
.samplr p {
	padding:.5em 0 0 0;
	line-height:1.3em;
	font-size:9px;
	color: #333333;
}
.samplr img {
	float:none;
	padding:0px;
}
.samplr p.client { padding-top:1em; }
.samplr p.deets { padding:1em 0 0 0; font-size:10px; text-transform:uppercase; }
.samplr span { font-size:10px; text-transform:uppercase; color:#333; }
.thumbs {
	clear:none;
	margin:1em auto;
}
.tn { float:left; width:60px; padding-bottom:.5em; }
.homer { float:left; }
.nexprev { float:right; }

/* ----- form styles ----- */
.formit { font-family:Helvetica, Futura, Arial, sans-serif; font-size:13px; margin-top:20px; }
.formit div { clear: left; display: block; width: 420px; height: expression('1%'); margin: 0 0 10px 0; padding: 1px 3px; }
.formit label { font-size: 88%; display: block; float: left; width: 130px; padding: 5px 3px 5px 3px; margin:0; text-align: right; }
.formit input, .formit select, .formit textarea { font-size: 100%; color: #555; }
.formit textarea { overflow: auto; }
.formit div.buttoncol { padding-left:140px; }

/* ----- links ----- */
#projects a, #projects a:link, #projects a:visited, #projects a:active, #intro a, #intro a:link, #intro a:visited, #intro a:active, #jobs a, #jobs a:link, #jobs a:visited, #jobs a:active, #projdescrip a, #projdescrip a:link, #projdescrip a:visited, #projdescrip a:active, #projimg p a, #projimg p a:link, #projimg p a:visited, #projimg p a:active { color:#790300; }
#projects a:hover, #intro a:hover, #jobs a:hover, #projdescrip a:hover, #projimg p a:hover {
	background-color:#FFFFFF;
	color:#333;
}
#botnav a, #botnav a:link, #botnav a:visited, #botnav a:active { color:#790300; }
#botnav a:hover { background-color:#FFE52E; color:#333; }

span.headnav a, span.headnav a:link, span.headnav a:visited, span.headnav a:active { color:#790300; text-decoration:none; padding:4px; margin-right:6px; }
span.headnav a:hover { color:#FFF; background-color:#790300; text-decoration:none; }


.thumb_sol {
	padding: 10px;
	float: left;
	width: 249px;
	border-right-width: 2px;
	border-right-style: dotted;
	border-right-color: #FFFFFF;
}
.thumb_sag {
	padding: 10px;
	float: right;
	width: 249px;
}