﻿.banner div#background
{
	background-image	: url(../images/banners/the_work.png);
}

.top
{
	overflow			: auto;
	padding				: 0 0 20px 0;
	border-bottom		: 1px solid #333;
}

.testimonial
{
	float				: right;
	display				: inline;
	width				: 300px;
	margin				: 0 0 0 30px;
	
	text-align			: center;
	color				: #00a5dc;
	font-size			: 16px;
	line-height			: 26px;
	font-weight			: bold;
}

.testimonial img
{
	float				: right
}

p.bold
{
	font-size			: 12px;
	color				: #000;
}

.companies
{
	width				: 800px;
}

.companies a.company
{
	float				: left;
	width				: 746px;
	background-color	: #ddd;
	padding				: 25px;
	margin				: 25px 0 0 0;
	border				: 2px solid #ccc;
	overflow			: auto;
	position			: relative;
}

.companies a.company:hover
{
	text-decoration		: none;
	border				: 2px solid #333
}

.companies a.company img
{
	float				: left;
	display				: inline;
	margin				: 0 25px 0 0;
}

.companies a.company div
{
	float				: left;
	width				: 604px;
}

.companies a.company h3
{
	margin-bottom		: 20px;
}

.companies a.company p
{
	line-height			: 15px;
	color				: #333;
}

.companies a.company span.more
{
	color				: #00a5dc;
	position			: absolute;
	bottom				: 15px;
	right				: 25px;
}

.companies a.company:hover span.more
{
	text-decoration		: underline;
}

.companies a.company ins
{
	text-decoration		: none;
}

#preview
{
	padding-left: 81px;
}

.popup
{
	position			: absolute;
	left				: -9999px;
	top					: 0;
}

.popup div.part1, div#fancy_div div.part1,
.popup div.part2, div#fancy_div div.part2
{
	height				: 360px;
}

.popup div.part2, div#fancy_div div.part2
{
	display				: none;
}

.popup div, div#fancy_div div
{
	color				: #333;
	overflow			: auto;
	width				: 800px;
}

.popup div img, div#fancy_div div img,
.popup div div.video, div#fancy_div div div.video
{
	float				: right;
	margin				: 0 0 0 40px;
}

.popup div div.video, div#fancy_div div div.video
{
	margin				: 70px 0 0 40px;
	width				: 400px;
}

.popup div div.priceVideo, div#fancy_div div div.priceVideo
{
	margin-top			: 36px;
}

.popup div h4, div#fancy_div div h4
{
	margin				: 0;
	font-size			: 30px;
	font-weight			: bold;
	color				: #6b6b6b;
	text-transform		: uppercase;
}

.popup div p, div#fancy_div div p
{
	margin				: 0;
	padding				: 5px 0 5px;
}

.popup div .navButtons, div#fancy_div div .navButtons
{
	position			: absolute;
	bottom				: 0px;
}

.popup div .navButtons a, div#fancy_div div .navButtons a
{
	display				: block;
	float				: left;
	width				: 25px;
	padding				: 5px 0;
	text-align			: center;
	font-size			: 12px;
	font-weight			: bold;
	border				: 1px solid #999;
	background-image	: url(../images/TheWork/button_background.png);
	padding				: 5px 0 5px;
	color				: #666;
	margin				: 0 10px 0 0;
}


.popup div .navButtons a.regular, div#fancy_div div .navButtons a.regular
{
	width				: auto;
	padding				: 5px 10px;
}

.popup div .navButtons a.selected, div#fancy_div div .navButtons a.selected
{
	border				: 1px solid #d33;
}

.popup div ul, div#fancy_div div ul
{
	margin-top			: 10px;
	margin-bottom		: 0;
	font-size			: 12px;
}

.popup div ul.indent, div#fancy_div div ul.indent
{
	margin-top			: 40px;
}

.popup div ul li, div#fancy_div div ul li
{
	padding-bottom		: 7px;
}