/* ------------------------------------------------------------------------------------------------ */
/* global styles 
/* ------------------------------------------------------------------------------------------------ */

body{
	margin: 0;
	padding: 0px 0px 0px 0px;
	background: #FFF;
	width: 100%;
	}

p{
	margin: 0 0 1.5em 0;
	}

a{
	color:;
	outline: none;
	}

a:hover{
	color:;
	}

h2{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h3{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h4{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h5{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

h6{
	margin: 0px 0px 0px 0px;	
	font-size:;
	}

/* ------------------------------------------------------------------------------------------------ */

#MainWrapper{
	width: 100%;
	padding: 0px 0px 20px 0px;
	background: #FFF url(../img/bgFooterStrip.jpg) 0 100% repeat-x;
	
}

.InnerWrapper{
	width:950px;
	margin: 0 auto;
	position:relative;
	z-index:1
}

.InnerWrapper .bgLogo{
	display: none;
	width: 615px;
	height: 616px;
	position:absolute;
	right: -391px;
	bottom: -228px;
	z-index:1;
	background: url(../img/ContentLogo.png) 0 0 no-repeat;
}
	
/* ------------------------------------------------------------------------------------------------ */
/* header 
/* ------------------------------------------------------------------------------------------------ */
	#HeaderOuterArea{
		background: #FFF url(../img/bgHeaderStrip.jpg) 0% 100% repeat-x;
		height: 149px;
	}
	
	.homepage #HeaderOuterArea{
		height: 182px;
	}
	
	#Header{
		width:100%;
		height:137px;
		overflow: hidden;
		position:relative;
		margin: 0px auto 0px auto;
		}
	
	/* logo */
		h1#Logo{
			margin: 0;
			position:absolute;
			top:25px;
			left:48px;
			}
		
		h1#Logo a{
			display: block;
			width: 355px;
			height: 75px;
			overflow:hidden;
			text-indent: -9999em;
			background: url(../img/StudioGood.jpg) 0px 0px no-repeat;
			}
	/* /logo */
	
	/* sn nav */
		#SNNav{
			position:absolute;
			top: 9px;
			right:0px;
			z-index:1;
		}
		
		#SNNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			float: left;
			height:35px;
			overflow:hidden
		}
		
		#SNNav ul li {
			float:left;
			width:34px;			
			height:35px;
			margin:0 4px 0 0;
		}
		
		#SNNav ul li a.lnkFacebook {
			background:transparent url(../img/icFacebook.gif) no-repeat scroll 0 0;
		}
		
		#SNNav ul li a.lnkTwitter{
			background:transparent url(../img/icTwitter.gif) no-repeat scroll 0 0;
		}
		
		#SNNav ul li a {
			display:block;
			width:34px;
			height:35px;
			overflow:hidden;
			text-indent:-9999px;
		}
	/* /sn nav */
	
	/* main nav */
		#MainNav{
			position:absolute;
			top: 66px;
			right: -31px;
			}
			
		#MainNav ul{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;	
			float: left;
			height:20px;
			overflow:hidden;
			}
		
		#MainNav li{
			float: left;
			overflow:hidden;
			padding: 0px 31px 0px 0px;
			}	
		
		#MainNav li a{
			display: block;
			float:left;
			height: 20px;
			text-indent:-9999em;
			}
			
		#MainNav li a.lnkGoodStuff{background: url(../img/navGoodStuff.jpg) 0 0 no-repeat; width:109px;}
		#MainNav li a.lnkGoodPeople{background: url(../img/navGoodPeople.jpg) 0 0 no-repeat; width:129px;}
		#MainNav li a.lnkGoodIdeas{background: url(../img/navGoodIdeas.jpg) 0 0 no-repeat; width:116px;}		
	/* /main nav */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* page header
