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

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
html, body {
	height:100%;
}
/* end hack */
html, body {
	margin:0;
	padding:0;
}
body {
	text-align:center;
	margin:0px;
	padding:0px;
	min-width:960px;/* stop mozilla sliding off the edge */
	font-family:"Times New Roman", Times, serif;
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
}
a {
	color:#009966;
	text-decoration:none;
	font-weight:bold;
}
a:hover {
	color:#18373F;
	text-decoration:none;
	font-weight:bold;
}
#freetheweb, #jssupport {
	width:100%;
	height:100%;
	background-color:#DDDDDD;
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	position:absolute;
	z-index:8000;
	top:0;
	left:0;
	display:none;
	padding-bottom:120px;
}
#jssupport {
	display:block;
}
#freetheweb-logo, #jssupport-logo {
	width:350px;
	height:200px;
	padding-top:200px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	background-position:bottom;
	background-repeat:no-repeat;
}
#freetheweb-text, #jssupport-text {
	width:500px;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	color:#18373F;
	font-size:12px;
	text-align:center;
	line-height:20px;
}
#loader {
	width:100%;
	height:100%;
	background-color:#DDDDDD;
	background-image:url(img/bg.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	position:absolute;
	z-index:5000;
	top:0;
	left:0;
	padding-bottom:140px;
}
#preloader-logo {
	background-image:url(img/preloader-logo.png);
	width:269px;
	height:57px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	padding-top:240px;
	background-repeat:no-repeat;
	background-position:bottom;
}
#preloader-animation {
	background-image:url(img/ajax-loader.gif);
	width:16px;
	height:16px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
}
#container {
	width:960px;
	text-align:left;
	margin:auto;
	position:relative;
	padding-top:30px;
}
#header {
	width:959px;
	height:126px;
	background-image:url(img/header.png);
	background-repeat:no-repeat;
	position:relative;
}
#header-graphics {
	background-image:url(img/header-graphics.png);
	background-repeat:no-repeat;
	height:186px;
	margin-left:-6px;
	margin-top:-8px;
	position:absolute;
	width:973px;
	z-index:500;
}
#header h1 {
	color:#18373F;
	display:inline;
	float:right;
	font-size:13px;
	margin-right:140px;
	margin-top:70px;
}
#logo {
	width:300px;
	height:100px;
	margin-left:20px;
	position:relative;
}
#work {
	background-image:url(img/work-bg.png);
	background-repeat:no-repeat;
	height:313px;
	padding-top:8px;
	width:959px;
	position:relative;
}
#featured-work {
	background-image:url(img/featured-work.jpg);
	background-repeat:no-repeat;
	width:943px;
	height:305px;
	margin-left:auto;
	margin-right:auto;
}
#featured-work h4 {
	color:#FFFFFF;
	font-size:12px;
	margin-left:5px;
	margin-top:5px;
	position:absolute;
	z-index:2000;
	text-align:left;
	display:inline;
}
#website-title {
	float:left;
	display:inline;
	height:90px;
	margin-left:3px;
	margin-top:108px;
	position:relative;
	width:359px;
	z-index:1000;
	background:none;
}
.website-name {
	width:340px;
	background-color:#022e39;
}
.website-name h3 {
	color:#FFFFFF;
	font-size:20px;
	line-height:90px;
	margin-right:30px;
	text-align:right;
}
.website-name p {
	color:#FFFFFF;
	font-size:11px;
	margin-right:30px;
	margin-top:-34px;
	text-align:right;
}
.website-name a {
	color:#FFFFFF;
	text-decoration:none;
}
.website-name a:hover {
	text-decoration:none;
	color:#009966;
}
#website-wrap {
	background:none;
	float:right;
	display:inline;
	height:244px;
	margin-right:31px;
	margin-top:30px;
	width:534px;
	position:relative;
	z-index:1000;
	border:1px solid #000000;
}
#work-glare {
	width:192px;
	height:192px;
	position:absolute;
	z-index:5000;
	right:0;
}
#website {
}
.website-image-1, .website-image-2, .website-image-3, .website-image-4, .website-image-5, .website-image-6, .website-image-7, .website-image-8, .website-image-9 {
	width:534px;
	height:244px;
	display:none;
}
.enlarge-button-1, .enlarge-button-2, .enlarge-button-3, .enlarge-button-4, .enlarge-button-5, .enlarge-button-6, .enlarge-button-7, .enlarge-button-8, .enlarge-button-9 {
	background-image:url(img/enlarge2.png);
	height:116px;
	margin-left:-17px;
	margin-top:-101px;
	position:absolute;
	width:116px;
	z-index:2000;
	display:none;
}
#button-left {
	background-image:url(img/button-left.png);
	height:86px;
	margin-left:-10px;
	margin-top:-188px;
	position:absolute;
	width:27px;
	float:left;
	display:inline;
	cursor:pointer;
	z-index:1000;
}
#button-left-hover {
	background-image:url(img/button-left-hover.png);
	display:none;
	height:86px;
	width:27px;
}
#button-right {
	background-image:url(img/button-right.png);
	display:inline;
	float:left;
	height:86px;
	margin-left:942px;
	margin-top:-188px;
	position:absolute;
	width:27px;
	cursor:pointer;
	z-index:1000;
}
#button-right-hover {
	background-image:url(img/button-right-hover.png);
	display:none;
	height:86px;
	width:27px;
}
#content {
	width:959px;
	background-image:url(img/content-bg.png);
	background-repeat:repeat-y;
}
#about {
	width:560px;
	float:left;
	display:inline;
	margin-top:5px;
	margin-bottom:5px;
}
#about h2 {
	color:#18373F;
	font-size:13px;
	margin:26px;
}
#about p {
	color:#18373F;
	font-size:12px;
	line-height:20px;
	text-align:justify;
	font-weight:normal;
	margin:26px;
	margin-top:0px;
}
#other {
	background-image:url(img/divider.png);
	background-position:left center;
	background-repeat:repeat-y;
	display:inline;
	float:right;
	margin-bottom:2px;
	margin-right:26px;
	margin-top:2px;
	padding-left:26px;
	position:relative;
	width:346px;
	z-index:1000;
}
#other ul {
	color:#18373F;
	font-size:13px;
	margin:26px 0;
}
#other ul li {
	display:inline;
	font-weight:bold;
	margin-right:2px;
}
#other-content {
	background-image:url(img/other-bg.png);
	background-repeat:repeat-x;
	min-height:232px;
}
#other-content h2 {
	color:#18373F;
	font-size:13px;
	margin-bottom:12px;
	margin-top:10px;
	margin-left:10px;
}
#other-content p {
	font-size:12px;
	color:#18373F;
	line-height:20px;
	margin-bottom:12px;
	margin-left:10px;
	margin-right:10px;
}
#other-content ul {
	margin-left:0px;
	font-weight:normal;
	list-style:none;
	margin-left:10px;
	margin-top:0;
	margin-bottom:12px;
}
#other-content ul li {
	color:#18373F;
	display:inline;
	float:left;
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin-bottom:4px;
	margin-right:14px;
}
#other-content a {
	color:#009966;
	text-decoration:none;
}
#other-content a:hover {
	color:#18373F;
	text-decoration:none;
}
.green {
	color:#009966;
}
.active {
	color:#009966;
	cursor:text;
}
.clear {
	clear:both;
}
#information, #contact, #resume {
	cursor:pointer;
}
#information-content {
	padding:10px;
}
#contact-content {
	padding:10px;
}
#resume-content {
	padding:10px;
}
#contact-2 {
	cursor:pointer;
}
.hide-content {
	display:none;
}
#twitter-bubble {
	background-image:url(img/twitter.png);
	width:304px;
	height:161px;
	margin-left:10px;
}
.twtr-ft, .twtr-hd {
	display:none;
}
.twtr-doc {
	font-family:"Times New Roman", Times, serif;
}
.twtr-widget {
	padding-top:22px;
	color:#18373F;
	padding-left:16px;
	padding-right:16px;
}
input, textarea {
	padding-top:4px;
	padding-bottom:4px;
	padding-left:3px;
	padding-right:3px;
	border:none;
	background-color:#dddddd;
	font-family:"Times New Roman", Times, serif;
	color:#18373F;
	font-size:12px;
}
textarea {
	width:300px;
	border:1px solid #999999;
}
input {
	width:140px;
	border:1px solid #999999;
}
#name {
	float:left;
	display:inline;
	width:150px;
}
#email {
	display:inline;
	float:left;
	margin-left:10px;
	width:150px;
}
#footer {
	width:959px;
	height:40px;
	background-image:url(img/footer.png);
	background-repeat:no-repeat;
	padding-bottom:50px;
}
#copyright {
	color:#18373F;
	display:inline;
	float:left;
	font-size:12px;
	line-height:40px;
	margin-left:12px;
}
#copyright a {
	color:#009966;
	text-decoration:none;
}
#copyright a:hover {
	color:#18373F;
	text-decoration:none;
}
#share {
	display:inline;
	float:right;
	margin-right:12px;
	margin-top:12px;
}
#zoom {
	z-index:3000;
}
.green {
	color:#009966;
}
#twitter-box {
	height:145px;
	position:absolute;
	right:0;
	top:30px;
	width:270px;
	z-index:1000;
}
#twitter-corner {
	background-image:url(img/twitter-corner.png);
	height:112px;
	position:relative;
	right:-1px;
	top:-1px;
	width:112px;
	float:right;
	display:inline;
}
#twitter-corner-cover {
	background-image:url(img/twitter-corner-cover.png);
	height:178px;
	position:relative;
	right:-57px;
	top:0;
	width:220px;
}
#twitter-post {
	background-image:url(img/twitter-post.png);
	height:93px;
	position:relative;
	right:-80px;
	top:-164px;
	width:236px;
	display:none;
	z-index:1000;
}
#twitter-post h4 {
	font-size:10px;
	text-align:right;
	margin-top:8px;
	margin-right:6px;
}
.twtr-widget {
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:10px !important;
	position:relative;
}
.twtr-widget {
	color:#18373F;
	padding-left:0px;
	padding-right:0px;
	padding-top:4px;
	height:67px;
}
#twtr-widget-1 .twtr-bd, #twtr-widget-1 .twtr-timeline i a, #twtr-widget-1 .twtr-bd p {
	color:#FFFFFF !important;
	font-size:10px !important;
	font-family:"Times New Roman", Times, serif !important;
	line-height:13px !important;
	font-weight:normal !important;
}
.twtr-widget .twtr-tweet {
	border-bottom:none !important;
	overflow:hidden;
}
#header h6 {
	color:#18373F;
	font-family:"Times New Roman",Times,serif;
	font-size:10px;
	left:95px;
	position:absolute;
	top:83px;
	width:140px;
	z-index:2000;
}