body
{
background: #3d3f42; /* Old browsers */
background: -moz-linear-gradient(top,  #252525 1%, #151515 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#252525), color-stop(100%,#151515)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #252525 1%,#151515 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #252525 1%,#151515 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #252525 1%,#151515 100%); /* IE10+ */
background: linear-gradient(to bottom,  #252525 1%,#151515 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#252525', endColorstr='#151515',GradientType=0 ); /* IE6-9 */
}

.lineBreak{border-bottom:1px solid #414141;}

a{color:#5795f6;}
a:hover{color:#5795b6;}
a.top{float:right;color:#2f4172; font-weight:Bold;}
a.top:hover{color:#fff;}
/*
#content,  #header, #navigation, #smallNav
{
background:#fff;
}
*/
#logo
{
margin:15px 0 0;
background: url(../images/logo/mjp_logo_white.png) top center no-repeat; 
padding:35px 0;
}

#logoBlue
{
margin:15px 0 0;
background: url(../images/logo/mjp_logo.png) top center no-repeat; 
padding:35px 0;
}
#logo p
{
text-align:center;
}

#contactNumber p
{
font-family: Arial,Helvetica,sans-serif;
font-size:2.8em;
text-align:center;
color:#fff;
margin:25px 0 0;
padding:0;
line-height:1;
}

#contactNumber p.small
{
font-size:2em;
margin:15px 0 0;
line-height:1;
}

#contactNumber p span
{
font-size:0.4em;
color:#fff;
letter-spacing:0.1em;
}

#slideshow
{
margin:0 0 10px;
padding:125px 0;
background:#333;
background: url(../images/slides/finance_buildings_950.jpg) top center no-repeat; 
}

#slideshow.a
{
background: url(../images/slides/finance_buildings_950.jpg) top center no-repeat; 
}

#content
{
padding-bottom:15px;
color:#fff;
}

#navigation
{
z-index:500;
}

h1,h2,h3,h4,h5
{
color:#fff;
}


#mainContent h1
{
font-size:1.8em;

}

#mainContent h2
{
font-size:1.5em;
}

#mainContent h2.small
{
font-size:1.3em;
}

#mainContent h3
{
font-size:1.3em;
}

#mainContent p
{
text-align:justify;
}

span.en
{
font-size:1.1em;
font-weight:bold;
}

span.enLarge
{
font-size:1.5em;
}

span.enBlue
{
font-size:1.2em;
font-weight:bold;
color:#2f4172;
}

span.enDeepBlue
{
font-size:1.2em;
font-weight:bold;
color:#0d1c46;
}

span.enLargeBlue
{

font-size:1.2em;
font-weight:bold;
color:#2795b6;
}

#mainContent ul
{
margin:0 0px 15px 35px; 
}

#mainContent ul li.nobullet
{
list-style:none;
}


#bottom
{

}

#bottom h5, #bottom p, #bottom a
{
color:#fff;
}

#bottom a:hover
{
color:#2795b6;
}

#bottom ul
{
list-style:none;
}


#auth p
{
font-size:0.8em;
text-align:right;
}



#largeContact
{

}
#contactDetailsLarge{background:#fff;}

/*--Contact Form -*/
#contact { 
display: block;
position:relative;
margin-bottom:10px;
background:#2795b6;/* A light blue / green */
background:#2f4172;
color:#fff;
text-align:justify;
/*maybe keep...*/
 /*-webkit-box-shadow:0px 9px 20px #aaaaaa;  -moz-box-shadow: 0px 9px 20px #aaaaaa;  box-shadow:0px 9px 20px #aaaaaa;  */
}

#contact.grey { 
background:#555;
}

#contact.red { 
background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

#contact.green { 
background: #00b7ea; /* Old browsers */
background: -moz-linear-gradient(top,  #00b7ea 0%, #009ec3 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b7ea), color-stop(100%,#009ec3)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #00b7ea 0%,#009ec3 100%); /* IE10+ */
background: linear-gradient(to bottom,  #00b7ea 0%,#009ec3 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); /* IE6-9 */

}


#contact p.detail
{
font-size:1em;
line-height:30px;
margin:0;
text-align:left;
}

#contact p.detail b
{
font-size:1.1em;
letter-spacing:0.1em;
}

#contact p.information
{
font-size:1em;
line-height:19px;
margin:0 0 10px;
}

#contact p.large
{
text-align:left;
font-size:2.5em;
margin:10px;
}

#contact h5
{
font-size: 2.5em;
margin:25px 0 0;
}

#contact.large { 
/*Large Contact Form -2px for border*/ 
width: 300px;
border: none; 
margin-top:0px;
}

#contactLeft { 
width:50%;
float:left;
}
#contactRight { 
width:50%;
float:right;
}

/* Form style */

#contact label { 
display: inline-block; 
float: left; 
width: 100%; 
font-size: 1.4em; 
letter-spacing:0.1em;
font-size:1em;
color:#fff;
text-align:left;
}

#contact label.ver { 
margin:0px 0 5px;
}

#contact input, textarea, select { 
width: 10%; 
margin: 0; 
padding:2px 3px; 
color: #666; 
background: #fff; 
border: 1px solid #ccc; 
display:block;
}