/* ------------------------------------------------------------------------------------------------ */
	#PageHeaderOuterArea{
	}
	
	#PageHeader{
		width: 100%;
		height: 153px;
		position:relative
	}
	
	.homepage #PageHeader{
		height: 269px;
	}
	
	#PageHeader h2{
		position:absolute;
		z-index:1;
		text-indent: -9999px;
		overflow:hidden;
	}
	
	#PageHeader .HeaderGraphic{
		position:absolute;
		z-index:1;
		text-indent: -9999px;
		overflow:hidden;
	}
	
	/* specific page header styles */
		.PageHeader_Contact h2.hDancesChange{
			width: 596px;
			height: 83px;
			top: 28px;
			left:46px;
			background: url(../img/hDancesChange.gif) 0 0 no-repeat;
		}
		
		.PageHeader_GoodIdeas h2.hGamesChange{
			width: 263px;
			height: 71px;
			top: 35px;
			left:46px;
			background: url(../img/hGamesChange.gif) 0 0 no-repeat;
		}
		
		.PageHeader_GoodStuff h2.hMediaChanges{
			width: 511px;
			height: 71px;
			top: 35px;
			left:46px;
			background: url(../img/hMediaChanges.gif) 0 0 no-repeat;
		}
		
		.PageHeader_GoodStuff .HeaderGraphic{
			width: 218px;
			height: 197px;
			top: -48px;
			right: 174px;
			background: url(../img/hdrImgGoodStuff.png) 0 0 no-repeat;
		}
		
		.PageHeader_Home{
			height: 281px;
		}
		
		.PageHeader_Home h2.hConversationsChange{
			width: 511px;
			height: 83px;
			top: 81px;
			left:46px;
			background: url(../img/hConversationsChange.gif) 0 0 no-repeat;
		}
		
		.PageHeader_Home .HeaderGraphic{
			width: 256px;
			height: 300px;
			top: -44px;
			right: 48px;
			background: url(../img/hdrImgHome.png) 0 0 no-repeat;
		}

		.PageHeader_Contact h2.hGamesChange{
			width: 501px;
			height: 83px;
			top: 51px;
			left:46px;
			background: url(../img/hGamesChange.gif) 0 0 no-repeat;
		}

		.PageHeader_Contact .HeaderGraphic{
			width: 303px;
			height: 213px;
			top: -65px;
			right: 0px;
			background: url(../img/hdrImgDiscoBall.png) 0 0 no-repeat;
		}

		
		.PageHeader_Portfolio h2.hGoodStuff1{
			width: 501px;
			height: 83px;
			top: 51px;
			left:46px;
			background: url(../img/hGoodStuff1.gif) 0 0 no-repeat;
		}
		
		.PageHeader_Portfolio .HeaderGraphic{
			width: 303px;
			height: 188px;
			top: -35px;
			right: 8px;
			background: url(../img/hdrImgPortfolio.png) 0 0 no-repeat;
		}
		
		.PageHeader_GoodIdeas h2.hDancesChange{
			width: 600px;
			height: 83px;
			top: 51px;
			left:46px;
			background: url(../img/hDancesChange.gif) 0 0 no-repeat;
		}
		
		.PageHeader_GoodIdeas .HeaderGraphic{
			width: 303px;
			height: 194px;
			top: -45px;
			right: 248px;
			background: url(../img/hdrImgJoystick.png) 60px 0 no-repeat;
		}
		
		.PageHeader_GoodPeople h2.hTeamsCome{
			width: 362px;
			height: 65px;
			top: 35px;
			left:46px;
			background: url(../img/hTeamsCome.gif) 0 0 no-repeat;
		}
		
		.PageHeader_GoodPeople .HeaderGraphic{
			width: 190px;
			height: 182px;
			top: -38px;
			right: 274px;
			background: url(../img/hdrImgGoodPeople.png) 0 0 no-repeat;
		}
		
		#ContentWrapper h3.hGoodIdeas{
			height: 31px;
			text-indent: -9999px;
			background: url(../img/hGoodIdeas.gif) 0 0 no-repeat;
		}
	/* /specific page header styles */
