/*

	The Coyle Company -  by JOHANNES BOOY 
	VERSION 1.0
	
	CONTENTS ----------
	
	   1.BODY
	   2.DEFAULT STYLING
	   3.HEADINGS
	   4.LINKS
	   5.IMAGES
	   6.LAYOUT
	   7.BRANDING/MASTHEAD
	   8.NAVIGATION
	   9.SITEINFO/FOOTER
	   10.HOME PAGE
	   11.PRIMARY CONTENT
	   12.SECONDARY CONTENT
	   13.INTERNAL PAGES
	   14.FORMS
	   
	   
    -------------------
	
*/



@import url(reset.css); /* RESET CSS */


/* 1.BODY
---------------------------------------------------------------------- */

body { background-color:#e8e8e6; font-size:62.5%; color:#766a63; font-family: Verdana, Arial, Helvetica, sans-serif;  }

ul#nav_access { position:absolute; top:-9999px; left:-9999px; }



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */

div#contentPrimary p, div#contentPrimary ul, div#contentPrimary dl, div#contentPrimary ol { line-height:1.8em; margin-bottom:1em;  }

ul { list-style: disc;}
ul li { margin: 0px 0px 0.5em 25px; line-height: 1.8em;}
ul li ul {list-style: circle; margin: 1em 0px 0.5em 25px;}
dl {  } 
dt {  }
dd {  }
ol { list-style: lower-roman; list-style-position:outside; }
ol li { margin-left:30px; }

hr { height:0; border:0; border-top:1px solid #ccc; margin-bottom:24px; }

blockquote { font-style:italic; background:#eee; padding:12px; margin-bottom:24px; font-size: 1em; line-height: 2em;}
blockquote cite { display:block; font-style:normal; text-transform:uppercase; font-size:0.8em; letter-spacing:1px; color:#666;  margin-top: 5px;}

pre {  }
pre code {  }
code {  }

abbr { border-bottom:1px solid #ccc; cursor:help; }
abbr:hover { border-color:#999; }
del { color:#999; }
strong { font-weight:bold; }
em { font-style: italic;}
sup { font-size:0.75em; position:relative; top:-3px; }

.directions strong {display: block;}



/* 3.HEADINGS
---------------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight:normal; }

h1 { }
h2 { margin-bottom: 1.2em; color:#b65518; font-weight: bold; text-transform:uppercase; }
h3 {margin: 3em 0 1em 0; color:#666; font-weight: bold; text-transform:uppercase;  line-height: 1.6em; font-size: 0.9em;}
h4 {margin: 3em 0 1em 0; color:#b65518; font-weight: bold; text-transform:uppercase;  line-height: 1.6em; }
.our_leadership h3 {line-height: 1.4em; margin-top: 3em;}


/* 4.LINKS
---------------------------------------------------------------------- */
a {color:#004477; }

a:link,
a:visited, { color:#004477; }
a:hover,
a:focus { color:#4f552a; }


/* 5.IMAGES
---------------------------------------------------------------------- */

#contentPrimary img {margin: 5px 0px 10px 0px;padding: 2px; border: 1px solid #ccc; border-bottom-color: #999; border-right-color: #999;}
#contentPrimary img.fl { float:left; margin: 5px 15px 5px 0px;}
#contentPrimary img.fr { float:right; margin: 5px 0px 5px 15px;}

ul#text_sizing img {margin: 0px 0px 0px 0px;padding: 0px; border: none; }


/* 6.LAYOUT
---------------------------------------------------------------------- */


div#branding {margin:0 auto; background: #000 url(../images/hdr_bg.jpg) top left repeat-x; }


div#contentWrapper { width:921px; margin:0 auto; padding:0px 6px 0px 6px; background: url(../images/wrap_bg.jpg) top left repeat-y; }

div#contentMedia {float:left; background: #4f552a; padding-bottom: 30px; position: relative;}
div#contentPrimary {float:right; padding: 40px 25px; position: relative; }


.clear {clear: both; height: 0px; line-height: 0px; overflow: hidden; margin: 0; padding: 0; background: none;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}


/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */

div#branding h1 {float: left; width:295px; height:38px; text-indent:-9999em; padding:0; margin: 54px 0px 0px 45px; }
div#branding h1 a {background: url(../images/logo.jpg) top left no-repeat; width:295px; height:38px; display: block;}

div#branding {width: 921px; float: left; padding-bottom: 18px;}



/* 8.NAVIGATION
---------------------------------------------------------------------- */
div#navigation {float: left; background: #4f552a; padding: 7px 0px; }

ul#mainNav {float: left; list-style:none; background: #32361b; padding-left: 21px; width: 900px; }

ul#mainNav li {float:left;  /*margin-left:10px;*/ padding:0px; margin: 0px 40px 0px 0px; line-height: 0;}
ul#mainNav li a:link,
ul#mainNav li a:visited {padding: 0px; }
ul#mainNav li a:hover {}

ul#subNav {float: right; width: 85px; list-style: none; margin: 21px 20px 0px 0px; line-height: 0; }

ul#subNav li {margin:0; padding: 0px; line-height: 0px;}
ul#subNav li a:link,
ul#subNav li a:visited {margin:0; padding: 0px;}

ul#subNav li a:hover, ul#subNav li a.selected {}
ul#subNav li a.last {}



ul#mainNav li.financial_advantage {margin:0px 0px 0px 0px;}



/* 9. SITEINFO/FOOTER
---------------------------------------------------------------------- */
#footer {clear: both; width:921px; margin:0px auto 20px auto; padding:10px 6px 0px 6px; background: url(../images/footer.jpg) top left no-repeat;}
#footer ul {list-style: none; margin-left: 290px;}
#footer li {float: left; }


/* 10.HOME PAGE
---------------------------------------------------------------------- */


.home div#contentWrapper {  }
.home div#contentMedia {width:572px;}
.home div#contentPrimary {width:299px;  }

/* 11.PRIMARY CONTENT
---------------------------------------------------------------------- */
.leadership_nav {float: left; list-style: none;}
.leadership_nav strong {display: block;}
.leadership_nav li {margin: 10px 50px 10px 0px; padding: 0; float: left; width: 130px;}
.leadership_nav li.endrow {margin: 10px 0px 10px 0px;}
.leadership_nav li a {color:#766a63; text-decoration: none; display: block;}
.leadership_nav a:hover {text-decoration: underline;}

ul#text_sizing {position: absolute; top: 5px; right: 0px; list-style: none;}
ul#text_sizing li {float: left; margin: 0px 4px 0px 0px; line-height: 0px; font-size: 1.1em; }
ul#text_sizing li.text {padding: 0px 0px 0px 0px;}



#contentMedia .overlapC {position: absolute; z-index: 20; top: -7px;}

/* 12.SECONDARY CONTENT
---------------------------------------------------------------------- */




/* 13.INTERNAL PAGES
---------------------------------------------------------------------- */

.internal div#contentMedia {width:322px; }
.internal div#contentPrimary {width:545px;  }

/* 14.FORMS
---------------------------------------------------------------------- */