/* CSS Document */

/* Global Stuff */

body {
	font: .9em "Gill Sans";
	text-align:center;
	behavior: url(../styles/csshover.htc);
	background-color: #B1B9C0;
}

div#bg {
	background-color: #28497e;
	background-image: url(../images_pres/back_main.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 100%;
}

* {margin:0px; padding:0px;}

.print {
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;

}

h1 {
	padding-left: 15px;
	font-family: "Gill Sans", Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #b57e46;
	padding-top: 10px;
	font-size: 20px;
}

h3 {
	padding-left: 15px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #399;
	padding-bottom: 15px;
}

p {
	color: #3f567a;
	font-size: 15px;
	line-height: 24px;
	padding-bottom: 18px;
	padding-left: 15px;
}

.sketch {
	color: #930;
}

.ImageLeft {
	float: left;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-right: 8px;
}

.ImageRight {
	float: right;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 8px;
	padding-right: 8px;
}

div#wrapper {
	width:1020px;
	min-height:340px;
	margin-top: 18px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images_pres/back_body_home.gif);
	background-repeat: repeat-y;
}

div#wrapperHome {
	width:1020px;
	min-height:340px;
	margin-top: 18px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images_pres/back_body_big.jpg);
	background-repeat: repeat-y;
}


div#logoWrapper {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

div#header {
	width:100%;
	height:30px;
	margin-left:auto;
	margin-right:auto;
	background-color: #d3d8d8;
	background-image: url(../images_pres/back_header.gif);
	background-repeat: repeat-x;
}

div#footer {
	height:28px;
	background-color: #d3d8d8;
	background-image: url(../images_pres/back_footer.gif);
	background-repeat: repeat-x;
	clear: left;
	float: left;
	width: 100%;
	
}
#footer img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	float: right;
}


div#footerText {
	float: left;
	line-height: 28px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	width: 400px;
	text-align: left;
}

div#footerLinks {
	float: right;
	line-height: 28px;
	text-decoration: none;
	color: #666;
	font-size: 12px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	text-align: left;
	margin-right: 24px;
}

div#footerLinks a {
	text-decoration: none;
	color: #666;
	font-size: 12px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

div#promoSpan {
	width:100%;
	height:346px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images_pres/back_promoSpan.gif);
	background-repeat: repeat-x;
}

div#flashcontent {
	margin-left:auto;
	margin-right:auto;
	margin-top: 9px;
}

div#logo {
	width:718px;
	height:67px;
	background:url(../images_pres/guilday_logo.gif) no-repeat left center;
	margin-left:auto;
	margin-right:auto;
	margin-top: 27px;
	cursor: pointer;
}

div#content {
	width:1020px;
	margin-top: 10px;
	text-align:left;
}

div#mainContent {
	width:690px;
	margin-top: 12px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	float: left;
}

div#mainContentBig {
	width:690px;
	margin-top: 12px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
	float: left;
}

div#mainContentBig img {
	float: left;
	padding-top: 5px;
	padding-right: 8px;
}

div#mainContentBig p {
	float: left;
	font-size: 24px;
	padding-left: 12px;
	line-height: 36px;
}

div#mainContentBig h1 {
	padding-bottom: 10px;
}


div#mainCallOut {
	width:675px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #b57e46;
	background-image: url(../images_pres/harmonie.gif);
	background-repeat: no-repeat;
	background-position: 580px center;
}

div#mainCallOut p {
	color: #666;
	font-size: 14px;
	text-align:justify;
	line-height: 20px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 15px;
	padding-right: 115px;
}

div#rightContent {
	width:242px;
	margin-top: 40px;
	margin-right: 8px;
	margin-bottom: 8px;
	float: right;
	display:inline; /* To fix IE margin doubling bug */	
}

div#rightContent a {
	font-weight: bold;
	color: #990000;
	text-decoration: underline;	
}

div#rightContentSec {
	clear: none;
	float: left;
	width: 220px;
}

div#rightContentSec p {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	text-align: left;
}

div#rightContentSec h3 {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #28497e;
}

div#rightContentSecShort {
	clear: none;
	float: left;
	width: 220px;
}

div#rightContentSecShort p {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
}

div#rightContentSecShort h3 {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #28497e;
}

div#rightContent p {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 14px;
	padding-bottom: 18px;
	padding-left: 15px;
}

div#rightContent h3 {
	padding-left: 15px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #28497e;
	padding-top: 10px;
}

div#rightContent img {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 15px;
}


/* Secondary Pages */
/* Profiles */

