/* Global */

body {
	background-color: #2C2C26;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #4A4940;
	line-height: 1.6;
}

img {
	border: 0;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	font-weight: normal;
	color: #4A4940;
	line-height: 1.2;
}

h1 strong {
	text-transform: uppercase;
}

#case-study h1, #case-study-video h1 {
	margin-top: 0;
	margin-bottom: 12px;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9.5pt;
	font-style: italic;
	color: #6C6B63;
	line-height: 1.3;
}

#case-study h2, #case-study-video h2 {
	margin-top: 0;
	margin-bottom: 12px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #4A4940;
	line-height: 1.6;
}

#case-study h3, #case-study-video h3 {
	margin-top: 0;
	margin-bottom: 5px;
}

p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: normal;
	color: #4A4940;
	line-height: 1.6;
	margin: 0 0 10px 0;
}

.header {
	width: 760px;
	height: 105px;
	background: url(../images/header-bg.jpg) #E8E8E0 repeat-x;
	text-align: right;
}

.main {
	width: 760px;
	height: 415px;
	background-color: #E8E8E0;
	text-align: left;
}

.content {
	width: 415px;
	height: 415px;
	float: left;
	text-align: left;
	background: #E8E8E0;
}

.text {
	width: 345px;
	height: 415px;
	float: right;
	text-align: left;
	background: #E8E8E0;
}

.footer {
	width: 760px;
	height: 20px;
	background: url(../images/footer-bg.jpg) #E8E8E0 repeat-x;
	clear: both;
}

a:link {
	color: #4A4940;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #4A4940;
}

a:hover {
	text-decoration: underline;
	color: #4A4940;
}

a:active {
	text-decoration: none;
	color: #4A4940;
}

object { 
	display: block;
}

noscript { 
	display: block;
}

/* Menu */

.menu ul {
	width: 760px;
	height: 20px;
	position: relative;
	background: url(../images/menu-bg.jpg) #E8E8E0 repeat-x;
	margin: 0;
	padding: 0;
	text-align: left;
}

.menu ul li {
	display: inline;
}

.menu ul li a {
	float: left;
	height: 0;
	padding-top: 20px;
	overflow: hidden;
	background-image: url(../images/menu.gif);
}

/* Normal Menu Links */

.menu ul li.menu-home a {
	width: 55px;
	background-position: 0 0;
}

.menu ul li.menu-about-us a {
	width: 80px;
	background-position: -55px 0;
}

.menu ul li.menu-our-work a {
	width: 84px;
	background-position: -135px 0;
}

.menu ul li.menu-our-values a {
	width: 97px;
	background-position: -219px 0;
}

.menu ul li.menu-contact-us a {
	width: 95px;
	background-position: -316px 0;
}

.menu ul li.menu-client-login a {
	width: 106px; 
	background-position: -411px 0;
}

/* Hover Menu Links */

.menu ul li.menu-home a:hover {
	background-position: 0 -20px;
}

.menu ul li.menu-about-us a:hover {
	background-position: -55px -20px;
}

.menu ul li.menu-our-work a:hover {
	background-position: -135px -20px;
}

.menu ul li.menu-our-values a:hover {
	background-position: -219px -20px;
}

.menu ul li.menu-contact-us a:hover {
	background-position: -316px -20px;
}

.menu ul li.menu-client-login a:hover {
	background-position: -411px -20px;
}

/* Selected Menu Links */

.menu ul li.menu-home a.selected {
	background-position: 0 -40px;
}

.menu ul li.menu-about-us a.selected {
	background-position: -55px -40px;
}

.menu ul li.menu-our-work a.selected {
	background-position: -135px -40px;
}

.menu ul li.menu-our-values a.selected {
	background-position: -219px -40px;
}

.menu ul li.menu-contact-us a.selected {
	background-position: -316px -40px;
}

.menu ul li.menu-client-login a.selected {
	background-position: -411px -40px;
}

/* Buttons */

.buttons {
	width: 335px;
	height: 32px;
	margin-top: -52px;
	padding-right: 10px;
	float: right;
}

.buttons a span {
	display: none;
}

.buttons p {
	float: left;
	color: #6C6B63;
	font-size: 8.5pt;
	line-height: 1.2;
	margin-top: 5px;
}

.buttons p a:link {
	color: #6C6B63;
	text-decoration: none;
}

.buttons p a:visited {
	text-decoration: none;
	color: #6C6B63;
}

.buttons p a:hover {
	text-decoration: underline;
	color: #6C6B63;
}

