body { background: url(images/body-bg.gif) repeat; margin: 0; font-family: Arial,sans-serif; font-size: 14px;}

.page { background: url(images/top-bg.gif) repeat-x; margin: 0; clear: both; overflow: hidden;  }

.head {  clear: both; overflow: hidden; }
.logo { padding-top: 24px;  }
.sticky { padding-top: 46px; background-image: url(images/plan-artwork.png); background-repeat: no-repeat; background-position-y: 30px; background-position-x:-15px;}
.plan {  padding-top: 46px; }

.clear {  clear: both; }

p, h1, h2, h3, h4 {  text-shadow: 1px 1px #000; }

p { line-height: 20px;}

a { text-decoration: none; }

h1 {  font-size: 40px; color:#fff; font-weight: normal;}
h2 { font-size: 20px; color:#fff; font-weight: normal;}
h3 {  font-size: 36px;  font-weight: normal; }
h4 {  font-size: 24px; color:#fff; font-weight: normal; }
h5 {  font-size: 16px; font-weight: normal; }

.head h1, h2 { margin: 20px 0; }
.head h2 { line-height: 35px;}

img { border: none;}

h2 a {  background-color: rgba(0,0,0,0.1);color:#fff; padding: 5px 10px; width: 120px;  -moz-border-radius: 10px; -webkit-border-radius: 10px;}
h2 a:hover {  background-color: rgba(33,70,55,0.7);color:#fff; padding: 5px 10px; width: 120px; }


.works {  margin: 0 auto 20px; }
.works h4 { color:#aaa; margin: 0; }
.works p { color:#aaa;}
.works .grid_12 { margin: 0 10px 40px;}

.portfolio-row { clear: both; overflow: hidden; background: url(images/portfolio-frame3.gif) no-repeat; height: 206px;  }

	.portfolio-row h2 { padding-top: 155px; text-align: center; margin: 0;}

.portfolio-wrap { background: url(images/portfolio-frame.png) no-repeat; width: 255px; height: 166px; margin: 30px; }
.portfolio-wrap img { padding: 5px 17px;}

.featured-wrap { clear: both; overflow: hidden; width: 255px; vertical-align: baseline; margin:120px 30px 0;}


.bottom { /* background: url(images/spacer-bg.gif) repeat-x; */ margin: 50px auto 0; clear: both; overflow: hidden; }

.bottom-bg { /* background: url(images/bottom-bg2.gif); */ overflow: hidden; clear: both; margin-top: 23px; }



.bottom .container_12 {  margin-top: 20px;}

.bottom p { color:#fff; margin: 5px 0; text-shadow: 1px 1px #000; font-size: 12px;}
.bottom a { color:#fff; font-size: 12px;}
.bottom a:hover { text-decoration: underline;}

.bottom h4 {  color:#fff; text-shadow: 1px 1px #000;}
.bottom h5 { color:#fff; margin: 0 0 20px; text-shadow: 1px 1px #000;}

.bottom .avatar {  width: 108px; margin-right: 12px; float: left;  }
.bottom .bio { width: 180px; float: left;  }

.copyright { padding-top: 20px; padding-bottom: 20px;}
.copyright p { font-size: 10px;  }


#tooltip {
	position:absolute;
	background-color: rgba(0,0,0,0.7);color:#2b251c;
	padding:10px 15px;
	line-height:20px;
	font-size:12px;
	color:#fff;
	display:none;
	-webkit-border-radius:5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    z-index: 99999;    
}

.boxgrid { width: 255px; height: 151px; overflow: hidden;  position: relative;   }

	.boxgrid p {  padding: 2px 0;  color:#fff;  font-size:12px; text-shadow: none; margin: 0; }
	.boxgrid h3 { font-size: 14px; text-shadow: none; margin: 0 0 5px; color:#fff; font-weight: bold; }
				
.boxcaption {  position: absolute;  background: #000;  height: 40px;  width: 212px;  opacity: .8; padding: 10px; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}


.boxcaption { top: 151px; left:11px; }

.boxcaption a {  color:#fff; }
.boxcaption a:hover {  color:#fff; text-decoration: underline;}