/* CSS for harnods */

body { background: url(images/body-bg.gif) repeat; margin: 0; font-family:"Lucida Grande", Helvetica, Arial, Sans-Serif; font-size: 12px;}

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

.head {  clear: both; overflow: hidden; }
	.logo { padding-top: 24px; clear: both; overflow: hidden; text-align: center;  }
	.sticky { padding-top: 43px; height: 357px;}
	.plan {  padding-top: 46px; }

.clear {  clear: both; }

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

p { line-height: 20px;}

a { text-decoration: none; }

h1 {  font-size: 32px; color:#fff;}
h2 {  font-size: 21px; color:#fff; }
h3 {  font-size: 18px; color:#fff;}
h4 {  font-size: 21px; color:#fff; }
h5 {  font-size: 16px; }

.head h1, .head h2 { margin: 5px 0;  text-align: center;}
.head h4 { margin: 25px 0 38px; text-align: center}

img { border: none; outline: none; }

h4 a {  background-color: rgba(0,0,0,0.1); color:#fff; padding:15px 40px; width: 120px; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
h4 a:hover {  background-color: rgba(0,0,0,0.5); }

.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;}

.clients-box {clear: both; overflow: hidden; -moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: rgba(0,0,0,0.2); margin: 0 auto; width: 920px; padding: 20px; box-shadow: 0px 1px 0 #373731, 0px -1px 0 #0E0D0B; -webkit-box-shadow: 0px 1px 0 #373731, 0px -1px 0 #0E0D0B; -moz-box-shadow: 0px 1px 0 #373731, 0px -1px 0 #0E0D0B; }

.bottom { margin: 20px auto 0; clear: both; overflow: hidden; }
.bottom-bg { overflow: hidden; clear: both;  }

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

.bottom p { color:#fff; margin: 5px 0; text-shadow: 1px 1px #000; }
.bottom a { color:#fff; }
.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: 300px; float: left;  }
.bottom .bio p { padding-bottom: 10px; }

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

.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;}

/* 
::-webkit-scrollbar {
    width: 16px;
    height: 16px;
	}

::-webkit-scrollbar-track {
    background: #000;
	}

::-webkit-scrollbar-thumb {
	background: #ccc;
	border: 4px solid #000;
	border-top-width: 10px;
	border-bottom-width: 10px;
	}

::-webkit-scrollbar-thumb:horizontal {
	border-top-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 10px;
	border-right-width: 10px;
	}
	
::-webkit-scrollbar-corner {
	background: #ddd;
	}
*/