@import url('global.css');

/*
Ultra 16
- Case Studies Styles
- Modified: 5/07/2008
*/

#case-studies {
	padding: 35px 0 100px 0;
}
#case-studies h1 {
	font-size: 2.4em;
	color: #464646;
	line-height: 26px;
}
#case-studies div.header {
	padding: 0 0 5px 0;
}
#case-studies div.header h1 {
	float: left;
}
#case-studies div.header a.next {
	margin: 6px 0 0 0;
	padding: 1px 21px 1px 0;
	background: url(/img/arrow/blue.large.right.gif) no-repeat right center;
	float: right;
	font-size: 1.8em;
	line-height: 22px;
	color: #00aeef;
}

#case-studies-content {
	width: 100%;
}

	#case-list {
		width: 260px;
		padding: 3px 0;
		float: left;
		position: relative;
		background: url(/img/border/gray.dotted.horizontal.gif) repeat-x 0 0;
	}
	#case-list div.list {
		width: 100%;
		float: left;
	}
	#case-list ul {
		width: 100%;
		list-style: none;
	}
	#case-list ul li {
		width: 100%;
		background: url(/img/border/gray.dotted.horizontal.gif) repeat-x left bottom;
	}
	#case-list ul li a {
		padding: 10px 0;
		display: block;
		font-family: Georgia, "Times New Roman", Times, serif;
		color: #464646;
	}
	#case-list ul li a:hover, #case-list ul li a.active {
		text-decoration: none;
		color: #00aeef;
	}
	#case-list ul li i {
		font-size: 1.1em;
		text-transform: uppercase;
		font-style: normal;
		font-weight: bold;
		float: right;
		color: #464646;
	}
	#case-list ul li em {
		margin: 0 0 3px 0;
		font-size: 1.1em;
		text-transform: uppercase;
		font-style: normal;
		display: block;
	}
	#case-list ul li strong {
		font-size: 1.6em;
		font-weight: normal;
		display: block;
	}

	#case-study {
		width: 635px;
		float: right;
	}
		#portfolio-gallery {
			width: 635px;
			float: left;
		}
		#portfolio-gallery div.images {
			width: 635px;
			height: 400px;
			margin: 0 0 10px 0;
			overflow: hidden;
		}
		#portfolio-gallery div.images ul {
			width: 10000px;
			height: 400px;
			list-style: none;
		}
		#portfolio-gallery div.images ul li {
			width: 635px;
			height: 400px;
			float: left;
		}
		#portfolio-gallery div.gallery-tools {
			padding: 0 0 10px 0;
		}
		#portfolio-gallery div.gallery-tools a.next {
			padding: 1px 11px 0 0;
			float: right;
			background: url(/img/arrow/right.gif) no-repeat right center;
			font-size: 1em;
			line-height: 11px;
			text-transform: uppercase;
			color: #00aeef;
		}
		#portfolio-gallery div.gallery-tools div.divider {
			width: 21px;
			height: 9px;
			margin: 2px 0 0 0;
			background: url(/img/border/blue.dotted.vertical.gif) repeat-y center center;
			float: right;
			overflow: hidden;
		}
		#portfolio-gallery div.gallery-tools a.prev {
			padding: 1px 0 0 11px;
			float: right;
			background: url(/img/arrow/left.gif) no-repeat left center;
			font-size: 1em;
			line-height: 11px;
			text-transform: uppercase;
			color: #00aeef;
		}
		#portfolio-gallery div.gallery-tools ul.pagination {
			padding: 0 20px;
			list-style: none;
			float: right;
		}
		#portfolio-gallery div.gallery-tools ul.pagination li {
			margin: 0 1px 0 0;
			float: left;
		}
		#portfolio-gallery div.gallery-tools ul.pagination li a {
			width: 15px;
			height: 15px;
			display: block;
			text-align: center;
			color: #00aeef;
			font-size: 1.2em;
			line-height: 15px;
			overflow: hidden;
		}
		#portfolio-gallery div.gallery-tools ul.pagination li a:hover, #portfolio-gallery div.gallery-tools ul.pagination li a.active {
			color: #fff;
			background: #00aeef;
			text-decoration: none;
		}
		#portfolio-gallery div.gallery-tools a.launch {
			padding: 2px 0 0 0;
			float: right;
			font-size: 1em;
			line-height: 11px;
			text-transform: uppercase;
			color: #00aeef;
		}
		#portfolio-gallery div.gallery-tools a.launch:hover {
			color: #fff;
			background: #00aeef;
			text-decoration: none;
		}

		#project-info {
			width: 600px;
		}
		#project-info em {
			margin: 0 0 3px 0;
			font-size: 1.2em;
			text-transform: uppercase;
			font-style: normal;
			font-weight: bold;
			display: block;
			line-height: 13px;
		}
		#project-info h2 {
			margin: 0 0 12px 0;
			font-size: 3.6em;
			color: #00aeef;
			font-weight: normal;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 40px;
		}
		#project-info h3 {
			margin: 0 0 20px 0;
			font-size: 1.7em;
			color: #464646;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 21px;
			font-weight: normal;
		}
		#project-info h4 {
			margin: 0 0 5px 0;
			font-size: 1.5em;
			color: #464646;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 20px;
		}
		#project-info p {
			margin: 0 0 21px 0;
			font-size: 1.3em;
			color: #666;
			font-weight: normal;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 22px;
		}
		#project-info ul {
			margin: 0 0 21px 0;
			padding: 0 0 0 15px;
			list-style: inside disc;
			font-size: 1.3em;
			color: #7d7d7d;
			font-weight: normal;
			font-family: Georgia, "Times New Roman", Times, serif;
			line-height: 22px;
		}
		#project-info ul li {
			width: 100%;
			margin: 0 0 3px 0;
		}