/* McBru CSS */


/* --- Structure --- */

body {
	margin: 20px 0px 0px 0px;
	font-family:arial,helvetica,sans-serif;
	}

#site-container {
	width: 910px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	}

a { color:#ff0099; text-decoration:none; }
a:active { color:#ff0099; text-decoration:none; }
a:visited { color:#ff0099; text-decoration:none; }
a:hover { color:#ff0099; text-decoration:underline; }
a:hover img {border:none; background:none; text-decoration:none;}

.mcbru-blue {color:#4fc2fa;}

/*-----skip-to-content-----*/
#skip a{padding:0.2em 0.3em; font-weight:bold; background:#e5e5e5; color:#444; display:block; text-decoration:none; position:absolute; top:0.5em; right:999em;}
#skip a:first-letter{text-decoration:underline;}
#skip a:hover{background:#ddd;}
	

/* --- Homepage --- */

#global-nav {
	position:relative;
	font-family:arial,helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	width:910px;
	height:58px;
	padding-bottom:20px;
	}
	
	#logo {
		position:relative;
		width:311px;
		height:58px;
		padding-left:25px;
		}
	
	#nav{
		position:absolute;
		width:auto;
		height:30px;
		right:30px;
		top:23px;
		z-index:100;
		}
		
		#nav a img {border:none; background:none; text-decoration:none;}
		
		#nav ul {
			margin:0px;
			padding:0px;
			list-style:none;
			width:280px;
			float:left;
			}
			
			#nav ul a:hover img {border:0px; text-decoration:none; background:none;}
			
			
			
		#nav ul li {
			position:relative;
			float:left;
			width:auto;
			}
			
			#nav ul li.nav-home {position:relative; float:left; width:57px;}
			#nav ul li.nav-about {position:relative; float:left; width:62px;}
			#nav ul li.nav-expertise {position:relative; float:left; width:90px;}
			#nav ul li.nav-work {position:relative; float:left; width:59px;}
			
		
		#nav ul li ul li a:link, #nav ul li ul li a:visited {
			text-transform: none;
			}
			
		#nav li ul.submenu {
			position:absolute;
			left:0px;
			top:28px;
			width:109px;
			background:none;
			display:none;
			font-size:12px;
			font-weight:normal;
			}
			
			#nav li ul.submenu li {
				background:none;
				font-size:12px;
				width:114px;
				/*float:left;*/
				}
				
				#nav li ul.submenu li.submenu-top {
					background:url('http://www.mcbru.com/graphics/submenu-top-trans.png');
					background-repeat:no-repeat;
					border-bottom:1px dotted #ffffff;
					width:114px;
					height:7px;
					overflow:hidden;
					}
					
					#nav li ul.submenu li.submenu-top a {
						background:none;
						text-transform: none;
						}
				
				#nav li ul.submenu li.submenu-bottom {
					background:url('http://www.mcbru.com/graphics/submenu-bottom-trans.png');
					background-repeat:no-repeat;
					border-bottom:0px;
					width:114px;
					height:8px;
					}
					
					#nav li ul.submenu li.submenu-bottom a {
						background:none;
						}
					
				#nav li ul.submenu li.submenu-bkgd {
					background:url('http://www.mcbru.com/graphics/submenu-bkgd-trans.png');
					background-repeat:no-repeat;
					font-size:12px;
					border-bottom:1px dotted #ffffff;
					width:114px;
					}
			
		
		#nav ul li a {
			display:block;
			text-decoration:none;
			border:0px;
			}
			
			#nav ul.submenu li a {
				display:block;
				text-decoration:none;
				color:#ffffff;
				background:none;
				border:0px;
				padding:5px;
				padding-left:10px;
				}
			
			#nav ul li a img {border:0px; text-decoration:none; background:none;}
		
		#nav ul.submenu li a:hover {color:#ffffff; background:#ff0099;}
		#nav li:hover ul, li.over ul {display:block;}
		
		#nav ul.submenu li a.current  {color:#ffffff; background:#ff0099;}
				