/* ------------------------------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------------------ */
/* content wrappers 
/* ------------------------------------------------------------------------------------------------ */
	#ContentOuterArea{
		background: #00427C;
		padding: 20px 0px 30px 0px;
		width: 100%;
	}
	
	#ContentWrapper{
		height: 378px;
		position:relative;
		z-index:2;
		
		font:normal 13px/166% Verdana, Arial, Helvetica, sans-serif;
		color: #FFF
		}
	
	#ContentWrapper[id]{
		height: auto;
		min-height: 378px;
		}
		
	#ContentWrapper h3{
		margin: 0px 0px 22px 0px;
	}
	
	#ContentWrapper h3.hGoodStuff{
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hGoodStuff.gif) 0 0 no-repeat;
	}

	#ContentWrapper h3.hCurrentStuff{
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hCurrentStuff.gif) 0 0 no-repeat;
	}

	
	#ContentWrapper h3.hGoodStuff2{
		width: 300px;
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hGoodStuff2.gif) 0 0 no-repeat;
	}
	
	#ContentWrapper h3.hServices{
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hServices.gif) 0 0 no-repeat;
	}
	
	#ContentWrapper h3.hContactUs{
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hContactUs.gif) 0 0 no-repeat;
	}	
	
	#ContentWrapper h3.hGoodIdeas{
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hGoodIdeas.gif) 0 0 no-repeat;
	}
	
	#ContentWrapper h3.hGoodPeople{
		height: 31px;
		text-indent: -9999px;
		background: url(../img/hGoodPeople.gif) 0 0 no-repeat;
	}	
	
	#ContentWrapper .highlight{
		font-size: 14px;
		font-weight: bold;
		font-style:normal
	}
	
	/* home cols content */
		.HomeContent{
			background: url(../img/bgThreeColContent.gif) 0 0 repeat-y;
			height:360px;
			padding: 18px 0px 0px 0px;
		}
		
		.HomeContent ul.HomeFeaturedItems{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			overflow: hidden;
		}
		
		.HomeContent ul.HomeFeaturedItems li{
			float: left;
			width: 244px;
			padding: 0px 27px 20px 46px;
			position:relative;
			height: 304px;
		}
		
		.HomeContent ul.HomeFeaturedItems li.last{
			width: 243px;
		}
		
		.HomeContent ul.HomeFeaturedItems li a.lnkViewMore{
			position: absolute;
			bottom:0px;
			right: 27px;
			width: 109px;
			height: 26px;
			overflow: hidden;
			text-indent: -9999px;
			background: url(../img/btnLearnMore.gif) 0 0 no-repeat;
		}
	/* .home cols content */
	
	/* two col content */
		.TwoColContent{
			background: url(../img/bgTwoColContent.gif) 0 0 repeat-y;
			width: 100%;
			height:360px;
			padding: 18px 0px 0px 0px;
		}
		
		.TwoColContent[class]{
			height:auto;
			min-height:360px;
			overflow:hidden;
		}
		
		.TwoColContent .col1{
			width: 470px;
			float: left;
			padding: 0px 0px 0px 49px;
		}
		
		.TwoColContent .col2{
			width: 294px;
			float: right;
			padding: 0px 0px 0px 0px;
		}
	/* /two col content */
	
	/* one col content */
		.OneColContent{
			background: url(../img/bgOneColContent.gif) 0 0 repeat-y;
			width: 100%;
			height:360px;
			padding: 18px 0px 0px 0px;
		}
		
		.OneColContent[class]{
			height:auto;
			min-height:360px;
			overflow:hidden;
		}
		
		.OneColContent .col1{
			padding: 0px 0px 0px 49px;
		}
	/* /one col content */	

/* ------------------------------------------------------------------------------------------------ */


/* ------------------------------------------------------------------------------------------------ */
/* footer 
/* ------------------------------------------------------------------------------------------------ */
	#FooterOuterArea{
		background: #FFF url(../img/bgContentStrip.jpg) 0 0 repeat-x;
		clear: both;
		position:relative
	}

	#Footer{
		width:100%;
		height: 206px;
		overflow:hidden;
		font:normal 15px/15px Trebuchet MS, Arial, Helvetica, sans-serif;
	}
	
	#Footer a.FooterLogo{
		width: 287px;
		height: 97px;
		position:absolute;
		top: 30px;
		left:0px;
		z-index:1;
		text-indent: -9999px;
		overflow: hidden;
		background: url(../img/CauseMediaGroup.jpg) 0 0 no-repeat;
	}
	
	#FooterNav{
		position:absolute;
		top: 31px;
		right: -2px;
		z-index:1;
	}
	
	#FooterNav ul{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		float: left;
		height: 15px;
		font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif;
	}
	
	#FooterNav li{
		display: block;
		float:left;
		height: 15px;
		padding: 0px 5px 0px 5px;
		border-right: 1px solid #9C9C9C
	}
	
	#FooterNav li.last{
		padding: 0px 0px 0px 5px;
		border-right: none
	}
	
	#FooterNav li a{
		text-decoration:none;
		color: #999
	}
	
	#FooterNav li a:hover{
		color: #333;
	}

	#Footer #Copyright{
		color: #999;
		position:absolute;
		top: 93px;
		right:3px;
		z-index:1;
		font-size:11px;
	}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* common 
