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

html, body, h1, h2, h3, h4, h5, h6, ol, dl, ul, li, dt, dd, blockquote, pre, form, fieldset, th { 
	margin: 0; 
	padding: 0; 
}

body {
	background-color: #9b9b9b;
	margin: 0px;
}

p.li {
	margin: 0;
	padding: 0;
	list-style-type: circle;	
}

/* NAV LINKS */

a {
text-decoration:none;
color: #21b61d;
}

a:hover {
text-decoration:underline;
color: #21b61d;
}


a.linkopacity:hover img {
filter:alpha(opacity=50);   
-moz-opacity: 0.5;   
opacity: 0.5;
}


.bodysubtext {
color:#666666;
font:Arial, Helvetica, sans-serif;
font-size:10px;
}

.contactbox {
padding-top: 10px;
padding-left: 17px;
}

.contactboxsignup {
	padding-top: 5px;
	padding-left: 10px;
	color: #222222;
	background-color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
}

img{
	border:0px;
}

.featuredbox {
	padding: 10px;
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.4;
}

.featuredboxhdr {
	font-size:18px;
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: 600;
}

.featuredsubbox {
	padding: 6px;
	background-color: #e7e7e7;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.4;
	min-height:85px
}

.featuredsubtitle {
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight:600;
	line-height: 1;
}
.featuredsubclient {
	color: #222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:600;
	line-height: 1;
	padding: 5px 0px 0px 0px;
}

.featuredsubclientwork {
	color: #21b61d;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px 0px 0px 0px;
	font-size: 12px;
	font-weight:600;
	line-height: 14px;
}

.featuredviewbtn{
	vertical-align:text-bottom;
	padding:0px 0px 0px 0px;
	width: 374px;
}

.aboutusbox {
	padding-right: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	color: #222222;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
}

.getinspiredbox {
	padding: 8px;
	color: #222222;
	background-color: #e7e7e7;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
}

.getinspiredsignup {
	padding-top: 2px;
	font:Arial, Helvetica, sans-serif;
}

.casestudy_popup_box {
	padding: 14px;
	color: #333;
	background-color: #CCCCCC;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.3;
}

.casestudy_popup_box h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1.3;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;

}

:focus {
	outline-color: #21b61d;
	outline-style: none;
	outline-width: 0pt;

}

.lg_log {
	width: 200px;
	border: #c3c3c3 thin solid;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #222222;

}
.sm_log {
	width: 120px;
	border: #c3c3c3 thin solid;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
	color: #222222;

}



.glidecontentwrapper {
position: relative;
width:536px;
height:374px;
overflow:hidden;
background:#ccc;
}

.featured-slide { 
position: absolute;
background:#ccc;
visibility:hidden;
width: 536px;
z-index:1;
}

div.featured-slide h1.home { 
padding:0;
}

#control {
margin:15px 0 0 440px;
height:20px;
position:absolute;
z-index:300;
}

.controls {
width:100px;
text-align: center;
}

.controls a { /*style for every navigational link within toggler */
	display: -moz-inline-box;
	display: inline-block;
	height: 15px;
	width: 15px;
	background-image:url(../images/bullet_active.png);
}

.controls a.selected {
	background-image:url(../images/bullet_selected.png);
}

.controls a:hover {
	background-image:url(../images/bullet_selected.png);
}

.controls a.prev:hover, .controls a.next:hover {
	background-image:url(../images/bullet_selected.png);
}

.controls a.toc { }

.controls a.prev {
	display:none;
}
.controls a.next { 
	display:none;
}

div.feature_text {
position:inherit;
background-color: #666666;
margin-top: 281px;
padding:10px;
width:536px;
}

div.feature_text p {
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
	line-height: 1.4;
	margin: 0;
}

h1.home {
	font-family:Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size:18px;
	overflow:hidden;
	font-weight: 600;
	line-height: 19px;	
}


.tablebg {
	clear: both; 
	color: #ffffff;
	background-repeat:no-repeat;
	margin: 0px;
}

#headline{
	background-color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	width: 354px;
	height: 85px;
	padding: 10px 10px 10px 10px;
	float:none;
	margin-bottom: -17px;

 }
 
 #headline p{
	font-family:Arial, Helvetica, sans-serif;
	color: #e7e7e7;
	font-size: 11px;
	line-height: 1.4;
 }
 
 #imgpreview {
 width:540px;
 height:306px;
 margin-top: -234px;
 float:left;
 background-color:#000000;
 position: relative;
 overflow: visible;
 z-index: 0;
 float: right;
 margin-left: 7px;
 margin-bottom: 7px;
 margin-right: -287px;
}




.bodytxt {
	font-family:Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 12px;
	line-height: 1.4;
}
.bodytxt_list {
	font-family:Arial, Helvetica, sans-serif;
	color: #222222;
	font-size: 12px;
	line-height: 1.8;
	padding-top: 5px;
	padding-bottom: 5px;
}