#featured-content {
	width:910px;
	height:270px;
	z-index:1;
	margin:0px;
	padding:0px;
	}
	

#welcome-copy {
	width:840px;
	font-size:18px;
	color:#333333;
	padding:30px;
	padding-left:40px;
	}

.clear {clear:both;}


#updates-container {
	width:850px;
	padding:30px;
	padding-bottom:0px;
	}
	
	#featured-box-container {
		width:270px;
		background-color:#ffffff;
		float:left;
		margin-right:20px;
		}
	#featured-box-container ul,
	#featured-box-container li {
		margin: 0;
		padding: 0;
		list-style-type: none;
		}
	
	#featured-right-column {
		list-style-type: none;
		}
	
	#featured-box-video {
		width:250px;
		background-color:#ffffff;
		margin-right:20px;
		margin-bottom:20px;
		padding:9px;
		border:1px solid #cfcfcf;
		color:#000000;
		font-size:12px;
		line-height:16px;
		}

	.featured-box {
		width:249px;
		background-color:#ffffff;
		margin-right:20px;
		margin-bottom:20px;
		padding:9px;
		padding-left:10px;
		border:1px solid #cfcfcf;
		color:#000000;
		font-size:12px;
		line-height:14px;
		}
		
		.featured-box-L {
			float:left;
			width:86px;
			}
		
		.featured-box-R {
			float:left;
			width:153px;
			padding-left:10px;
			line-height:15px;
			}
		
		
		.video-headline {padding-bottom:5px;}
		.featured-box-headline {padding-bottom:5px; padding-top:5px; border:0px;}
		.updates-right-headline {padding-bottom:10px;}
		.featured-culture-text {padding:0px; margin:0px; padding-top:5px;}
		
		
		.blue-date {color:#4fc2fa; font-weight:bold;}
		#press-feed {color:#333333;}
		#blogfeed a { color:#333333; text-decoration:none; font-weight:bold;}
		#blogfeed a:visited { color:#333333; text-decoration:none; font-weight:bold;}
		#blogfeed a:hover { color:#333333; text-decoration:underline; font-weight:bold;}
		.grey-italic {color:#999999; font-style:italic; font-size:10px;}

	#updates-right {
		width:560px;
		background-color:#ffffff;
		float:left;
		}
	
	#updates-right-latest {
		width:560px;
		background-color:#ffffff;
		margin-bottom:20px;
		}
		
		#updates-right-latest-top {width:560px; height:39px; border:0px; padding:0px; margin:0px;}
		
		#latest-container {
			width:538px;
			border:1px solid #cfcfcf;
			border-top:0px;
			font-size:12px;
			padding:10px;
			padding-top:15px;
			line-height:16px;
			}
			
			#press-feed {
				width:250px;
				float:left;
				margin-right:30px;
				}
			
			#blog-twitter-feed {
				width:250px;
				float:left;
				}
				
			#blogfeed {color:#4fc2fa; font-weight:bold; line-height:16px;}
			#blogfeed ul {margin:0px; padding:0px; list-style:none;}
			#blogfeed li {padding-bottom:0px;}
			#twitter_div li {padding-bottom:10px;}
				


	#updates-right-socialmedia {
		width:560px;
		background-color:#ffffff;
		margin-bottom:0px;
		}
		
		#updates-right-socialmedia-top {width:560px; height:39px; border:0px; padding:0px; margin:0px; overflow:hidden;}

		#socialmedia-links {
			width:538px;
			border:1px solid #cfcfcf;
			border-top:0px;
			font-size:12px;
			padding:10px;
			line-height:16px;
			}


