/*general*/
.wrapper a {color: #ffffff;}
.wrapper a:hover {color: #919191;}


/*blog post*/
	.blogleftcolumn h2, .blogleftcolumn2 h2 {margin-bottom: 5px}

/*contact page*/
#contact{height:370px;position:relative;margin:0px auto 43px;width:910px;padding-top:37px;text-align:left;}

.leftcolumnFix {width: 350px; float:left}
.rightcolumnFix {width: 550px; float:left}
.rightcolumn h3 {width: 200px}

#contactForm {width: 400px; color:#3B3B3B; float:left}
	#contactForm p {margin-bottom: 0.417em}
	#contactForm span{float: right; text-align:right; width: 400px; margin-bottom:5px;}
	
	#contactForm .label {color: #BABABA; width:100px}
	#contactForm .labelMouse {color: #dcff00}
	#contactForm .form {width: 200px; float:left; margin-top:0.417em}
	#contactForm .textarea {width: 400px; float:left; margin-top: 0.417em}
	#contactForm input {border:1px solid #000;background:#BABABA;color:#3B3B3B;width:175px;padding:4px; float:left}
	#contactForm textarea {border:1px solid #000;background:#BABABA;color:#3B3B3B;width:375px;padding:4px; float:left}
	#contactForm input:focus, #contactForm textarea:focus {background:#b4ce0f;color:#000;}
	#contactForm button {border:none;background:#757575;font-size:1.417em;color:#BABABA;padding-right:12px; float:right}
	#contactForm button:hover {color:#dcff00;cursor:pointer;}
	
	#direct {float: left; width: 400px; margin-left:4.167em; margin-top:4.167em}
		#direct .title {color:#3B3B3B; font-size:0.571em}
		#direct p {color:#BABABA; font-size:2.917em; margin:0.417em}
		#direct .hover, #direct a:hover{color: #FFFFFF}
		#direct a, #direct a:visited {color:#BABABA}
		
	.googleMaps {margin-top: 20px; FILTER: alpha(Opacity=65); -moz-opacity:0.65; opacity:0.65; width: 200px}
	.mapsAlign{float:left; margin-right:40px}

/***** BASICS *****/
body {background:#3b3b3b url(images/bg_body.gif) repeat-x top left;font-family:arial, tahoma, verdana, sans-serif;font-size:75%;color:#757575;margin:25px auto 0px;text-align:center;}

h1, h2, h6 {font-size:1.667em;color:#b1b1b1;font-weight:normal;}
	h2 img {margin-bottom:-3px;}
h3 {font-size:1.167em;color:#b1b1b1;font-weight:normal;margin:25px 0px 0px;}
h4 {font-size:1.5em;color:#b1b1b1;font-weight:normal;margin:0px;}
.post h4 {margin:16px 0px;}
h5 {font-size: 105%;}

a {text-decoration:none;}
a img {border:none;}
code {font-family:courier, "Courier New", serif;background:#919191;color:#3b3b3b;padding:0px 3px;}

input, textarea, select {font-family:arial, tahoma, verdana, sans-serif;font-size:1em;}

/***** STRUCTURE *****/
.wrapper {text-align: left;margin: 0 auto;width: 910px;}
#header {}
	#header .right {width:300px;position:relative;text-align:right;}
		#header .right img {position:absolute;top:0px;right:0px;}
		#header .right h6 {position:absolute;top:45px;right:90px;margin:0px;}
		#header .right span {position:absolute;top:70px;right:90px;}
#content {clear:left;}
#footer {background:#232323 url(images/bg_footer.gif) repeat-x top left;padding:30px 0px;height:185px;clear:both;border-top:20px solid #3b3b3b;}
	#footer a, #footer a:visited {color:#858585;}
	#footer a:hover {color:#b1b1b1;}
	#footer img {margin-right:20px;margin-top:10px}
	#footer .left {margin-top:56px;}
	#footer .right {margin-top:35px; width:510px;}
	.footlinks, .related {padding:0px;list-style:none;margin:10px 0px 0px 20px;float:left;}
	/* IE */ * html .footlinks {margin:10px;}
	.footlinks li, .related li {margin:0px 0px 4px;padding:0px;list-style:none;}

/***** MENU *****/
#nav {margin:50px 0px 0px 0px;padding:0px;list-style-type: none;float:left;}
	#nav li {margin:0px 20px 0px 0px;padding:0px;list-style: none;font-size:1.417em;float:left;}
		#nav a:link, #nav a:visited {color:#7f7f7f;text-decoration: none;padding:0px 0px 0px 5px;height:29px;float:left;}
		#nav a:link strong, #nav a:visited strong {padding:4px 5px 6px 0px;float:left;font-weight:normal;cursor:pointer;}
		#nav a:hover, #nav a.current, #nav a:visited.current {background:transparent url(images/bg_li.gif) no-repeat top left;color:#000;}
		#nav a:hover strong, #nav a.current strong {background:transparent url(images/bg_a.gif) no-repeat top right;}
	
/***** CLASSES *****/
.left {float:left;}
.right {float:right;}
.kill {clear: both; background-color: transparent;}
.none {margin:0px;}
a:link.green, a:visited.green {color:#b4ce0f;}
a:hover.green {color:#dcff00;}

/* homepage */
#flashpromo {height:406px;padding-top:14px;margin-bottom:30px;}
.box {width:275px;float:left;margin-right:42px;}
.boxnone {width:275px;float:left;}
	.excerpt, .greenexcerpt, .greenexcerpt2,.excerpt2 {padding:5px 10px;margin-bottom:5px;}
		.box .excerpt p {margin:5px 0px 0px 20px;}
		.box .greenexcerpt p {margin:5px 0px 0px 20px;color:#3b3b3b;}
		.boxnone .excerpt p {margin:5px 0px 0px 0px;}
		.boxnone .greenexcerpt p {margin:5px 0px 0px 0px;color:#3b3b3b;}
		.excerpt a:link, .excerpt a:visited {color:#b1b1b1;font-size:1.167em;}
		.greenexcerpt a:link, .greenexcerpt a:visited {color:#000;font-size:1.167em;}
	.greenexcerpt {background:#b4ce0f;cursor:pointer;}
	.box label {padding-bottom:3px;display:block;}
.box input, .box textarea {border:1px solid #000;background:#757575;color:#fff;width:265px;padding:4px;}
.box input:focus, .box textarea:focus {background:#b4ce0f;color:#000;}
.box button {border:none;background:#3b3b3b;font-size:1.417em;color:#b4ce0f;padding:0px;}
.box button:hover {color:#dcff00;cursor:pointer;}

a.button{cursor: pointer;font-size:1.3em;background:#dcff00;color:#333;padding:3px 14px;border:none;border-radius:5px;
-webkit-border-radius:0.5em;-moz-border-radius:0.5em;font-weight:bold;}
a.button:hover {background:#cccccc;cursor:pointer;}

/* about */
#aboutpromo {height:420px;position:relative;margin:0px auto 30px;width:890px;}
#about {position:absolute;bottom:21px;left:0px;width:890px;}
#about, #about li {margin:0px;padding:0px;list-style:none;float:left;}
	#about a:link, #about a:visited, #about a:focus {width:178px;height:237px;display:block;float:left;background:transparent url(images/bg_sprites.png) no-repeat -222px 0px;}
	#about a strong {position:absolute;left:-9999em;}
	#about a:active {outline: none;}
	#about a:focus, #portfoliolist li a:focus, #awards a:focus, .services a:focus, #project #about a:focus {-moz-outline-style: none;}
	
	#about a:link.a {background-position: -222px 0px}
		#about a:hover.a {background-position: -400px 0px}
	#about a:link.b, #about a:visited.b {background-position: -222px -237px}
		#about a:hover.b {background-position: -400px -237px}
	#about a:link.c, #about a:visited.c {background-position: -222px -474px}
		#about a:hover.c {background-position: -400px -474px}
	#about a:link.d, #about a:visited.d {background-position: -222px -711px}
		#about a:hover.d {background-position: -400px -711px}
	#about a:link.e, #about a:visited.e {background-position: -222px -948px}
		#about a:hover.e {background-position: -400px -948px}
#teamtext {text-align:left;color:#3b3b3b;padding:30px 40px 0px 40px;}
	#teamtext p {font-size:1.167em;margin:0px 0px 15px;line-height:1.3em;}
	#teamtext li {font-size:1.167em;line-height:1.3em;}
.leftcolumn {width:420px;float:left;}
.rightcolumn {width:420px;float:right;padding-top:58px;}
	.leftcolumn p, .rightcolumn p, .blogleftcolumn p, .blogleftcolumn2 p {margin-top:5px;line-height:1.5em;}
	.blogleftcolumn small {font-size:1em}

/* portfolio */
#portfoliopromo {height:370px;position:relative;margin:0px auto 30px;width:910px;padding-top:50px;}
#categories {position:absolute;bottom:80px;right:40px;width:165px;text-align:right;}
	#categories ul, #portfoliolist {margin:0px;padding:0px;list-style:none;}
	#categories li {margin:10px 0px 0px 0px;padding:0px;list-style:none;text-transform:lowercase;}
	#categories a, #categories a:visited {font-size:1.167em;color:#c4c4c4;}
	#categories a:link.current, #categories a:visited.current {color:#dcff00;}
	#categories a:hover {color:#fff;}
#portfoliolist li {margin:0px 30px 10px 0px;float:left;text-align:left;}
	#portfoliolist li img {float:left;border:none;}
	#portfoliolist li a:link, #portfoliolist li a:visited {float:left;color:#000;FILTER: alpha(Opacity=50);-moz-opacity:0.50; opacity:0.50;}
	#portfoliolist li a:hover {color:#dcff00;FILTER: alpha(Opacity=100); -moz-opacity:1.00; opacity:1.00;}
		#portfoliolist li a span {float:left;clear:both;}
	#portfoliolist li a:active {outline: none;}
	
/* project */
#project {height:370px;position:relative;margin:0px auto 30px;width:910px;padding-top:50px;text-align:left;}
	#project .right {position:absolute;bottom:80px;right:0px;width:295px;color:#3b3b3b;height:234px;line-height:1.4em;}
.back {position:absolute;bottom:24px;left:0px;font-size:1.167em;color:#505050;}
.beGone {position:absolute;bottom:24px;right:0px;font-size:1.167em;color:#505050;}
	a:hover.beGone, a:hover.back {color:#000;}
#photos {position:relative;width:580px;padding-top:10px;}
	#photos p {position:absolute;top:0px;z-index:3;left:0px;padding:15px;background:transparent url(images/bg-trans.png) no-repeat top left;margin:0px;}
	#photos a:link img, #photos a:visited img {border:2px solid #fff;float:right;margin-top:10px;clear:right;FILTER: alpha(Opacity=50); -moz-opacity:0.50; opacity:0.50;}
	#photos a:hover img {FILTER: alpha(Opacity=100); -moz-opacity:1.00; opacity:1.00;}

#awards {position:absolute;top:65px;right:445px;text-align:right;color:#bababa;}
/* IE */ * html #awards {top:55px;}
	#awards strong {position:absolute;top:26px;right:0px;width:300px;font-weight:normal;}
	#awards a:link, #awards a:visited, #awards a:focus {width:24px;height:24px;display:block;float:right;background:transparent url(images/bg_sprites.png) no-repeat 0px 0px;margin-left:5px;}
	#awards a:active {outline: none;}
		#awards a span {display:none;}
		#awards a:hover span {display:block;z-index:2;position:absolute;bottom:-17px;right:0px;color:#edd200;background:#757575;width:300px;}
		#awards a:link.star, #awards a:visited.star {background-position:0px -270px}
		#awards a:hover.star {background-position:-24px -270px}

#project #about {position:absolute;right:0px;bottom:8px;margin:0px;padding:0px;list-style:none;width:295px;}
	#project #about li {margin:0px;padding:0px;list-style:none;float:left;}
	#project #about a:link, #project #about a:visited, #project #about a:focus {width:45px;height:45px;display:block;float:left;background:transparent url(images/bg_sprites.png) no-repeat 0px 0px;}
	#project #about a:active {outline: none;}
	#project #about a span {display:none;padding-left:5px;}
	#project #about a:hover span {display:block;z-index:2;position:absolute;bottom:45px;color:#dcff00;}	
	#project #about a:link.a {background-position: 0px 0px}
		#project #about a:hover.a {background-position: -45px 0px}
	#project #about a:link.b, #project #about a:visited.b {background-position: 0px -45px}
		#project #about a:hover.b {background-position: -45px -45px}
	#project #about a:link.c, #project #about a:visited.c {background-position: 0px -90px}
		#project #about a:hover.c {background-position: -45px -90px}
	#project #about a:link.d, #project #about a:visited.d {background-position: 0px -135px}
		#project #about a:hover.d {background-position: -45px -135px}
	#project #about a:link.e, #project #about a:visited.e {background-position: 0px -180px}
		#project #about a:hover.e {background-position: -45px -180px}
	#project #about a:link.f, #project #about a:visited.f {background-position: 0px -225px}
		#project #about a:hover.f {background-position: -45px -225px}

/* SERVICES */
#services {height:370px;position:relative;margin:0px auto 30px;width:910px;padding-top:50px;text-align:left;}
.services {margin:0px;padding:0px;list-style:none;}
	.services li {margin:0px 40px 5px;padding:0px;list-style:none;float:left;position:relative;}
	.services li span {position:absolute;top:0px;left:0px;}
		.services a {display:block;float:left;width:375px;height:75px;}
		.services a:link span, .services a:visited span, .services a:focus span, .services a.current span, .services a:visited.current span {width:60px;height:65px;display:block;float:left;background:transparent url(images/bg_sprites.png) no-repeat -91px 0px;}
		.services a:active {outline: none;}
		.services a:link .a {background-position: -91px 0px}
			.services a:hover .a {background-position: -156px 0px}
		.services a:link .b, .services a:visited .b {background-position: -91px -65px}
			.services a:hover .b {background-position: -156px -65px}
		.services a:link .c, .services a:visited .c {background-position: -91px -130px}
			.services a:hover .c {background-position: -156px -130px}
		.services a:link .d, .services a:visited .d {background-position: -91px -195px}
			.services a:hover .d {background-position: -156px -195px}
		.services a:link .e, .services a:visited .e {background-position: -91px -260px}
			.services a:hover .e {background-position: -156px -260px}
		.services a:link .f, .services a:visited .f {background-position: -91px -325px}
			.services a:hover .f {background-position: -156px -325px}
		.services a:link .g, .services a:visited .g {background-position: -91px -390px}
			.services a:hover .g {background-position: -156px -390px}
		
		.services a:link strong, .services a:visited strong, .services a:focus strong {font-size:1.5em;color:#bababa;font-weight:normal;position:absolute;top:35px;left:75px;}
		.services a:hover strong {color:#dcff00;}
		.services a em {display:none;color:#858585;}
		.services a:hover em {display:block;z-index:2;position:absolute;bottom:0px;left:75px;color:#3B3B3B ;font-style: normal;}

.blogrightcolumn th, .blogrightcolumn td.head, .blogleftcolumn th, .blogleftcolumn td.head {background:#757575;color:#fff;border-bottom:1px dotted #3b3b3b;}
.blogrightcolumn th, .blogrightcolumn td, .blogleftcolumn th, .blogleftcolumn td {padding:5px 3px;border-bottom:1px dotted #757575;}
.blogrightcolumn tr.on, .blogleftcolumn tr.on {background:#484848;color:#fff;}
.blogrightcolumn tr.off, .blogleftcolumn tr.off {background:#3b3b3b;color:#858585;} 

/* bloghome */
#blogpromo {height:370px;position:relative;margin:0px auto 30px;width:910px;padding-top:50px;}
	#blogpromo #categories {font-size:1.5em;}
.blogrightcolumn {width:295px;float:right;text-transform:lowercase}
	.blogrightcolumn a:link, .blogrightcolumn a:visited, .post .right a, .post .right a:visited {color:#b1b1b1;}
	.blogrightcolumn a:visited {color:#858585;}
	.blogrightcolumn a:hover, .post .right a:hover {color:#fff;}
	.blogleftcolumn,.testing .blogleftcolumn2 {width:570px;float:left;text-align:left;}
	.testing .blogleftcolumn, .testing2 .blogleftcolumn2 {width:570px;float:left;text-align:left;position:absolute;top:10px;left:0px;}

	.testing2,.testing  {position:relative;margin:0px auto;width:910px;}

	.excerpt,  .greenexcerpt {padding:5px 10px;margin-bottom:15px;}
	.excerpt a:link,  .excerpt a:visited {color:#000;font-size:1.167em;}
	 #blogpromo .greenexcerpt p {margin:5px 0px 0px 0px;color:#3b3b3b;}
 
	.greenexcerpt a:link,  .greenexcerpt a:visited {color:#000;font-size:1.167em;}
	.blogleftcolumn .greenexcerpt p, .blogleftcolumn2 .greenexcerpt p  {color:#3b3b3b;margin-bottom:0px;}
	.blogleftcolumn .excerpt p, .blogleftcolumn2 .excerpt p {margin-bottom:0px;color:#3b3b3b; }
	.blogleftcolumn .greenexcerpt, .blogleftcolumn .excerpt {position:relative; }
	.post {float:left; margin-bottom:20px; margin-top: 15px; width:100%;}
	.blogleftcolumn2 .post {float:left; margin-bottom:5px; margin-top: 5px; padding:10px; background-color:#454545; width:100%;}
 	.post .right, .blogleftcolumn .right {margin-left:20px;}
	.blogleftcolumn2 a.left, .blogleftcolumn2 a.right, .blogleftcolumn2 a:visited.left, .blogleftcolumn2 a:visited.right {color:#b4ce0f;font-size:1.167em;}
	.blogleftcolumn2 a:hover.left, .blogleftcolumn2 a:hover.right {color:#dcff00;}
		
	 .excerpt2,  .greenexcerpt2 {padding:5px 10px;margin-bottom:15px;}
	 .blogleftcolumn .greenexcerpt2, .blogleftcolumn .excerpt2 {position:relative;}
	 .excerpt2 a:link,   .excerpt2 a:visited {color:#b1b1b1;font-size:1.167em;}
	 .greenexcerpt2 a:link, .greenexcerpt2 a:visited {color:#000;font-size:1.167em;}
	 .greenexcerpt2 p {color:#3b3b3b;}
	 .greenexcerpt2 {background:#b4ce0f;cursor:pointer;}
	 
/* blogpost */
#comment {background:#454545;border-top:35px solid #3b3b3b;clear:both;padding:20px 0px;float:left;width:100%;}
	#comment .blogleftcolumn {width:295px;}
	#comment .blogrightcolumn {padding-top:75px;width:530px;}
	#comment label {padding-bottom:3px;display:block;}
	#comment input, #comment textarea {border:1px solid #000;background:#757575;color:#fff;width:285px;padding:4px;}
	#comment input:focus, #comment textarea:focus {background:#b4ce0f;color:#000;}
	#comment button {border:none;background:#454545;font-size:1.417em;color:#b4ce0f;padding:0px;}
	#comment button:hover {color:#dcff00;cursor:pointer;}
#comment ul {color:#B1B1B1;margin:0px;padding:0px;list-style:none;}
#comment ul li {margin-bottom:20px;}
#comment ul em {font-size:1.167em;font-style:normal;}
#comment ul p {color:#858585;}
#comment ul strong {color:#B1B1B1;font-weight:normal;}

.post li{margin:5px 0;}

.post blockquote {margin:0;padding:27px 32px 20px 32px;background:#454545 url(/blog/wp-content/themes/wd/images/tech.png) no-repeat 8px 8px;}

.aligncenter {margin:0px auto;}
.blogleftcolumn p.wp-caption-text {padding-right:10px;text-align:center;font-weight:bold;color:#fff;}

.highlight {background:#757575;border-radius:10px;-webkit-border-radius:1em;-moz-border-radius:1em;padding:20px;color:#2b2b2b;}
.highlight button {cursor: pointer;font-size:1.3em;background:#dcff00;color:#333;padding:3px 14px 2px;border:none;border-radius:5px;
-webkit-border-radius:0.5em;-moz-border-radius:0.5em;font-weight:bold;}
.wp-caption {float:left;margin:5px 15px 10px;}

/*
share this*/
.addthis_toolbox{float:right; margin-top:80px; margin-right:40px}
.addthis_toolbox a{color:#b4ce0f;font-size:0.95em}
.addthis_toolbox a:hover{color:#dcff00}

/* FONTS EXPLAINED BLOGPOST */
.fontV {font-family:Verdana, Arial, Helvetica, sans-serif;}
.fontA {font-family:Arial, Helvetica, sans-serif;}
.fontH {font-family:Helvetica, Arial, sans-serif;}
.fontM {font-family:"Myriad Pro", Myriad, Helvetica, Arial, sans-serif;}
.fontT {font-family:"Times New Roman", Times, serif;}
.fontG {font-family:Georgia, "Times New Roman", Times, serif;}
.fontC {font-family:"Courier New", Courier, monospace;}
.fontV strong, .fontA strong, .fontH strong, .fontM strong, .fontT strong, .fontG strong, .fontG strong, .fontC strong {display:block;}
.normal {padding:5px 10px 10px;background:#333;margin-top:10px;}
.fourteen {font-size:1.167em;padding:5px 10px;background:#333;margin-top:10px;}
.sixteen {font-size:1.333em;padding:5px 10px;background:#333;margin-top:10px;}
.Comic {font-family:"Comic Sans MS", Comic Sans, Comic-sans;}
.Century {font-family:"Century Gothic";}
.ArialB {font-family:"Arial Black";}
.Impact {font-family:Impact;}
.Papyrus {font-family:Papyrus;}