#contact textarea { 
margin-bottom:10px;
}



#contact input:focus, textarea:focus, select:focus { 
border: 3px solid #FF9900; 
background-color: #fff; 
color:#333; }

#contact input.submit { 
width: 100%; 
height:25px;
cursor: pointer; 
border: 1px solid #ccc; 
background:#e5e5e5; 
color:#333; 
font-size:1.1em;
font-family: Tahoma, Arial, Sans-Serif;
font-weight:bold;
-webkit-transition: 0.4s linear all;
-moz-transition: 0.4s linear all;
-ms-transition: 0.4s linear all;
-o-transition: 0.4s linear all;
transition: 0.4s linear all;
margin:-20px 0 0;
}

#contact input.submit:hover { 
background:#fff; 
color:#000000;
box-shadow: 0px 2px 3px #555;
}

#contact input[type="submit"][disabled] { background:#ccc; cursor: default; }

#contact input.vsmall, textarea.vsmall, select.vsmall
{
width:52%;
}

#contact input.small, textarea.small, select.small
{
width:70%;
}

#contact input.large, textarea.large, select.large
{
width:96%;
}

#contact fieldset { 
padding:0px 10px 10px; 
border:none;
margin-top:5px;
}

#contact legend { 
text-align:justify;
font-size:1.1em;
color:#333;
padding:2px;
line-height:19px;
margin:0;
margin-bottom:0 !important; 
margin-bottom:0px; 

}

#contact span.required{ 
font-size: 12px; 
font-weight:bold; 
color: #ff0000; } /* Select the colour of the * if the field is required. */

#message { 
margin: 0px 0; 
padding: 0px 0; }

