/*
CSS Template for William Martin Productions
Copyright Inspiring Technology 2009
*/
/*/////////////GENERAL ////////////////*/

body{
	background-color:#fff;
	margin:0px;
	font-family:/*"Trebuchet MS",*/ Arial, Helvetica, Verdana,sans-serif;
	font-size:12px;
	line-height:16px;
	color:#404040;
}

#container1{
background-color:#fff;
margin: 0 auto;
}


#container2 {
	margin:22px 0 0;
	background-color:#404040;
	background-image: url("../images/footerBackground.jpg");
	background-repeat: repeat-x;
	height:136px;
	clear:left;
}


#container3 {
margin:0 auto;
background-color:#fff;
/*width:998px;*/
width:988px;
}


#container4 {
background-color:fff;
/*width:998px;*/
width:988px;
clear:both;
position: relative;
display:block;
margin-bottom:7px;
/*background: #fff url("../images/articleBackground.jpg")  no-repeat top right;*/

}


#container4 #leftCol {
/*border:1px solid #0000ff;*/
display:inline;
float:left;
width:318px;
background-color:#fff;
}

#container4 #leftCol.jobLeftModule {
width:360px;
margin:14px 0 0 25px;
}

#container4 #leftCol.jobLeftModule .article_separator {
height:0px;
line-height:0px;
display:none;
}


#container4 #rightCol {
/*border:1px solid #0000ff;*/
display:inline;
float:left;
width:470px;
/*width:480px;*/
margin-top:39px;
background-color:#fff;
text-align:center;
}

#container5 {
display:inline;
clear:both;
height:111px;
padding-bottom:22px;
}

#container6 {
position:relative;
display:inline;
float:left;
}


.leftColOnly{
/*width:610px;*/
width:600px;
}

.wide {
	width:992px;
	line-height: 17px;/*width:992px;*/
}

.rightColOnly {
width:430px;
/*width:400px;*/
}


.borderOn {
border:1px #c4c4c4 solid;
}

.borderOff {
border:0;
}

.clearFloats {
clear:both;
}

.jobArticle {
border:1px #c4c4c4 solid;
margin:30px 25px 30px 25px;
width:484px;
}

.jobArticle p {
font-size: 13px;
line-spacing:14px; 
}

#aboveContent{
margin-left:33px;
}
/*/////////////Typography//////////////////////*/

h1 {
	font-size:28px;
	line-height:5px;
	margin-top:0px;
	color:#999999;/*text-transform:uppercase;*/
	font-weight:normal;
}

h2 {
margin-top:15px;
font-size:16px;
line-height:18px;
color:#f68b21;
font-weight:normal;
}

h3 {}

.title {
	font-size:60px;
	color:#666666;
}


p {
	margin-bottom:18px;
	color: #666666;
}
.p.projecttitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #333333;
}


p.buttonheading {
margin:0;
}

blockquote{
 font-size: 18px;
 margin-bottom: 24px;
}



a {
	text-decoration: none;
	font-weight:normal;
	color:#f8720e;
}

a:hover {
text-decoration:none;
font-weight:normal;
background-color:#f8720e
color:#fff;

}

a:visited {}

ul {
list-style:none;
}

#content ul {
list-style:disc;
} 

ul.latestnews, 
li.latestnews{
margin:0;
padding:0;
}

.bold {
font-weight: bold;
}

.greyText {
color:#404040;
}

.noUnderline {
text-decoration:none;
}

.bold{
font-weight:bold
}

.italic{
font-style:italic
}
.underline{
text-decoration:underline
}

.left{
float:left
}

.right{
float:right
}
.left .allvideos,
img.left{
margin:0 10px 10px 0
}

.right .allvideos,
img.right{
margin:0 0 10px 10px
}

.largefont {
font-size:21px;
line-height:24px;
}

.smallfont {
font-size:12px;
line-height:14px;
}
/*/////////////Headers/////////////////////////////*/

#header {
height:75px;
background-color:white;
display:inline;
}

#header #wmpLogo{
	display:inline;
	width:130px;
	float:left;
	padding-top:40px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 32px;
	position: relative;
	bottom: 10px;
}

#header #headerRight {
	width:500px;
	float:right;
	display:inline;
	padding-top:0px;
}



#banner {
height:331px;
clear:both;
display:block;
/*border:1px #c4c4c4 solid;*/

}


