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



html, body, #wrap	{height: 100%;
					margin-left: 0px;
					margin-top: 0px;
					margin-right: 0px;
					margin-bottom: 0px;
					background-image:url(images/bg/bg.jpg);
					background-repeat:no-repeat;
					background-attachment:fixed;}

body > #wrap		{height: auto; min-height: 100%;}

#content_container	{width:1004px;
					margin:0px auto;}

#main_content		{width:1004px;
					height:699px;
					background-image:url(images/bg/content_bg.png);
					background-repeat:repeat;
					margin:0px auto;
					position:relative;}
					
#news_left_column		{width:340px;
					float:left;
					/*height:699px;*/
					position:relative;}

#left_column		{width:340px;
					float:left;
					/*height:699px;*/}

#right_column		{width:664px;
					float:right;}


.info_box			{width:271px;
					height:207px;
					margin-top:10px;}
					
.header_tab			{width: 271px;
					height:37px;
					background-image:url(images/header/header_tab.png);
					background-repeat:no-repeat;
					text-decoration:none;
					padding-top:2px;
					/*padding-left:10px;*/}
					
					
.tweet_box			{width:271px;
					min-height:175px;
					margin-top:10px;
					overflow:hidden;
					}

.tweet_tab			{width: 271px;
					background-image:url(images/header/tweet_tab.png);
					background-repeat:no-repeat;
}


.info_box_content	{width:271px;
					height:75px;}
					
.info_box_content2	{width:271px; /* has no height*/
					margin-left:20px;}
					
#gallery_bg			{background-image:url(images/gallery/gallery_bg.png);
					background-repeat:no-repeat;
					width:622px;
					height: 467px;}

#gallery_nav		{background-image:url(images/navigation/arrow_bg.png);
					background-repeat:no-repeat;
					width:50px;
					height: 24px;
					position:absolute;
					top: 466px;
					left:420px;
}


.arrow_left			{background-image:url(images/navigation/arrow_left.png);
					width:11px;
					height:11px;
					background-repeat:no-repeat;
					float:left;
					margin-left:10px;
					margin-top:-4px;}
					
.arrow_right		{background-image:url(images/navigation/arrow_right.png);
					width:11px;
					height:11px;
					background-repeat:no-repeat;
					float: right;
					margin-right:10px;
					margin-top: -4px;}

#getcreative		{background-image:url(images/header/get_creative.png);
					background-repeat:no-repeat;
					width:409px;
					height:80px;
					position:absolute;
					top:40px;
					left:243px;
					}

#getresults			{background-image:url(images/header/get_results.png);
					background-repeat:no-repeat;
					width:338px;
					height:88px;
					position:absolute;
					top:414px;
					left:651px;
					}

.slideshow			{position:absolute;
					top:475px;
					left:840px;
					width:133px;
					height:23px;
					padding-left:25px;
					background-image:url(images/png/slideshow.png);
					background-repeat:no-repeat;
					font-family:Verdana, Geneva, sans-serif;
					font-size:11px;
					line-height:25px;
					color:#666699;}
.slideshow a:hover	{position:absolute;
					top:475px;
					left:840px;
					width:133px;
					height:23px;
					padding-left:25px;
					background-image:url(images/png/slideshow.png);
					background-repeat:no-repeat;
					font-family:Verdana, Geneva, sans-serif;
					font-size:11px;
					line-height:25px;
					color:#F3F;}
/* ************************************************** Navigation Top ************************************************** */

#navigation_top		{background-image:url(images/navigation/top_nav_bg.png);
					background-repeat:no-repeat;
					width: 659px;
					height: 36px;
					z-index:1000;
					position:absolute;
					left:323px;
}
ul#navigation-top			{text-align:center;
							font:12px arial, Geneva, sans-serif;
							text-transform:uppercase;
							list-style-type: none;
							white-space:nowrap;
							color:#FFF;
							margin-top:3px;
							margin-left:-50px;
							padding-top:10px;
							letter-spacing : 5px;
							/* border:1px solid #f00;  add a red border */
		}

ul#navigation-top	 li		{display:inline;
							padding-left:10px;
							padding-right:10px;
							}

ul#navigation-top	li a	{color:#FFF; 
							text-decoration:none;
							/*display:block;*/
							}

ul#navigation-top	 li a:hover 	{color:#F3F;
									text-decoration:none;
}

/*ul#main_nav li.current a	{background:#d5ebfc;
							font:11px Verdana, Geneva, sans-serif;
							margin: 0 0 0 00px;
							text-indent:22px;
							color:#999;
}*/	




/* **************************************************  END Navigation Top ************************************************** */


/* **************************************************  START Carousel ************************************************** */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0px solid green;
overflow: scroll; /*leave this value alone*/
width: 610px; /*Width of Carousel Viewer itself*/
height: 462px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
/*background-color:#FC0;*/
}

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

/* **************************************************  END CAROUSEL  ************************************************** */

