/*	
	Copyright (c) 2007 MGA Advertising
	All rights reserved
	
	Design & Created by Simple Thinking
	
	$ Revision date: 26/04/07	 

	CONTENTS
	1. Positional general
	2. General Content
*/	
	

* { border: 0; margin:0;padding:0;}
body {	
	background-color: #fff;	
	font-family:arial, sans-serif;
	font-size:62.5%;
	color: #333;
	padding-left: 20px;
	padding-right: 20px;
	text-align:center;
	}
.clear { clear:both; height: 2px; overflow: hidden;}	
	

	
#container {
	margin: 10px auto 20px;
	width: 858px;
	text-align: left;
	position: relative;
	}

h1 { font-size: 1.6em;}
h2 { 
	font-size: 1.4em; 
	font-weight: normal; 
	padding-bottom: 3px;
	color: #333;
	margin-bottom: 10px; 
	border-bottom: 1px #333 dotted;
	}
h3 { font-size: 1.1em;padding-bottom:  2px; color: #333;}

#internal h2 {
	color: #fff;
	padding: 5px 10px 5px;
	border:0;
	position:relative;
	background: #fd8324 url('../media/images/title_530_top.gif') top left no-repeat;
	}
#internal h2 span {
	position:absolute;
	bottom:0;
	left:0;
	height: 3px;
	width: 100%;
	background: url('../media/images/title_530_bottom.gif') bottom left no-repeat;
	}
#internal h2.fullwidth 		{ background: #fd8324 url('../media/images/title_858_top.gif') top left no-repeat; }
#internal h2.fullwidth span { background: url('../media/images/title_858_bottom.gif') bottom left no-repeat; }


p {
	line-height: 1.4em;
	color: #333;
	margin-bottom: 10px;
	}


/* link styles */
a	{
	color: #fd8324;
	text-decoration: none;
	}
a:link	{
	color: #fd8324;
	text-decoration: none;
	}
a:visited	{
	color: #fd8324;
	text-decoration: none;
	}
a:hover	{
	color:	#333;
	text-decoration: underline;
	}
a:active {
	color: #fd8324;
	}		
	
/* lists */
#content ul { margin: 15px 0 20px 15px;}
dl { margin:0px 10px 0;border-bottom: 1px #ddd dotted;}
dt { 
	margin-bottom: 5px; 
	border-top: 1px #ccc dotted;
	padding: 5px 0 2px;
	font-weight: normal;
	color: #333;
	font-size: 1.2em;
	}
dt span {font-weight:normal; color: #fd8324; cursor:pointer; font-size: 11px;}
dd { margin: -5px 0 15px 15px; padding:0;}	
.swaps dd {  margin: -5px 0 15px -7px; }	


label { float: left; width: 100px;display:block; padding-top: 2px;}
input { background-color: #eee; border: 1px #ccc solid; width: 200px; line-height: 1.4em; font-size: 12px;color: #333; padding: 3px;}
span.clientform { padding: 5px 0; clear:both; display:block; border-bottom: 1px #eee solid; width: 320px;}
#submitme { width: 80px; margin-left: 100px; font-size: 12px;}
	
	
/* ///////////////////// header area ////////////////////// */
#header {
	position: relative;
	margin-bottom:15px;
	}
#logo {
	width:285px;
	height:80px;
	overflow: hidden;
	background: url('../media/images/logo.gif') top left no-repeat;
	}
/* #logo {
	XMAS logo 
	width:567px;
	height:98px;
	overflow: hidden;
	background: url('../media/images/xmaslogo.jpg') top left no-repeat;
	}*/
#logo span {
	display:block;
	padding-top: 120px;
	}
#calltoaction {
	position: absolute;
	top: 0px;
	right: 0px;
	/* xmas 
	top: 34px;*/
	}

#calltoactionNew {
	position: absolute;
	right:0;
	top: 0px;
	/* xmas 
	top: 34px;*/
	}
	
/* ///////////////////// navigation ////////////////////// */
#mainnavigation {
	height:35px;
	list-style: none;
	padding-left: 105px;
	font-size: 1.5em;
	background: #bcbdc1 url('../media/images/nav/nav_firstnavbar.gif') top left no-repeat;
	}	
#mainnavigation li {
	float: left;
	width: auto;
	list-style:none;
	margin:0;
	padding:0;
	display:block;
	}
#mainnavigation li a {
	color: #fff;
	text-decoration: none;
	display:block;
	height:35px;
	overflow:hidden;
	}
#mainnavigation li a span {
	display:block;
	padding-top: 100px;
	}
/* individual main nav items */
.navAgency { 
	background: url('../media/images/nav/nav_theagency.gif') 0 0 no-repeat;
	width:100px;
 	}
.navMgaway { 
	background: url('../media/images/nav/nav_themgaway.gif') 0 0 no-repeat;
	width:123px;
 	}
