/* CSS Document */
img { border:0; }



/******************************* Sidemenu */
#sideBar { font:11px Verdana,Arial,Helvetica,sans-serif; position:absolute; left:0; top:20px; }
#sideBar h1 a {
	font:16px Tahoma; text-decoration:none; color:#4e1fc4;
	margin-top:0; padding:5px 5px 5px 28px;
	background:url(/common/images/purp_circle.gif) no-repeat 0 3px;
	display:block; width:125px; height:28px;
}
	#sideBar h1 a:hover { text-decoration:underline; }
#sideBar ul { list-style-type:none; border-bottom:1px solid white; width:163px; }
	#sideBar li { border-bottom:1px dashed #333; }
	#sideBar li.header { border:0; font-size:12px; font-weight:bold; margin-bottom:4px; margin-top:10px; }
		#sideBar li a {
			background:url(/common/images/purp_arrow.gif) no-repeat;
			color:#000; text-decoration:none;
			padding:5px 5px 5px 15px;
			display:block;
		}
		#sideBar li a:hover { background-color:#e2d9f5; color:#333; }
		#sideBar li.last { border:0; }

/******************************* Client List */
#clientlist, #clientlist .clients { height:130px; }
#clientlist {
	height:130px; overflow:hidden;
	margin-top:25px;
	position:relative;
}
#clientlist .clients {
	position:absolute; left:0; top:0;
	white-space:nowrap;
}
#clientlist .client { outline:none; text-decoration:none; float:left; margin:0; position:relative; top:0; left:0; }
	#clientlist a.client:hover img { background-image:url(/portfolio/images/thmbBgOver.gif); }
	#clientlist a.active img       { background-image:url(/portfolio/images/thmbBg.gif) !important; }
	#clientlist .client img {
		border:0; width:105px; height:109px;
		display:inline !important; padding:7px 15px 0 15px;
		background-repeat:no-repeat;
		background-position:center;
	}

/******************************* Scrollbar */
#scrollbar, #scrollbar .left, #scrollbar .slider, #scrollbar .right { height:32px; }
#scrollbar {
	background:url(/portfolio/images/slider/sliderMid.png);
	position:relative; overflow:hidden;
}
#scrollbar.left, #scrollbar .right, #scrollbar .slider { position:absolute; }
#scrollbar .left, #scrollbar .right { width:40px; top:0; }
#scrollbar .left  { left:0; }
#scrollbar .right { right:0; }
#scrollbar .slider { width:77px; left:40px; cursor:e-resize; }


/******************************* Slides */
#slidesWrapper { height:275px; overflow:hidden; width:700px; padding-left:14px; position:relative; left:-14px; }
#slides { position:relative; }
#slides .header { padding:6px 11px 6px 0px; }
	#slides .ball { border:0; width:14px; height:14px; margin-right:3px; background:url(/portfolio/images/ball.png) no-repeat; cursor:pointer; }
	#slides .ball.selected { background-position:0 -14px; }
	#slides .ballcounter { color:#999; font:11px Verdana,Arial,Helvetica,sans-serif; }
#slides .body {
	padding: 4px;
	width: 676px;
	position: relative;
	border: 1px solid #999999;
}
	#slides .slidecontainer	{ height:188px; overflow:hidden; position:relative; }
		#slides .slides { position:absolute; top:0; left:0; }
			#slides .slide { float:left; font:12px Arial, Helvetica, sans-serif; width:676px; height:188px; position:relative; overflow:hidden; }
			
			#slides table.twoColumnSlide { table-layout:fixed; padding:0; margin:0; width:676px; height:188px; }
			#slides table.twoColumnSlide .col1 { width:378px; }
				#slides table.twoColumnSlide .col1 img { width:100%; height:188px; border:0; }
			#slides table.twoColumnSlide .col2 {
	padding-left:18px;
	padding-right: 15px;
}
			
			#tsImage { background-position:center center; background-repeat:no-repeat; }
			
			#slides .slide a.domainLink { color:#84b02b; font-size:14px; text-decoration:none; }
			#slides .slide a.domainLink:hover { text-decoration:underline; }
			#slides .title.slide ul { list-style:none; padding:10px 0px 8px 5px; }
				#slides .title.slide ul li { background:none; padding:0; }
					#slides .title.slide ul li a {
						background:url(/common/images/purp_arrow.gif) no-repeat 0px -4px;
						color:#5731DE;
						font-size:12px;
						padding-left:10px;
					}
						#tsSlides li {
						margin-bottom:3px;
					}
					#slides .title.slide ul li a:hover { color:#666666; }
			#slides .slide h1 {
	font:18px Tahoma,Arial;
	color:#000;
	margin: 0px;
	padding: 0px;
}
			#slides .slide .launchBtn a {
				background:url(/common/images/launchBtnBg.png) no-repeat left center;
				font-size:14px; color:#000;
				padding-left:13px;
				text-decoration:none;
			}
			#slides .slide .launchBtn a:hover { text-decoration:underline; }
			
	#slides .arrow			{ top:74px; position:absolute; width:17px; height:35px; cursor:pointer; border:0; }
	#slides .arrow.left		{ left:-14px; }
	#slides .arrow.right	{ right:-14px; }
