/*
Theme Name: The Ledlie Group
Theme URI: http://theledliegroup.com
Description: The theme developed for The Ledlie Group.
Version: 1.0
Author: Ross Johnson

*/

/*----( Fix Page Structure )-----------------------*/
div.clr,
br.clr, br.clear {
     height: 1px;
     overflow: hidden;
     clear: both;
}

.clrfix:after,
.content:after {
    content: '';
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
            
/*----( Page Structure )----------------------------*/
body {
    margin: 0;
    padding: 0;
    background: #dbdbdb url(images/body-bg.png) top repeat-x;
    color: #000;
    font-family: Arial, Verdana, Helvetica, Times;
    font-size: 70%;
    text-align: left;
    line-height: 140%;
}
#container {
    width: 960px;
    margin: 0 auto;
    background: transparent url(images/splash-top-bg.png) no-repeat 0px 70px; 
}

/*----( Header )----------------------------*/
#header {
    height: 89px;
    position: relative;
    background: transparent url(images/header-logo.jpg) no-repeat;
}
#logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 176px;
    height: 76px;
    line-height: 170px;
    overflow: hidden;
}

/*----( Navigation )----------------------------*/
#nav-container {
    position: absolute; z-index: 100;
    top: 22px;
    right: 0px;
}
#nav, #nav ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#nav a {
    display: block;
    font-weight: bold;
    font-size: 120%;
    font-family: Helvetica, Arial, Verdana, Times;
    color: #525252;
    border: 2px solid #fff;
    text-decoration: none;
    padding: 8px 6px;
    position: relative;
}
#nav li:hover, #nav li.sfhover {
/*   background: #fff url(images/nav-top-left.png) top left no-repeat; */
}
#nav a:hover, #nav li:hover a, #nav li.sfhover a {
    border-color: #ccc;
    background: transparent url(images/nav-top-right.png) no-repeat top right;
}
#nav a em {
    position: absolute;
    bottom: -2px;
    left: 0px;
    height: 2px;
    display: block;
    background: transparent;
    width: 100%;
    z-index: 200;
    overflow: hidden;
}
#nav a:hover em, #nav li:hover a em, #nav li.sfhover a em {
    background: #fff;
}
#nav li {
    float: left;
    padding: 0 0 0 12px;
}
#nav li ul {
    border: 1px solid #ccc;
    border-bottom: 0px none #fff;
    position: absolute;
    width: 190px;
    left: -999em;
    z-index: 1000;
    background: #fff url(images/nav-left.png) repeat-y;
}
#nav li ul a, #nav li:hover ul a {
    border: 1px solid #fff !important;
    border-bottom: 1px solid #ccc !important;
    font-family: Arial, Verdana, Times, Helvetica;
    color: #035192;
    background: transparent url(images/nav-right.png) repeat-y top right;
    width: 176px;
}
#nav li ul li {
    width: 176px;
}
#nav li ul a:hover {
    background: #ccc; color: #fff;
}
#nav li ul li {
    padding: 0;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}

/*----( Content )----------------------------*/
#content {
    font-size: 130%;
}

/*----( Content: Splash )----------------------------*/
#splash {
    height: 273px;
    padding: 0 0 24px 0;
    overflow: hidden;
    background: #fff url('http://www.theledliegroup.com/wp-content/uploads/2011/04/splash-bg.jpg') no-repeat;
}
#splash h2 {
    padding: 30px 0 0 36px;
    font-size: 200%; font-weight: normal;
    font-family: Palatino, "Palatino Linotype", Georgia, Times;
    text-transform: uppercase;
    color: #03447b;
    line-height: 35px;
}
#splash h2 span {
    display: block; 
}
#splash h2 em {
    text-transform: none; font-weight: bold;
    color: #959595; display: block;
}
#splash p {
    font-family: Helvetica, Arial, Verdana, Times;
    line-height: 20px;
    width: 400px; font-size: 14px;
    color: #323232;
    padding: 10px 36px;
}
#splash p a {
    color: #323232; font-weight: bold;
    text-decoration: underline;
}
#splash p a:hover {
    color: #000;
    text-decoration: underline;
}

