/* ============> Reset Styles (from meyerweb.com)  <============= */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:					0;
	padding:				0;
	border:					0;
	outline:					0;
	font-weight:			inherit;
	font-style:				inherit;
	font-size:				100%;
	font-family:			inherit;
	vertical-align:			baseline;
}

b,strong {
	font-weight:			bold;
	}

em {
	font-style:				italic;
	}

/* remember to define focus styles! */
:focus {
	outline:					0;
}

html {
	height:					100.5%;
	min-height:			100.5%;
}

body {
	line-height:			1;
	color:					black;
	background:			white;
}

ol, ul {
	list-style:				none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse:		separate;
	border-spacing:		0;
	border-color:			#fff;
}

caption, th, td {
	text-align:				left;
	font-weight:			normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content:					"";
}

blockquote, q {
	quotes:					"" "";
}

/* -----------------------------------------------------> DEV HELPERS / ALERTS STYLING
*/

.LocalHelper {
	position:				absolute;
	top:						35px;
	left:						10px;
	padding:				5px;
	text-align:				left;
	border:					1px solid #555;
	background:			#3d5;
	line-height:			1.3;
	font:						10px/14px arial;
	}

.StageAlert {
	position:				absolute;
	top:						0px;
	left:						0px;
	padding:				5px 20px;
	text-align:				left;
	background:			#f00;
	color:					#fff;
	font:						10px/14px arial;
	}

/* -----------------------------------------------------> BODY / WRAPPER
*/

body {
	font:						12px/16px arial,helvetica,sans-serif;
	background:			#fff url(../images/background.jpg) repeat-x;
	}

.wrapper {
	margin:					0 auto;
	text-align:				left;
	background:			#fff;
	width:					920px;
	min-height:			680px;
	padding-left:			20px;
	}

/* -----------------------------------------------------> FULL WIDTH ELEMENTS
*/

.header,
.homemain,
.main,
.footer
	{
	width:					900px;
	}

/* -----------------------------------------------------> HEADER
*/

.header {
	float:						left;
	width:					900px;
	height:					60px;
	}

.header h1 {
	display:					none;
	}

.header a.logo {
	float:						left;
	display:					block;
	width:					211px;
	height:					37px;
	background:			url(../images/connections_logo.gif) no-repeat;
	margin-top:			17px;
	}

/* -----------------------------------------------------> MENU
*/

.menu {
	float:						right;
	margin-top:			30px;
	font:						12px/18px arial,helvetica,sans-serif;
	}

.menu ul
	{
	float:						left;
	}

.menu li {
	display:					inline;
	}

.menu a {
	color:					#608080;
	text-decoration:		none;
	float:						left;
	display:					block;
	padding:				1px 9px;
	}

.menu a:hover, a#menuon {
	color:					#000;
	}

.menu a.last {
	padding-right:			0px;
	}

.menu span {
	float:						left;
	color:					#999;
	}

/* -----------------------------------------------------> MAINS
*/

.homemain {
	float:						left;
	}

.main,
.main_submenuback {
	float:						left;
	width:					900px;
	min-height:			580px;
	}

.main {
	background:			#fff url(../images/main_submenu_back.gif) repeat-y;
	}

.main_submenuback {
	background:			url(../images/submenu_back_bottom.gif) left bottom no-repeat;
	}

.main.begin {
	background:			#fff url(../images/main_submenu_back_begin.gif) repeat-y;
	}

.main.begin .main_submenuback {
	background:			url(../images/submenu_back_begin_bottom.gif) left bottom no-repeat;
	}

.main.enthu {
	background:			#fff url(../images/main_submenu_back_enthu.gif) repeat-y;
	}

.main.enthu .main_submenuback {
	background:			url(../images/submenu_back_enthu_bottom.gif) left bottom no-repeat;
	}

.main.pract {
	background:			#fff url(../images/main_submenu_back_pract.gif) repeat-y;
	}

.main.pract .main_submenuback {
	background:			url(../images/submenu_back_pract_bottom.gif) left bottom no-repeat;
	}

/* -----------------------------------------------------> SUBMENU
*/

.submenu,
.submenu ul,
.submenu li,
.submenu a,
.submenu ul.subsubmenu
	{
	float:						left;
	}

.submenu,
.submenu ul,
.submenu ul.sub
	{
	width:					194px;
	}

.submenu {
	min-height:			520px;
	}

.submenu a {
	display:					block;
	font-size:				13px;
	text-decoration:		none;
	color:					#000;
	background:			#ccc;
	width:					180px;
	padding:				6px 0 7px 14px;
	border-bottom:		1px solid #fff;
	}

.submenu a:hover, .submenu a#submenuon {
	color:					#fff;
	background:			#999 url(../images/subcatlink_back_on.gif) repeat-x;
	border-bottom:		1px solid #567878;
	}

.submenu ul.subsubmenu {
	border-bottom:		1px solid #fff;
	}

