/****************************************************************************************	
	[COMMON RULES]	for entire site + specifics for content area
*****************************************************************************************/

/* Eric Meyer's Reset Rules */
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}
/* Back to my CSS */
body {
	color: #000;
	font: 10pt/1.5 Arial, Helvetica, sans-serif;
	margin-bottom: 5px;
	background-color: white;
}
a:link, a:visited {
	color: #000;
	text-decoration: none;
}
ul {list-style: none;}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table caption {
	text-align: center;
	font-weight: bold;
	font-size: 1.2em;
	padding-bottom: 0.4em;
}
abbr {
	cursor: help;
	border-bottom: 1px dotted #000;
}
dfn {font-weight: bold;}
del {color: #666;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
blockquote {
	font-style: normal;
	color: #666;
	padding-left: 18px;
}
h1, h2, h3, h4, h5, h6 {
	font: bold 20pt/1.3 "Univers", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #43677d;
	margin-bottom: 0.60em;
}
h2, h3, h4, h5, h6 {
	margin-bottom: 0.30em;
	font-size: 16pt;
	color: #47677e;
}
h3, h4, h5, h6 {
	font-size: 14pt;
	color: #8C8C8C;
}
h4, h5, h6, .alt-hdr {
	font-size: 13pt;
	margin-bottom: 0.80em;
}
/* Forms */
fieldset  {
	border: 1px solid #666;
	padding: 15px 10px;
	margin-bottom: 30px;
}
	fieldset legend span {
		font-size: 14pt;
		font-weight: bold;
	}
	fieldset div.form-row {margin-bottom: 12px;}
	fieldset label {
		font-weight: bold;
		display: block;
	}
	fieldset input,
	fieldset select {
		display: block;
		border: none;
		border-bottom: 1px solid #666;
		width: 400px;
	}
	fieldset input.sml-input {width: 80px;}
	fieldset textarea {
		border: 1px solid #000;
		width: 400px;
		height: 100px;
		overflow: auto;
	}
	fieldset select {width: auto;}

/* [CONTENT AREA]
-------------------------------------------------------*/
/* Spacing */
#main-content p, #main-content ul,
#main-content ol, #main-content table {margin-bottom: 26px;}
/* Lists */
#main-content ul, #main-content ol {margin-left: 24px;}
#main-content ul {list-style: disc;}
	#main-content ul ul {list-style: circle;}
	#main-content ul ul ul {list-style: square;}
#main-content ol {list-style: decimal;}
	#main-content ul ul, 
	#main-content ol ol {margin: 0.4em 0 0.8em 24px;}
/* Adjecent Selectors */
#main-content p + ul {margin-top: 22px;}

/****************************************************************************************
	[LAYOUT] for each layout division of the site
*****************************************************************************************/

/* [HIDE ELEMENTS]
-------------------------------------------------------*/
.hide,
#header #logo,
#header p,
#nav-search,
#banner,
body.page-home #main-content fieldset,
#tab-nav,
.more-links,
#footer span,
#subnav,
#showcase-filter,
#slideshow-nav,
#main-content #search div.search-results span.search-nav,
form fieldset p.form-hint,
form div.form-submit,
form fieldset em,
#ctl00_cpSideContent_slideshow_nav {display: none;}

/* [SHOW ELEMENTS]
-------------------------------------------------------*/
.showprint {display: block !important;}

/* [WRAPPER]
-------------------------------------------------------*/
#wrapper {
	width: 100%;
	background-color: #fff;
}

/* [MAIN CONTENT]
-------------------------------------------------------*/
#main-content {padding: 20px 0;}

	/* Sidebar */
	#main-content #sidebar {
		margin: 20px;
		clear: both;
	}
	body.page-home #main-content #sidebar {}
		/* Side Panels */
		#main-content #sidebar div.side-panel {padding: 10px 0 0 0;}
		#main-content #sidebar div.side-panel:after {
      		content: ".";
      		display: block;
      		height: 0;
      		clear: both;
      		visibility: hidden;
		}

/* [FOOTER]
-------------------------------------------------------*/
#footer {
	border-top: 1px solid #666;
	padding: 3px 0 0 5px;
	clear: both;
	position: relative;
}
	#footer p {
		font-size: 8pt;
		color: #AFB8BF !important;
	}
	#footer a#ms-gold {
		display: block; 
		position: absolute;
		right: 5px;
		top: 5px;
	}

