@import url("reset.css");
  
/* Portfolio CSS */
body {
	background:#FFF;
	font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
	font-size:14px;
	/*font-weight:300;*/
	color:#222;
	text-align: center;
}
h2 {
	font-weight:300;
	font-size:26px;
	line-height:26px;
}
h3 {
	font-size:18px;
	line-height:18px;
	font-weight:500;
}
a { color:#497D9D; }
p {
	margin:5px 0px 10px 0px;
	line-height:21px;
}
p.space { height:75px; }
p img.alignleft {
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	float:left;
	border:1px solid rgba(0,0,0,0.6);
	margin:5px 8px 8px 0px;
	padding:1px;
}
#header {
	margin:40px auto 0px auto;
	width:750px;
	height:35px;
	text-align: left;
}
#content {
	margin:20px auto;
	width:750px;
	text-align: left;
}
#header h2 {
	float:left;
	color:#555;
	letter-spacing: -0.5px;
	font-weight:300;
	font-size:26px;
	cursor:default;
	line-height:34px;
}
#header h2 a {
	color:#333; 
	text-decoration: none;
	font-weight:500;
}
#header h2 a:hover {
	/*color:#23659E;*/
	color:#000;
	text-decoration: none;
}
#header h2 a span {
	color:#555;
	font-weight:300;
}
#header h2 a:hover span {
	color:#333;
}
#tabs {
	float:right;
}
#tabs a {
	display:inline-block;
	font-weight:normal;
	font-size:14px;
	color:#FFF;
	padding:10px 8px;
	text-decoration: none;
	margin:0px;
	margin-left:5px;
	vertical-align: top;
	background: #AF8EAF;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFA7BF), to(#9F779F));
	background: -moz-linear-gradient(top,  #BFA7BF,  #9F779F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFA7BF', endColorstr='#9F779F');	
	text-shadow: 0 -1px 0px rgba(0,0,0,0.3);	
	box-shadow: inner 0 -1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 -1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 5px rgba(0,0,0,0.2);
}
#tabs a:hover {
	background: #9F779F;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFA7BF), to(#8F628F));
	background: -moz-linear-gradient(top,  #BFA7BF,  #8F628F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFA7BF', endColorstr='#8F628F');
}
#tabs a.design {
	background: #81C2CF;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D3DF), to(#6BB1BF));
	background: -moz-linear-gradient(top,  #99D3DF,  #6BB1BF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D3DF', endColorstr='#6BB1BF');
}
#tabs a.design:hover {
	background:#6BB1BF;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D3DF), to(#57A0AF));
	background: -moz-linear-gradient(top,  #99D3DF,  #57A0AF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D3DF', endColorstr='#57A0AF');
}
#tabs a.art {
	background: #DFBD61;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFCE77), to(#CFAC4D));
	background: -moz-linear-gradient(top,  #EFCE77,  #CFAC4D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFCE77', endColorstr='#CFAC4D');
}
#tabs a.art:hover {
	background: #CFAC4D;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFCE77), to(#BF9B3B));
	background: -moz-linear-gradient(top,  #EFCE77, #BF9B3B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFCE77', endColorstr='#BF9B3B');
}
#tabs a.photos {
	background: #EF944A;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA65F), to(#DF8237));
	background: -moz-linear-gradient(top,  #FFA65F,  #DF8237);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA65F', endColorstr='#DF8237');
}
#tabs a.photos:hover  {
	background: #DF8237;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA65F), to(#CF7126));
	background: -moz-linear-gradient(top,  #FFA65F,  #CF7126);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA65F', endColorstr='#CF7126');
}
#tabs a.film {
	background: #BADF61;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCEF77), to(#A9CF4D));
	background: -moz-linear-gradient(top,  #CCEF77,  #A9CF4D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCEF77', endColorstr='#A9CF4D');
}
#tabs a.film:hover  {
	background: #A9CF4D;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCEF77), to(#99BF3B));
	background: -moz-linear-gradient(top,  #CCEF77,  #99BF3B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCEF77', endColorstr='#99BF3B');
}
#tabs a.contact {
	background: #BFBFBF;
	background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#AFAFAF));
	background: -moz-linear-gradient(top,  #CFCFCF,  #AFAFAF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#AFAFAF');
}
#tabs a.contact:hover {
	background: #AFAFAF;
	background: -webkit-gradient(linear, left top, left bottom, from(#CFCFCF), to(#9F9F9F));
	background: -moz-linear-gradient(top,  #CFCFCF,  #9F9F9F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CFCFCF', endColorstr='#9F9F9F');
}
#tabs a.selected {
	background:#FFF !important;
	color:#666;
	text-shadow:none;
	box-shadow: inner 0 -1px 3px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0 -1px 3px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 -1px 3px rgba(0,0,0,0.4);
}
.main_title {
	margin:20px auto;
	width:750px;
	height:230px;
	text-align: left;
	padding:0px;
	position:relative;
}
.main_subs {
	text-align: center;
	width:750px;
}
.main_title.sub {
	width:360px;
	height:200px;
	margin:0px;
	display: -moz-inline-stack;
    display: inline-block;
	*zoom:1;
	*display: inline;
}
.main_title.sub.a {
	margin-right:20px;
}
/**/
.main_title a {
	text-decoration: none;
}
.main_title img {
	background:#EBEBEB;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:inset 0px 3px 10px rgba(0,0,0,0.2);
}
.main_title .insides {
	visibility: hidden;
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:20px;
	background:rgba(0,0,0,.35);
	border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	color:#FFF;
}
.main_title.sub .insides { padding:10px; bottom:0px; }
.main_title a:hover .insides {
	/*background:rgba(0,0,0,.45);*/
	visibility: visible;
}
.main_title .insides h3 {
	font-weight:500;
	font-size:20px;
	line-height:20px;
	letter-spacing:-0.5px;
	opacity:0.9;
}
.main_title .insides h3 span {
	font-weight:300;
	font-size:18px;
	line-height:18px;
}
.main_title.sub .insides h3 {
	font-size:18px;
	line-height:18px;
}
.main_title.sub .insides h3 span {
	font-weight:300;
	font-size:16px;
	line-height:16px;
}
.main_title .insides p {
	opacity:0.6;
	line-height:18px;
	margin:0px;
	margin-top:3px;
}
.main_title.sub .insides p {
	font-size:13px;
	line-height:16px;
	margin-top:0px;
}
.main_title a:hover .insides p {
	opacity:0.8;
}
.mostrecent {
	display:inline-block;
	text-align: right;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	padding:4px 6px;
	text-decoration: none;
	margin:0px;
	background: #AF8EAF;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFA7BF), to(#9F779F));
	background: -moz-linear-gradient(top,  #BFA7BF,  #9F779F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFA7BF', endColorstr='#9F779F');	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	position:absolute;
	border:1px solid rgba(0,0,0,0.4);
	top:10px;
	right:10px;
}
.mostrecent.info { top:0px; right:0px; }
.main_title a:hover .mostrecent, .mostrecent:hover {
	background: #9F779F;
	background: -webkit-gradient(linear, left top, left bottom, from(#BFA7BF), to(#8F628F));
	background: -moz-linear-gradient(top,  #BFA7BF,  #8F628F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#BFA7BF', endColorstr='#8F628F');
}
.mostrecent.design {
	background: #81C2CF;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D3DF), to(#6BB1BF));
	background: -moz-linear-gradient(top,  #99D3DF,  #6BB1BF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D3DF', endColorstr='#6BB1BF');
}
.main_title a:hover .mostrecent.design, .mostrecent.design:hover {
	background:#6BB1BF;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D3DF), to(#57A0AF));
	background: -moz-linear-gradient(top,  #99D3DF,  #57A0AF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D3DF', endColorstr='#57A0AF');
}
.mostrecent.art {
	background: #DFBD61;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFCE77), to(#CFAC4D));
	background: -moz-linear-gradient(top,  #EFCE77,  #CFAC4D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFCE77', endColorstr='#CFAC4D');
}
.main_title a:hover .mostrecent.art, .mostrecent.art:hover {
	background: #CFAC4D;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFCE77), to(#BF9B3B));
	background: -moz-linear-gradient(top,  #EFCE77, #BF9B3B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFCE77', endColorstr='#BF9B3B');
}
.mostrecent.photos {
	background: #EF944A;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA65F), to(#DF8237));
	background: -moz-linear-gradient(top,  #FFA65F,  #DF8237);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA65F', endColorstr='#DF8237');
}
.main_title a:hover .mostrecent.photos, .mostrecent.photos:hover  {
	background: #DF8237;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFA65F), to(#CF7126));
	background: -moz-linear-gradient(top,  #FFA65F,  #CF7126);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFA65F', endColorstr='#CF7126');
}
.mostrecent.film {
	background: #BADF61;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCEF77), to(#A9CF4D));
	background: -moz-linear-gradient(top,  #CCEF77,  #A9CF4D);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCEF77', endColorstr='#A9CF4D');
}
.main_title a:hover .mostrecent.film, .mostrecent.film:hover {
	background: #A9CF4D;
	background: -webkit-gradient(linear, left top, left bottom, from(#CCEF77), to(#99BF3B));
	background: -moz-linear-gradient(top,  #CCEF77,  #99BF3B);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CCEF77', endColorstr='#99BF3B');
}
.mostrecent.nav {
	opacity:0.3;
	width:5px;
	right:-18px;
	text-align: right;
	color:#000;
	border-left:0px;
	border-radius:0px 4px 4px 0px;
	-moz-border-radius:0px 4px 4px 0px;
	-webkit-border-radius:0px 4px 4px 0px;
	background: #FFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#AFAFAF));
	background: -moz-linear-gradient(top,  #FFF,  #AFAFAF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#AFAFAF');
}
.work_piece:hover .mostrecent.nav { opacity:0.8; }
.mostrecent.nav:hover {
	background: #AFAFAF;
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#9F9F9F));
	background: -moz-linear-gradient(top,  #FFF,  #9F9F9F);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#9F9F9F');
}
.mostrecent.nav.left {	
	top:10px;
	left:-18px;
	right:auto;	
	text-align: left;
	border-left:1px solid rgba(0,0,0,0.4);;
	border-right:0px;
	border-radius:4px 0px 0px 4px;
	-moz-border-radius:4px 0px 0px 4px;
	-webkit-border-radius:4px 0px 0px 4px;
}


.work_piece {
	margin:20px auto;
	width:750px;
	text-align: center;
	padding:0px;
	position:relative;
}
.work_piece a {
	text-decoration: none;
}
.work_piece img {
	background:#EBEBEB;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:inset 0px 3px 10px rgba(0,0,0,0.2);
}
.information {
	margin:20px 0px;
	position: relative;
}
.information h3 {
	font-weight:500;
	font-size:22px;
	line-height:22px;
	letter-spacing:-0.5px;
	opacity:0.9;
}
.information h3 span {
	font-weight:300;
	font-size:20px;
	line-height:20px;
}
.information p {
	opacity:1.0;
	line-height:18px;
}
.thumb {
	display: -moz-inline-stack;
	display:inline-block;
	*zoom:1;
	*display: inline;
	margin:0px 5px 10px 5px;
	width:240px;
	height:150px;
	text-align: center;
	padding:0px;
	position:relative;
}
.thumb img {
	background:#EBEBEB;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	box-shadow:inset 0px 3px 10px rgba(0,0,0,0.2);
}
.thumb a { text-decoration: none; }
.thumb .insides {
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	padding:10px;
	background:rgba(0,0,0,.35);
	border-radius:0px 0px 4px 4px;
	-moz-border-radius:0px 0px 4px 4px;
	-webkit-border-radius:0px 0px 4px 4px;
	color:#FFF;
	visibility: hidden;
}
.thumb a:hover .insides {
	background:rgba(0,0,0,.45);
	visibility: visible;
}
.thumb .insides h3 {
	font-weight:500;
	font-size:18px;
	line-height:18px;
	letter-spacing:-0.5px;
	margin:2px 0px;
	opacity:1.0;
}
.thumb .insides .date {
	font-weight:300;
	font-size:13px;
	line-height:13px;
	letter-spacing:-0.5px;
	opacity:0.7;
}
label {
	display:inline-block;
	width:125px;
	vertical-align:middle;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
}
input[type="text"], input[type="password"], textarea {
	padding:5px 3px;
	width:185px;
	font-size:14px;
	border:1px solid #CECECE;
	background:#FFFFFF;
	font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
	vertical-align:middle;
}
#message_form textarea { width:382px; height:130px; }
input:focus, textarea:focus { border-color:#497D9D; }
#submit {
	display:inline-block;
	font-size:16px;
	font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
	font-weight:500;
	color:#FFF;
	padding:6px;
	text-decoration: none;
	cursor: pointer;
	margin:0px;
	border:0px;
	text-shadow: 0 -1px 0px rgba(0,0,0,0.3);	
	box-shadow: inner 0 -1px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: inset 0 -1px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0 -1px 5px rgba(0,0,0,0.2);
	background: #81C2CF;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D3DF), to(#6BB1BF));
	background: -moz-linear-gradient(top,  #99D3DF,  #6BB1BF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D3DF', endColorstr='#6BB1BF');
}
#submit:hover {
	background:#6BB1BF;
	background: -webkit-gradient(linear, left top, left bottom, from(#99D3DF), to(#57A0AF));
	background: -moz-linear-gradient(top,  #99D3DF,  #57A0AF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#99D3DF', endColorstr='#57A0AF');
}
#submit:active {
	background:#57A0AF;
	background: -webkit-gradient(linear, left top, left bottom, from(#57A0AF), to(#99D3DF));
	background: -moz-linear-gradient(top,  #57A0AF,  #99D3DF);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#57A0AF', endColorstr='#99D3DF');
}
p.win, p.error {padding:10px;font-weight:bold;}
p.win { background-color:#E0F0BA; }
p.error { background-color:#F9CAD2;}

hr { height:0px; border:0px; border-top:1px dotted #CCC; margin:15px 0px; }
#footer {
	margin:0px auto 40px auto;
	font-size:12px;
	color:#666;
	width:750px;
}