#sub-splash { position: relative; z-index: -1; background: url('images/sub-background.gif'); height: 204px; overflow: hidden; }
#sub-splash h2 { position: absolute; z-index: 1; color: #03447b; font-weight: 100; font-size: 27px; line-height: 27px; text-transform: uppercase; bottom: 15px; right: 25px; font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', Serif;}


.bio-box { background: #03447b; border: 3px double #fff; padding: 5px; color: #fff; }
.bio-box a { color: #fff !important;}


#breadcrumbs { background: url('images/sub-breadcrumbs.gif'); height: 26px; overflow: hidden;}
#breadcrumbs p { margin: 0; color: #fff; text-transform: uppercase; padding: 5px 0 0 10px; font-size: 10px; }
#breadcrumbs a { color: #fdcf07 !important;}

/*----( Content: Box )----------------------------*/
#box {
    padding: 0 0 6px 0;
    background: transparent url(images/blue-box-bottom-bg.png) no-repeat bottom left;
}
#box-inner {
    background: #045498 url(images/blue-box-bg.png) no-repeat bottom left;
}

#box-inner a { color: #fedd50 !important; text-decoration: underline; }
#box-inner a:hover { text-decoration: none; }
#content a { color: #035091; text-decoration: underline; }
#content a:hover { text-decoration: none; }



#box h3 {
    color: #fdcf07;
    font-family: "Palatino Linotype", Palatino, Georgia, Times;
    font-size: 160%;
    font-weight: normal;
    font-variant: small-caps;
    text-align: center;
    padding: 0 0 20px 0;
}
#box h3 em {
    font-style: normal;
    font-size: 130%;
}
#box p {
    color: #fff;
    line-height: 17px;
    font-size: 12px; margin-bottom: 15px;
}

#box div.experience,
#box div.team {
    float: left;
    width: 275px;
    padding: 35px 20px 10px 20px;
}

#lowerGroup { width: 630px; float: left; } 

#box div.news-views {
    float: left;
    width: 295px;
    padding: 35px 0 10px 20px;
}
#box div.news-views h5 {
    color: #fff;
    font-family: Palatino, "Palatino Linotype", Georgia, Times;
    text-transform: uppercase;
}
#box div.news-views h5 em {
    font-style: normal;
    font-size: 130%;
}
#box div.news-views ul.news li {
    padding: 7px 0 0 0;
}
#box div.news-views ul.news li strong {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 110%;
}
#box div.news-views ul.news li em {
    font-style: normal;
    font-size: 130%;
    color: #306591;
}
#box div.news-views ul.news li a.read-more {
    text-decoration: underline;
    text-transform: uppercase;
    color: #fedd50;
}
#news-nav {
    margin: 10px 0 0 0;
    border: 1px solid #306797;
    height: 16px; line-height: 16px; 
}
#news-nav p {
    line-height: 16px !important;
    height: 16px;
    padding: 0 0 0 5px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}
#news-nav div.links {
    float: right;
    height: 16px;
}
#news-nav div.links a {
    display: block;
    padding: 0 5px;
    line-height: 16px;
    height: 16px;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    float: left;
    background: #0d426f;
    border-left: 1px solid #033966;
}
#news-nav div.links a:hover,
#news-nav div.links a.on {
    background: #306591;
}

#sub-content {
	
	margin: 30px 0 60px 0;
	
}

#sub-content-aside { 
	
	width: 240px; float: left; text-align: right;
	padding: 2px 0 0 0;
	}

#sub-content-aside p { font-size: 12px !important; line-height: 18px !important; }
	
#sub-content-primary { 
	
	width: 655px; float: right; margin: 0 auto; 
	padding-left: 30px; border-left: 1px solid #dfdfdf;
	}

#sub-content-primary-letter {
	width: 655px; float: right; margin: 0 auto; 
	padding-left: 30px; border-left: 1px solid #dfdfdf;
}
	
#sub-content h4 { 
	
	color: #111; text-transform: uppercase; font-weight: bold; font-size: 12px;
	
	}
	
#sub-content h3, #sub-content-aside h3 a { 
	
	color: #111111 !important;
	font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', Serif;
	font-variant: small-caps; font-size: 18px;
	margin: 20px 0 10px 0; font-weight: normal;
	
	}
	

	