/****************************************************************************************
	[CONTENT AREA COMPONENTS] specific styles for content area
*****************************************************************************************/

/* [jQuery TABS - Homepage]
-------------------------------------------------------*/
#main-content #sidebar div.ui-tabs-panel div.tab-panel table.listing th,
#main-content #sidebar div.ui-tabs-panel div.tab-panel table.listing td {
	vertical-align: top;
	padding-bottom: 8px;
}
#main-content #sidebar div.ui-tabs-panel div.tab-panel table.listing th {
	font-weight: bold;
	width: 85px;
	text-align: left;
}
#main-content #sidebar div.ui-tabs-panel div.tab-panel table.listing td {padding-left: 5px;}

/* [Success Stories -sidebar- ]
-------------------------------------------------------*/
#main-content #sidebar div.side-panel dl.success {
	float: left;
	width: 580px;
	margin-bottom: 1.5em;
}
	#main-content #sidebar div.side-panel dl.success dt {
		float: right;
		width: 500px;
		margin-bottom: 0.20em;
		font-family: "Univers", "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-weight: bold;
	}
	#main-content #sidebar div.side-panel dl.success dd {margin-left: 80px;}
	#main-content #sidebar div.side-panel dl.success dd.thumbnail {margin: 0;}
		#main-content #sidebar div.side-panel dl.success dd.thumbnail img {
			float: left;
			margin: 0 8px 0 0;
			border: 1px solid #ccc;
		}

/* [Showcase Listings]
-------------------------------------------------------*/
#main-content #page-copy div.showcase-row {
	float: left;
	width: 100%;
	padding-bottom: 20px;
}
	#main-content #page-copy div.showcase-row dl {
		float: left;
		width: 184px;
		margin-right: 22px;
		position: relative;
		line-height: 1.2;
	}
	#main-content #page-copy div.showcase-row dl.last-item {margin: 0;}
		#main-content #page-copy div.showcase-row dl dt {
			font-weight: bold;
			margin-top: 95px;
		}
		#main-content #page-copy div.showcase-row dl dd {color: #999;}
		#main-content #page-copy div.showcase-row dl dd.showcase-img {
			position: absolute;
			top: 0;
			left: 0;
		}
			#main-content #page-copy div.showcase-row dl dd.showcase-img img {border: 3px solid #ccc;}

/* [Showcase Screenshot Slideshow]
-------------------------------------------------------*/
#main-content #sidebar #slideshow ul {
	margin: 0;
	list-style: none;
}
	#main-content #sidebar #slideshow ul li img {
		display: block;
		border: 3px solid #ccc;
		margin-bottom: 10px;
	}

/* [STRUCTURED PAGES]
-------------------------------------------------------*/
#main-content ul.structured-list {
	margin: 1.5em 0 0 0;
	list-style: none;
}
	#main-content ul.structured-list li {
		border-bottom: 1px solid #C6CDD3;
		margin-bottom: 1.5em;
	}

#main-content p.date {
	color: #8C8C8C;
	margin-bottom: 0.25em;
	font-weight: bold;
}

/* [SEARCH]
-------------------------------------------------------*/
#main-content #search {
	float: left;
	width: 606px;
	margin-bottom: 20px;
}
	#main-content #search h4 {
		margin: 0;
		padding-bottom: 1em;
	}
	/* Results Columns */
	#main-content #search div.search-results {
		float: left;
		width: 303px;
	}
	#main-content #search div.search-results.right {float: right;}
		/* Results Columns Nested Stuff */
		#main-content #search div.search-results h5 {
			font-size: 13pt;
			font-weight: bold;
			padding: 6px 12px;
			text-transform: uppercase;
			margin: 0;
		}
		#main-content #search div.search-results ul {
			padding: 6px 12px 0 12px;
			margin: 0;
			list-style: none;
		}
			#main-content #search div.search-results ul li {
				background: none;
				padding: 0;
				margin-bottom: 14px;
				border-bottom: 1px solid #ddd;
				padding-bottom: 14px;
			}
			#main-content #search div.search-results ul li h6 {font-size: 12pt;}
			#main-content #search div.search-results ul li p {
				margin: 0;
				line-height: 1.3;
			}
			#main-content #search div.search-results ul li p.rating {
				margin-bottom: 0.60em;
				color: #999;
			}
			/* Error Msg */
			#main-content #search p.error {margin: 12px;}