body, div, h1, h2, h3, h4, h5, h6, p, ul, li, img, a {margin:0px; padding:0px; border:none;text-decoration:none;list-style:none;}
body {
  background:#f0f0f0 url(images/dotBG.png) repeat;
  font-family: "helvetica neue", helvetica, arial, sans-serif;
  color:#fff;
}

.logo {
  background: url(images/logo.png) no-repeat;
	width:403px;
	height:23px;
	float:left;
	display:block;
	text-indent:-9999px;
}

#header {
	margin-top:34px;
	border-bottom:1px solid #777777;
	padding-bottom:40px;
}

#contact a {
	float:right;
	font-size:14px;
	color:#606060;
	margin-top:8px;
}

#work {
	display:block;
	background:#9c9c9c;
	margin-top:30px;
	border: 1px solid #707070;
	border-radius: 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:0 0 5px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(238,238,238,0.4);
	-moz-box-shadow:0 0 5px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(238,238,238,0.4);
	-webkit-box-shadow:0 0 5px rgba(0,0,0,0.75), inset 0 0 0 1px rgba(238,238,238,0.4);
}

.project-title {
	font-size:28px;
	padding:40px 0px 3px 40px;
	text-shadow:1px 1px 0px #6b6b6b;
}
.project-role {
	font-size:18px;
	padding:0px 0px 25px 40px;
	color:#e1e1e1;
	text-shadow:1px 1px 0px #6b6b6b;
}
.project-description {
	font-size:16px;
	line-height:24px;
	padding-left:40px;
	text-shadow:1px 1px 0px #6b6b6b;
}
.project-description a {
	color:#d0eeff;
}
.project-description a:hover a:visited {
	color:#9acfed;
}
#project-thumb {
	padding:20px 0px 20px 55px;
}

.case-study-button {
	display:block;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#e2e2e2; /* Old browsers */
	background:-moz-linear-gradient(top, #e2e2e2 0%, #bbbbbb 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #e2e2e2 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #e2e2e2 0%,#bbbbbb 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #e2e2e2 0%,#bbbbbb 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #e2e2e2 0%,#bbbbbb 100%); /* W3C */
	-webkit-box-shadow:0px 0px 1px 1px #777777;
	-moz-box-shadow:0px 0px 1px 1px #777777;
	box-shadow:0px 0px 1px 1px #777777;
	padding:10px;
	margin:40px;
	width:145px;
}
.case-study-button a {
	font-size:14px;
	font-weight:bold;
	color:#838383;
	text-shadow: 1px 1px 0px #e2e2e2;
	padding-left:4px;
}

.arrow img {
	position:absolute;
	padding:2px 0px 0px 15px;
}

.block h3 {
	margin:20px 0px 20px 0px;
	font-size:20px;
	text-shadow:1px 1px 0px #6b6b6b;
}
.block h4 {
	font-size:16px;
	margin-bottom:20px;
	color:#e1e1e1;
	text-shadow:1px 1px 0px #6b6b6b;
}
.block p {
	font-size:16px;
	line-height:24px;
	margin-bottom:20px;
	text-shadow:1px 1px 0px #6b6b6b;
}
.block p a {
	color:#d0eeff;
}
.block p a:hover {
	color:#9acfed;
}
.block img {
	padding:15px 0px 15px 0px;
}
.details {
	font-weight:normal;
	font-size:15px;
}

.intro {
	color:#676767;
}
.intro h2 {
	font-size:30px;
	margin:25px 0px 15px 0px;
}
.intro p {
	font-size:16px;
	font-weight:normal;
}

.acc_container {
	margin:0 0 5px; 
	padding:0;
	overflow:hidden;
	width:960px;
	clear:both;
}
.acc_container .block {
	padding:40px;
}

#footer {
	background:#5c5a61 url(images/footerBG.png) repeat;
	margin-top:55px;
	padding:30px 0px 30px 0px;
	border:1px solid #353535;
	color:#f2f2f2;
}
#footer h3 {
	text-shadow:1px 1px 0px #434244;
}
#footer p {
	font-size:14px;
	line-height:22px;
	text-shadow:1px 1px 0px #434244;
	padding:20px 0px 20px 0px;
}

#col-2 {
	margin-left:65px;
}

#name {
	width:313px;
	height:19px;
	margin:12px 0px 12px 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:10px;
}
#email {
	width:313px;
	height:19px;
	margin:12px 0px 12px 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:10px;
}
#subject {
	width:313px;
	height:19px;
	margin:12px 0px 12px 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:10px;
}
#message {
	width:313px;
	height:120px;
	margin:12px 0px 12px 0px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:10px;
	background:#49484a;
  color:#828282;
	border:solid 1px #373737;
	text-shadow: 1px 1px 0px #000;
}

.focusField{
  border:solid 2px #73A6FF;
  background:#EFF5FF;
  color:#000;
}
.idleField{
  background:#49484a;
  color:#828282;
	border:solid 1px #373737;
	text-shadow:1px 1px 0px #3c3b3d;
}

#note {
	margin-top:10px;
}

#submit {
	float:right;
	color:#575659;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	font-size:16px;
	font-weight:bold;
	text-shadow: 1px 1px 0px #e2e2e2;
	padding:10px;
	margin:10px -10px 0px 0px;
	box-shadow:0 0 2px #000;
	-moz-box-shadow:0 0 2px #000;
	-webkit-box-shadow:0 0 2px #000;
	background:#dcdcdc; /* Old browsers */
	background:-moz-linear-gradient(top, #dcdcdc  0%, #949496 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dcdcdc), color-stop(100%,#949496)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #dcdcdc  0%,#949496 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #dcdcdc  0%,#949496 100%); /* Opera11.10+ */
	background:-ms-linear-gradient(top, #dcdcdc  0%,#949496 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dcdcdc ', endColorstr='#bbbbbb',GradientType=0 ); /* IE6-9 */
	background:linear-gradient(top, #dcdcdc 0%,#949496 100%); /* W3C */
}

#social-icons {
	margin-top:20px;
}

.addthis_button_twitter,
.addthis_button_delicious,
.addthis_button_facebook,
.addthis_button_digg,
.addthis_button_stumbleupon,
.addthis_button_favorites,
.addthis_button_dribbble,
.addthis_button_forrst,
.addthis_button_grooveshark,
.addthis_button_yum,
.addthis_button_more,
.reltwitter,.relrss
{
width:32px;
height:32px;
background-image: url(images/footer-social-icons.png);
float:left;
opacity: 0.85;
margin:0 5px;
}
.addthis_button_twitter {background-position: 0px -64px;}
.addthis_button_stumbleupon{background-position: 0px -32px;}
.addthis_button_more {background-position: 0px -64px;}
.addthis_button_favorites {background-position: 0px -192px;}
.addthis_button_dribbble {background-position: 0px -256px;}
.addthis_button_forrst {background-position: 0px -160px;}
.addthis_button_grooveshark {background-position: 0px -96px;}
.addthis_button_yum {background-position: 0px -288px;}
.addthis_button_gtalk {background-position: 0px -128px;}
.addthis_button_facebook {background-position: 0px 0px;}
.addthis_button_digg {background-position: 0px -32px;}
.addthis_button_delicious {background-position: 0px -224px;}
.reltwitter {background-position: 0px 0px;}
.relrss {background-position: 0px -224px;}
.reltwitter:hover {background-position:0px -288px;}

#bottom-footer {
	background:#5c5a61 url(images/footerBG.png) repeat;
	border-top:1px solid #838383;
	padding:10px 0px 10px;
	color:#ababab;
}
#bottom-footer p {
	font-size:12px;
}