div#promoSpanProfiles {
	width:100%;
	height:33px;
	margin-left:auto;
	margin-right:auto;
	background-color: #28497e;
	background-image: url(../images_pres/menubar_bg.jpg);
	background-repeat: repeat-x;
}

div#wrapperProfiles {
	width:998px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../images_pres/body_practice_repeat-y.gif);
	background-repeat: repeat-y;
	clear: none;

}

/* holds rightbar faux-transparency background image */
div#wrapperProfilesSub {
	background-image: url(../images_pres/wrapperSub_bg.jpg);
	background-repeat: no-repeat;
	background-position: right 15px;
	position: relative;
	clear: both;
	width: 100%;
}
#wrapperProfilesSub img.topimg {
	float: left;
}

div#contentProfiles {
	text-align:left;
	display:inline;
	z-index: 1;
}

div#contentMainProfiles {
	text-align:left;
	margin: 0px;
	padding: 0px;
	display: block;
}

.bigPic  {
	float: right;
	z-index: 2;
	top: 3px;
	right: 10px;
	position: relative;
	clear: left;
	padding-left: 25px;
}

div#contentProfilesText p {
	margin-right: 18px;
	color: #000;
	font-size: 14px;
	line-height: 20px;
}

.tabbed {
	padding-left: 18px;
}

div#contentProfilesText ul {
	padding-left: 30px;
	width: 300px;
	padding-bottom: 10px;
	line-height: normal;
}

div#contentProfilesText li {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	line-height: normal;
	font-style: normal;
	font-weight: normal;

}

div#contentProfilesText a {
	color: #900;
	text-decoration: none;
	line-height: 20px;
	
}

div#contentProfilesText a:hover {
	color: #900;
	text-decoration: underline;
}

div#contentProfilesText h1 {
	padding-left: 15px;
	font-family: "Gill Sans", Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #630;
	padding-top: 10px;
	font-size: 22px;
	border-bottom: 1px solid #000;
	width: 300px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}

div#contentProfilesText h2 {
	padding-left: 15px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #693209;
	padding-top: 10px;
	font-size: 16px;
	border-bottom: 1px solid #000;
	width: 300px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}

div#contentProfilesText h3 {
	padding-left: 15px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 16px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}


div#contentProfilesText {
	width:535px;
	text-align:left;
	margin-right: 6px;
	margin-left: 12px;
	float: left;
	z-index: 2;
}

/* Practice Areas */

div#contentMainPractice {
	width:548px;
	text-align:justify;
	float: left;
	display:inline; /* To fix IE margin doubling bug */
}

.practiceMainPic {
	float: right;
	padding-top: 8px;
	padding-right: 6px;
	clear: left;
	margin-left: 15px;
}

div#contentPracticeText p {
	color: #000;
	font-size: 14px;
	text-align:justify;
	line-height: 18px;
}

div#contentPracticeText ul {
	width: 430px;
	margin-right: 80px;
	margin-top: 0px;
	padding-bottom: 14px;
	padding-left: 34px;
	
}

div#contentPracticeText li {
	list-style-position: outside;
	list-style-type: disc;
	line-height: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #630;
}

div#contentPracticeText a {
	color: #900;
	font-size: 14px;
	text-decoration: none;
}

div#contentPracticeText a:hover {
	color: #900;
	text-decoration: underline;
}

div#contentPracticeText h1 {
	padding-left: 15px;
	font-family: "Gill Sans", Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #630;
	padding-top: 10px;
	font-size: 18px;
	padding-bottom: 4px;
	margin-bottom: 5px;
}

div#contentPracticeText h2 {
	padding-left: 15px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #693209;
	padding-top: 10px;
	font-size: 16px;
	padding-bottom: 4px;
	margin-bottom: 5px;
	border-bottom-style: solid;
	width: 300px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-color: #003366;
	border-right-color: #003366;
	border-bottom-color: #003366;
	border-left-color: #003366;
	overflow: hidden;
}

div#contentPracticeText h3 {
	padding-left: 15px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000;
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}


div#contentPracticeText {
	text-align:left;
	float: left;
	margin-right: 12px;
	margin-left: 12px;
	clear: none;
}


/* Left Navigation */

div#leftNav {
	width:213px;
	margin-top: 12px;
	margin-bottom: 8px;
	margin-left: 8px;
	float: left;
	display:inline; /* To fix IE margin doubling bug */
	clear: none;
}

div#leftNav h2 {
	padding-left: 13px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #036;
	padding-bottom: 10px;
	text-align: left;
}

div#leftNav ul {
	width: 194px;
	padding-left: 6px;
	font-size:12px;
	font-weight: bold;
	list-style-type: none;
	margin-top: 0;
	padding-bottom: 18px;
	text-align: left;
}

