@charset "UTF-8";
/* CSS Document */

#navMain li#history_link,  #navMain li#history_link:hover {
	box-shadow:-0px 0px 0px;
	-webkit-box-shadow:-0px 0px 0px;
	-moz-box-shadow:-0px 0px 0px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	background:transparent;
	cursor:none;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 71%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(71%,rgba(0,0,0,0.11)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */
}
#navMain li#history_link a:hover {cursor:none;}
#pagecontainer #emblem_Sw {top: 225px;}
#navMain li#back a, #navMain li#home a, #navMain li#samples a, #navMain li#posters a, #navMain li#makeover a, #navMain li#history_link a, #navMain li#email_link a {font-size: 16px;text-transform: none;font-family: Puritan, Georgia, serif;}
body,td,th {font-family: Puritan, Georgia, Palatino, "Times New Roman", Times, serif;}
body {background-color: #afadae;}
#hidden {opacity:0;overflow: hidden;}
#hidden img{opacity:0;overflow: hidden;}
#photoCredit, #photoCredit a {font-size:10px;color:#444;}
#photoCredit a:hover {color:#222;}
#photoCredit a:active {color:#000;}
div#copyright {font-size: 12px;font-family: helvetica, sans-serif;color: green;top:900;left:0;margin-left: -9999px;}

#navMain li#home {
font-size:16px;
	line-height:26px;
		text-transform: uppercase;	
		display:block;
	-moz-border-radius : 1px;
	-webkit-border-radius : 1px;
	border-radius : 1px;
	padding:6px;
			padding:4px;
			padding-top:12px;
			padding-bottom:12px;
			margin-right:2px; margin-right:0px;
			margin-bottom:0px;
	border-top:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	border-left:1px solid #666;
	border-bottom:1px solid #666;
	-webkit-transition: color .15s linear;
	-moz-transition: color .15s linear;
	-o-transition: color .15s linear;
		margin-bottom:2px;
			box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 2px;
		  -webkit-box-shadow: rgba(0, 0, 0, 0.4) -1px 1px 2px;
 
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.11) 71%, rgba(0,0,0,0.15) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(71%,rgba(0,0,0,0.11)), color-stop(100%,rgba(0,0,0,0.15))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.11) 71%,rgba(0,0,0,0.15) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#26000000',GradientType=0 ); /* IE6-9 */
 	-webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-o-transition: background-color .15s linear;
}
#navMain li#home a {color:#666;}
#navMain li#home:hover {
	background-color:#F66;
	background-color:rgba(255,102,102,0.7);
	box-shadow: rgba(0, 0, 0, 0.4) -1px 3px 3px;
		  -webkit-box-shadow: rgba(0, 0, 0, 0.4) -1px 3px 3px;
		  border-bottom:1px solid #722a2a; /* darkred */
			border-left:1px solid #722a2a;
}
#navMain li#home a:hover {color:#FFF;}
#navMain li#home:active {
	color:#444;
		border-top:1px solid #666;
	border-right:1px solid #e666;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	background-color:transparent;
	box-shadow: rgba(0, 0, 0, 0.0) -0 0 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0) -0 0 0p;
  -webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-o-transition: background-color .15s linear;
}
#navMain .jump-link {display: block;padding-top: 14px;padding-bottom: 14px;}
#navMain li#back, #navMain li#home, #navMain li#samples, #navMain li#posters, #navMain li#makeover, #navMain li#history_link, #navMain li#email_link a {display: block;padding-top: 14px;padding-bottom: 14px;}
#pagecontainer #webdevelopment {width: 350px;}
#navMain li#home {display: block;padding-top: 14px;padding-bottom: 14px;}
#navMain {height: auto;width: 70%;z-index:200;}
#pagecontainer #webdevelopment {top: 94px;}
#pagecontainer #headShot {top: 96px;}
#pagecontainer #webdevelopment {margin-left: 12px;}
#pagecontainer #headShot {left: 285px;}