.error_message { display: block; line-height: 22px; background: #FBE3E4 url('../assets/error.gif') no-repeat 10px 6px; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4; -moz-border-radius:5px; -webkit-border-radius:5px; }

ul.error_messages { margin: 0 0 0 15px; padding: 0; }
ul.error_messages li { height: 22px; line-height: 22px; color:#333; }

.loader { padding: 0 10px; }

#contact #success_page h1 { background: url('../assets/success.gif') left no-repeat; padding-left:22px; }

 .myButton {
        
        -moz-box-shadow: 0px 10px 14px -7px #4a4a4a;
        -webkit-box-shadow: 0px 10px 14px -7px #4a4a4a;
        box-shadow: 0px 10px 14px -7px #4a4a4a;
        background-color:#2f4172;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:18px;
        font-weight:bold;
        padding:13px 32px;
        text-decoration:none;
		margin:5px 0 10px;
 
    }
    .myButton:hover {
       background-color:#2795b6;
	   color:#ffffff;
	   -moz-box-shadow: 0px 10px 14px -7px #212121;
        -webkit-box-shadow: 0px 10px 14px -7px #212121;
        box-shadow: 0px 10px 14px -7px #212121;
    }
    .myButton:active {
        position:relative;
        top:1px;
		-moz-box-shadow: 0px 10px 14px -7px #000000;
        -webkit-box-shadow: 0px 10px 14px -7px #000000;
        box-shadow: 0px 10px 14px -7px #000000;
    }
	
	p.bannerText
	{
	font-size:25px;
	font-weight:bold;
	margin:20px 0;
	}
	p.bannerText span
	{
	font-size:15px;
	}
	
	 .myBanner {
        
        -moz-box-shadow: 0px 10px 14px -7px #4a4a4a;
        -webkit-box-shadow: 0px 10px 14px -7px #4a4a4a;
        box-shadow: 0px 10px 14px -7px #4a4a4a;
        background-color:#2f4172;
        -moz-border-radius:8px;
        -webkit-border-radius:8px;
        border-radius:8px;
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:22px;
        font-weight:bold;
        padding:13px 32px;
        text-decoration:none;
		
		padding:10px 20px;
		text-align:center;
    }
    .myBanner:hover {
       background-color:#2795b6;
	   color:#ffffff;
	   -moz-box-shadow: 0px 10px 14px -7px #212121;
        -webkit-box-shadow: 0px 10px 14px -7px #212121;
        box-shadow: 0px 10px 14px -7px #212121;
    }
    .myBanner:active {
        position:relative;
        top:1px;
		-moz-box-shadow: 0px 10px 14px -7px #000000;
        -webkit-box-shadow: 0px 10px 14px -7px #000000;
        box-shadow: 0px 10px 14px -7px #000000;
    }
	
	/* ---------------------------------------------- SIDE NAVIGATION --------------------------------------------------------*/

#sideNavigation{width:99%;float:left;border:1px solid #ccc;padding:0;margin:0px 0 0 0}
#sideNavigation span{text-align:left;font-size:2em;color:#555;margin:15px 0 15px 0px;background:url(../images/icons/iconsprite2O.png) -5px -37px no-repeat;padding:0 0 0 12px;display:block;-webkit-transition:.4s linear all;-moz-transition:.4s linear all;-ms-transition:.4s linear all;-o-transition:.4s linear all;transition:.4s linear all;cursor:pointer}
#sideNavigation span:hover{background:url(../images/icons/iconsprite2O.png) -2px -37px no-repeat}
#sideNavigation span.on{background:none}
#sideNavigation ul{margin:0}
	
.menu {
	width: auto;
	height: auto;
	padding:0;
	list-style:none;
}
.menu > li > a {
	border-bottom: 1px solid #b4b8c2;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-indent: 1.5em;
	display: block;
	position: relative;
	color: #3c4b76;
	font-size:1em;
	background:url(../images/icons/iconsprite2O.png) 5px -38px no-repeat;
	/*padding:0 0 0 12px;*/
	-webkit-transition:.4s linear all;-moz-transition:.4s linear all;
	-ms-transition:.4s linear all;-o-transition:.4s linear all;
	transition:.4s linear all;
	/*cursor:pointer*/
}

.menu ul li {
	list-style:none;
	list-style-type: none;
}
.menu ul li a {

	width: 100%;
	height: 25px;
	line-height: 25px;
	text-indent: 2.75em;
	display: block;
	position: relative;
	font-size: 1em;
	color: #3c4b76;
	list-style:none;
	list-style-type: none;
	background:url(../images/icons/iconsprite2O.png) 18px -20px no-repeat;
	-webkit-transition:.4s linear all;-moz-transition:.4s linear all;
	-ms-transition:.4s linear all;-o-transition:.4s linear all;
	transition:.4s linear all;
}

#sideNavigation ul{
padding:0;
}
.menu ul li a:hover, .menu ul li a.active {

}

.menu ul li:last-child a {
border-bottom: 1px solid #b4b8c2;
}
.menu > li > a:hover, .menu > li > a.active {
	background:url(../images/icons/iconsprite2O.png) 10px -38px no-repeat #eee;
	font-weight:bold;
}
.menu > li > a.active {
background:url(../images/icons/iconsprite2O.png) 8px -55px no-repeat;
}
.menu > li > a:before {
	list-style:none;
	background-repeat: no-repeat;
	height: 1em;
  	width: 1em;
	position: absolute;
  	left: 0;
	top: 50%;
	margin: -.5em 0 0 0;
}
.item1 > a:before {
	background-position: 0 0;
}
.item2 > a:before {
	background-position: -38px 0;
}
.item3 > a:before {
	background-position: 0 -38px;
}
.item4 > a:before {
	background-position: -38px -38px;
}
.item5 > a:before {
	background-position: -76px 0;
}
.menu > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; 
	background: #48515c;
	line-height: 1em;
	height: 1em;
	padding: .4em .6em;
	margin: -.8em 0 0 0; 
	color: #fff;
	text-indent: 0;
	text-align: center;
	font-weight: 500;
}
.menu > li > a:hover span, .menu > li a.active span {
	background: #2173a1;
}
.menu > li > ul li a:before{
list-style:none;
	font-size: 8px;
	color: #bcbcbf;
	position: absolute;
	width: 1em;
	height: 1em;
	top: 0;
	left: -2.7em;
}
.menu > li > ul li:hover a,
.menu > li > ul li:hover a span,
.menu > li > ul li:hover a:before {
	font-weight:bold;
	background:url(../images/icons/iconsprite2O.png) 28px -20px no-repeat #eee;
}
.menu ul > li > a span {
	font-size: 0.857em; 
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 50%; /
	background: #fff;
	border: 1px solid #d0d0d3;
	line-height: 1em;
	height: 1em;
	padding: .4em .7em;
	margin: -.9em 0 0 0; 
	color: #878d95;
	text-indent: 0;
	text-align: center;
	font-size: 1em;
}
	
	/* ---------------------------------------------- TWITTER FEED --------------------------------------------------------*/

.tweet, .query {
font-family: Arial, Helvetica, sans-serif;
font-size:1em;
margin-top:0px;
color:#fff;
}

.tweet_list {
list-style: none;
margin: 0;
padding: 0;
overflow-y: hidden;
background-color:none;
}

.tweet_list ul{

}


.tweet_list li {
overflow-y: auto;
overflow-x: hidden;
list-style-type: none;
line-height:1.3;
margin-bottom:10px;
}

.tweet_list li a {

}

.tweet_list .tweet_even {
background-color:none;
}

.tweet_list .tweet_avatar {
padding-right: .5em; float: left;
}

.tweet_list .tweet_avatar img {
vertical-align: middle;
}