@charset "UTF-8";

/*
* RESET
***********************************************************************************/
html, body, h1, h2, h3, h4, h5, div, img, p, ul, ol {
	border:0;
	margin:0;
	padding:0;
	}
ul { list-style:none; }	
p, li { font-size:12px; line-height:20px; }
p { clear:both; margin:5px 0 15px; }
	
a:link, a:visited, a:active {
	outline:none;
	text-decoration:none;
	}
a:hover {
	}
	
	
/*
* CLASSES
***********************************************************************************/
.left { float:left; }
.right { float:right; }
.clear { clear:both; }

.tright { text-align:right; }
.bold { font-weight:bold; }

.list {
	list-style:circle;
	margin:0 0 0 45px;
	}
	
.skills {
	clear:both;
	overflow:auto;
	padding:0 0 10px;
	}

.burgundy { color:#900000; }
.blue { color:#000966; }
.highlight {
	background:url(../img/highlight.jpg) 0 0 no-repeat;
	margin:-5px 0 0 -5px;
	padding:5px 5px 10px;
	overflow:hidden;
	}



.testimonial-row { margin:15px 0 45px; overflow:auto; }
.testimonial-row p { font-size:14px; }
.testimonial-row p.client { font-weight:bold; font-size:12px; }
	
.work-row { height:190px; margin:15px 0 0; width:103%; }

.tape-frame {
	cursor:pointer;
	float:left;
	position:relative;
	margin:5px 2px 0 8px;
	width:230px;
	}
.tape-frame .frame {
	background:url(../img/tape-frame.png) 0 0 no-repeat;
	height:176px;
	position:absolute;
	top:-19px;
	left:-19px;
	width:250px;
	}
.tape-frame .title {
	margin:0 auto;
	position:relative;
	left:-9px;
	text-align:center;
	}
	
.corner-frame {
	position:absolute;
	margin:0 0 0 10px;
	}
.corner-frame .frame {
	background:url(../img/corner-frame.png) 0 0 no-repeat;
	height:474px;
	position:absolute;
	top:-9px;
	left:-8px;
	width:710px;
	}

#crumbs { margin:0 0 40px; }
#crumbs a:link, #crumbs a:visited, #crumbs a:active {
	color:#900;
	text-decoration:none;
	}
#crumbs a:hover {
	color:#333;
	}

.pagnation { margin:25px 0 5px; text-align:center; }
.pagnation a{
	background-color:#600;
	color:#fff;
	font-weight:bold;
	margin:0 5px;
	padding:2px 7px;
	}
.pagnation a.current, .pagnation a:hover { background-color:#333; }


label.error { color:#900; }
input.error, textarea.error { border:1px solid #900; }
p.error {
	background-color:#B00;
	color:#fff;
	font-size:14px;
	margin:0px 0 10px;
	padding:20px;
	text-align:center;
	}
p.confirm {
	background-color:#060;
	color:#fff;
	font-size:14px;
	margin:0px 0 10px;
	padding:20px;
	text-align:center;
	}

/*
* LAYOUT
***********************************************************************************/
body {
	background:#000 url(../img/bg.jpg) 0 0 no-repeat;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	}
	
#wrapper {
	position:relative;
	width:960px;
	}
	
#moleskine-top { background:url(../img/moleskine-top.png) 0 0 no-repeat; height:50px; width:810px; }
#moleskine-bot { background:url(../img/moleskine-bot.png) 0 0 no-repeat; height:110px; overflow:auto; width:810px; }
#moleskine {
	background:url(../img/moleskine-bg.png) 0 0 repeat-y;
	min-height:760px;
	padding:0 35px 0 60px;
	overflow:auto;
	width:715px;
	}

#left-col {
	clear:both;
	float:left;
	width:475px;
	}
#right-col {
	float:right;
	margin:0 5px 0 0;
	width:215px;
	}
#left-col>div, #right-col>div {
	margin:25px 0 0;
	}

#nav { position:absolute; right:26px; top:190px; z-index:1000; }
#nav li { margin:0; padding:0; }

#twitter { overflow:auto; }
#social li { float:left; margin:0 8px 0 0; }
	
#footer {
	color:#fff;
	font-weight:bold;
	line-height:16px;
	margin:40px 0 30px 60px;
	overflow:auto;
	width:710px;
	}
#footer p { margin:0; }
#footer p a:link, #footer p a:visited, #footer p a:active {
	color:#d66723;
	}
#footer p a:hover { color:#fff; }
	
	
/*
* ELEMENTS
***********************************************************************************/
p.intro {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	line-height:24px;
	margin:210px 0 10px;
	}
p.sintro {
	color:#333;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-style:italic;
	line-height:24px;
	margin:0 0 30px;
	}
p.description {
	color:#000966;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0 0 5px;
	}
	
#moleskine p a:link, #moleskine p a:visited, #moleskine p a:active {
	background-color:#600000;
	color:#fff;
	padding:2px 7px;
	}
#moleskine p a:hover, #moleskine p a.current { background-color:#333; }


label {
	display:block;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	margin:10px 0 7px;
	}
	
input.required, textarea.required {
	border:1px solid #CCC;
	padding:5px;
	font-family:"Helvetica Neue",Helvetica, Arial, sans-serif;
	font-size:12px;
	margin:0 0 5px;
	width:400px;
	}
textarea.required {
	height:150px;
	}