.navAreas { 
	background: url('../media/images/nav/nav_areasofexpertise.gif') 0 0 no-repeat;
	width:152px;
 	}
.navClients { 
	background: url('../media/images/nav/nav_ourclients.gif') 0 0 no-repeat;
	width:111px;
 	}
.navBlog { 
	background: url('../media/images/nav/nav_blog.gif') 0 0 no-repeat;
	width:59px;
 	}
.navAgencyNews { 
	background: url('../media/images/nav/nav_agencynews.gif') 0 0 no-repeat;
	width:111px;
 	}
.navClientarea { 
	background: url('../media/images/nav/nav_clientarea.gif') 0 0 no-repeat;
	width:112px;
	display:none !important;
 	}
.navContactus { 
	background: url('../media/images/nav/nav_contactus.gif') 0 0 no-repeat;
	width:103px;
 	}	
#mainnavigation li a:hover { background-position: 0 -35px;}
#mainnavigation li.in a,
#mainnavigation li.in a:hover { background-position: 0 -70px; }
	
	
/* second nav */
#secondnavigation {
	height:28px;
	list-style: none;
	padding-left: 143px;
	font-size: 1.2em;
	background: #e1e1e1 url('../media/images/nav/nav_2ndnavbar.gif') bottom left no-repeat;
	}	
#secondnavigation li {
	float: left;
	width: auto;
	display:block;
	height: 28px;
	margin-right:15px;
	}
#secondnavigation li.in {
	background: url('../media/images/nav/nav_2ndinstate.gif') bottom center no-repeat;
	}
#secondnavigation li a {
	display:block;
	padding: 6px 5px 5px;
	color: #666;
	}
#secondnavigation li a:hover {
	display:block;
	padding: 6px 5px 5px;
	color: #006;
	text-decoration: none;
	}
.rule {
	height: 1px;
	display:block;
	overflow: hidden;
	background: #fff url('../media/images/build_dots.jpg') top left repeat-x;
	}
	
	

/* /////////////////////// footer ////////////////////////// */

p#footer {
	margin-top: 15px;
	padding: 5px 0;
	display: block;
	clear: both;
	width: 858px;
	border-top: 1px #333 dotted;
	text-align:center;
	}	
p#footer a {
	padding: 0 0px 0 20px;
	color: #003;
	background: #fff url('../media/images/build_bullet.gif') 6px 2px no-repeat;
	}
p#footer a.homelink {
	background-image:none;
	}
p#footer span {
	display:none;
	}
	
	

/* /////////////////////// content areas ////////////////////// */
	
#content {
	font-size: 1.3em;
	margin-top: 22px;
	min-height:298px;
	_height: 298px;
	}	

#internal #content {
	margin-bottom: 25px;
	}
#textcolumn {
	float: left;
	width:530px;
	margin-right: 35px;
	}	
#textcolumn p {
	padding: 0 8px;
	}		
	
#workcolumn {
	float: left;
	width: 288px;
	padding-top: 5px;
	min-height: 180px;
	}

.swaps {
	margin: 0 0 0 35px !important;
	}
		
p.pullquote {
	font-size: 1.5em;
	line-height: 1.2em;
	color: #999;
	font-weight: lighter;
	margin: 15px 0 5px;
	}
#workcolumn p.pullquote {
	margin-top :0;
	}
	
	
#partnershipslist {
	margin-left: 25px !important;
	list-style:square;
}	
#partnershipslist li {
	margin-bottom: 10px;
}	
	



/* ***** home page ***** */	
.homecontentcolumn {
	width: 272px;
	float: left;
	margin-right: 20px;
	}
#flashcarousel {
	width: 858px;
	height: 216px;
	}	
/* case studies */
.casestudy	{
	margin-bottom: 12px;
	}
.casestudy a span{
	padding-left: 8px;
	display:block;
	}

	
/* key people */
.tab { display:none;}	
#peopletabs { margin-top: 15px;}
.tabcontent { margin: 0 0 25px 8px;}
.tabcontent h3 {
	font-weight: normal;
	color: #333;
	font-size: 1.3em;
	margin-bottom: 10px;
	}
.tabcontent h3 span {
	font-size: 12px;
	color: #999;
	padding-left: 10px;
	font-style: italic;
	}
#textcolumn .tabcontent li { list-style:square;}

#textcolumn .tabcontent p {
	padding: 0;
	}
	
	
/* Our process pencil people! */

.pencilman {
	/*margin-left: 230px;*/
	margin-left: 17px;
	padding-top: 15px;
	width: 823px;
	}
.pencilmanimage {
	float: left;
	width: 190px;
	text-align: center;
	display: block;
	}	
.pencilmanarea {
	float:left;
	width: 550px;
	padding-left: 15px;
	padding-top: 15px;
	}

.pencilmanarea h3 {
	font-size: 1.6em; 
	font-weight: normal; 
	padding: 5px 0 15px;
	color: #fff;
	}
