* {
			margin: 0;
			padding: 0;
		}
		.myheading .contentbox p {
			font-weight:lighter;
			font-size: 18px;
			line-height: 30px;
		}
		
		
		p {
			font-size:18px;
			line-height: 26px;
			font-weight:lighter;
			color:#666;
		}
		
		.center {text-align:center;}
		
		@media (min-width: 768px) {
		p {
			font-size:22px;
			line-height: 30px;
		}
		}
		

		h1 {
			background-color: black;
			color: white;
			height: 40px;
			font-size: 24px;
			font-weight: normal;
			left: 0;
			line-height: 40px;
			position: fixed;
			text-align: center;
			top: 0;
			width: 100%;
			z-index: 1;
		}
		h1 a {
			border-bottom: 1px solid white;
			text-align:center;
			color: white;
			display: inline-block;
			line-height: 30px;
			text-decoration: none;
		}
		
		
		h2 {text-align:center;}
		
		@media screen and (min-width: 0px){ h2 {
			font-size:2.75em;
			font-weight:500;
			
		} }
		
	
		@media screen and (min-width: 720px){ h2 {
			font-size:3.750em;
			font-weight:500;
			
		} }
		

	
.navbar-default .navbar-nav > li > a{
	color:#FFF;
	
}




#nav {
	text-align:center;	
	vertical-align: center;
	float:none;
	margin-left:auto;
	margin-right:auto;
}

.navbar-nav {
	text-align:center;	
	vertical-align: center;
}

.navbar-collapse {
	text-align:center;	
	vertical-align: center;
}

.navbar-default {
	text-align:center;
	margin:0 auto;
}

.navbar-header {
	text-align:center;
	margin:0 auto;
}
.navbar .navbar-nav{
	display:inline-block;
	float:none;
	
	
}

.navbar-nav > .active{
	color:#0F0;
	
	
}



		
/*About Area........................................................................*/	

		
		#about{			
			width:100%;
			
			padding-top:150px;
			margin-bottom:85px;
			background-color:#FFF;
			z-index:250;	
		}
		
		#bio1 {
			padding-top:75px;
		padding-bottom: 75px;	
			
			
		}
		#bio1 p{
			font-size:16px;
			color:#999;
		
		}
		
		
		#about .row{	
			padding-bottom:45px;		
		}
		
				.member-info{
			text-align:center;
			margin-bottom:40px;
		}
		
		.member-cards{
			height:36px;
			width:136px;
			vertical-align:bottom;
			text-align:center;
			margin-left:auto;
			margin-right:auto;
			
		}
		
		 .linked {
			background-image:url(../images/linked,jpg.jpg);
			background-repeat: no-repeat;
			height:53px;
			width:53px;
			float:left;
			margin-right:30px;
		}
		
		.linked:hover {
			background-image:url(../images/linked,jpg.jpg);
			background-repeat: no-repeat;
			opacity:.7;
			
			
		}
		  .resume {
			background-image:url(../images/resume_icon.jpg);
			background-repeat: no-repeat;
			height:53px;
			width:53px;
			float:left;
			
		}
		
		.resume:hover {
			background-image:url(../images/resume_icon.jpg);
			background-repeat: no-repeat;
			opacity:.7;
		
		}
		
				.ch-grid {
			margin: 20px 0 0 0;
			padding: 0;
			list-style: none;
			display: block;
			text-align: center;
			width: 100%;
		}
		 
		.ch-grid:after,
		.ch-item:before {
			content: '';
			display: table;
		}
		 
		.ch-grid:after {
			clear: both;
		}
		 
		.ch-grid li {
			width: 220px;
			height: 220px;
			display: inline-block;
			margin: 20px;
		}
		
		
		
		
		
		
		
		
		
		
		
		.ch-item {
			width: 100%;
			height: 100%;
			border-radius: 50%;
			overflow: hidden;
			position: relative;
			cursor:pointer;
			box-shadow:
				inset 0 0 0 16px rgba(255,255,255,0.6),
				0 1px 2px rgba(0,0,0,0.1);
			transition: all 0.4s ease-in-out;
		}
		
		.ch-img-1 {
			background-image: url(../images/me.jpg);
		}
		
		.ch-info {
			position: absolute;
			background: rgba(63,147,147, 0.8);
			width: inherit;
			height: inherit;
			border-radius: 50%;
			overflow: hidden;
			opacity: 0;
			transition: all 0.4s ease-in-out;
			transform: scale(0);
		}
		
		.ch-info h3 {
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-size: 22px;
			margin: 0 30px;
			padding: 45px 0 0 0;
			height: 140px;
			font-family: 'Open Sans', Arial, sans-serif;
			text-shadow:
				0 0 1px #fff,
				0 1px 2px rgba(0,0,0,0.3);
		}
		
		
		.ch-info p {
			color: #fff;
			padding: 10px 5px;
			font-style: italic;
			margin: 0 30px;
			font-size: 12px;
			border-top: 1px solid rgba(255,255,255,0.5);
			opacity: 0;
			transition: all 1s ease-in-out 0.4s;
		}
		
		.ch-info p a {
			display: block;
			color: rgba(255,255,255,0.7);
			font-style: normal;
			font-weight: 700;
			text-transform: uppercase;
			font-size: 9px;
			letter-spacing: 1px;
			padding-top: 4px;
			font-family: 'Open Sans', Arial, sans-serif;
		}
		
		.ch-info p a:hover {
			color: rgba(255,242,34, 0.8);
		}
		
		.ch-item:hover {
			box-shadow:
				inset 0 0 0 1px rgba(255,255,255,0.1),
				0 1px 2px rgba(0,0,0,0.1);
		}
		
		.ch-item:hover .ch-info {
			transform: scale(1);
			opacity: 1;
		}
		
		.ch-item:hover .ch-info p {
			opacity: 1;
		}
		
		
		