#footer {
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#999999;
	padding:30px;
	padding-left:30px;
	}
	
	#footer a { color:#999999; text-decoration:none; }
	#footer a:visited { color:#999999; text-decoration:none; }
	#footer a:hover { color:#666666; text-decoration:underline; }

	.small-grey-text {color:#999999; font-size:10px;}
	
	#dotted-line-footer { margin-top:30px; }




/* --- Sub Pages --- */

#subpage-header {
	width:880px;
	margin:5px 0 0 0;
	padding:0 0 5px 30px;
	}

#subpage-header h2 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #29c4f4;
	text-transform: uppercase;
	}

#mainbody-container {
	width:890px;
	padding:0px 0px 0 0px;
	font-family:arial,helvetica,sans-serif;
	}
	
	#featured-right-column {
		width:270px;
		background-color:#ffffff;
		float:left;
		margin-right:20px;
		}
	
	#featured-right-video {
		width:250px;
		background-color:#ffffff;
		margin-right:0px;
		margin-bottom:20px;
		padding:9px;
		border:1px solid #cfcfcf;
		color:#000000;
		font-size:12px;
		line-height:16px;
		}
		

	#subpage-content {
		width:560px;
		background-color:#ffffff;
		float:left;
		margin-right:30px;
		background-image:url('http://www.mcbru.com/graphics/dotted-line.gif');
		background-repeat:no-repeat;
		font-size:16px;
		line-height:26px;
		color:#333333;
		}
		
		.subpage-subhead {
		width:560px;
		background-color:#ffffff;
		margin-right:30px;
		padding-top:10px;
		background-image:url('http://www.mcbru.com/graphics/dotted-line.gif');
		background-repeat:no-repeat;
		font-size:19px;
		line-height:26px;
		color:#333333;
		}
		
		.contactus {
		font-size:14px;
		color:#333333;
		line-height:20px;
		}
		
		.downloads {
		font-size:14px;
		color:#333333;
		line-height:20px;
		}
		
		.careers-content {
			font-size:14px;
			color:#333333;
			}
		
		.careers-content h3 {
			padding-top: 20px;
			border-top: 1px dotted #CFCFCF;
			}
		
		.google-map {
		font-size:14px;
		color:#666666;
		line-height:20px;
		border:#CCCCCC 1px solid;
		}
		
		.content {padding-left:30px;}
		#subpage-content h1 {font-weight:normal; font-size:22px; padding:0px; margin:20px 0 0 0; color:#333333; line-height:30px;}



/* --- News ---- */

#news-body {
	width:590px;
	color:#333333;
	padding-left:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333333;
	line-height:20px;
	}
	
	#news-body h1 {font-weight:normal; font-size:22px; margin:0px; padding:0px; margin-top:20px; line-height:30px;}
	.news-subhead {font-size:18px; font-family:Arial, Helvetica, sans-serif; color:#333333; line-height:26px;}



	
/* --- Newsletter Page --- */

.news-content h2 {
	padding-bottom:0px;
	margin-bottom:8px;
	font-weight:bold;
	font-size:19px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	}
	
.news-coverage {
	font-size:14px;
	color:#666666;
	}

.news-coverage-L {
	width:75px;
	vertical-align:top;
	text-align:left;
	}

.news-coverage-R {
	width:440px;
	vertical-align:top;
	text-align:left;
	border-bottom:1px dotted #e9e9e9;
	padding-bottom:5px;
	}

.news-content {padding-left:30px;}
	
/* --- Newsletter Page --- */

#newsletter-form-container {
	width:530px;
	margin-top:30px;
	}

#newsletter-form {
	width:196px;
	height:300px;
	background-image:url('http://www.mcbru.com/graphics/newsletter-form-bkgd.gif');
	background-repeat:no-repeat;
	float:left;
	padding:5px 35px 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	}
	
	#newsletter-form h3 {color:#2eb9f1; font-size:16px; padding-top:0px;}
	.newsletter-btn {margin-top:15px;}

#recent-issue {
	width:244px;
	float:left;
	padding:50px 0 0 20px;
	}
	

/* --- Downloads Page --- */