/* ------------------------------------------------------------------------------------------------ */
	ul.ulType1{
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		font:normal bold 14px/16px Verdana, Arial, Helvetica, sans-serif;
	}
	
	ul.ulType1 li{
		padding: 0px 0px 15px 26px;
		background: url(../img/bltType1.jpg) 0 0 no-repeat;
	}
	
	ul.ulType1 li a{
		color:#FFF;
		text-decoration: none
	}
	
	ul.ulType1 li a:hover, ul.ulType1 li a.selected, ul.ulType1 li.selected a{
		color: #B7D7F2;
		text-decoration: none
	}
/* ------------------------------------------------------------------------------------------------ */



/* ------------------------------------------------------------------------------------------------ */
/* form styles 
/* ------------------------------------------------------------------------------------------------ */
	form{margin: 0}
	label{display: block}
	span.chkLabel{}
	fieldset{border: none;margin:0 0 1em 0; padding: 0.5em; border: 1px solid #666}
	input, select{vertical-align: middle}
	textarea{overflow: auto}
	
	.FormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px; height:1%}
	.FormGroupItem{float: left; margin: 0px 5px 0px 0px; overflow: hidden}
	.ChecboxFormGroup{clear: both;overflow: hidden;margin: 0px 0px 10px 0px}
	.ChecboxFormGroupItem{margin: 0px 5px 0px 0px; overflow: hidden; clear:both}
	
	input.txtInput, input.pwdInput, textarea{border: 1px solid #0076BF; width: 300px; padding: 8px 2px 8px 8px;font-size: 16px;}
	input.btnInput{background: #0076BF; border: 1px solid #0076BF; color: #FFF; font-weight: bold; padding: 5px 10px 5px 10px;}
	input.chkInput, input.radioInput{}
	input.fileInput{}
	tt.required{color: #FFF; vertical-align:top}
	small.fieldHint{display: block}
	
	.notice_success{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#EFEFEF url(../img/icSucces.gif) 5px 6px no-repeat;
		color:#565441;
		margin: 0px 5px 10px 0px;
	}
	.notice_warning{
		width:auto;
		padding:5px 25px 5px 25px;
		background:#EFEFEF url(../img/icWarning.gif) 5px 6px  no-repeat;
		color:#565441;
		margin: 0px 5px 10px 0px;
	}
	.notice_error{
		width:auto;
		padding:5px 25px 5px 25px;
		background: #EFEFEF url(../img/icError.gif) 5px 6px no-repeat;
		color:#565441;
		margin: 0px 5px 10px 0px;
	}
/* ------------------------------------------------------------------------------------------------ */

/* portfolio */
	#PortfolioOuterWrapper{
		width: 950px;
		height: 516px;
		position:relative;
		margin-bottom:120px;
	}
	
	#PortfolioBG{
		position: absolute;
		left:0;
		top:0;
		width: 100%;
		height: 100%;
		background: #001C35;
		z-index:0
	}
	
	#PortfolioWrapper{
		width: 100%;
		height: 100%;
		position: absolute;
		left:0;
		top:0;
		z-index:1
	}
	
	#PortfolioWrapper h3.PortfolioHeading{
		position:absolute;
		width: 300px;
		top: 36px;
		left:48px;
		z-index:1;
		display: none;
	}
	
	/* 
	    root element for the scrollable. 
	    when scrolling occurs this element stays still. 
	*/ 
	div.scrollable { 
	 
	    /* required settings */ 
		position:absolute;
		left: 47px;
		top:31px; 
		overflow:hidden; 
		width: 856px;
		height: 517px;
	} 
	 
	/* 
	    root element for scrollable items. Must be absolutely positioned 
	    and it should have a extremely large width to accomodate scrollable items. 
	    it's enough that you set width and height for the root element and 
	    not for this element. 
	*/ 
	ul.scrollableItems { 
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
	    /* this cannot be too large */ 
	    width:20000em; 
	    position:absolute; 
	} 
	 
	/* 
	    a single item. must be floated in horizontal scrolling. 
	    typically, this element is the one that *you* will style 
	    the most. 
	*/ 
	ul.scrollableItems li.scrollableItem{ 
	    float:left; 
		width: 856px;
		height: 517px;
		position: relative;
	} 
	
	li.scrollableItem .ItemGallery{
		width: 410px;
		height: 517px;
		position:absolute;
		top: 0px;
		left: 0px;
		z-index:1;
	}
	
	li.scrollableItem .ItemDescription{
		width: 406px;
		height: 430px;
		position:absolute;
		top: 0px;
		right: 0px;
		z-index:1;
	}
	
	li.scrollableItem .ItemDescription h4{
		font-size: 25px;
		font-weight: bold;
		margin: 0px 0px 4px 0px;
	}
	
	li.scrollableItem .ItemDescription h5{
		font-size: 20px;
		font-weight: bold;
		margin: 0px 0px 10px 0px;
	}
	 
	/* you may want to setup some decorations to active the item */ 
	div.scrollableItems li.active { 
	}
	
	#PortfolioWrapper a.prevPage{
		display: block;
		overflow:hidden;
		text-indent: -9999px;
		width: 27px;
		height: 55px;
		position:absolute;
		top: 75px;
		left:-27px;
		z-index:10;
		background:  url(../img/navPGPrev.png) 0 0 no-repeat;
		cursor:pointer
	}
	
	#PortfolioWrapper a.nextPage{
		display: block;
		overflow:hidden;
		text-indent: -9999px;
		width: 27px;
		height: 55px;
		position:absolute;
		top: 75px;
		right:-27px;
		z-index:10;
		background:  url(../img/navPGNext.png) 0 0 no-repeat;
		cursor:pointer
	}
	
	#PortfolioWrapper a.disabled{
		/*display: none*/
	}
	