#pagecontainer #webdevelopment ul .stronger .larger .grey, #pagecontainer #webdevelopment ul .stronger .strong {font-size: 20px;}
#pagecontainer #webdevelopment ul #photoCredit, #pagecontainer #webdevelopment ul #photoCredit a {font-size: 12px;}
#pagecontainer #webdevelopment ul .only-margin-left .larger, #pagecontainer #webdevelopment ul .stronger .larger {font-size: 20px;}
#webdevelopment ul p, #pagecontainer #webdevelopment ul p, #pagecontainer #webdevelopment ul li, #pagecontainer #webdevelopment ul li, #pagecontainer #webdevelopment ul li .grey, #pagecontainer #webdevelopment ul .stronger .strong, #pagecontainer #webdevelopment ul li .grey #beforeAfter {font-size: 15px;}
#pagecontainer #webdevelopment, #pagecontainer #webdevelopment ul .stronger .grey {width: 340px; padding-right:5px;}
#pagecontainer #webdevelopment ul #photoCredit a {padding-bottom: 12px;}

/* ----- */
#mygallery, #mygallery .belt, div#pagecontainer {width: 100%;float:left;}
#pagecontainer #webdevelopment{width: 450px;}
#pagecontainer #webdevelopment ul .stronger .grey, #pagecontainer #webdevelopment ul .stronger .strong .grey, #pagecontainer #webdevelopment ul .stronger .strong {width: auto;font-family: Puritan, Georgia, "Times New Roman", Times, serif;}
#pagecontainer #webdevelopment ul li {width: auto; padding-right:10px;}
#navMain #home a:active {color: #444;}
#pagecontainer #webdevelopment ul li .grey .smCaps {font-variant: small-caps;font-size:.9; letter-spacing: .1em;}
#pagecontainer #webdevelopment ul li .grey #beforeAfter, #pagecontainer #webdevelopment ul li .grey #showPromos em {font-size: 15px;}
#pagecontainer #webdevelopment ul .stronger .strong .grey, #pagecontainer #webdevelopment ul .stronger .strong .grey .linkOut, #pagecontainer #webdevelopment ul .stronger .strong .grey a em, #pagecontainer #webdevelopment ul li .grey #showPromos {font-size: 15px;line-height: 17.25px/*1.15em*/;}
#pagecontainer #webdevelopment ul li .grey #showPromos, #pagecontainer #webdevelopment ul li .grey #beforeAfter, #pagecontainer #webdevelopment ul .stronger .strong .grey a {font-style: normal;font-family: Puritan, Georgia, Times New Roman, Times, serif;font-size:15px;color: #36C;}
#pagecontainer #webdevelopment ul .stronger .strong .grey .linkOut, #pagecontainer #webdevelopment ul .stronger .strong .grey a em, #pagecontainer #webdevelopment ul li .grey #beforeAfter, #pagecontainer #webdevelopment ul li .grey #showPromos, #pagecontainer #webdevelopment ul li .grey #showPromos, #pagecontainer #webdevelopment ul li .grey #beforeAfter,  {font-style:italic;font-family: Puritan, Georgia, Times New Roman, Times, serif;font-size:15px;color: #36C;}