/*portfolio Area........................................................................*/	
		
			#portfolio {
			height:auto;
			background-image: url(../images/port_back.png);
			background-position:bottom;
			background-size:auto;
			background-repeat:no-repeat;
			padding-bottom:150px;
			padding-top:150px;
		}
		
		
		/*Categories........................................................................*/
		
		/*Category Images.............................................................*/	
		.catPiece_img-1 {background-image:url(../images/print_out.jpg); background-repeat: no-repeat;}
		.catPiece_img-2 {background-image:url(../images/web_out.jpg); background-repeat: no-repeat;}
		.catPiece_img-3 {background-image:url(../images/graphics_out.jpg); background-repeat: no-repeat;}
		.catPiece_img-4 {background-image:url(../images/marketing_out.jpg); background-repeat: no-repeat;}
		.catPiece_img-5 {background-image:url(../images/packaging_out.jpg); background-repeat: no-repeat;}
		
		
		
		.catPiece-grid:after,
		.catPiece-item:before {
			content: '';
			display: table;
		}
		 
		.catPiece-grid:after {
			clear: both;
		}
		
		.catPiece-grid li {
			width: 368px;
			height: 179px;
			display: inline-block;
			margin: 3px;
			
		}
		
		#cat_div_spacer{
			width:175px;
			height:20px;
			background-color:none;
		}

	@media screen and (min-width: 0px) and (max-width: 1264px){
		#cat_div_spacer{
			display:none;	
		}
		}
		
		

		.catPiece-item {
			width: 100%;
			height: 100%;
			border-radius: 0;
			overflow: hidden;
			position: relative;
			cursor: pointer;
			transition: all 0.4s ease-in-out;
			font-family: 'Cabin', Arial, sans-serif;
		
		}
		@media screen and (min-width: 768px) and (max-width: 1264px){
		.cat_byebye{
			width:768px;
		margin-left:auto;
		margin-right:auto;	
		}
		}
		
		@media screen and (min-width: 0px) and (max-width: 767px){
		.cat_byebye{
			width:368px;
		margin-left:auto;
		margin-right:auto;	
		}
		}
		

		.catPiece-back_color1{
			background-color:#FFF;
			
		}

		.catPiece-info {
			position: absolute;
			width: inherit;
			height: inherit;
			border-radius: 0;
			overflow: hidden;
			opacity: 0;
			transition: opacity 0.7s ease-in-out;
			transform: scale(0);
		}
		
		.catPiece-info h3 {
			
			text-transform: uppercase;
			letter-spacing: 2px;
			font-size: 22px;
			margin: 0 30px;
			padding: 15px 0 0 0;
			height: 50px;
			

		}

		
		.catPiece-color1 h3{
			color:#58d49e;}
		.catPiece-color2 h3{
			color:#08828e;}
		.catPiece-color3 h3{
			color:#e74722;}
		.catPiece-color4 h3{
			color:#ffc447;}
		.catPiece-color5 h3{
			color:#b6adab;}
		
		
		.catPiece-info p  {
			color: #919191;
			padding: 0px 5px;
			margin: 0 30px;
			font-size: 16px;
			line-height:24px;
			font-style:italic;
			font-weight:400;
			opacity: 0;
			transition: all 1s ease-in-out 0.4s;
		}
		

		

		
		.catPiece-item:hover .catPiece-info {
			transform: scale(1);
			opacity: 1;
		}
		
		.catPiece-item:hover .catPiece-info p {
			opacity: 1;
		}
		
		
		


		

		
		/*Portfolio pieces........................................................................*/

		.portPiece-item {
			width: 100%;
			height: 100%;
			border-radius: 0;
			overflow: hidden;
			position: relative;
			
			transition: all 0.4s ease-in-out;
			font-family: 'Cabin', Arial, sans-serif;
		
		}
		@media screen and (min-width: 768px) and (max-width: 1264px){
		.port_byebye{
			width:768px;
		margin-left:auto;
		margin-right:auto;	
		}
		}
				@media screen and (min-width: 0px) and (max-width: 767px){
		.port_byebye{
			width:360px;
		margin-left:auto;
		margin-right:auto;	
		}
		}

		
		.portImage {
		margin-bottom:25px;	
		}

		#portfolio  h2 {
			color:#FFF;
		}
		


			   
			   
		.portPiece-grid:after,
		.portPiece-item:before {
			content: '';
			display: table;
		}
		 
		.portPiece-grid:after {
			clear: both;
		}
		
		.portPiece-grid li {
			width: 360px;
			height: 242px;
			display: inline-block;
			margin: 6px;
		}
		.portPiece-item {
			width: 100%;
			height: 100%;
			border-radius: 0;
			overflow: hidden;
			position: relative;
			
			box-shadow:
				inset 0 0 0 8px rgba(255,255,255,0.6),
				0 1px 2px rgba(0,0,0,0.1);
			transition: all 0.4s ease-in-out;
		}
		
 /*Print Images.............................................................*/	
		.portPiece-print_img-1 {background-image:url(../images/print_fusio_card_360.jpg);}
		.portPiece-print_img-2 {background-image:url(../images/print_lottery_360.jpg);}
		.portPiece-print_img-3 {background-image:url(../images/print_misc_cats_360.jpg);}
		.portPiece-print_img-4 {background-image:url(../images/print_misc_flyer_360.jpg);}
		.portPiece-print_img-5 {background-image:url(../images/print_tchotch_catalog_360.jpg);}
		.portPiece-print_img-6 {background-image:url(../images/print_mlb_folder_360.jpg);}
		.portPiece-print_img-7 {background-image:url(../images/print_napa_360.jpg);}
		.portPiece-print_img-8 {background-image:url(../images/print_tch_banner_360.jpg);}
		.portPiece-print_img-9 {background-image:url(../images/print_tch_flip_flyer_360.jpg);}
		.portPiece-print_img-10 {background-image:url(../images/print_tch_holiday_flyer_360.jpg);}
		.portPiece-print_img-11 {background-image:url(../images/print_tchotchcard_360.jpg););}
		
		
		/*Web Images.............................................................*/
		.portPiece-web_img-1 {background-image:url(../images/web_rhames_360.jpg);}
		.portPiece-web_img-2 {background-image:url(../images/web_fusion_360.jpg);}
		.portPiece-web_img-3 {background-image:url(../images/web_jeanette_360.jpg);}
		.portPiece-web_img-4 {background-image:url(../images/web_tchotchkes_360.jpg);}
		.portPiece-web_img-5 {background-image:url(../images/web_omni_360.jpg);}
		.portPiece-web_img-6 {background-image:url(../images/web_artisan_360.jpg);}
		/*.portPiece-web_img-7 {background-image:url(images/graph_8_360.jpg);}
		.portPiece-web_img-8 {background-image:url(images/graph_8_360.jpg);}
		.portPiece-web_img-9 {background-image:url(images/graph_8_360.jpg);}
		.portPiece-web_img-10 {background-image:url(images/graph_8_360.jpg);}*/
		
		/*Graphics Images.............................................................*/
		.portPiece-graphics_img-1 {background-image:url(../images/graph_1_360.jpg);}
		.portPiece-graphics_img-2 {background-image:url(../images/graph_3_360.jpg);}
		.portPiece-graphics_img-3 {background-image:url(../images/graph_4_360.jpg);}
		.portPiece-graphics_img-4 {background-image:url(../images/graph_5_360.jpg);}
		.portPiece-graphics_img-5 {background-image:url(../images/graph_6_360.jpg);}
		.portPiece-graphics_img-6 {background-image:url(../images/graph_7_360.jpg);}
		.portPiece-graphics_img-7 {background-image:url(../images/graph_8_360.jpg);}
		.portPiece-graphics_img-8 {background-image:url(../images/graph_misc_des1_360.jpg);}
		.portPiece-graphics_img-9 {background-image:url(../images/graph_misc_des2_360.jpg);}
		.portPiece-graphics_img-10 {background-image:url(../images/graph_misc_des3_360.jpg);}
		.portPiece-graphics_img-11 {background-image:url(../images/graph_baseball_360.jpg);}
		.portPiece-graphics_img-12 {background-image:url(../images/graph_bausch_360.jpg);}
		.portPiece-graphics_img-13 {background-image:url(../images/graph_dallas_360.jpg);}
		.portPiece-graphics_img-14 {background-image:url(../images/graph_giant_360.jpg);}
		.portPiece-graphics_img-15 {background-image:url(../images/graph_holiday_360.jpg);}
		.portPiece-graphics_img-16 {background-image:url(../images/graph_nba_360.jpg);}
		.portPiece-graphics_img-17 {background-image:url(../images/graph_soccer_360.jpg);}
		.portPiece-graphics_img-18 {background-image:url(../images/graph_super_360.jpg);}
		.portPiece-graphics_img-19 {background-image:url(../images/graph_xerox_360.jpg);}
		.portPiece-graphics_img-20 {background-image:url(../images/graph_xerox2_360.jpg);}
		
		/*Marketing Images.............................................................*/
		.portPiece-marketing_img-1 {background-image:url(../images/mark_email1_360.jpg);}
		.portPiece-marketing_img-2 {background-image:url(../images/mark_email2_360.jpg);}
		.portPiece-marketing_img-3 {background-image:url(../images/mark_email3_360.jpg);}
		.portPiece-marketing_img-4 {background-image:url(../images/mark_LP1_360.jpg);}
		.portPiece-marketing_img-5 {background-image:url(../images/mark_LP2_360.jpg);}
		.portPiece-marketing_img-6 {background-image:url(../images/mark_LP3_360.jpg);}
		.portPiece-marketing_img-7 {background-image:url(../images/mark_LP4_360.jpg);}
		.portPiece-marketing_img-8 {background-image:url(../images/mark_canvas2_360.jpg);}
		.portPiece-marketing_img-9 {background-image:url(../images/mark_canvas1_360.jpg);}
		.portPiece-marketing_img-10 {background-image:url(../images/mark_program1_360.jpg);}
		.portPiece-marketing_img-11 {background-image:url(../images/mark_app_360.jpg);}
		.portPiece-marketing_img-12 {background-image:url(../images/mark_case_360.jpg);}
		
		/*Packaging Images.............................................................*/
		.portPiece-packaging_img-1 {background-image:url(../images/pack_ez_360.jpg);}
		.portPiece-packaging_img-2 {background-image:url(../images/pack_hangs_360.jpg);}
		.portPiece-packaging_img-3 {background-image:url(../images/pack_orange_360.jpg);}
		.portPiece-packaging_img-4 {background-image:url(../images/pack_savon2_360.jpg);}
		.portPiece-packaging_img-5 {background-image:url(../images/pack_savon3_360.jpg);}
		.portPiece-packaging_img-6 {background-image:url(../images/pack_savon_360.jpg);}
		.portPiece-packaging_img-7 {background-image:url(../images/pack_shot_360.jpg);}
		.portPiece-packaging_img-8 {background-image:url(../images/pack_tch_box_360.jpg);}
		.portPiece-packaging_img-9 {background-image:url(../images/pack_tick_360.jpg);}
		.portPiece-packaging_img-10 {background-image:url(../images/pack_wash_box_360.jpg);}
		
		.portPiece-back_color1{
			background: rgba(8,200,255, 0.8);
		}
		
		.portPiece-back_color2{
			background: rgba(8,130,142, 0.8);
		}
		
		.portPiece-back_color3{
			background: rgba(231,71,34, 0.8);
		}
		
		.portPiece-back_color4{
			background: rgba(255,195,71, 0.8);
		}
		
		.portPiece-back_color5{
			background: rgba(182,173,171, 0.8);
		}
		
		.portPiece-info {
			position: absolute;
			width: inherit;
			height: inherit;
			border-radius: 0;
			overflow: hidden;
			opacity: 0;
			transition: all 0.4s ease-in-out;
			transform: scale(0);
		}
		
		.portPiece-info h3 {
			color: #fff;
			text-transform: uppercase;
			letter-spacing: 2px;
			font-size: 23px;
			margin: 0 30px;
			padding: 45px 0 0 0;
			height: 140px;
			font-family: 'Open Sans', Arial, sans-serif;
			text-shadow:
				0 0 1px #fff,
				0 1px 2px rgba(0,0,0,0.3);
		}
		
		
		.portPiece-info p {
			color: #fff;
			padding: 10px 5px;
			font-style: bold;
			margin: 0 30px;
			font-size: 18px;
			border-top: 1px solid rgba(255,255,255,0.5);
			opacity: 0;
			transition: all 1s ease-in-out 0.4s;
		}
		
		.portPiece-info p a {
			display: block;
			color: rgba(255,255,255,0.7);
			font-style: normal;
			font-weight: 700;
			text-transform: uppercase;
			font-size: 12px;
			letter-spacing: 1px;
			padding-top: 4px;
			font-family: 'Open Sans', Arial, sans-serif;
		}
		
		.portPiece-info p a:hover {
			color: rgba(255,242,34, 0.8);
		}
		
		.portPiece-item:hover {
			box-shadow:
				inset 0 0 0 1px rgba(255,255,255,0.1),
				0 1px 2px rgba(0,0,0,0.1);
		}
		
		.portPiece-item:hover .portPiece-info {
			transform: scale(1);
			opacity: 1;
		}
		
		.portPiece-item:hover .portPiece-info p {
			opacity: 1;
		}
		
			   
			#webPortfolio{margin-top:50px;}  
			
			#marketingPortfolio{margin-top:50px;}  
			
			#packagingPortfolio{margin-top:50px;} 
			
			#graphicsPortfolio{margin-top:50px;}
			
			#printPortfolio {margin-top:50px;}

			   
			
			 
	
		
/*Professional Area........................................................................*/	
		
		#professional{	
		padding-bottom:90px;
		padding-top:50px;
			
		}
		
		#professional h4{
			font-size:22px;
			font-weight:600;
			
		}
		

		.ebutt{
			float:left;
			width:155px;
			margin-bottom:15px;
			clear:both;
		}
			
			
		
		/*Works Start*/

		
		#bio1 {display:none;}
		#printPortfolio {display:none;}
		#webPortfolio {display:none;}
		#graphicsPortfolio {display:none;}
		#marketingPortfolio {display:none;}
		#packagingPortfolio {display:none;}
		
		

		
		#printPortfolio .close:hover { opacity:1; filter: alpha(opacity = 100); }
		#webPortfolio .close:hover { opacity:1; filter: alpha(opacity = 100); }
		#graphicsPortfolio .close:hover { opacity:1; filter: alpha(opacity = 100); }
		#marketingPortfolio .close:hover { opacity:1; filter: alpha(opacity = 100); }
		#packagingPortfolio .close:hover { opacity:1; filter: alpha(opacity = 100); }
		
		.close {margin-right:60px;}
		/*Works End*/
		
		
/*Blog Area........................................................................*/		
		
		#blog {
		padding-bottom:150px;
		padding-top:150px;
			
		}
		