#bannerImage{
background-color:#fff;
background-image:url("../images/flash_banner_static.jpg");
background-repeat:no-repeat;
background-attachment:scroll;
height:298px;
border:1px #c4c4c4 solid;  /*moved from banner*/
border-bottom: 1px solid #f68b21;
}

#aboutUsBanner {
background-color:#fff;
background-image:url("../images/about_us_header.jpg");
background-repeat:no-repeat;
background-attachment:scroll;
height:235px;
margin-top:28px;
}

#workForUsBanner {
background-color:#fff;
background-image:url("../images/wmp_work_for_us_header.jpg");
background-repeat:no-repeat;
background-attachment:scroll;
height:233px;
margin-top:28px;
}

#qatarOfficeBanner {
background-color:#fff;
background-image:url("../images/qatar_header.jpg");
background-repeat:no-repeat;
background-attachment:scroll;
height:235px;
margin-top:28px;
}

/*///////////////Content////////////////////////////*/
#content {
	display:inline;
	float: left;
	position:relative;
	padding:30px 0 0 0;
	min-height: 179px;
	height:auto !important;
	height:179px;
	height:auto;
}

#content td p {
margin-right:28px;
}

#content .pagenav {
display:none;
}

#content.pageNavOn .pagenav{
display:inline;
}

#content.rightColOnly{
padding-top:0;
padding-right:10px;
}

#content #clientsTables img{
border:1px solid #C4C4C4;
}


/*////////////////Nav///////////////////////////////*/


#topNav{
	display:inline;
	line-height:30px;
	background-color:#fff;
	margin:0;
	/*margin-left:auto;*/
	padding:0px;
	float:right;
}

#nav,#nav ul{
	line-height:12px;
	list-style:none;
	padding: 0;
	position: relative;
	top: 11px;
	padding-right: 15px;
}

#nav li{
	/*float:left;*/
	float:right;
	height:auto;
}

#nav a{
	margin:8px 0px 8px 0px;
	padding:0 5px 0 5px;
	border-left: 1px solid #404040;
	color:#404040;
	background-color:#fff;
	display:block;
	text-decoration:none;
	font-size: 14px;
	text-align: center;
	/*border-left:5px #fff solid;
	border-right:5px #fff solid;*/
	
}

#nav a#homeLink,
#nav li.item1 a
{
		 border-left: none;
}

#nav a:hover{
	color:#f68b21;
	background-color:#fff;
}

#bannerMenu{
background-color:#fff;
padding:0px 0 0px 0 ;
border:0;
margin:0 0 11px 0;
height:27px;
line-height:27px;
}


#bannerMenu #nav1,
#bannerMenu #nav1 ul
{
display:inline;
/*height:auto;*/
height:27px;
line-height:27px;
border:0;
margin:0;
padding:0;
list-style:none;
}

#bannerMenu #nav1 li{
float:left;
}



/*Joomla! menu1 */



.moduletablemenu1,
.moduletablemenu1 ul
{
	display:inline;
	/*height:auto;*/
height:27px;
	line-height:27px;
	border:0;
	margin:0;
	padding:0;
	list-style:none;
}

.moduletablemenu1 li{
float:left;
}


.moduletablemenu1 a{
	border:0;
	margin:0;
	padding:3px 0px;
	color:#404040;
	background-color:#fff;
	text-decoration:none;
	font-size: 12px;
	text-align: center;
	font-weight:bold;
	display:block;
	height:15px;
	line-height:16px;
}

.moduletablemenu1 li.item7 a{
	border-bottom: 6px solid #004d75;
	width:107px;
}

.moduletablemenu1 li.item7 a:hover{
	background-color:#004163;
	color: #FFFFFF;
	background-image: url(../images/nav/item7bg.gif);
}

.moduletablemenu1 li.item8 a{
	border-bottom: 6px solid #00a17d;
	width:109px;
}

.moduletablemenu1 li.item8 a:hover{
	background-color:#006359;
	color: #FFFFFF;
	background-image: url(../images/nav/item8bg.gif);
}

.moduletablemenu1 li.item9 a{
	border-bottom: 6px solid #648c00;
	width:144px;
}

.moduletablemenu1 li.item9 a:hover{
	background-color:#476300;
	color: #FFF;
	background-image: url(../images/nav/item9bg.gif);
}



.moduletablemenu1 li.item14 a  {
	border-bottom: 6px solid #eca500;
	width:111px;/*width:94px;*/
}

.moduletablemenu1 li.item14 a:hover{
	background-color:#eca500;
	color: #FFFFFF;
	background-image: url(../images/nav/item14bg.gif);
}