#pagecontainer #webdevelopment ul .stronger .strong .grey .linkOut:hover, #pagecontainer #webdevelopment ul .stronger .strong .grey a em:hover, #pagecontainer #webdevelopment ul li .grey #showPromos:hover, #pagecontainer #webdevelopment ul li .grey #beforeAfter:hover {color:#36C; opacity:0.7;}
#pagecontainer #webdevelopment ul .stronger .strong .grey .linkOut:active, #pagecontainer #webdevelopment ul .stronger .strong .grey a em:active, #pagecontainer #webdevelopment ul li .grey #showPromos:active, #pagecontainer #webdevelopment ul li .grey #beforeAfter:active {color:#000; opacity:0.8;}
.newWindow {font-size:15px;line-height:1.2em;}
#navMain li#home:active, #navMain li#home a:active {color:#444;}
#navMain {
	left: 1.5%;
	width: 262px;
	height: auto;
}
#navMain li#back:hover, #navMain li#home:hover, #navMain li#samples:hover, #navMain li#posters:hover, #navMain li#makeover:hover, #navMain li#email_link:hover {
	background-color:#FF3;
	background-color:rgba(255,255,51,0.8);
	color:#FFF;		color:#333;
		border:1px solid #fff;
	border-top:1px solid #feb5b5;
	border-right:1px solid #feb5b5;
	border-bottom:1px solid #666;
	border-left:1px solid #666;
}
#navMain li#back:active, #navMain li#home:active, #navMain li#home:active,  #navMain li#samples:active, #navMain li#posters:active, #navMain li#makeover:active, #navMain li#email_link:active {
	color:#444; 
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-bottom:1px solid #e7e7e7;
	border-left:1px solid #e7e7e7;
	background-color:transparent;
	box-shadow: rgba(0, 0, 0, 0.0) -0 0 0;
  -webkit-box-shadow: rgba(0, 0, 0, 0.0) -0 0 0p;
  -webkit-transition: background-color .15s linear;
	-moz-transition: background-color .15s linear;
	-o-transition: background-color .15s linear;

}
.whity {
	/*animation: blinker .75s linear infinite;*/
	animation: blinker 1s linear infinite;
	margin-left: 0px;
	line-height: 14.5px;
/*	color: rgba(248,57,1,1);*/	
	vertical-align: bottom;
	font-size: 26px; font-size:32px;font-size:60px;
	/*color: rgba(0,0,0,1);*/
	color:rgba(255,255,255,1);
	margin-right:2px;
}
@keyframes blinker {  50% { opacity: 0; }} 
#navMain #home .homeButton.jump-lnk:hover, #navMain li#home:hover {color:#444;}
#navMain #samples .jump-link:hover, #navMain li#home:hover  {color: #444;opacity:.8;}
#navMain #history_link .jump-link:hover, #navMain #history_link .jump-link:hover {color: #444;opacity:.9;}
.jump-link:hover, #navMain #home .homeButton.jump-lnk:hover, .jump-link:hover {color: #444;}
#navMain .jump-link a:hover, #navMain #samples a:hover, #navMain #home a:hover{color: #444;}
#navMain #samples a:hover {color: #444;}
#navMain #home a:hover {color: #444;}
#pagecontainer #webdevelopment ul li .grey .text_subUP {font-size: 17px;font-weight:bold;line-height: 17.25px;}
#pagecontainer #webdevelopment ul .stronger ul .grey.downSize {font-size: 13px;line-height: 1em;}
#pagecontainer #webdevelopment ul .stronger .downSize {font-size: 13px;line-height: 1em;}
em {font-size: 15px;}
#pagecontainer #webdevelopment ul li .grey .smCaps {font-variant: small-caps;}
.strong .grey .linkOut {font-size: 15px;}
#pagecontainer #webdevelopment ul .stronger .strong .grey .linkOut:active, #pagecontainer #webdevelopment ul .stronger .strong .grey a em:active, #pagecontainer #webdevelopment ul li .grey #showPromos:active, #pagecontainer #webdevelopment ul li .grey #beforeAfter:active {color:#000; opacity:0.8;}
.strong .grey a em {color: #36c;}
.grey {font-size: 16px;line-height: 1em;}
strong .grey {line-height: 1em;}
#pagecontainer #webdevelopment ul .stronger ul .only-margin-left .larger .grey {font-size: 15px;}
#pagecontainer #webdevelopment ul ul li .grey, #pagecontainer #webdevelopment ul ul .grey  {color: #777;line-height:1.1em;}
#pagecontainer #webdevelopment {top: 132px;}
#pagecontainer #webdevelopment ul li, #pagecontainer #webdevelopment ul li .strong .grey, #pagecontainer #webdevelopment ul li .strong .grey, #pagecontainer #webdevelopment ul ul li .grey #beforeAfter, #pagecontainer #webdevelopment ul li .strong .grey em  {line-height: 1.1em;}
#pagecontainer #webdevelopment ul li .strong .larger.grey {font-size: 18px;}
#pagecontainer #webdevelopment ul ul .only-margin-left .larger .grey {font-size: 18px;}
#pagecontainer #webdevelopment ul li .strong .grey, #pagecontainer #webdevelopment ul li .strong .grey a em , #pagecontainer #webdevelopment ul li .strong .grey, #pagecontainer #webdevelopment ul li .strong .larger.grey {font-size: 15px;
	line-height: .8em}
.grey1 {
	font-size: 15px;
	line-height: 1em;
}
/*#navMain #samples {height: 60px;}*/ /*?*/
#navMain #samples, #navMain #history_link {height: 20px;}
.whity {color: #FFF;opacity:0.5;}
#navMain #samples .portfolio.jump-link {margin-left:-5px;margin-top:-3px;}
#navMain #samples a .whity {font-size: 24px;}
.borderTop {border-top: 1px solid #999;margin-top:3px;color:#777;}
#pagecontainer #webdevelopment ul ul .inDent, #pagecontainer #webdevelopment ul .inDent {text-indent: 2em;color: #000;}
#navMain #samples a .whity {font-size: 16px;line-height:1em;color:rgba(0,0,0,1);}