#downloads-subpage-content {
	width:560px;
	background-color:#ffffff;
	float:left;
	margin-right:30px;
	background-image:url('http://www.mcbru.com/graphics/dotted-line.gif');
	background-repeat:no-repeat;
	font-size:19px;
	line-height:26px;
	color:#333333;
	}
	
	#downloads-subpage-content h1 {font-weight:normal; font-size:22px; padding:0px; margin:20px 0 0 0; color:#333333; line-height:30px;}
	h2.welcome {
		font-weight:normal; 
		font-size:19px; 
		padding:15px 0 20px 25px; 
		margin:10px 0; 
		color:#FF0099; 
		line-height: 19px; 
		background: transparent url('http://www.mcbru.com/graphics/downloads-form-bkgd.gif') bottom left no-repeat;
		}
	
#downloads-form-container {
	width:530px;
	height:283px;
	background-image:url('http://www.mcbru.com/graphics/downloads-form-bkgd.gif');
	background-repeat:no-repeat;
	margin-top:30px;
	}

#downloads-form {
	width:196px;
	height:210px;
	float:left;
	padding:35px 35px 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
	}
	
	.downloads-btn {margin-top:15px;}

#downloads-form-copy {
	width:200px;
	float:left;
	padding:50px 40px 0 20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#333333;
	}
	
	.downloads-container h2 {font-weight:normal; font-size:19px; font-family:Arial, Helvetica, sans-serif; color:#333333; padding-left:30px;}
	.downloads-content {width:530px; padding:0 0px 0 30px;}
	.downloads-intro {padding:0 30px 0 30px; font-size: 12px; }
	.downloads-intro strong { font-size: 14px; }

.downloads-container {
	width: 100%;
	background-color:#ffffff;
	margin-right:30px;
	padding-top:10px;
	line-height:26px;
	color:#333333;
	font-size:14px;
	line-height:20px;
	}

.downloads {
	position:relative;
	width:500px;
	padding:20px 0 0 30px;
	}
	
	.downloads p {padding:0 10px 0 16px; font-size:12px; line-height:18px;}
	
.download-insight-left {
	width:234px;
	float:left;
	margin-right:20px;
	}
	
.download-insight-right {
	width:234px;
	float:left;
	}

.download-left {
	position:relative;
	width:234px;
	float:left;
	margin-right:20px;
	}
	
.download-right {
	position:relative;
	width:234px;
	float:left;
	}

.download-left-extended {
	width:100%;
	margin: 0;
	padding: 0 0 20px 0;
	display: block;
	clear: left;
	font-size: 12px;
	}
.download-left-extended p { padding: 10px 0 0 0; font-size: 12px; }
.download-left-extended img { margin: 0 20px 20px 0; float: left; }
	
	.download-title { color:#333333; font-size:14px; line-height:20px; font-weight:bold; padding-top: 10px; }
	.download-pp-title {position:absolute; left:100px; top:5px; width:120px; color:#333333; font-size:12px; line-height:18px; line-height:18px; font-weight:bold;}
	

/* --- Case Studies Page --- */

#casestudies-subhead {
	width:840px;
	color:#333333;
	padding-left:30px;
	}
	
	#casestudies-subhead h1 {font-weight:normal; font-size:22px; margin:0px; padding:0px; margin-top:20px;}

.casestudies-content {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#333333;
	line-height:26px;
	padding:0 30px 0 0;
	}

	#casestudies-isa {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#333333;
		line-height:20px;
		padding:30px 30px 0 0;
		}
		
	#isa-cs-header {
		position:relative;
		width:700px;
		height:67px;
		}
		
		#isa-cs-title {
		position:absolute;
		left:190px;
		top:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#4fc2fa;
		}
		
	#casestudies-polyserve {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#333333;
		line-height:20px;
		padding:30px 30px 0 0;
		}
		
	#polyserve-cs-header {
		position:relative;
		width:700px;
		height:67px;
		}
		
		#polyserve-cs-title {
		position:absolute;
		left:150px;
		top:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#4fc2fa;
		}
	
	#casestudies-smsc {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#333333;
		line-height:20px;
		padding:30px 30px 0 0;
		}
		
	#smsc-cs-header {
		position:relative;
		width:700px;
		height:67px;
		}
		
		#smsc-cs-title {
		position:absolute;
		left:190px;
		top:25px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:22px;
		color:#4fc2fa;
		}
	