#sub-content h2 { 
	line-height: 30px;
	color: #034683;
	font-family: Palatino, 'Palatino Linotype', Georgia, Times, 'Times New Roman', Serif;
	font-variant: small-caps; font-size: 24px;
	margin: 20px 0 10px 0; font-weight: normal;
	
	}
	
#sub-content p { margin: 0 0 10px 0; font-size: 13px; line-height: 22px; }

/*----( Modifications )----------------------*/

#newsletter {
	float:left;
	height:250px;
	width:100%;
}

#services_list ul {
	width: 380px;
	height: 100px;
	clear:both;
}

#services_list ul li {
	float:left;
	width:180px;
}
/*----( Footer )----------------------------*/
#footer {
    position: relative;
    background: url(images/prgn-logo.gif) left 5px no-repeat;
    text-align: right; padding: 0 0 5px 0;
    color: #646464;
    font-family: Arial, Verdana, Times, Helvetica;

}
#footer p {
    height: 49px;
    line-height: 49px;
    font-weight: bold;
}

#footer a {
    color: #646464;
    text-decoration: underline;
    text-transform: uppercase;
}
#footer a:hover {
    color: #000;
}
#footer a.prgn {
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
    width: 154px;
    height: 49px;
    line-height: 130px;
    overflow: hidden;
}

#subpage #footer { border-top: 1px solid #bfbfbf;}

/* SUBPAGE HEADERS */

.sub-splash-world { 
	background: url(images/globe-bg.gif) top left no-repeat; height: 204px; z-index: 1;
	}
	
.sub-splash-chess { 
	background: url(images/chess-bg.gif) top left no-repeat; height: 204px; z-index: 1;

	}
	
.sub-splash-hourglass {
	background: url(images/hourglass-bg.jpg) top left no-repeat !important; height: 204px; width: 100%; z-index: 1;
}

#content ul { list-style: disc; margin: 10px 0 10px 15px; font-size: 13px; }
#content ul li { padding-left: 10px; line-height: 18px; }

.letter-meta { color: #888; text-transform: uppercase; letter-spacing: 1px; font-size: 10px !important; margin-top: 0px !important;}
.excerpt { font-family: 'Palatino', 'Palatino Linotype', 'Georgia' , 'Times' , 'Times New Roman' , serif; font-style: italic; font-size: 14px; line-height: 16px;}
.content-post { padding-bottom: 30px; margin-bottom: 30px; }
.recent-posts { list-style: none; }
.recent-posts li { margin: 0 0 8px 0; padding: 0; list-style: none; }

.news { list-style: none; margin-left: 0 !important; padding-left: 0 !important;}
.news li { display: none; list-style:  none;padding: 0 !important; margin: 0 !important;}
.news li.active { display: block; }

#news-nav a { color: #fff; }
.sub-content-buttons { padding: 20px 0 10px 0; margin-top: 10px; border-top: 1px solid #bfbfbf;}

#letter-button {
	width: 234px;
	height: 45px; float: right;  margin-bottom: 10px;
	background: url('images/button-ledlie-letter.gif') no-repeat;
}

#letter-button a {
	display: block; 
	width: 234px;
	height: 0;
	font-size: 1em;
	padding-top: 45px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/button-ledlie-letter.gif') no-repeat;
}

#case-button {
	width: 234px;  float: right;
	height: 45px;  margin-bottom: 10px;
	background: url('images/buttons-case-studies.gif') no-repeat;
}

#case-button a {
	display: block;
	width: 234px;
	height: 0;
	font-size: 1em;
	padding-top: 45px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('images/buttons-case-studies.gif') no-repeat;
}

.news-views ul { color: #fff; margin-top: 0px !important; padding-top: 0px !important; font-size: 12px !important;}

ol { list-style-type: decimal; margin: 0 1.5em 1.5em 1.5em; font-size: 12px;  }

#social-media { margin: 0; padding: 0; background: url('images/social-media-bg.gif') no-repeat; width: 592px; height: 78px; clear: left; }
#social-media li { float: right; display: block; width: 165px; height: 55px; padding-top: 23px; }
#social-media li a { text-indent: -999999px; overflow: hidden; display: block; margin: 0 auto; height: 32px; width: 110px; }
#social-media li#twitter a { background: url('/twitter.gif'); }
#social-media li#facebook a { background: url('/facebook.gif'); }