#slides .footer {
	background: url(/portfolio/images/overviewBg.gif) repeat-x;
	padding-left: 15px;
	width:671px; height:50px;
}


#titleSlide {
	background: url(/portfolio/images/titleBg.png) repeat-x bottom;
}



#PageCell { position:relative; }


/************* portfolio styles *************/

#projectOverview {
	width: 340px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	float: left;
	padding-right: 10px;
	padding-top: 15px;
}



.logo {
	text-align: center;
	padding-top: 20px;
	margin-right: auto;
	margin-left: auto;
}

#portSlide {
	padding: 4px;
	position: relative;
	width: 676px;
	border: 1px solid #999999;
}

#slidecounter {
	color:#999999;
	font-weight:normal;
}

.siteLink {
	position: absolute;
	right: 10px;
	bottom: 3px;
	visibility:hidden;
}
.slideNav {
	width:100%;
	text-align:left;
}
.ball {
	margin-right: 3px;
}
.ball img { background:url(/portfolio/images/ball.png) top left; }
.ballOn img { background-position:0px 14px; }


#bar {
	width: 664px;
	padding: 6px 11px 6px 0px;
	text-align: center;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#siteInfo{
	background: url(/portfolio/images/overviewBg.gif) repeat-x;
	padding-left: 15px;
	width:671px;
}
.leftBtn {
	cursor:pointer;
	position: absolute;
	left: -14px;
	top: 74px;
}
.rightBtn {
	cursor:pointer;
	position: absolute;
	left: 681px;
	top: 74px;
}

#portfolio-thumbnails {
	padding-bottom: 15px;
}

#portfolio-thumbnails .container {
	width:100%;
	height:130px;
	overflow:hidden;
	position:relative;
	margin-top: 25px;
}
	#portfolio-thumbnails .fscontent {
		display:block;
		position:absolute; left:0px; top:0px;
		white-space:nowrap;
	}
	#portfolio-thumbnails .cell {
		float:left;
		display:block;
		width:135px;
		text-align:center;
		outline:none;
		padding-top:7px;
	}
	#portfolio-thumbnails .fscontent .active {
		background:url(/portfolio/images/thmbBg.gif) center no-repeat !important;
	}
	#portfolio-thumbnails .fscontent a:hover {
		background:url(/portfolio/images/thmbBgOver.gif) center no-repeat;
	}
	#portfolio-thumbnails .thumbnail {
	}


#portfolio-content { visibility:hidden; }
#portSlideContainer {
	position:relative;
	height: 188px;
	overflow:hidden;
}
#portSlideContent {
	position:absolute; left:0; top:0;
}
.portfolioSlide {
	width:676px;
	height:188px;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
}
.portfolioSlide a:link, .portfolioSlide a:visited{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #84B02B;
	text-decoration: none;
}
.portfolioSlide H1 {
	font-family: Tahoma, Arial;
	font-size: 18px;
	color: #000000;
	font-style: normal;
	font-weight: normal;
	padding-bottom: 0px;
	margin: 0px;
}
.siteTitle {
	visibility:hidden;
}

.slideCopy {
	border:0;
	float: right;
	width: 280px;
	height: 188px;
}
.portfolioSlide ul {
	list-style: none;
	width: 240px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 10px;
}
.portfolioSlide li{
	list-style: none;
	background: url(none);
	margin: 0px;
	padding: 0px;
}

.portfolioSlide li a:link, .slideCopy li a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #5731de;
	text-decoration: underline;
	padding: 0px 0px 0px 10px;
	background: url(/common/images/purp_arrow.gif) no-repeat 0px -4px;
	list-style: none;
	margin: 0px;
}
.portfolioSlide li a:hover {
	color: #666666;
}

.slideCopy a:hover {
	text-decoration: underline;
}

.slideCopy p {
	margin: 0px;
	padding: 10px 15px 0px 0px;
	line-height: normal;
}
.launchBtn{
	padding-top: 15px;
}
.launchBtn a:link, .launchBtn a:visited{
	color: #000000;
	text-decoration: none;
	padding-left: 13px;
	background: url(/common/images/launchBtnBg.png) no-repeat left;
}
.launchBtn a:hover {
	text-decoration: underline;
}
.backBtn {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-right: 8px;
	padding-bottom: 5px;
}
.backBtn a:link {
	font-size: 12px;
	color: #5E38D0;

}