h1.subhdr {
font-family:Arial, Helvetica, sans-serif;
color: #006600;
font-size:15px;
font-weight: bold;
}

#elementsbox {
background-color: #cccccc;
padding: 5px 10px 10px 10px;
font-family:Arial, Helvetica, sans-serif;
border: none;
font-size: 13px;
}

#elementsboxtwo {
background-color:#999999;
padding: 10px 10px 10px 23px;
font-family:Arial, Helvetica, sans-serif;
border: none;
font-size: 13px;
}

#elementsbox h1{
	color: #888888;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:center;
}

#elementsbox ul{
	padding: 5px 5px 5px 15px;

}

.worktitle {
	color: #666666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:600;
	line-height: 18px;
}
.worktitle a:link {color: #666666;}
.worktitle a:visited {color: #666666;}
.worktitle a:hover {
	color: #21B61D;
	text-decoration: none;
}
.worktitle a:active {color: #666666;}

.worksubtitle {
	color: #999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:600;
	line-height: 1;
	font-variant:small-caps;
}

.workinfotable {
	margin-top:5px;
}

.workinfotablecase {
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
}

.imgviewerbold {
font:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFFFFF;
font-weight:bold;
}

.imgviewerbold a:link {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	text-decoration: none;
}
.imgviewerbold a:visited {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.imgviewerbold a:hover {
	font-family:Arial, Helvetica, sans-serif;
	color: #666;
	text-decoration: underline;
}

/* step carousel */

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 536px; /*Width of Carousel Viewer itself*/
height: 281px; /*Height should enough to fit largest content's height*/
/*margin-top:-5px; */

}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 536px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

/* popup carousel */

.popcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 748px; /*Width of Carousel Viewer itself*/
height: 630px; /*Height should enough to fit largest content's height*/
/*margin-top:-5px; */

}

.popcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.popcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
width: 748px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}



/* CONTACT FORM */

.ftrgray {
color: #222222;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
}
.ftrgreen {
color: #21B61D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
}
.morelinks {
color: #21B61D;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
line-height: 1.5;
}

#philosophywindow {
width: 890px;
background-color: #666666;
padding: 10px 10px 15px 10px;
margin-left: 10px;
margin-bottom: 15px;
position:relative;
}

#philosophywindow h1 {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:30px;
font-weight:lighter;
float:none;
line-height:1.7;
}

#philosophywindow p {
color: #FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:lighter;
line-height:1.25;
}

#clientlistable td {
padding: 5px 10px 0px 10px;
}

#clientlist td {
padding: 0px 0px 5px 0px;
color:#333333;
line-height:1.3;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
vertical-align: top;
}

#clientlistable2 td {
padding: 5px 10px 0px 10px;
}

#testimonials td {
padding: 0px 0px 5px 0px;
color:#333333;
background-color: #e7e7e7;
line-height:1.3;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:left;
vertical-align: top;
}

#testinner td {
padding: 10px 0px 5px 10px;
}
#testinner img {
padding: 0px;
margin: 0px;
}

#testinner h1 {
font-size:12px;
font-weight:bold;
}

#testinner h2 {
font-size:11px;
color: #006600;
font-weight:bold;
}

/*
#testinner p {
font-style:italic;
}
*/

#testinner2 td {
padding: 10px 0px 5px 10px;
}
#testinner2 img {
padding: 0px;
margin: 0px;
}

#testinner2 h1 {
font-size:12px;
font-weight:bold;
}

#testinner2 h2 {
font-size:11px;
color: #006600;
font-weight:bold;
}s

#testinner2 p {
font-style:italic;
}

.smallwhitetxt {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
line-height:1.2;
}

.smallwhitehdr {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:12px;
line-height:1.2;
font-weight:bold;
}

.mediumwhitehdr {
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:14px;
line-height:1.2;
font-weight:bold;
}

.style1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #222222;
}
.style2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height:1.2;
}

#item {
	display:block;
	
}


#item h1{
	color: #FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	
}

#item a{
	color: #21b61d;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;
}

#item a:hover{
	color: #21b61d;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
}

#item p{
	font-family:Arial, Helvetica, sans-serif;
	color:#cccccc;
	font-size:10px;
	margin-bottom:10px;
	line-height:1.2;
}	

#authordwd {
	width: 96px;
	height: 27px;
	background-image:url(../images/heshesaid.jpg);
	background-repeat:no-repeat;
	text-align:center;
	display:block;
	padding-top:3px;
}
#authordwd h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#FFFFFF;
	font-weight:bold;
}

#item hr{
	height: 1px;
	color: #707070;
	background-color: #707070;
	border: 0;
}
	

#backbutton {
float:left;
position:inherit;
height: 15px;
width: 88px;
margin-left: 286px;
}

#imgpreview {
margin-top: -239px;
}