div#leftNav li {
	display:inline;
}

div#leftNav a {
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-size: 13px;
	display: block;
	color: #900;
	text-decoration: none;
	border-bottom: 1px solid #000;
	padding-left: 8px;
	padding-bottom: 4px;
	padding-top: 6px;
}

div#leftNav ul .current a {
	font-size: 14px;
	display: block;
	color: #036;
}

div#leftNav a:hover {
	background: url(../images_pres/back_leftNav.gif) repeat-x;
}


/* Main top navigational area */

.hide {
	display: none;
}

div#mainNav {
	width: 650px;
	height:31px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border-left-width: 1px;	
	border-left-style: solid;
	border-left-color: #9CA6B3;
}


/* Site Tables */

.tableTitle {
    font-family: Myriad, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #fff;    
    font-size: 24px;
}

.tableSubTitle {
    font-family: Myriad, Arial, Helvetica, sans-serif;
    color: #fff;    
    font-size: 15px;
}

.thLinks {
    background: #004fa7;
    color: #ffffff;
    text-decoration: none;
}

table.display {
	border: 1px solid #1d3351;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	margin-left:25px;
}

table.display p {
    text-align: left;
}

table.display td {
    padding: 5px;
}

.tableHead {
    background: #8eb7d2 url(../images_pres/bar_tableHead.gif) repeat-x left center;
    border-bottom: 1px solid #8eb7d2;
    height:30px;
    line-height:30px;
    font-family: Myriad, Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #FFF;
    text-indent: 4px;
    font-weight: bold;
}

.even {
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
	padding-left: 4px;
	 
}
.odd {
	background-color: #f5f5f5;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: 4px;	
}



/* the horizontal menu starts here */
div#listmenu {
	width: 750px;
	height:32px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-size:15px;	/* SET FONT-SIZE HERE */
	z-index: 20;
	}
	
div#listmenu ul {
	margin:0 0 0 25px;/* indents ul from edge of container - NOTE: diff value for IE in hacks below */
	}
	
div#listmenu li {
	float:left;	/* causes the list to align horizontally instead of stack */
	position:relative; /* positioning context for the absolutely positioned drop-down */
	list-style-type:none;	/* removes the bullet off each list item */
	border-right:1px solid #c5cedc; /* creates dividing lines between the li elements */
	height:32px;
	z-index: 20;
	}
	
div#listmenu li:first-child {
	border-left:1px solid #c5cedc; /*the first vertial line on the menu */
	}

div#listmenu li:hover {
	background-image: url(../images_pres/back_promoSpanProfiles-hove.gif);
	background-repeat: repeat-x;
	
	}
	
div#listmenu li:hover:first-child  {
	background-image: url(../images_pres/back_promoSpanProfiles-hove.gif);
	background-repeat: repeat-x;
	
	}
	
div#listmenu a {
	display:block; /*creates space each side of menu item's text */
	text-decoration:none;	 /* removes the underlining of the link */
	color:#fff;	/* sets the type color */
	padding-top: 9px;
	padding-right: 20px;
	padding-bottom: 6px;
	padding-left: 20px;
	}
div#listmenu a:hover {
	color:#fff;
	}
	
div#listmenu ul .current a {
	background: url(../images_pres/mainNav_back.gif) repeat-x left top;
}

div#listmenu ul .NOTcurrent a {
	background: url(none);
}
	
/* the menu ends here */

/* the drop-down starts here */
div#listmenu ul li ul {
	margin:0; 
	z-index:10; /* puts drop-down on top of div - Safari needs this as menu is 1px higher */
	position:absolute; /* positions the drop-down ul in relation to its relatively positioned li parent */
	width:14em; /*sets the width of the menu - in combo with the li's 100% width, makes the menu stack*/
	border-right:0; /* stops SCBs drops having two right borders - they inherit the border, IE doesn't */
	left:-1px; /*aligns the drop exactly under the menu */
	text-align:left;
	font-size:13px;	
	}
div#listmenu ul li ul li {
	padding:0;
	width:100%; /* makes the list items fill the list container (ul) */
	border-left:1px solid #c5cedc; /*  three sides of each drop-down item */
	border-bottom:1px solid #c5cedc;
	border-right:1px solid #c5cedc;
	background-color:#28497e; /*sets the background of the menu items */
	height:28px;
	background-image: url(../images_pres/menu-bg-out.gif);
	background-position: left bottom;

	
	}
div#listmenu ul li ul li a {
	padding:4px 10px 4px 6px;
	}
	