.moduletablemenu1 li.item10 a  {
	border-bottom: 6px solid #e10045;
	width:155px;/*width:136px;*/
}

.moduletablemenu1 li.item10 a:hover{
	background-color:#e10045;
	color: #FFFFFF;
	background-image: url(../images/nav/item10bg.gif);
}


.moduletablemenu1 li.item11 a  {
	border-bottom: 6px solid #9e0036;
	/*border-bottom: 6px solid #005993 ;*/
width:219px;/*width:195px;*/
}

.moduletablemenu1 li.item11 a:hover{
	background-color:#87173d;
	color: #FFF;
	background-image: url(../images/nav/item11bg.gif);
}


.moduletablemenu1 li.item12 a {
border-bottom: 6px solid #aed6d2;
width:122px;
/*width:152px;*/
}

.moduletablemenu1 li.item12 a:hover{
background-color:#d2dccc;
}


.moduletablemenu1 li.item13 a {
	/*border-bottom: 6px solid #82a173;*/
border-bottom: 6px solid #310b31;
	width:143px;/*width:120px;*/
}

.moduletablemenu1 li.item13 a:hover{
	background-color:#310b31;
	color: #FFFFFF;
	background-image: url(../images/nav/item13bg.gif);
}


/*Joomla! menu2 - integrated campaigns  + video menu + design + exhibitions menu*/
.moduletablemenu2 ul,
.moduletableVideoMenu ul,
.moduletableDesignMenu ul,
.moduletableExhibitionsMenu ul,
.moduletableEventsMenu ul,
.moduletableDigitalMediaMenu ul,
.moduletableProductDesignMenu ul
{
padding:0;
}

.moduletablemenu2 li,
.moduletableVideoMenu li,
.moduletableDesignMenu li,
.moduletableExhibitionsMenu li,
.moduletableEventsMenu li,
.moduletableDigitalMediaMenu li,
.moduletableProductDesignMenu li
{
list-style-type:none;
}





/*////////////////Forms/////////////////////////////*/
/* more sytling needed here*/

form {
font-size:14px;
}

/*form#login.login_form{
font-size:12px;
}
*/

form label {
margin-top: 5px;
float: left;
width: 120px;
display: block;
margin-right: 10px;
/*clear: all;*/
}

form input {
margin-top: 5px;
float: left;
}


form fieldset div{
clear:both;
}
/*////////////////Modules////////////////////////////////*/


.moduletableCampaignsIntro table,
.moduletableVideoIntro table,
.moduletableIntro table {

}
.moduletableCampaignsIntro table tr ,
.moduletableVideoIntro table tr,
.moduletableIntro table tr {

}

#leftCol.jobLeftModule,
#leftCol.jobLeftModule .moduletable {
margin:0;
padding:0;
}

#leftCol.jobLeftModule .moduletableLatestNewsMenu {
margin:0 0 25px 0;
padding:0;
}


#rightCol .moduletableVideo{
padding-top:7px;
}

#infoBox {
height:216px;
width:316px;

margin-top:9px;
float:left;
margin-right:17px;
/*margin-bottom:22px;*/
padding:0 0 0 0;
background-image:url('../images/clientArea1background.jpg');
background-repeat:repeat-x;
}

#infoBox #infoAnchor{
position:relative;
}

#infoBox #infoImage {
	position:absolute;
	top:7px;
	left:16px;
	margin-top:0px;
}

#infoBox #infoImage p{
	margin:0px;
	padding:0px;
}

#infoBox #infoAnchor #infoText p
{
font-size:11px;
line-height:14px;
position:absolute;
top:178px;
left:0px;
margin: 0 16px 12px 16px;
width:284px;
}

#infoBox p a {
/*color:#686868;*/
/*text-decoration:none;*/
font-weight:normal;
color:#00FF00
}

#clientArea {
	height:109px;
	width:316px;
	background-image:url("../images/qatar.jpg");
	/*position: relative;*/

	/*margin-top:10px;*/
float:left;
	/*margin-right:22px;*/
margin-bottom:22px;
}

#clientAreaQatar {
	height:109px;
	width:316px;
	background-image:url("../images/uk.jpg");
	/*position: relative;*/

	/*margin-top:10px;*/
float:left;
	/*margin-right:22px;*/
margin-bottom:22px;
}




#clientArea .go{
	position:absolute;
	top:73px;
	left:17px;
}

#clientArea p a,
#experienced p a,
#letsMeet p a {
color:#404040;
text-decoration:none;
font-weight:bold;
}