.cs-image {
	margin:0 0 30px 40px;
	}
	
	
/* --- Portfolio Pages --- */


#portfolio-subhead {
	width:840px;
	font-size:20px;
	color:#333333;
	padding-left:30px;
	}
	
	#portfolio-subhead h1 {font-weight:normal; font-size:22px; margin:0px; padding:0px; margin-top:20px;}
	
	#portfolio-container {
		width:850px;
		height:auto;
		padding:30px;
		padding-bottom:100px;
		position:relative;
		}
	
		.thumb {padding-right:0px;}
		
	#portfolio-work {
		width:850px;
		height:auto;
		padding:0px;
		font-size:12px;
		display: block;
		clear: both;
		min-height: 775px;
		}
		
		#portfolio-work h3 {
			color:#4fc2fa;
			}
		
		.portfolio-title {
			font-size:14px;
			font-weight:bold;
			color:#4fc2fa;
			line-height: 18px;
			}
	
	.ui-tabs-hide {display: none;}

	#content-navcolumn {
		position:absolute;
		width:260px;
		height:130px;
		left:30px;
		top:30px;
		margin:0px;
		padding:0px;
		border:0px;
		padding-top:20px;
		}
		
		.nagivation {padding:0px; margin:0px; border:0px; text-align:left;}
		
			ul.navigation {
				width:260px;
				border:0px;
				padding:0px;
				margin:0px;
				list-style-type:none;
				list-style-position:inside;
			}
				ul.navigation li {
					padding:0px;
					margin:0px;
					float:left;
					font-size:8px;
				}
					ul.navigation li a {
						color:#333333;
						text-decoration:none;
						width:50px;
						height:50px;
						border:0px;
						margin:0 10px 10px 0;
						padding:0px;
						font-size:1.2em;
						line-height:1.3em;
						display:block;
						filter:alpha(opacity=30);
						-moz-opacity:0.3;
						-khtml-opacity: 0.3;
						opacity: 0.3;
					}
						ul.navigation li a:hover {
							color:#5c91b6;
						}						
					ul.navigation li.selected a {
						width:50px;
						height:50px;
						border:0px;
						margin:0 10px 10px 0;
						padding:0px;
						font-size:1.2em;
						color:#366d94;
						line-height:1.3em;
						filter:alpha(opacity=100);
						-moz-opacity:1;
						-khtml-opacity:1;
						opacity:1;
					}
						ul.navigation li.selected a:hover {
							color:#5c91b6;
							text-decoration:none;
							margin:0 10px 10px 0;
							padding:0px;
							}
						
				ul.navigation li span.feature-icon {
					border:none;
					float:left;
					margin:0px;
					}
				
				ul.navigation li span.feature-icon img {
					border:none;
					position:relative;
					top:-2px;
					}
		
		.portfolio-image {
			position:absolute;
			height:auto;
			left:300px;
			top:50px;
			z-index:-1;
			}
				
		.content-featurecolumn {
			width:850px;
			margin:0px 0px 0px 0px;
			font-size:12px;
			line-height: 1.35em;
			}
			
		.content-featurecolumn img.feature-title {
			margin-bottom:25px;
			}

			.featurecolumn-left {
				width:228px;
				float:left;
				padding:0 46px 0 0;
				position: relative;
				top: 390px;
				background: #FFF;
				}
				
			.featurecolumn-nav {
				clear:both;
				padding-top:30px;
				position:relative;
				width:230px;
				}
				
				.featurecolumn-nav .prev {
					position:absolute;
					top:0px;
					left:0px;
					color:#86aac4;
					font-size:12px;
					padding:3px 0px 3px 0px;
					}
					
					.featurecolumn-nav .prev a {color:#ff0099; text-decoration:none;}
					.featurecolumn-nav .prev a:hover {color:#ff0099; text-decoration:underline;}
				
				.featurecolumn-nav .next {
					position:absolute;
					top:0px;
					right:0px;	
					color:#86aac4;
					font-size:12px;
					padding:3px 0px 3px 0px;
					}
					
					.featurecolumn-nav .next a {color:#ff0099; text-decoration:none;}
					.featurecolumn-nav .next a:hover {color:#ff0099; text-decoration:underline;}
			
			
			/* --------- Portfolio Images --------- */
			
			
			#onsemi-netmercials-portfolio-image {
				float:left;
				position:relative;
				width:574px;
				height:500px;
				background-image:url('http://www.mcbru.com/work/onsemi-netmercials-portfolio.jpg');
				background-repeat:no-repeat;
				margin-top:19px;
				}
				
				#onsemi-netmercial {
					position:absolute;
					left:116px;
					top:1px;
					width:336px;
					height:280px;
					}
			
			.fei-nanoscale-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:355px;
				margin-top:19px;
				}
			
			#sgi-netmercial-portfolio-image {
				float:left;
				position:relative;
				width:574px;
				height:299px;
				background-image:url('http://www.mcbru.com/work/boombox-ad-bkgd-portfolio.jpg');
				background-repeat:no-repeat;
				margin-top:19px;
				}
				
				#sgi-netmercial {
					position:absolute;
					left:116px;
					top:1px;
					width:336px;
					height:280px;
					}
			
			.polyserve-windows-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:559px;
				margin-top:19px;
				}
				
			#hp-sql-portfolio-image {
				float:left;
				position:relative;
				width:574px;
				height:299px;
				background-image:url('http://www.mcbru.com/work/boombox-ad-bkgd-portfolio.jpg');
				background-repeat:no-repeat;
				margin-top:19px;
				}
				
				#hp-sql {
					position:absolute;
					left:116px;
					top:1px;
					width:336px;
					height:280px;
					}
			
			.reaction-identity-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:774px;
				margin-top:19px;
				}
			
			.smsc-identity-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:623px;
				margin-top:19px;
				}
			
			#triquint-campaign-portfolio-image {
				float:left;
				position:relative;
				width:574px;
				height:774px;
				background-image:url('http://www.mcbru.com/work/triquint-campaign-portfolio.jpg');
				background-repeat:no-repeat;
				margin-top:19px;
				}
				
				#triquint-campaign {
					position:absolute;
					left:116px;
					top:1px;
					width:336px;
					height:280px;
					}
			
			#onsemi-campaign-portfolio-image {
				float:left;
				position:relative;
				width:574px;
				height:747px;
				background-image:url('http://www.mcbru.com/work/onsemi-campaign-portfolio.jpg');
				background-repeat:no-repeat;
				margin-top:19px;
				}
				
				#onsemi-campaign {
					position:absolute;
					left:37px;
					top:1px;
					width:500px;
					height:250px;
					}
			
			.isa-newsletter-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:594px;
				margin-top:19px;
				}
			
			.centennial-emarketing-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:371px;
				margin-top:19px;
				}
			
			.reaction-website-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:756px;
				margin-top:19px;
				}
			
			.aeroflex-website-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:756px;
				margin-top:19px;
				}
				
			.synplicity-ar-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:406px;
				margin-top:19px;
				}
				
			.fei-collateral-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:533px;
				margin-top:19px;
				}
				
			.biamp-collateral-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:472px;
				margin-top:19px;
				}
			
			.tek-brochure-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:392px;
				margin-top:19px;
				}
			
			.reaction-pr-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:560px;
				margin-top:19px;
				}
			
			.isilion-pr-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:699px;
				margin-top:19px;
				}
			
			.isa-socialmedia-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:573px;
				margin-top:19px;
				}
			
			.sao-socialmedia-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:428px;
				margin-top:19px;
				}
			
			.altium-socialmedia-portfolio-image {
				position:relative;
				float:left;
				width:574px;
				height:429px;
				margin-top:19px;
				}
			
			
			
