@charset "UTF-8";
@font-face {
     font-family: Digital-Sans;
     src: url('digital_sans_rda_medium-webfont.eot');
     src: local('Digital Sans RDA Medium'),
          url('digital_sans_rda_medium-webfont.ttf') format('truetype'),
          url('digital_sans_rda_medium-webfont') format('opentype'),
          url('digital_sans_rda_medium-webfont') format('svg')}

/*********************************
GENERAL STYLES
**********************************/
/* #aspnetForm{display:none} */

html {font-family:Arial, Helvetica, sans-serif; font-size:9pt; line-height:18px; font-weight:500; color:#595959; background:#f1f1f2; margin:0; padding:0; 
	filter: expression(document.execCommand("BackgroundImageCache", false, true)); }
html, body {width:100%; height: 100%; margin-bottom: 1px;} 
header, footer, nav, section {  display: block;  margin:0; padding:0;}/* Declare HTML5 Elements */
 /* clearfix */
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix{ zoom: 1; } /* IE7 */
/* End clearfix*/
.green{color:#b0d136}
.blue{color:#46c1e1}
p{margin:0; padding:0}
a{text-decoration:none; outline:none; color:#595959}
a:hover{text-decoration:underline;}
	a.link{color:#b0d136; text-decoration:none}
	a.link:hover{text-decoration:underline}
	a img{border:none; text-decoration:none}
	a img:hover{border:none; text-decoration:none; cursor:pointer}
h1, h2, h3, h4, h5, h6{margin:0; padding:0; font-weight:300;}
h1, h3, h4, h5{font-family: Digital-Sans, arial, helvetica, sans-serif;}

h1, h1 a{font-size:28px; color:#888; line-height:25px} /* Case Study Client */
h2, h2 a{font-size:20px; margin:10px 0px 15px 0px; line-height:22px} /* Case Study Title */
h3, h3 a{font-size:24px; color:#fff; width:100%; margin-bottom:75px; height:24px;}
h4, h4 a{font-size:22px; color:#97b62e; margin-bottom:10px; line-height:26px}/*Green Text Header */
h5, h5 a{font-size:13px; color:#FFF}

/*h5, h5 a{font-size:14px; color:#FFF;}Main DD Link & Content Box Title */
/*h6, h6 a{font-size:14px; color:#FFF;}Sub Links */
.green{color:#b0d136}
.blue{color:#46c1e1}
:-moz-any-link:focus {outline: none;}
.hidden{display:none}
.clear{clear:both}
.split{margin-top:20px}
.split div{width:185px; margin-right:10px; float:left}
.split div:last-child{margin-right:0px;}
.split ul {margin-left:-15px; position:relative; top:10px; clear:both}
.split span{
	color:#97b62e;
	font-size:13px;
	float:left;
	margin:0; padding:0;
}

#container{width:900px; margin:0 auto; padding:0;}

img.bezel, img.bezel:hover{border-style:solid;border-width:14px; border-color:#161a1d #2b2c2e;margin-bottom:5px}



/*********************************
HEADER
**********************************/
#header{margin-bottom:5px; height:70px; overflow:hidden}
#header img{float:left}
#headerContact{float:right; text-align:right; font-size:10px}
	#headerContact a{color:#7D7E80;}
	#headerContact span{font-size:16px; color:#b0d136; margin-left:7px}
	#aspnetForm{margin-top:0px; padding-top:4px}
	#aspnetForm input.cs_input{height:12px; font-size:8pt; line-height:12px; margin-bottom:2px}
	#aspnetForm input.cs_submit{background:url(http://www.fourwindsinteractive.com/i/btn_cs_submit.png) no-repeat; border:none; width:41px; height:18px; margin-top:2px; padding:0px; float:right}	
	#aspnetForm input.cs_submit:hover{background:url(http://www.fourwindsinteractive.com/i/btn_cs_submit.png) no-repeat; cursor:pointer}	

/*********************************
NAV BAR
**********************************/
/* Nav Wrappr */
nav{width:902px; background:#f1f1f2;}
nav ul li, nav ul li ul{width:148px;}
/*Each anchor tag */
nav ul li a{display:block}
	nav ul li a:hover{text-decoration:none}
	
/* Each list and list item */
nav ul, nav ul li{list-style:none; margin:0; padding:0; height:24px; line-height:24px; text-align:center; position:relative; z-index:10}


/*Each main link */
nav li.main{float:left; border-right:solid 2px #b5b7b9;background-position:0px -48px}
	nav ul li.main, nav ul li.main:hover, nav ul li.main.active{background-image:url(http://www.fourwindsinteractive.com/i/navBG.jpg); background-repeat:repeat-x; cursor:pointer}
	nav ul li.main.last-child, nav ul li.main.last-child ul, nav ul li.main.last-child ul li{width:150px;border-right:0px;}


/*Each sub link */
nav li.sub{background-color:#666666;border-bottom:1px solid #777}
	nav li.sub:hover{background-color:#333333; cursor:pointer}
	nav li.sub.last-child{border-bottom:0px;
		-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;-khtml-border-radius-bottomleft:15px;border-bottom-left-radius:15px;
		-webkit-border-bottom-right-radius:15px;-moz-border-radius-bottomright:15px;-khtml-border-radius-bottomright:15px;border-bottom-right-radius:15px;}

/* Each set of sub links */
nav ul li ul{display:none; height:auto; filter: alpha(opacity=90);/* internet explorer */
-khtml-opacity: 0.9; /* khtml, old safari */
-moz-opacity: 0.9;/* mozilla, netscape */
opacity: 0.9;/* fx, safari, opera */}


		nav#nav li.main:hover, nav#nav li.main.active{background-position:top}
		nav#nav li.main.first-child{-webkit-border-top-left-radius:15px;-moz-border-radius-topleft:15px;-khtml-border-radius-topleft:15px;border-top-left-radius: 15px;}
		nav#nav li.main.last-child{-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;-khtml-border-radius-topright:15px;border-top-right-radius: 15px;}

			
/*********************************
HOME STYLES
**********************************/
#viewer{height:375px; width:900px; margin:0; padding:0;  background:url(http://www.fourwindsinteractive.com/i/carousel/carousel_BG.png) #adafb1;}
#homeCont section{width:440px; float:left; margin-bottom:20px}
	#homeCont section header{height:25px; line-height:25px; background:#a8a8a8; color:#FFF; padding-left:20px; 
		-webkit-border-top-left-radius:15px; -moz-border-radius-topleft:15px;-khtml-border-radius-topleft:15px;border-top-left-radius: 15px;
		-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;-khtml-border-radius-topright:15px;border-top-right-radius: 15px;}
	#homeCont section footer{ background:#e3e3e3; padding:20px; 
		-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;-khtml-border-radius-bottomleft:15px;border-bottom-left-radius: 15px;}
#homeCTA a{background-image:url(http://www.fourwindsinteractive.com/i/btn_green_curl_SM.png); width:155px; height:35px; padding:10px 0px 8px 0px;  margin-bottom:-15px;  
			color:#FFF; text-align:center; font-size:9px; line-height:12px; font-weight:bolder; display:block}
#homeCTA a:hover{background-image:url(http://www.fourwindsinteractive.com/i/btn_green_curl_SM.png); background-position:-155px 0px; cursor:pointer; text-decoration:none}

/*********************************
ALL OTHER PAGE STYLES
**********************************/
#content{background:url(http://www.fourwindsinteractive.com/i/contBG.jpg) no-repeat #FFF; padding:20px 40px 40px 40px; min-height:450px;
					-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;-khtml-border-radius-bottomleft:15px;border-bottom-left-radius: 15px;}

#col1, #col2{width:390px; float:left;}
#col1{margin-right:40px}
#col1 a{color:#b0d136}
#content p{
	margin:10px 0px 10px 0px;
	font-size: 10pt;
}


.grayBox{width:350px; background:#eee; clear:both; padding:20px;
		-webkit-border-top-left-radius:15px; -moz-border-radius-topleft:15px;-khtml-border-radius-topleft:15px;border-top-left-radius: 15px;
		-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;-khtml-border-radius-topright:15px;border-top-right-radius: 15px;
		-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;-khtml-border-radius-bottomleft:15px;border-bottom-left-radius: 15px;}

.grayBox ul{margin-left:-20px}

label.error{color:#F00; font-size:10px; margin-left:5px;}

#cta{float:left; position:relative; left:50%; margin-bottom:15px; clear:both}
#cta div{position:relative; left:-50%}
#cta a{background:url(http://www.fourwindsinteractive.com/i/btn_green_curl_LG.png) no-repeat; width:156px; height:45px; line-height:15px; padding:17px 10px 0px 12px; text-align:center; float:left;}
#cta a:hover{background-position:-180px 0px; cursor:pointer}
#cta a, #cta a:hover{color:#FFF; font-size:12px; line-height:12px;font-weight:900;; text-decoration:none}

#contactFormHead{height:30px; line-height:30px; background:#DDD; margin:20px 0px; font-size:14pt; font-weight:900; padding-left:12px; 
		-webkit-border-top-left-radius:15px; -moz-border-radius-topleft:15px;-khtml-border-radius-topleft:15px;border-top-left-radius: 15px;
		-webkit-border-top-right-radius:15px;-moz-border-radius-topright:15px;-khtml-border-radius-topright:15px;border-top-right-radius: 15px;
		-webkit-border-bottom-left-radius:15px;-moz-border-radius-bottomleft:15px;-khtml-border-radius-bottomleft:15px;border-bottom-left-radius: 15px;}
.press_head{font-weight:bold; font-size:14px}

/*********************************
THUMBNAILS
**********************************/
#thumbs{text-align:center; float:left; position:relative; left:50%; margin-bottom:15px}
#thumbs header, #thumbs footer{position:relative; left:-50%; border-left:solid 2px #c2c2c2;border-right:solid 2px #c2c2c2;}
#thumbs header{background:#ebebeb;border-top:solid 2px #c2c2c2; font-size:10px; font-weight:bold; line-height:16px; padding:0px 7px 2px 7px;
		-webkit-border-top-left-radius:10px; -moz-border-radius-topleft:10px;-khtml-border-radius-topleft:10px;border-top-left-radius: 10px;
		-webkit-border-top-right-radius:10px;-moz-border-radius-topright:10px;-khtml-border-radius-topright:10px;border-top-right-radius: 10px;}
#thumbs footer{background:#fcfcfc; border-bottom:solid 2px #c2c2c2; padding:6px 0px 0px 6px; max-width:370px;
		-webkit-border-bottom-left-radius:10px;-moz-border-radius-bottomleft:10px;-khtml-border-radius-bottomleft:10px;border-bottom-left-radius: 10px;}
/* IMAGE VIEWER */
#thumbViewer{text-align:center; min-height:190px;  background:url(http://www.fourwindsinteractive.com/i/thumb_shadow.png) bottom no-repeat; padding-bottom:15px; margin-bottom:2px}
#thumbViewer img{
	max-height:300px; max-width:300px; 

   /*width: expression(this.width > 300 ? "300px" : true);
   height: expression(this.height > 300 ? "300px" : true);*/
   /*width: expression(300 + "px");
   height: expression("auto");*/

  -moz-box-shadow: 0px 0px 7px #000; /* Firefox */
	  -webkit-box-shadow: 0px 0px 7px #000; /* Safari, Chrome */
	  box-shadow: 0px 0px 7px #000; /* CSS3 */
	   /*behavior: url(ie-css3.htc);
	 filter: 
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=0,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=90,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#dddddd,direction=180,strength=7)
        progid:DXImageTransform.Microsoft.Shadow(color=#eeeeee,direction=270,strength=7);*/

}
#thumbs footer ul{margin:0; padding:0}
#thumbViewer .caption{display:block; width:390px; text-align:center; position:absolute; top:198px; }

/* THUMBNAIL IMAGES */
#thumbs li, #thumbs li a{display:block; width:31px; height:31px;}
#thumbs li{overflow:hidden; float:left; list-style:none; margin:0px 6px 6px 0px}
#thumbs li:hover{cursor:pointer}
#lbThumbs img, #galleryThumbs img{display:none}
#icoThumbs li, #icoThumbs li a{width:36px; height:38px}
#icoThumbs li a{ background-image:url(http://www.fourwindsinteractive.com/i/thumbIcons.png)}
#icoVid{background-position:0px 0px}
	#icoVid:hover{background-position:0px -38px}
#icoImg{background-position:-38px 0px}
	#icoImg:hover{background-position:-38px -38px}
#icoDownload{background-position:-76px 0px;}
	#icoDownload:hover{background-position:-76px -38px;}
#icoShare{background-position:-114px 0px;}
	#icoShare:hover{background-position:-114px -38px;}
#icoEmail{background-position:-152px 0px;}
	#icoEmail:hover{background-position:-152px -38px;}


.imgCaption{margin-bottom:4px; margin-top:-22px; text-align:center}


/*********************************
MARKET NAV
**********************************/
ul#marketNav{list-style:none; height:30px; margin:0; padding:0; overflow:hidden}
#carousel{margin-bottom:20px}

/*  CONTAINTER */
.jcarousel-skin-tango .jcarousel-clip-horizontal, .jcarousel-skin-tango .jcarousel-container-horizontal  {width: 804px;height: 40px;}
.jcarousel-skin-tango .jcarousel-container-horizontal {padding: 0px 48px;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{background:url(http://www.fourwindsinteractive.com/i/MbarBG.png) repeat-x;}
/* ITEMS */
.jcarousel-skin-tango .jcarousel-item {width: 95px;text-align:center;margin: 5px 10px;padding-bottom:2px;border-bottom:solid 5px #666;  font-size:13px}
.jcarousel-skin-tango .jcarousel-item:hover, #marketNav .mActive {border-bottom:solid 5px #b0d136; cursor:pointer}
/* BTN */
.jcarousel-skin-tango .jcarousel-next-horizontal, .jcarousel-skin-tango .jcarousel-prev-horizontal {position: absolute;top: 0px;width: 48px;height: 40px;cursor: pointer;}
	.jcarousel-skin-tango .jcarousel-next-horizontal{right: 0px;background:url(http://www.fourwindsinteractive.com/i/MbarNavFade.png) top right}
	.jcarousel-skin-tango .jcarousel-prev-horizontal {left: 0px;background:url(http://www.fourwindsinteractive.com/i/MbarNavFade.png) top left}
/* BTN HOVER */
.jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:active {background:url(http://www.fourwindsinteractive.com/i/MbarNavFade.png) center right}
.jcarousel-skin-tango .jcarousel-prev-horizontal:hover,.jcarousel-skin-tango .jcarousel-prev-horizontal:active {background:url(http://www.fourwindsinteractive.com/i/MbarNavFade.png) center left}
/* BTN DISABLED */
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor:default; background:url(http://www.fourwindsinteractive.com/i/MbarNavFade.png) bottom right}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {cursor:default; background:url(http://www.fourwindsinteractive.com/i/MbarNavFade.png) bottom left}


/**************
GALLERY
**************/			
ul#gallery{margin:0; padding:0; margin-left:-10px;}
ul#gallery li{list-style:none;float:left; width:100px; padding:3px; margin-left:10px; margin-top:10px; text-align:center; 
				background:#e8e8e8; border:1px solid #bababa; font-size:10px; line-height:12px; overflow:hidden;
   -webkit-transition-duration: 0.2s;  
   -moz-transition-duration:  0.2s;  
   -o-transition-duration:  0.2s;  
   transition-duration:  0.2s; 
				}
ul#gallery li:hover{cursor:pointer; border:1px solid #aed135;
transform:scale(1.4);
-webkit-transform:scale(1.4); 
-moz-transform:scale(1.4); 
-o-transform:scale(1.4); 

z-index:99;


-moz-box-shadow: 0px 0px 10px #010101;-webkit-box-shadow: 0px 0px 10px #010101;box-shadow: 0px 0px 10px #010101;
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#010101')";/*IE8*/
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#010101');/*IE5.5-7*/}

ul#gallery li .GalName{height:22px; vertical-align:middle}
ul#gallery li .GalApp{position:relative;}
ul#gallery li a,ul#gallery li a:hover{text-decoration:none}



/**************
Landing Pages
**************/			

/**************
FOOTER
**************/
#footer{clear:both; height:35px; line-height:15px; font-size:10px;}
#footer,#footerLinks a{color:#bbbdbf;}


	/*SOCIAL ICON SPRITE */
		#social a#facebook,#social a#twitter,#social a#wiki,#social a#facebook:hover,#social a#twitter:hover,#social a#wiki:hover{background:url(http://www.fourwindsinteractive.com/i/social_icons.png); cursor:pointer; 
			height:30px; width:30px; float:left; display:block; margin:5px 0px 5px 0px}
		#social a#facebook{background-position:0px -30px; }
		#social a#wiki{background-position:30px -30px;}
		#social a#twitter{background-position:60px -30px;}
		#social a#facebook:hover{background-position:0px 0px}
		#social a#wiki:hover{background-position:30px 0px}
		#social a#twitter:hover{background-position:60px 0px}
#footerLinks{padding-top:10px; padding-bottom:10px; text-align:center}