/* photo gallery */	
	/* gallery main nav */
		/*ul.GalleryMainNav{
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			list-style-type: none;
			position:absolute;
			bottom: 35px;
			left:0px;
			z-index:1;	
		}
		
		ul.GalleryMainNav li{
			margin: 0px 0px 10px 0px;
		}
		
		ul.GalleryMainNav li a{
			font:bold 14px/100% Arial, Helvetica, sans-serif;
			color: #666;
			text-decoration: none
		}
		
		ul.GalleryMainNav li a:hover{
			color: #000;
		}
		
		ul.GalleryMainNav li a.selected{
			color: #F00
		}*/
	/* /gallery main nav */	
	
	
	/* gallery title area */
		.GalleryTitleArea{
			/*width:553px;
			height: 26px;
			position: absolute;
			left: 177px;
			top: 0px;*/
			font:normal 12px/26px Arial, Helvetica, sans-serif;
			color: #666;
			/*visibility:hidden;*/
		}
		
		.GalleryTitleArea .SlideNavControls .ss-controls{
			display: none;
		}
		
		.SlideNavControls{
			/*position: absolute;
			left: 0px;
			top:0px;
			width:553px;*/
			height: 26px;
			z-index:1;			
		}
		
		.GalleryTitleArea a.prev{
			/*position: absolute;
			left: 34px;
			top: 0px;*/
			color: #666;
			text-decoration: none;
		}
		
		.GalleryTitleArea a.next{
			/*position: absolute;
			right: 34px;
			top: 0px;*/
			color: #666;
			text-decoration: none;		
		}
		
		.GalleryTitleArea a.prev:hover, .GalleryTitleArea a.next:hover{
			color: #000;
		}
		
		.GalleryTitleArea .GalleryTitle{
			/*position: absolute;
			width: 400px;
			left: 80px;
			top: 0px;*/
			text-align: center;
			padding: 0px 0px 0px 0px;
			font:bold 16px/26px Arial, Helvetica, sans-serif;
			color: #F00;
			z-index:2;
		}
	/* /gallery title area */	
	
	/* photo gallery */
		.PhotoGallery{
			width: 410px;
			height: 518px;
			position:relative;
			margin:auto;
		}
		
		.PhotoGallery .ImageArea{
			width: 410px;
			height: 353px;
			position:absolute;
			top: 0px;
			left:0px;
			overflow: hidden;
			text-align:center;
			background: #001528;
		}
		
		.PhotoGallery .MainItem{
			width: 410px;
			height: 353px;
			position:absolute;
			top: 0px;
			left:0px;
			overflow: hidden;
			text-align:center;
			background: #001528;
		}
		
		.PhotoGallery .MainItem img{
			border: 0;
		}
		
		.PhotoGallery .GalleryTitleArea{
			width: 410px;
			height: 27px;
/*			background: #001528; */
			color: #FFF;
			position:absolute;
			top: 363px;
			left:0px;
			overflow: hidden;
			text-align:center
		}
		
		.PhotoGallery .GalleryTitleArea .SlideTitle{
			width: 320px;
			height:27px;
			line-height:27px;
			position:absolute;
			left: 45px;
			top:0px;
			text-align:center;
			color: #FFF;
			font:normal 13px/27px Verdana, Arial, Helvetica, sans-serif;
			display: none;
		}
		
		.PhotoGallery .GalleryTitleArea a.prev{
			width: 55px;
			height:27px;
			position:absolute;
			left: 0px;
			top:0px;
			background: #001528 url(../img/btnGalleryPrev.gif) 50% 50% no-repeat;
			text-indent: -9999px;
			overflow:hidden
		}
		
		.PhotoGallery .GalleryTitleArea a.next{
			width: 55px;
			height:27px;
			position:absolute;
			right: 0px;
			top:0px;
			background: #001528 url(../img/btnGalleryNext.gif) 50% 50% no-repeat;
			text-indent: -9999px;
			overflow:hidden
		}		
		
		
		/* thumbnails */
			.PhotoGallery .Thumbnails{		
				width: 300px;
				height: 60px;
				position:absolute;
				top: 365px;
				left:55px;
				z-index:1;
				text-align:center
			}
			
			.PhotoGallery .Thumbnails ul{
				margin: 0px 0px 0px 0px;
				padding: 0px 0px 0px 0px;
				list-style-type: none;
				text-align:center;
				width: 300px;
			}
			
			.PhotoGallery .Thumbnails ul li{
				display: inline;
				padding: 0px 5px 0px 5px;
				text-align:center
			}
			
			.PhotoGallery .Thumbnails ul li img{
				border: 1px solid #002B51;
				padding: 1px;
				vertical-align: top
			}	
			
			.PhotoGallery .Thumbnails ul li.selected img{
				border: 1px solid #265E90;
			}
		/* /thumbnails */
	
		.PhotoGallery .galleryProgressIndicator{
			position:absolute;
			top:30%;
			left:50%;
			overflow: hidden;
			display: none;
			text-indent: -99999px;
			margin: -16px 0px 0px -16px;
			width: 31px;
			height: 31px;
			background: url(../img/ajax-loader.gif) 0 0 no-repeat;
			
		}
	/* /photo gallery */