div#listmenu ul li ul li:first-child {
	border-top:1px solid #c5cedc; /*the top edge of the dropdown */
	background-color:#28497e; /*sets the background of the menu items */
	}
	
/* make the drop-down display as the menu is rolled over */
div#listmenu ul li ul {display:none;} /* conceals the drop-down when menu not hovered */
div#listmenu ul li:hover ul {
display:block; 
} /* shows the drop-down when the menu is hovered */

/* pop-out starts here */
div#listmenu ul li ul li ul  {
	position:absolute;
	visibility:hidden; /* same effect as display:none in this situation */
	top:-1px;
	left:10em;
	}
	
div#listmenu ul li ul li ul li {
	left: 52px;	   /* James's fix */
}

div#listmenu ul li ul li:hover{
	background-image: url(../images_pres/menu-bg-hover.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div#listmenu ul li ul li:hover:first-child{
	background-image: url(../images_pres/menu-bg-hover.gif);
	background-repeat: repeat-x;
	background-position: top;
}

div#listmenu ul li ul li:hover ul {visibility:visible;} /* same effect as display:block in this situation */

/* second level popouts start here*/
div#listmenu ul li ul li:hover ul li ul {visibility:hidden;}
div#listmenu ul li ul li ul li:hover ul {
visibility:visible;
} /* same effect as display:block in this situation */

/* THE HACK ZONE - */

/* add a top line to drops and pops in IE browsers - can't read :first-child */
* html  div#listmenu ul li ul {
	border-top:1px solid #c5cedc;
	border-left:0px; /* stops the drop inheriting the ul border */
	}
/* the Tantek hack to feed IE Win 5.5-5.0 a lower value to get the pop-out to touch the drop-down */
* html  div#listmenu ul li ul li ul { 
  left:9.85em; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  left:10em;
  } 

/* and the "be nice to Opera" rule */
html>body div#listmenu ul li ul li ul {
  left:10em;
} 

/* an Opera-only hack to fix a redraw problem by invisibly extending the ul */
/* the first-level drop stays open for 100px below the bottom but at least it works */
/* this can be reduced to as little as 22px if you don't have pop-outs */
/* the pop-out menu stays open for 22px below the bottom but at least it works */
	@media all and (min-width: 0px){
   body div#listmenu ul li ul {padding-bottom:100px;}
   body div#listmenu ul li ul li ul {padding-bottom:22px;}
   ul li ul li ul li ul li:hover {visibility:visible;} /* same effect as display:block in this situation */

   }
/*end Opera hack */
/* END OF HACK ZONE */
/* the drop-down ends here */
/* END OF LIST-BASED MENU */


/* Utilities */


.clearthefloats {
	clear:both;
	margin: 0px;
	padding: 0px;
}

/* Alsett Clearing Method www.csscreator.com. Used to float the footer neatly below columns. */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/* fix for IE Mac */

.clearfix {
	display: inline-block;
	height: 0px;
}

/* Holly Hack for a bug in IE 6 for Windows. */

* html .clearfix {height: 1%;}
.clearfix {
	display: block;
	height: 0px;
}
div#logo_home {
	width:900px;
	height:67px;
	margin-left:auto;
	margin-right:auto;
	margin-top: 27px;
	cursor: pointer;
	background-image: url(../images_pres/guilday_logo_home.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
#seal {
	background-image: url(../images_pres/seal.gif);
	height: 187px;
	width: 178px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 17px;
	margin-top: 5px;
	margin-bottom: 25px;
	float: left;
	clear: both;
}

/*********************************************************/
/* "What you need to know" panel, currently on the Petroleum page */

div#contentPracticeText div.callOut {
	width: 340px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 25px;
}
div#contentPracticeText div.callOut h3 {
	padding-left: 0px;
	font-family: Myriad, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #4a6084;
	font-size: 13px;
	padding-bottom: 6px;
	margin-bottom: 0px;
}
div#contentPracticeText div.callOut ul.lst {
	width: 340px;
	margin-right: 0px;
	margin-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
}
div#contentPracticeText div.callOut ul.lst li {
	list-style-type: none;
	line-height: 16px;
	font-weight: normal;
	font-size: 12px;
	color: #000;
	padding: 7px;
	border-bottom: 1px solid #f3f2e8;
	overflow: hidden;
}
div#contentPracticeText div.callOut ul.lst li span {
	float: left;
}
div#contentPracticeText div.callOut ul.lst li a {
	display: block;
	color: #900;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

div#contentPracticeText div.callOut ul.lst li a:hover {
	color: #900;
	text-decoration: underline;
}