/* --- test --- */
			
			
			
	#portfolio-container2 {
		width:820px;
		height:auto;
		padding:30px 30px 0px 30px;
		position:relative;
		margin:0px;
		}
		
		#portfolio-work2 {
		width:650px;
		height:auto;
		padding:0px;
		font-size:12px;
		display: block;
		clear: both;
		float:right;
		}

	
		#content-navcolumn2 {
		border:5px solid #33333;	
	position:absolute;
	float:left;
	width:168px;
	height:auto;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:0px 0px 0px 0px;
		}
		

		
#portfolio-work2 h3 {margin:0px; padding: 0px; font-weight:normal; line-height: 14px; font-size:18px; padding-bottom:15px;}		
#portfolio-container2 h3 {margin:0px; padding: 0px; font-weight:normal; line-height: 14px; padding-bottom:15px; }
	
	.nagivation2 {
		border:5px solid #33333;
		padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px; 
	border:0px 0px 0px 0px; 
	text-align:left;
	float:left;}
		
			ul.navigation2 {
				width:168px;
				border:0px;
				padding:0px 0px 0px 0px;
				margin:0px 0px 0px 0px;
				list-style-type:none;
				list-style-position:outside;
				float:left;
			}
				ul.navigation2 li {
					padding:0px 0px 0px 0px;
					margin:0px 0px 0px 0px;
					font-size:12px;
					line-height:22px;
					
				}
					ul.navigation2 li a {
						color:#ec118f;
						text-decoration:none;
						font-size:12px;
						line-height:22px;
					}
						ul.navigation2 li a:hover {
							color:#999;
						}						
					ul.navigation2 li.selected a {
						font-size:12px;
						color:#29c4f4;
						line-height:22px;
						text-decoration:none;
					}
						ul.navigation2 li.selected a:hover {
							color:#5c91b6;
							text-decoration:none;
							}
	

			/* --------- Portfolio Images --------- */
