/* --------------------------------------------------- */
/* ----- Styles for Agile Learning & Development ----- */
/* --------------------------------------------------- */


/* Define Tag Selectors */

body, html {
	height:100%;
} 

body {
	background: #46484c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 76%;
	color: #46484c;
}

a {
	font-weight: bold;
	padding-bottom: .3em;
	color: #878787;
	text-decoration: none;
	border-bottom: 1px solid #dedc22;
}

a:hover {
	color: #46484c;
}

u {
	text-decoration: none;
	padding-bottom: .1em;
	border-bottom: 1px solid;
}

small {
	font-size: .9em;
	line-height: 1.3em;
	font-style: italic;
}



/* Define Page Wrapper */

div#wrapper {
	background: url(/assets/images/background_tile.jpg) repeat-y;
	margin: 0 auto;
	width: 980px;
}



/* Define Header Section */

div#header_container {
	display: block;
	background: url(/assets/images/header_bg_tile.gif) repeat-x;
	margin: 0 10px;
	width: 960px;
	height: 140px;
	overflow: hidden;
}

div#header_container h1 {
	display: block;
	background: url(/assets/images/agile_logo.gif) no-repeat;
	margin: 18px 0 0 40px;
	width: 200px;
	height: 101px;
	text-indent: -9999px;
	overflow: hidden;
}



/* Define Navigation Section */

div#main_nav_container {
	display: block;
	margin: 0 10px;
	width: 960px;
	height: 43px;
}


ul#main_navigation li {
	display: inline;
	text-align: center;
	line-height: 43px;
}

ul#main_navigation a {
	float: left;
	display: block;
	margin: 0;
	padding: 0;
	width: 160px;
	height: 43px;
	color: #fff;
	text-transform: uppercase;
	font-size: .9em;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: .2em;
	text-align: center;
	border: none;
}

ul#main_navigation li a {
	background: url(/assets/images/navigation_background.jpg) 100% 0 no-repeat;
}

ul#main_navigation li a:hover {
	background: url(/assets/images/navigation_background.jpg) 100% -43px no-repeat;
}

body#home li#homenav a {
	background: url(/assets/images/navigation_background.jpg) 100% -86px no-repeat;
	color: #46484c;
}

body#our_offer li#offer a {
	background: url(/assets/images/navigation_background.jpg) 100% -129px no-repeat;
	color: #fff;
}

body#why_agile li#why a {
	background: url(/assets/images/navigation_background.jpg) 100% -172px no-repeat;
	color: #46484c;
}

body#agile_people li#people a {
	background: url(/assets/images/navigation_background.jpg) 100% -215px no-repeat;
	color: #fff;
}

body#articles li#articlesnav a {
	background: url(/assets/images/navigation_background.jpg) 100% -258px no-repeat;
	color: #46484c;
}

body#doing_our_bit li#doing a {
	background: url(/assets/images/navigation_background.jpg) 100% -301px no-repeat;
	color: #fff;
}


/* Define Page Banner */
div#page_banner {
	display: block;
	margin: 0 10px;
	width: 960px;
	height: 231px;
	text-indent: -9999px;
	overflow: hidden;
}

body#home div#page_banner {
	background: url(/assets/images/homepage_image.jpg) no-repeat;
}

body#our_offer #page_banner {
	background: url(/assets/images/ouroffer_image.jpg) no-repeat;
}

body#why_agile #page_banner {
	background: url(/assets/images/whyagile_image.jpg) no-repeat;
}

body#agile_people #page_banner {
	background: url(/assets/images/agilepeople_image.jpg) no-repeat;
}

body#articles #page_banner {
	background: url(/assets/images/articles_image.jpg) no-repeat;
}

body#doing_our_bit #page_banner {
	background: url(/assets/images/ourbit_image.jpg) no-repeat;
}


/* Define Main Content Section */

div#content_container {
	display: inline;
	float: left;
	background: url(/assets/images/content_bg_top_tile.gif) repeat-x;
	margin: 0 10px;
	padding: 40px 40px 10px 40px;
	width: 880px;
}

div#sub_content {
	float: right;
	background: #f5f4bc;
	padding: 16px 20px 12px 20px;
	width: 248px;
	border: 1px solid #dedc22;
}

div#sub_content h3 {
	background: #dedc22;
	margin: .5em 0 .7em 0;
	padding: .6em;
	font-size: 1em;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
}

div#sub_content p,
div#sub_content label {
	margin: 0 0 .8em 0;
	font-size: .9em;
	line-height: 1.8em;
}

div#sub_content img {
	float: right;
	margin: 4px 0 10px 10px;
}

dl#article_overview  {
	margin: 0 0 1em 0;
	font-size: .9em;
	line-height: 1.6em;
}

dl#article_overview dt a {
	font-size: 1.1em;
	color: #878787;
	text-decoration: none;
	font-weight: bold;
	border: none;
}

dl#article_overview dt a:hover {
	color: #46484c;
}

dl#article_overview dd {
	padding-bottom: 1em;
	border-bottom: 1px solid #dedc22;
	line-height: 1.4em;
}

div#subscribe {
	margin: 1em 0 0 0;
	padding: 1em 0 0 0;
	border-top: 1px solid #dedc22;
}

div#subscribe label {
	font-weight: bold;
}

input#mb-name,
input#mb-xljc-xljc {
	padding: 3px;
	width: 238px;
}

div#subscribe .submit_button {
	margin: .8em 0 0 0;
}

div#subscribe p.disclaimer {
	margin: 1em 0 0 0;
	font-size: .8em;
	font-style: normal;
	line-height: 1.7em;
}



div#main_content {
	float: left;
	width: 560px;
}

div#main_content h3 {
	margin: 0 0 .3em 0;
	font-family: Georgia, Times, serif;
	font-size: 1.6em;
	line-height: 1.3em;
	color: #9b9c9e;
}

div#main_content h4 {
	font-size: 1em;
	font-weight: bold;
	line-height: 1.3em;
	color: #9b9c9e;
}

div#main_content p {
	margin: .2em 0 .8em 0;
	font-size: .9em;
	line-height: 1.7em;
}

div#main_content ul {
	list-style: disc;
	padding: .2em 0 .8em 0;
	font-size: .9em;
	line-height: 1.5em;
}

div#main_content li {
	margin-left: 2.4em;
	padding: .2em 3em .2em 0em;
}

div#main_content blockquote p {
	margin: 0;
	padding: 0;
	font-family: Georgia, Times, serif;
	font-style: italic;
	font-size: 1.1em;
}

div#main_content blockquote {
	background: #f5f4bc;
	margin: 15px 0;
	padding: 10px 15px;
	text-align: center;
	border: 1px solid #dedc22;
}

div#main_content blockquote small {
	font-style: normal;
}

div#main_content img {
	float: right;
	margin: 0 0 1em 1em;
}

div#main_content .alignleft {
	text-align: left;
}


/* Define Main Content Section */

div#footer_container {
	clear: both;
	display: block;
	background: url(/assets/images/footer_divider.jpg) no-repeat;
	margin: 0 10px;
	padding: 40px 40px 20px 40px;
	width: 880px;
	font-size: .9em;
	text-align: center;
}