/*
** Notes:
**
** For some reason, all of the image divs had absolute positioning defined.  I think the original plan was to use z-index to place the SWFs over the images, but
** we are using background switching and replacement now, so I think they are unneeded.
*/

/* Template 1 */

.template1 {
	
}

.template1 .t1img {
/*	position: relative; */
	width: 605px;
	margin-bottom: 20px;
/*	margin-left: 60px; */
}

.template1 h3 {
	margin: 0 0px;
}

.template1 p {
	font-size: 1.4em;
	margin: 0;
	margin-bottom: 1em;
}

/* Template 2 */

.template2 {
}

.template2 .t2c1 {
	margin-bottom: 20px;
}

.template2 .t2c1 .t2img {
/*	position: relative; */
	width: 605px;
	margin-bottom: 20px;
}

.template2 .t2c2 {
	float: left;
	margin-top: -3em;
	width: 340px;
}

.template2 .t2c3 {
	float: right;
	margin-top: -3em;
	width: 340px;
}

.template2 h4 {
	margin-top: 3em;
}

/* Template 3 */

.template3 {
}

.template3 .t3c1 {
	float: left;
	width: 300px;
}

.template3 .t3c1 h3 {
}

.template3 .t3c1 ul {
	list-style-type: none;
}


.template3 .t3c1 ul li {
	margin-left: 0;
	margin-bottom: 0.5em;
}

.template3 .t3c1 .t3img {
/*	position: relative; */
	width: 293px;
	margin-bottom: 20px;
}

.template3 .t3c2 {
	float: right;
	width: 340px;
}

.template3 .t3c2 p {
	font-size: 1.5em;
}

.template3 p.credit {
	font-size: 11px;
	font-style: italic;
}

/* Template 4 */

.template4 {
}

/*.template4 .t4img {
	position: relative;
	width: 605px;
	margin-bottom: 10px;
} */

.template4 .t4c1 {
	font-size: 1.2em;
	margin-bottom: 20px;
}

.template4 .t4c2 {
}

.template4 .t4c2 .t4box {
	clear: both;
	font-size: 100%;
	margin-bottom: 10px;
}

.template4 .t4c2 .t4box .t4img {
	float: left;
	width: 100px;
	padding-bottom: 20px;
}

.template4 .t4c2 .t4box .t4content {
	float: left;
	margin-left: 20px;
	width: 485px;
	padding-bottom: 20px;
}

.template4 .t4c2 .t4box .t4content h3 {
	font-size: 1.6em;
}

.template4 .t4c3 {
	clear: both;
}

/* Tempalte 5 */

.template5 {
}

.template5 .t5c1 {
}

.template5 .t5c2 {
}

.template5 .t5c2 .t5box {
	clear: both;
	font-size: 100%;
}

.template5 .t5c2 .t5box .t5img {
/*	position: relative; */
	float: left;
	width: 100px;
	padding-bottom: 20px;
}

.template5 .t5c2 .t5box .t5content {
	float: right;
	width: 485px;
	padding-bottom: 20px;
}

/* template 6 */

.template6 {
}

.template6 .t6c1 {
	float: left;
	width: 190px;
	margin-right: 17px;
}

.template6 .t6c2 {
	float: left;
	width: 190px;
	margin-right: 17px;
}

.template6 .t6c3 {
	float: left;
	width: 190px;
}

.template6 .t6c1 .t6img, .template6 .t6c2 .t6img, .template6 .t6c3 .t6img {
/*	position: relative; */
	width: 190px;
	margin-bottom: 20px;
}

.template6 .t6c1 .t6content, .template6 .t6c2 .t6content, .template6 .t6c3 .t6content {
}

/* template 7 */

.template7 {
	margin: 0 0px;
}

.template7 .t7c1 {
	float: left;
	margin-right: 30px;
}

.template7 .t7top {
}

.template7 .t7bottom {
	margin-top: 30px;
}

.template7 h3 {
	margin-bottom: 0.5em;
}

.template7 h4 {
	margin-bottom: 0.5em;
}

.template7 p {
	margin-bottom: 2em;
}

/* home page */

.company-overview {
}

.company-overview .pagebody {
	padding: 0;
}

.company-overview-top {
}

.company-overview-top object {
}

.company-overview-middle {
	padding-left: 120px;
	padding-right: 120px;
}

.company-overview-middle  p {
	margin: 0;
	font-size: 2.1em;
	text-transform: lowercase;
}

.company-overview-middle  p.company-tagline {
	font-size: 2.4em;
	font-style: italic;
}

.company-overview-middle  p.company-tagline span.company-nk {
	font-style: normal;
	color: #B8583A;
}

.company-overview-bottom {
	padding-left: 120px;
	padding-right: 120px;
}

.company-overview-col1 {
	float: left;
	width: 340px;
}

.company-overview-col2 {
	float: right;
	width: 340px;
}

.company-overview-bottom ul {
	list-style-type: none;
	font-size: 1.4em;
	margin-left: 0;
}


.company-overview-bottom ul li {
	margin-left: 0;
}

.company-overview-bottom .company-date {
	display: block;
	font-size: 85.7%;
}

/*
**
*/

.portfolio-overview {
}

.portfolio-overview .pagebody {
	padding: 0;
}

.portfolio-overview p {
	font-size: 2.1em;
}

/*
**
*/

.big-indent {
	padding-left: 490px;
}

/*
**
*/

.template9 {
}

.template9 .t9c1 {
	float: right;
	padding-bottom: 10px;
	width: 420px;
}

.template9 .t9c1 #t9video {
	width: 420px;
	height: 315px;
	background: black;
}

.template9 .t9c2 {
	float: left;	
	width: 360px;
}

/*
** common stuff
*/

.synopsis {
	position: relative;
	min-height: 120px;
}

.synopsis img {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
}

.synopsis h3, .synopsis p {
	margin-left: 120px;
}

/*
**
*/

.the-peeps {
	margin: 0;
}

.the-peeps a {
	float: left;
	margin: 7px 20px 15px 0;
}

.the-peeps a img {
}

.the-peeps p {
	font-size: 1.4em;
	text-transform: lowercase;
}

.the-peeps p a {
	clear: none;
	float: none;
	font-size: 171.4%;
}