/* /photo gallery */

#PortfolioListing{

}

#PortfolioListing ul{
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	width:900px;
}

#PortfolioListing li{
	overflow: hidden;
	width: 290px;
	height:140px;
/*	padding: 0px 15px 20px 0px; */
	margin: 0 10px 15px 0;
	float:left;
}

#PortfolioListing li a{
	color: #FFF;
	text-decoration: none
}

#PortfolioListing li a:hover{
	text-decoration: underline;
}

#PortfolioListing .ImageWrapper{
	height:111px;
	margin-bottom: 3px;
	overflow: hidden;
	width: 300px;
	padding: 0px 10px 0px 0px;
	float:left;
}

#PortfolioListing .TextWrapper{
/*	float: left; */
	width:265px;
}

#PortfolioListing .TextWrapper h4{
	font:normal 14px/15px Verdana, Arial, Helvetica, sans-serif;
}

#PortfolioListing .TextWrapper p{
	font:normal 13px/15px Verdana, Arial, Helvetica, sans-serif;
	margin: 0px 0px 0px 0px;
	display: none;
}

/* featured projects */
	ul.FeaturedProjects{
		overflow: hidden;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		list-style-type: none;
		width:268px;
	}
	
	ul.FeaturedProjects li{
		overflow: hidden;
		width: 248px;
		height:130px;
		margin: 0 0px 10px 0;
	}
	
	ul.FeaturedProjects li a{
		color: #FFF;
		text-decoration: none
	}
	
	ul.FeaturedProjects li a:hover{
		text-decoration: underline;
	}
	
	ul.FeaturedProjects .ImageWrapper{
		height:101px;
		margin-bottom: 3px;
		overflow: hidden;
		width: 268px;
		padding: 0px 0px 0px 0px;
	}
	
	ul.FeaturedProjects .TextWrapper{
	}
	
	.col2 a.lnkViewMore{
		font-weight: bold;
		color: #FFF;
		text-decoration: none
	}
	
	.col2 a.lnkViewMore:hover{
		text-decoration: underline
	}
/* /featured projects */

		a.lnkSeeMore{
			display: block;
			width: 109px;
			height: 26px;
			overflow: hidden;
			text-indent: -9999px;
			background: url(../img/btnSeeMore.gif) 0 0 no-repeat;
		}
		
		.OneColContent .col1 a {
			color: #FFF;
			text-decoration: none;
		}

		.OneColContent .col1 a:hover {
			text-decoration: underline;
		}