.submenu ul.subsubmenu li a {
	width:					180px;
	padding-left:			14px;
	color:					#000;
	background:			#b8b8b8;
	border:					0px;
	}

.submenu ul.subsubmenu li a:hover, .submenu a#subsubmenuon {
	color:					#fff;
	background:			#999;
	}

.submenu.begin ul.subsubmenu,
.submenu.enthu ul.subsubmenu,
.submenu.pract ul.subsubmenu {
	border-bottom:		0px;
	}

.submenu.begin ul.subsubmenu li a,
.submenu.enthu ul.subsubmenu li a,
.submenu.pract ul.subsubmenu li a {
	width:					180px;
	padding-left:			14px;
	color:					#000;
	border-bottom:		1px solid #fff;
	}

.submenu.begin ul.subsubmenu li a {
	background:			#ccecf9;
	}

.submenu.enthu ul.subsubmenu li a {
	background:			#e9d4e9;
	}

.submenu.pract ul.subsubmenu li a {
	background:			#e9f0ce;
	}

.submenu.begin ul.subsubmenu li a:hover, .submenu.begin a#subsubmenuon {
	color:					#fff;
	background:			#009ee1;
	}

.submenu.enthu ul.subsubmenu li a:hover, .submenu.enthu a#subsubmenuon {
	color:					#fff;
	background:			#92278f;
	}

.submenu.pract ul.subsubmenu li a:hover, .submenu.pract a#subsubmenuon {
	color:					#fff;
	background:			#90b60c;
	}

/* -----------------------------------------------------> PAGEIMAGE
*/

.pageimage {
	position:				relative;
	float:						left;
	width:					900px;
	height:					200px;
	overflow:				hidden;
	margin-bottom:		1px;
	}

.pageimage h1, .pageimagenot h1  {
	position:				absolute;
	top:						80px;
	right:						30px;
	font:						42px/48px georgia,serif;
	color:					#fff;
	}

.pageimagenot {
	position:				relative;
	float:						left;
	width:					900px;
	height:					200px;
	overflow:				hidden;
	margin-bottom:		1px;
	background:			#aaa;
	}

/* -----------------------------------------------------> HOMEPAGE SLIDESHOW
*/

.slideshow_box {
	float:						left;
	width:					900px;
	background:			#97bf0d;
	}

#slideshow {
	position:				relative;
	float:						left;
	width:					900px;
	}

/* -----------------------------------------------------> SLIDER STYLES
*/

/* Easy Slider */

	#slider {
		float:					left;
		}

	#slider li {
		/*
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/
		width:				705px;
		height:				300px;
		overflow:			hidden;
		}

	/* List items with slides */

	#slider li h1 {
		float:					right;
		font:					42px/48px georgia,serif;
		color:				#fff;
		width:				400px;
		text-align:			right;
		padding-right:	39px;
		margin-top:		97px;
		}

	#slider li h2 {
		float:					right;
		font:					21px/30px georgia,serif;
		color:				#fff;
		width:				400px;
		text-align:			right;
		padding-right:	39px;
		margin-top:		-2px;
		}

	#slider li a {
		float:					right;
		width:				400px;
		font:					18px/20px georgia,serif;
		color:				#fff;
		padding-right:	20px;
		margin-top:		61px;
		text-align:			right;
		text-decoration:	none;
		}

	#slider li a:hover {
		text-decoration:	underline;
		}

	li.slideBeginner {
		background:		url(../images/slidergallery/AgileBeginner.jpg) no-repeat;
		}

	li.slideEnthusiast {
		background:		url(../images/slidergallery/AgileEnthusiast.jpg) no-repeat;
		}

	li.slidePractitioner{
		background:		url(../images/slidergallery/AgilePractitioner.jpg) no-repeat;
		}

	/* numeric controls */

	ol#controls{
		float:					left;
		}

	ol#controls li{
		display:				block;
		width:				195px;
		height:				100px;
		float:					left;
		clear:				left;
		font:					19px/20px georgia,serif;
		}

	ol#controls li#controls1 {
		background:		#009ee1 url(../images/epBeg_home_back.gif) no-repeat;
		}

	ol#controls li#controls2 {
		background:		#882485 url(../images/epEnt_home_back.gif) no-repeat;
		}

	ol#controls li#controls3 {
		background:		#8aae0c url(../images/epPra_home_back.gif) no-repeat;
		}

	ol#controls li a {
		display:				block;
		width:				180px;
		height:				84px;
		color:				#fff;
		text-decoration:	none;
		padding:			11px 0 5px 15px;
		}

	ol#controls li a:hover {
		text-decoration:	underline;
		}

/* // Easy Slider */

/* -----------------------------------------------------> HOMEPAGE BLURB
*/

.blurb_box {
	float:						left;
	 width:					900px;
	 height:					220px;
	}

.homeblurb {
	width:					450px;
	height:					200px;
	}

.homeblurb .article {
	width:					450px;
	margin-top:			20px;
	padding-left:			0px;
	}