h2					{font-family:Verdana, Geneva, sans-serif;
					font-size:13px;
					font-weight:bold;
					text-transform:uppercase;
					line-height:20px;
					letter-spacing:2px;
					color:#333366;}

h3					{font-family:Verdana, Geneva, sans-serif;
					font-size:13px;
					font-weight:bold;
					text-decoration:none;
					text-transform:uppercase;
					letter-spacing:4px;
					color:#FFF;}
					
h4					{font-family:Verdana, Geneva, sans-serif;
					font-size:13px;
					font-weight:bold;
					color:#FFF;}

.textbox			{width:622px;                  /* this is the main body copy text used throughout the site*/
					margin-top:50px;
					font-family:Verdana, Geneva, sans-serif;
					font-size:12px;
					line-height:22px; 
					color:#666699;
}

/* ************************************************ Footer **************************************************** */

#footer				{background-image:url(images/navigation/footer_nav_bg.png);
					background-repeat:no-repeat;
					width: 1004px;
					height:25px;
					margin-top:3px;
					}

		
ul#footer-nav				{text-align:center;
							text-transform:uppercase;
							letter-spacing:3px;
							font:9px Arial, Geneva, sans-serif;
							list-style-type: none;
							white-space:nowrap;
							color:#FFF;
							margin-top:3px;
							margin-left:-50px;
							padding-top:8px;
							/*float:right;
							width:660px;*/
							/* border:1px solid #f00;  add a red border */
		}


ul#footer-nav	 li			{display:inline;
							padding-left:20px;
							padding-right:10px;
							border-left: 1px solid #fff;
							}

ul#footer-nav	 li.first	{display:inline;
							padding-left:10px;
							padding-right:10px;
							border-left: 0px solid #000;
							}

ul#footer-nav	li a		{color:#FFF; 
							text-decoration:none;
							/*display:block;*/
							}

ul#footer-nav	 li a:hover 	{color:#F3F;
								}

.social_networking			{width:340px;
							float:left;
							text-align:center;
							padding-top:5px;
}

/*ul#main_nav li.current a	{background:#d5ebfc;
							font:11px Verdana, Geneva, sans-serif;
							margin: 0 0 0 00px;
							text-indent:22px;
							color:#999;
}*/				

/* ************************************************ Footer End **************************************************** */

/* ************************************************ Site map list Start **************************************************** */

ul#sitemap-nav	 li			{display:block;
							font-family:Verdana, Geneva, sans-serif;
							font-size:12px;
							line-height:18px;
							color:#FFF;
							}

ul#sitemap-nav	li a		{color:#FFF; 
							text-decoration:none;
							/*display:block;*/
							}

ul#sitemap-nav	 li a:hover 	{color:#F3F;
								}


/* ************************************************ Site map list End **************************************************** */



/* ************************************************** Case study ************************************************** */


.casestudy	 			{font-family:Verdana, Geneva, sans-serif;
						text-decoration:none;
						font-size:12px;
						color:#636;
						line-height:20px;
						}
						
a.casestudy:hover		{font-family:Verdana, Geneva, sans-serif;
						font-size:12px;
						text-decoration:none;
						color:#F3F;
						line-height:20px;
						}
.cs_category_name		{font-family:Verdana, Geneva, sans-serif;
						text-decoration:none;
						font-weight:bold;
						font-size:12px;
						color:#036;
						line-height:20px;
						padding-right:5px;
						}
						
ul.casestudy_list		{font-family:Verdana, Geneva, sans-serif;
						font-size:12px;
						line-height:20px; 
						color:#666699;
						margin-left:-25px;}
/* ************************************************** END Case study ************************************************** */



/* ************************************************** Start Staff ************************************************** */

.staff_text 			{font-family:Verdana, Geneva, sans-serif;
						font-size:12px;
						color:#000;
						line-height:18px;
}

.staff_names		{font-family:Verdana, Geneva, sans-serif;
					font-size:12px;
					color:#666699;
}

.staff_position		{font-family:Verdana, Geneva, sans-serif;
					font-size:10px;
					color:#999;
					line-height:10px;
}

#staff	 					{display:inline;
							padding-left:10px;
							padding-right:10px;
							}

#staff-nav a				{color:#669; 
							text-decoration:none;
							font-family:Verdana, Geneva, sans-serif;
							font-size:11px;
							/*display:block;*/
							}

#staff-nav 	a:hover		 	{color:#F3F;

}					

/* ************************************************** End STaff ************************************************** */

/* ************************************************** Start News ************************************************** */

#news_main_content	{width:1004px;
					min-height:699px;
					background-image:url(images/bg/content_bg.png);
					background-repeat:repeat;
					margin:0px auto;
					position:relative;
					overflow:auto;}

.byline				{width:100%;
					border-bottom:thin;
					border-bottom-color:#999;
					border-bottom-style:dotted;
					font-family:Verdana, Geneva, sans-serif;
					font-size:10px;
					color:#666;
					line-height:5px;
}

/* ************************************************** End News ************************************************** */