.pencilmanarea p {
	color: #fff; font-size: 1.3em;margin-top:0;padding-top:0;
	}
#mycarousel {
	padding-top: 0px !important;
	position:relative;
	}	

.jcarousel-clip { height: 288px !important;width: 859px !important; margin: 0 !important;}
.jcarousel-list {height: 288px !important; background: #eb6909 url('../media/images/pencils/mgawaybground2.gif')  top left no-repeat; }
.jcarousel-next {
    position: absolute;
    top: 125px;
    right: 0px;
    cursor: pointer;
	}
.jcarousel-prev {
    position: absolute;
    top: 125px;
    left: 0px;
    cursor: pointer;
	}

.jcarousel-next-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
	}
.jcarousel-prev-disabled {
    cursor: default;
    opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
	}	
	
	
	
	
	
	
/* areas of expertise */
.fullwidthIntro {
	margin: 0 10px 25px;
	}	
.experticon {
	float: right;
	margin: 0 0 15px 15px;
	}
	
	
/* /////////////////////////// UPDATE /////////////////////////// */
.newsitem {
	padding-top: 10px;
	border: 1px #ccc solid;
	border-width: 1px 0 0;
	}
.newsitem h3 {
	padding-left: 8px;
	}
.newspic {
	float:right;
	margin:0 0 10px 10px;
	}
	
	

/* /////////////////////////// OUR CLIENTS /////////////////////// */
#clientlist {
	margin-left: 26px !important;
	}
#clientlist li {
	list-style:square;
	float: left;
	font-size: 1.3em;
	width: 240px;
	color: #666;
	margin-bottom: 5px;
	}

#workIntro {
	float:left;
	width: 283px;
	padding-bottom: 15px;
	/*height:345px;*/
	overflow: auto;
	margin-left: 11px;
	}
#workArea {
	float:right;
	width:535px;
	}

/* 13/10/07 PA - add prev / next buttons to scroll through individual portfolio images */

#workArea img {
	float: right;
	margin-bottom: 20px;
	
	}

#portfolioNav {
	margin: 0;
	padding: 0;
	}

#portfolioNav ul {
	width: 100px;
	list-style: none;
	margin: 0 auto;
	padding: 0;
	}

#portfolioNav li {
	display: inline;
	margin: 0;
	padding: 0;
	}

#portfolioNav a {
	display: block;
	width: 37px;
	outline: none;
	text-indent: -9999px;
	text-decoration: none;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: +1000;
	}

#portfolioNav a.prev {
	float: left;
	background: url('../media/images/buttons/prev_up.gif') left top no-repeat;
	}

#portfolioNav a.prev:hover {
	background: url('../media/images/buttons/prev_over.gif') left top no-repeat;
	}

#portfolioNav a.next {
	float: right;
	background: url('../media/images/buttons/next_up.gif') left top no-repeat;
	}

#portfolioNav a.next:hover {
	background: url('../media/images/buttons/next_over.gif') left top no-repeat;
	}


/* //////////////////////////// porfolio include ////////////////////////// */
#otherclients {
	width: 300px;
	}
#otherclients h3 {
	font-weight: normal;
	color: #333;
	font-size: 1.3em;
	margin: 0 0 0 11px;
	border-bottom: 1px #ccc dotted;
	}	
#clientlistportfolio {
	list-style:none;
	margin:5px 0 0 11px !important;
	padding:0;
	}
#clientlistportfolio li {
	list-style:none;
	float: left;
	width: 135px;
	margin:0 0 5px;
	padding:0;
	}

	
	
/* //////////////// BLOG /////////////////// */	

/* blog list */
#blogHomeinfo {
	margin-right: 0;
	}	
.blogHomeChunk {
	padding-bottom: 16px;
	margin-bottom: 20px;
	border-bottom: 1px #999 dotted;
	}
.blogHomeChunk p {
	margin-bottom: 3px;
	}
.lastitem {
	border-bottom: 0;
	}		
	
.blogcolumn {
	float: left;
	width:630px;
	padding-top: 10px;
	margin-right: 35px;
	}
#blogarchive {
	float: left;
	width: 188px;
	padding-top: 12px;
	min-height: 180px;
	}	
.blogHomeChunk h3 {
	font-size: 1.4em;
	}

#blogarchive ul {
	list-style:none;
	margin:0 0 20px;
	padding:0;
	}	
#blogarchive ul li {
	margin-left:0;
	padding: 3px 0px;
	border-bottom: 1px #ccc dotted;
	}

	
	
/* /////////////////////////// UPDATE /////////////////////////// */
.newsitem {
	padding-top: 18px;
	padding-bottom:8px;
	border: 1px #ccc solid;
	border-width: 1px 0 0;
	}
.newsitem h3 {
	padding-left: 8px;
	}
.newspic {
	float:right;
	margin:0 0 15px 10px;
	}