#letsMeet a:hover{
	color:#f8720e;
	text-decoration:none;
}
#clientArea a:hover{color:#f8720e; text-decoration:none; background-color:#fff;}
#experience a:hover{color:#f8720e; text-decoration:none; background-color:#fff;}
#email #emailAnchor a:hover{color:#f8720e; text-decoration:none;}

#bottomModulesWrapper{
padding-bottom:22px;
}

#experienced {
float:left;
height:109px;
width:316px;
background-image:url("../images/experienced.png");
background-repeat:no-repeat;
background-attachment:scroll;

margin-bottom:22px;
}

#letsMeet {
	float:left;
	height:109px;
	width:316px;
	background-image:url("../images/letsMeet1.png");
	background-repeat:no-repeat;
	background-attachment:scroll;
	
	/*margin-right:17px;*/
/*margin-right:22px;*/
margin-bottom:22px;
	margin-right: 17px;
}

.moduletableemailSignup #email {
float:left;
height:109px;
width:316px;
background-image:url("../images/email.png");
background-repeat:no-repeat;
background-attachment:scroll;

margin-right:17px;
/*margin-right:22px;*/
margin-bottom:22px;
}

#experienced #experiencedAnchor, 
#letsMeet #letsAnchor,
#email #emailAnchor, 
#clientArea #clientAnchor 
{
position: relative;
}

#experiencedAnchor p,
#letsAnchor p,
#emailAnchor p,
#clientAnchor p
{
	font-size:11px;
	line-height:12px;
	position:absolute;
	/*top:30px;
left:13px;*/
margin:40px 0 0 18px;
	font-weight:bold;
	width:181px;
}


#clientArea #clientAnchor p{
position:absolute;
/*top:42px;
left:14px;*/
width:145px;
font-weight:bold;
margin:40px 0 0 13px;
width:185px;
}


#emailAnchor p{
	margin:40px 0 0 20px;
}

#experiencedAnchor .go,
#letsAnchor .go1
{
position:absolute;
top:76px;
left:13px;
}

#letsAnchor .go2
{
	position:absolute;
	top:73px;
	left:18px;
}


#emailInput {
	position:absolute;
	top:63px;
	left:81px;
	width:173px;
}

#emailAnchor p #emailInput {
	position:absolute;
	top:30px;
	left:1px;
	width:164px;
}


#emailAnchor .go
{
	position:absolute;
	top:73px;
	left:20px;
}

#emailAnchor a  {
	color:#404040;
	text-decoration:none;
	font-weight:bold;
}


#footerLine {

height:25px;
}



/*////////////////Footer/////////////////////////////*/


#footerBar {
width:998px;
height:30px;
line-height:15px;
margin:0 auto;
padding-top:10px;
}


#footerBar #copyright{
display:inline;
float:left;
}

#footerBar a {
text-decoration:none;
}

#footerBar a:hover {
text-decoration:none;
color:#f68b21;
}


#footerBar  #offices{
text-align: right;
display:inline;
float:right;
margin-right:0px;
}


/*////////////////Images/////////////////////////////*/
img {
	border:none;
	margin-top: 5px;
}

/*////////////////Fun Classes////////////////////////*/


/*////////////////Accessability//////////////////////*/
#accessibility{
display:none;
}
.intro {
	font-size: 21px;
	line-height: 21px;
	color: #999999;
}
#footerBar div {
}
#container2 #footerBar .addthis_toolbox addthis_default_style {
	float: right;
	clear: both;
	width: 100px;
	margin: 0px;
	padding: 0px;
}
.WMPfooter {
	height: 30px;
	line-height: 15px;
	padding-top: 10px;
	margin: 0 auto;
	width: 998px;
	margin-right: 20px;
}
.WMPfooterCopyright {
	float: left;
	width: 280px;
	padding-right: 50px;
	display: inline;
	margin-left: 30px;
}
.WMPfooterShare {
	float: left;
	width: 250px;
	display: inline;
}
.wmpFooterOffices {
	float: right;
	clear: right;
	display: inline;
	text-align: right;
	width: 200px;
}

/*////////////////Additional//////////////////////*/

#contentLeft {
	text-align: left;
	margin: 0px;
	float: left;
	width: 348px;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 32px;
}
#container3 #container4 #container6 #content #contentLeft #page #para1 #para1left {
	float: left;
	height: 87px;
	width: 68px;
	padding-right: 20px;
}
#flashProjects {
	float: right;
	height: 652px;
	width: 561px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
	clear: both;
}