.homeblurb .article h2 {
	font:						18px/24px georgia,serif;
	color:					#999;
	}

.homeblurb .article h2 strong {
	font-weight:			normal;
	color:					#000;
	}

/* -----------------------------------------------------> CONTENT (ARTICLE)
*/

.content {
	float:						left;
	width:					511px;
	}

/* -----------------------------------------------------> ARTICLE
*/

.article {
	float:						left;
	width:					481px;
	margin-top:			15px;
	padding:				0 15px;
	}

.article a,
.article p a,
.article ul a
	{
	color:					#567878;
	}

.article h2 {
	font:						16px/18px georgia,serif;
	color:					#608080;
	margin-bottom:		18px;
	}

.article p {
	margin-bottom:		16px;
	line-height:			16px;
	}

.article ul {
	list-style:				disc;
	padding-left:			16px;
	margin-bottom:		16px;
	line-height:			18px;
	}

.article .downloadBox {
	margin-bottom:		36px;
	}

.article .downloadBox a {
	display:					block;
	height:					16px;
	padding-left:			21px;
	margin-top:			-10px;
	font-weight:			bold;
	background:			url(../images/icon_download.gif) no-repeat;
	}

/* -----------------------------------------------------> REGISTRATION FORM
*/

form#registration label, form#enquiry label {
	color:					#000;
	float:						left;
	clear:					left;
	width:					110px;
	padding-top:			2px;
	}

form#enquiry label {
	width:					130px;
	}

form#enquiry label.where {
	width:					218px;
	}

form#registration input, form#enquiry input {
	float:						left;
	background:			url(../images/form_back.gif) repeat-x;
	width:					271px;
	height:					18px;
	border-top:			1px solid #8da1a1;
	border-bottom:		1px solid #c6d0d0;
	border-left:			1px solid #aebcbc;
	border-right:			1px solid #aebcbc;
	padding-top:			3px;
	margin-bottom:		8px;
	}

form#enquiry input {
	width:					340px;
	}

form#enquiry textarea {
	float:						left;
	width:					340px;
	height:					180px;
	font-family:			arial,sans-serif;
	font-size:				13px;
	background:			url(../images/form_textarea_back.gif) repeat-x;
	border-top:			1px solid #8da1a1;
	border-bottom:		1px solid #c6d0d0;
	border-left:			1px solid #aebcbc;
	border-right:			1px solid #aebcbc;
	margin-bottom:		8px;
	}

form#enquiry select {
	float:						left;
	width:					255px;
	}

form#registration input.submitBtn, form#enquiry input.submitBtn {
	width:					88px;
	height:					26px;
	background:			url(../images/submitBtn.gif) no-repeat;
	border:					0px;
	color:					#fff;
	font-weight:			bold;
	cursor:					pointer;
	clear:					left;
	font-size:				12px;
	font-family:			arial,sans-serif;
	padding-top:			0px;
	margin-left:			297px;
	margin-top:			16px;
	}

form#enquiry input.submitBtn {
	margin-left:			386px;
	}

form#registration input.submitBtn:hover {
	background:			url(../images/submitBtn.gif) 0 -26px no-repeat;
	}

/* -----------------------------------------------------> SIDEBAR
*/

.sidebar {
	float:						left;
	width:					195px;
	font:						19px/20px georgia,serif;
	}

.sidebar a {
	display:					block;
	width:					180px;
	height:					80px;
	color:					#fff;
	text-decoration:		none;
	padding:				15px 0 5px 15px;
	}

.sidebar a:hover {
	text-decoration:		underline;
	}

.sidebar .epBeginner,
.sidebar .epEnthusiast,
.sidebar .epPractitioner
{
	float:						left;
	width:					195px;
	height:					100px;
	margin-bottom:		1px;
	}

.sidebar .epBeginner {
	background:			#009ee1 url(../images/epBeg_back.gif) no-repeat;
	}

.sidebar .epEnthusiast {
	background:			#882485 url(../images/epEnt_back.gif) no-repeat;
	}

.sidebar .epPractitioner {
	background:			#8aae0c url(../images/epPra_back.gif) no-repeat;
	}

/* -----------------------------------------------------> FOOTER
*/

.footer {
	float:						left;
	clear:					left;
	width:					900px;
	height:					120px;
	padding-top:			50px;
	font:						10px/12px arial,helvetica,sans-serif;
	color:					#ccc;
	}

.footer .leftSide {
	float:						left;
	width:					430px;
	height:					70px;
	}

.footer .rightSide {
	float:						right;
	width:					445px;
	height:					47px;
	background:			#fff url("../images/large_sublogo.jpg") right bottom no-repeat;
	}

.footer a {
	color:					#b1b3b6;
	text-decoration:		none;
	}

.footer a:hover {
	text-decoration:		underline;
	}

/* -----------------------------------------------------> DEBUGGER CLASS
*/

.debugger pre {
	font-family:			verdana;
	font-size:				10px;
	line-height:			1.3;
	}