/*Tandem Design Style Sheet*/

body
{
	background-color: #99CC66;
	font-family: 'Verdana', 'Arial', 'Helvetica', 'Sans-serif';
	font-size: 12px;
	margin: 0;
	padding: 0;
	border: 0;
}
a {
	text-decoration: none;
}
#topBanner {
	padding: 0;
}
ul {
	list-style: none;
}
ul#mainMenu {
	background-color: #003366;
	width: 440px;
	height: 110px;
	margin: 0 0 0 110px;
	padding: 0;
}
ul#mainMenu li {
	float: left;
	height: 62px;
	width: 94px;
	color: #fff;
	font-weight: normal;
	padding: 48px 0 0 16px;
}
ul#mainMenu li a {
	text-decoration: none;
}
ul#mainMenu li a:hover {
	color: #ffffff;
}
#homeBody ul#mainMenu li a:hover {
	color: #6685A3;
}
#studioBody li.studioMenu a, #workBody li.workMenu a, #contactBody li.contactMenu a, #mediaBody li.mediaMenu a {
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
}

/*ul#mainMenu li a.currentMainMenu {
	font-weight: bold;
	font-size: 13px;
	color: #ffffff;
}*/
#homeBody ul#mainMenu li {
	font-weight: bold;
}
#homeBody ul#mainMenu li a {
	color: #ffffff;
}
li.studioMenu, li.mediaMenu {
	background-color: #003366;
}
li.studioMenu a, li.mediaMenu a {
	color: #6685A3;
}
li.workMenu {
	background-color: #cc9900;
}
li.workMenu a {
	color: #FFCC66;
}
li.contactMenu {
	background-color: #9999cc;
}
li.contactMenu a {
	color: #C2C2E1;
}
ul#subMenu {
	height: 15px;
	width: 537px;
	font-size: 11px;
	padding: 10px 0 4px 13px;
	margin: 0 0 0 110px;
	position: relative;
}
ul#subMenu li {
	float: left;
	padding: 0 3px 0 3px;
	/*word-spacing: 1px;*/
}
ul#subMenu li a.currentSub {
	font-weight: bold;
}
#studioBody ul#subMenu, #servicesBody ul#subMenu, #partnersBody ul#subMenu {
	background-color: #335C85;
	color: #ffffff;
}
#studioBody ul#subMenu li a, #servicesBody ul#subMenu li a, #partnersBody ul#subMenu li a {
	color: #ffffff;
}
#workBody ul#subMenu {
	background-color: #FFD785;
	color: #003366;
}
#workBody ul#subMenu li a {
	color: #003366;
}
#mainContent {
	position: relative;
	top: 0;
	left: 0;
	clear: both;
	/*border: solid 1px transparent;*/
	background-color: #fff;
	width: 660px;
	margin: 0;
	height: 302px;
	color: #003366;
}
#mainContent img {
	float: left;
	margin: 0;
	z-index: 10;
}
#mainContent img.lgImage {
	margin: 0;
}
#mainContent img.smImage {
	margin: 0 10px 0 0;
}
#mainContent p {
	margin: 0;
	padding: 10px;
	line-height: 20px;
	word-spacing: 3px;
	color: #003366;
}
#homeBody #mainContent {
	background-color: transparent;
}
#homeBody #mainContent h1 {
	font-size: 12px;
	font-weight: normal;
	letter-spacing: 6px;
	padding: 37px 0 0 30px;
	color: #003366;
}
#homeBody #mainContent p {
	color: #003366;
	padding: 10px 0 0 233px;
	width: 200px;
	line-height: 16px;
}
#workNav {
	clear: left;
	position: relative;
	padding: 6px 0 6px 0;
	width: 440px;
	background-color: #FFD785;
}
#workNav p {
	margin: 0 0 0 110px;
}
#workNav p img {
	padding: 0 10px 0 0;
	border: none;
}
#workBody #mainContent .projectTitle {
	position: absolute;
	top: 10px;
	left: 117px;
	z-index: 10;
	font-size: 11px;
	word-spacing: 0;
}
#workBody #mainContent a {
	color: #cc9900;
}
#workBody #mainContent a.currentProject {
	color: #003366;
	font-weight: bold;
}
#workBody #mainContent .projectList {
	word-spacing: 0px;
}
#topRightOrangeSquare {
	position: absolute;
	top: 110px;
	left: 660px;
}
#homeBody #topRightOrangeSquare {
	position: absolute;
	top: -8px;
	left: 660px;
}
#midRightNavySquare {
	position: absolute;
	top: 102px;
	height: 118px;
	width: 110px;
	left: 550px;
	z-index: 5;
}
#photostrip {
	position: absolute;
	top: 330px;
	left: 110px;
	z-index: 10;
}
#lowerPeachSquare {
	position: absolute;
	left: 440px;
	top: 441px;
}
#lowerNavySquare {
	position: absolute;
	top: 440px;
	left: 440px;
	z-index: 1;
}
#workBody #lowerNavySquare {
	position: absolute;
	top: 441px;
	left: 440px;
}
#contactBody #lowerNavySquare, #mediaBody #lowerNavySquare {
	position: absolute;
	top: 412px;
	left: 440px;
}
#homeBody #leftLavenderSquare {
	position: absolute;
	top: 550px;
	left: 0;
}
#leftLavenderSquare {
	position: absolute;
	top: 550px;
	left: 110px;
}
#rightLavenderSquare {
	position: absolute;
	top: 660px;
	left: 770px;
}
#mainContent p.contactDetails {
	font-size:10px;
	line-height:12px;
}
#mainContent p.contactDetails a {
	color: #003366;
	text-decoration: underline;
}
.studiosmall1 {
	position: absolute;
	top: 0;
	left: 0;
}
.studiosmall2 {
	position: absolute;
	bottom: 0;
	right: 0;
}
#servicesBody #mainContent p, #partnersBody #mainContent p {
	margin-left: 117px;
	margin-right: 110px;
	padding-bottom: 2px;
	word-spacing: 2px;
	line-height: 19px;
}
#partnersBody #mainContent p {
	margin-left: 117px;
	margin-right: 110px;
	padding-bottom: 2px;
	word-spacing: 2px;
	line-height: 17px;
}
.mediaTable {
	margin-top: 25px;
}
.mediaImageColumn {
	width: 112px;
	padding-top: 10px;
	vertical-align: top;
}
.mediaDescriptionColumn {
	padding-top: 10px;
	vertical-align: top;
}
#mainContent table.mediaTable .mediaDescriptionColumn p {
	padding:0;
	margin:0;
}
.mediaDescriptionColumn a {
	text-decoration: underline;
	color: #003366;
}
h2.mediaHeader {
	padding: 0 0 3px 0;
	margin: 0;
	font-size: 12px;
}
#workBody #mainContent a.currentProjectLink {
	font-weight: bold;
	color: #003366;
}