.buttons p a:active {
	text-decoration: none;
	color: #6C6B63;
}

.buttons a.next, .buttons a.previous, .buttons a.exit {
	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	float: right;
	margin-right: 10px;
}

.buttons a.zoom {
	display: block;
	width: 32px;
	height: 32px;
	text-decoration: none;
	float: left;
	margin-right: 15px;
}

.buttons a.next:hover, .buttons a.previous:hover, .buttons a.exit:hover {
	background-position: -32px 0;
}

.buttons a.next {
	background: url(../images/buttons/next.gif);
}

.buttons a.previous {
	background: url(../images/buttons/previous.gif);
}

.buttons a.exit {
	background: url(../images/buttons/menu.gif);
}

.buttons a.zoom {
	background: url(../images/buttons/zoom.gif);
}

/* About Us */

#about-us .content {
	width: 375px;
	height: 375px;
	margin: 20px;
}

#about-us .content img {
	float: left;
}

#about-us .text {
	height: 395px;
}

#about-us .text .vertical-align {
	margin-top: 126px;
}

#about-us .text p {
	margin-right: 20px;
}

#about-us .flash {
	width: 345px;
	height: 395px;
	margin-top: 20px;
	float: left;
}

/* Our Work */

#our-work .content {
	width: 375px;
	height: 375px;
	margin: 20px;
}

#our-work .content img {
	float: left;
}

#our-work .text .vertical-align {
	margin-top: 85px;
}

/* Our Values */

#our-values .content {
	width: 375px;
	height: 375px;
	margin: 20px;
}

#our-values-5 .content img {
	margin: 20px 0 0 20px;
	float: left;
}

/* Contact Us */

#contact-us .content img {
	margin: 70px 0 0 71px;
}

#contact-us .text p {
	margin: 70px 71px 0 23px;
}

#contact-us .text img {
	margin: 245px 0px 0 23px;
	position: absolute;
}

#contact-us .details {
	width: 760px;
	height: 33px;
	float: left;
	text-align: center;
	margin-top: -33px;
}

#contact-us .details a:link {
	color: #706F66;
	text-decoration: none;
}

#contact-us .details a:visited {
	text-decoration: none;
	color: #706F66;
}

#contact-us .details a:hover {
	text-decoration: underline;
	color: #706F66;
}

#contact-us .details a:active {
	text-decoration: none;
	color: #706F66;
}

#contact-us .details p {
	font-size: 8pt;
	color: #706F66;
	line-height: 1;
}

/* Case Study */

#case-study .text, #case-study-video .text {
	width: 325px;
	height: 395px;
	margin: 20px 20px 0 0;
}

/* Case Study Video */

#case-study-video .botany-town-centre-tv-commercial {
	width: 321px;
	margin: 50px 47px 0 47px;
}

#case-study-video .gerard-roofs-tv-commercial {
	width: 321px;
	margin: 67px 47px 0 47px;
}

#case-study-video .chrisco-tv-commercial {
	width: 321px;
	margin: 75px 47px 0 47px;
}

#case-study-video .get-organised-tv-commercial {
	width: 321px;
	margin: 45px 47px 0 47px;
}

#case-study-video .content p {
	color: #6C6B63;
	line-height: 1.2;
	font-style: italic;
	margin-top: 8px;
}

#case-study-video .content p a:link {
	color: #6C6B63;
	text-decoration: underline;
}

#case-study-video .content p a:visited {
	text-decoration: underline;
	color: #6C6B63;
}

#case-study-video .content p a:hover {
	text-decoration: underline;
	color: #6C6B63;
}

#case-study-video .content p a:active {
	text-decoration: underline;
	color: #6C6B63;
}

/* Case Study Zoom */

body#zoom-xs, body#zoom-s, body#zoom-m, body#zoom-l, body#zoom-xl, body#zoom-xxl {
	background-color: #E8E8E0;
	margin: 20px;
}

#zoom-xs .content, #zoom-s .content, #zoom-m .content, #zoom-l .content, #zoom-xl .content, #zoom-xxl .content {
	height: auto;
	float: none;
	margin: 0 auto;
}

#zoom-xs .content {
	width: 600px;
}

#zoom-s .content {
	width: 668px;
}

#zoom-m .content {
	width: 815px;
}

#zoom-l .content {
	width: 838px;
}

#zoom-xl .content {
	width: 918px;
}

#zoom-xxl .content {
	width: 938px;
}

/* Fix for Opera showing contents of "noscript" tag */

noscript {
	font-size: 0px;
}