/*quote Area........................................................................*/		
			

		#quote {
		text-align:center;
		color:#FFF;
		text-shadow: 0 2px 0 black, 0 0 10px black;


		
		}
		
		#quote h2 {
		color:#FFF;
		}
		
		#quote h6 {
		font-size:1em;
		font-weight:100;
		}
		
		#quote h5 {
		font-size:1.2em;
		font-weight:100;	
		}
		
		#quote_back{
		background:#000 url(../images/quote_back.jpg) repeat;
		background-size:auto;
		padding-top:100px;
		padding-bottom:100px;
		
		background-position:center center;		

		}
		
		@media screen and (min-width: 400px){
		#quote_back{
			background:#000 url(../images/quote_back.jpg) repeat;
			background-size:auto;
			background-position: left top;
			
			
		background-position:center center;	
	
		}
		}
		
		@media screen and (min-width: 768px){
		#quote_back{
		background:#000 url(../images/quote_back.jpg) repeat;
		background-size:auto;
		background-position: left top;
		
		background-position:center center;	
		
		}
		}
		
		@media screen and (min-width: 768px){
		.staff{
		margin-bottom:100px;
	
		}
		}
		

		

/*Contact Area........................................................................*/
		
		#contact{
			padding-top:150px;
			padding-bottom:75px;
		}
		
		#contact p {
			font-size:1.2em;
			text-align:center;
		
		}
		
		#contact btn {
			padding-top:50px;
		}
		
		@media screen and (min-width: 768px){
			#contact p {
			font-size:1.55em;
		
		}
		}
		

		
	
		.img-thumbnail {
			width:200px;
			height:200px;
			background-color:#fff;
			border: 6px solid #ccc;
			margin-bottom:30px;
		}
		
		.img-thumbnail:hover {
			border-color: #0099ff;
		}
		
		.sec {
			width:175px;
			height:175px;
		
		}
		
		#onOff {display:none;}


/*Footer Area........................................................................*/
			
		footer {
			background-color:#015c65;
			color:#fff;
			font-size:18px;
			font-weight:300;
			text-align:left;
			padding:50px 0px;
		}
		
		footer a {
			color:#fff;
		}
		footer a:hover {
			color:#ffc447;
		}


		footer hr {
			border: none;
			background-color: #fff;
			color: #fff;
			height: 1px;
			width:100px;
		}



#home {
  background: url(images/law_image_two.jpg) 50% 0 no-repeat fixed; min-height: 1000px;
 	
  height: 1000px;
  margin: 20px auto;
  margin-top:300px;
  width: 100%;
  max-width: 100%;
  position: relative;
}
 
#article {
  height: 458px;
  position: absolute;
  text-align: left;

  width: 100%;
}