/*   
Theme Name: Stone-Murphy
Description: Custom theme for Stone Murphy Executive Search
Author: Wizzy Wig Design
Author URI: http://www.wizzywigdesign.com
Template: Starkers
*/

/* -------------------------------Layout -------------------------------------------*/
body { background:#063a68;}
div.page-wrap {width:960px; margin:0px auto; background:#FFFFFF url(images/bevel-middle.png) repeat-y; position:relative;  -moz-box-shadow: 0px 0px 15px #002341;
  -webkit-box-shadow: 0px 0px 15px #002341;  box-shadow: 0px 0px 15px #002341;
}

div.wrap-top {height:10px; padding:0; margin:0px;} 
div.wrap-top img {padding:0px; margin:0px; position:absolute; top:0px;}
div.wrap-bottom {height:10px; padding:0; margin:0px;}

div.content {padding:0px 40px 0; font-family:'Quattrocento Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:18px;}
div.headerlogo {width:475px; height:75px; background:#fff url(images/Logo.png) center no-repeat; border:3px #bc9538 solid; margin:0 auto; position:relative; top:45px; z-index:100}
div.banner {padding:0 10px; /*border-left:2px #bc9538 solid;*/}
div.banner img {width:940px;}

div.footer {width:960px; margin:3px auto; color:#96a7ba; font-family:'Quattrocento Sans', Arial, Helvetica, sans-serif; font-size:13px; text-align:center}
div.footer a {color:#96a7ba; text-decoration:none}
div.credit { font-size:11px; width:360px; margin:8px auto; text-align:center; font-family:Arial, Helvetica, sans-serif; border-top:1px #4f85b5 solid; padding-top:3px;}
div.credit a { color:#4f85b5; text-decoration:none;}

div.iewarning {position:absolute; top:0px; left:0px; height:30px; background:#ffb504; color:#000; width:100%; text-align:center;}
  
/* -------------------------------Misc -------------------------------------------*/
.alignleft {float:left; margin-right:10px;}
.alignright {float:right; margin-left:10px;}
.aligncenter {display:block; margin:0 auto;}

/*justification */
p, p.justify, div.justify, .column, div.content ul li { text-align:justify;}
p.center, div.center, div.center p {text-align:center;}
body.page-id-168 .column p {text-align:left;} /*section headers in representative engagements pages */
div#process h3 {text-align:left; /*headings on process page */}
#tiptip_content p {text-align:left;}


.blue {color:#063a68;}
a {color:#0a4b84; text-decoration:none}
a:hover, .gold { color:#9e771a;}
.clear {clear:both;}
.centered {text-align:center;}

a img {border:none;} /*prevent IE from putting borders around images that are links */
.content p a {text-decoration:underline;}

.small { font-size:12px; font-style:italic; color:#999;}

h1, .h1, .h1 a, h2, .h2, .h2 a { font-family: 'Quattrocento Sans', Arial, Helvetica, sans-serif; font-weight:normal; text-transform:uppercase; color:#42607b; line-height:normal}
h1, .h1 {font-size:28px;}
h2, .h2 {font-size:22px;}
h1 a, .h1 a, h2 a, .h2 a {text-decoration:none;/* color:#063a68*/;}
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover {color:#9e771a;}
.smallSubtitles {font-family: 'Quattrocento Sans', Arial, Helvetica, sans-serif; font-weight:bold; }
/*.smallSubtitles a {text-decoration:none; color:#42607b;}
.smallSubtitles a:hover {color:#9e771a;}*/


.button {}
a.button, .button a {text-decoration:none; color:#9e771a !important; font-size:18px; text-align:center; padding:5px 20px; background: #fff url(images/buttonGradBG.jpg) repeat-x top; 
height:auto; border:#9e771a 2px solid; /*display:block;*/
 margin:0 auto; margin-top:10px; width:300px; text-decoration:none;}
a.button:hover, .button a:hover { color:#fff !important; background:#dcaf43;}
p.center a.button {text-decoration:none;}

.column {width:415px; float:left; margin-right:20px; }


/* ------------------------------- Specific Pages -------------------------------------------*/
body.parent-pageid-11 .button a, body.parent-pageid-11 a.button {font-size:14px; padding:3px 10px; border-width:1px;}

/*large tooltip on middle market equity and financial services pages */
div#current-engagements { display:block; text-align:right; position:relative; top:-38px;}
div#current-engagements div#current-eng-content {background:#003; color:#ffffff; font-size:12px; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; text-align:left; width:420px; position:absolute; top:20px; right:0px; padding:8px; display:none;}
div#current-engagements a {color:#bc9538; font-weight:bold;}
div#current-engagements a:hover div#current-eng-content {display:block;}
div#current-engagements p {text-align:left !important;}


/*team */
div.col3 {width:200px; margin-right:60px; float:left}
div.col3 a {text-decoration:none;}
body.page-id-33 div.col3#toni, body.page-id-38 div.col3#bob, body.page-id-42 div.col3#al {border:#9e771a 2px solid;}
div.col2 a img {border:none; /*needed for IE */}

div#tiptip_holder.tip_bottom div#tiptip_content, #tiptip_content {font-size:12px; background-color:#063a68 !important; font-family:Arial, Helvetica, sans-serif; }
.wp-tooltip {border-bottom: none !important; color:#9e771a;}

/*process */
div#process h3 {padding-top:0px; margin-top:0px;}  
div.steps {clear:both; padding-top:20px;}

 

div.col2 {width:420px; margin-right:20px; float:left}
div.col4 {width:190px; margin-right:20px; float:left}

/*financial services table*/
.table1 {width:700px; margin:0 auto; background:#f8f0dd; border:3px #BC9538 solid; font-size:16px;}
.table1 td {border:1px #ccc solid; width:330px; padding:10px;}

/*process */
div#methodology {width:860px; border:3px #BC9538 solid; padding:10px; margin:40px 0; background:#f8f0dd;}
div#methodology p {margin-top:0px; padding-top:0px;}
div#methodology span.legendTitle { /*background:#fff; position:relative; top:-20px; padding:0 5px; */}

div#process {position:relative;}
div#pyramid {float:left;}
div#pyramid div#pic {float:left;}
div#pyramid div.numbers {float:left; position:absolute; left:160px; top:0px;}
ul#stepped {list-style:none; padding:0px; margin:0px; position:relative; line-height:27px}
ul#stepped li.s7 {margin-left:10px;}
ul#stepped li.s6 {padding-left:25px;}

ul#stepped li.s5 {padding-left:40px;}
ul#stepped li.s4 {padding-left:55px;}
ul#stepped li.s3 {padding-left:70px;}
ul#stepped li.s2 {padding-left:85px;}
ul#stepped li.s1 {padding-left:100px;}
div.numbers a {text-decoration:none; color:#000; display:block;}
div.numbers a:hover {text-decoration:underline; color:#9e771a;}
div#desc {width:315px; position:absolute; left:580px; height:450px; overflow:auto}
div#desc h3 {padding:0px; margin:0px;}

/* -------------------------------Menu -------------------------------------------*/

div.secondarynav {width:960px; margin:0 auto; position:relative; top:55px;}
div.secondarynav ul {list-style:none; margin:0; padding:0; width:960px; }
div.secondarynav ul li {float:right;}
div.secondarynav ul li a {color:#83a1bb; font:13px Arial, Helvetica, sans-serif; text-decoration:none; display:block; padding:0 8px;}
div.secondarynav ul li a:hover {color:#fff; }

div.menu ul {list-style:none; margin:0; padding:0; margin:55px 10px 0 10px;position:relative;  z-index:1000}

div.menu ul li {float:left; width:233px; margin-right:2px; font-family:'Quattrocento Sans', Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size:16px; letter-spacing:0.10em;   list-style:none; position:relative}
div.menu ul li a {color:#fff; display:block; text-decoration:none; text-align:center; padding:14px 0 10px; /*height:28px; */background: #063a68 url(images/MainNavButn.jpg) no-repeat;}
div.menu ul li a:hover {color:#fff; background: #063a68 url(images/MainNavButn.jpg) no-repeat 0px -42px;}
/*adjust far right menu tab to reach to the right side */
div.menu ul#menu-main-navigation-menu.menu li#menu-item-136.menu-item {margin-right:0px; width: 235px;}

div.menu ul ul {
	display:none; /* Sub menus are hidden by default */
	position:absolute;
	top:42px;
	left:40px;
	margin:0px;
	float:left;
	/*right:auto; resets the right:50% on the parent ul */
	/*width:202px;  width of the drop-down menus */
}
div.menu ul ul li {
	/*left:auto;  resets the left:50% on the parent li */
	margin:0px; /* Reset the 1px margin from the top menu */
	clear:left;
	float:left;
	width:150px; 
	border:1px #BC9538 solid;
	position:relative;
}

div.menu ul li a:hover ul li a {width:150px; height:25px; padding:8px 0;} /* this sets different padding for sub-menu items */

div.menu ul ul li a,
div.menu ul li.active li a,
div.menu ul li:hover ul li a,
div.menu ul li.hover ul li a { /* This line is required for IE 6 and below */
	font-size:.8em;
	font-weight:normal; /* resets the bold set for the top level menu items */
	float:left;
	width:150px; 
	letter-spacing:normal;
	margin:0px; width:100%; background:#fff; color:#9e771a; padding:8px 0;
}

div.menu ul ul li a:hover,
div.menu ul li.active ul li a:hover,
div.menu ul li:hover ul li a:hover,
div.menu ul li.hover ul li a:hover { /* This line is required for IE 6 and below */
	background:#BC9538;  /* Sub menu items background colour on rollover*/
	color:#fff; 
	float:left;
	width:100%;
}


/* Make the sub menus appear on hover */
div.menu ul li:hover ul,
div.menu ul li.hover ul { /* This line is required for IE 6 and below */
	display:block; /* Show the sub menus */
	width:100%
}


/*third level */
div.menu ul li:hover ul li ul,div.menu ul li.hover ul li ul  { display:none;} /*hide by default */	
div.menu ul ul ul {position:absolute; left:151px; top:-1px; display:none;}
div.menu ul li ul li:hover ul {display:block;}