.gallery{
				float:right;
				position:relative;
				width:630px;
				height:auto;
				}
		
				.headline{
				float:right;
				position:relative;
				width:650px;
				height:50px;
				}
				
				.text {
				float:right;
				position:relative;
				width:630px;
				height:auto;
				}
				
			.text p {margin-top: 0px;
			line-height:14px;
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;}
	
	
	
	
	.photos {
	width:650px;
	position:relative;
	height:auto;
	padding: 0 0 15px 0;
	
}

img { border: none; margin:0px;
padding:0px}
/* --------- Portfolio Images 
	
.photos ul.thumbs2 {
	margin-top:15px;
	padding:0px 0 0px 0;
	list-style:none;
	float: left;
}
.photos ul.thumbs2 li{
	list-style-position:outside;
	width: 79px;
	height: 60px;
	margin: 0 10px 0 0;
	padding: 0;
	float: left;
	border:1px solid #FFF;
	
}
.photos ul.thumbs2 li:hover {
	border:1px solid #ef108f;
	-moz-opacity:.75; 
	filter:alpha(opacity=75); 
	opacity:.75; 
}

--------- */
.gallery ul.thumbs2 {
	margin:0px 0px 0px 0px;
	padding:0px 0 0px 0px;
	list-style:none;
	float: right;
}
.gallery ul.thumbs2 li{
	list-style-position:outside;
	width: 38px;
	height: 28px;
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	float: left;
	
}
.gallery ul.thumbs2 li:hover {
	-moz-opacity:.20; 
	filter:alpha(opacity=20); 
	opacity:.20; 

}

.main_images_photos {
	border:1px solid #cfcfcf;
	width:650px;
	height:400px;
	overflow: hidden;
	}