/* GLOBAL RESET */
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,  
pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline-width: 0;
	font: 16px/1.4em Tahoma,Verdana,Arial,sans-serif;
}

*:active {
	outline-width: 1px;
}


/* HTMLElements */
body {
	background: #36632f;
}

a[href^="mailto"] { color: #36632f; }

a {
	color: #36632f;
	text-decoration: none;
}
	a:visited { color: #36632f; }
	a:hover { color: #b97616; }
	a[rel="external"] { font-style: italic; color: #09F; }

h1, h2, h3, h4, h5, h6 {
	display: block;
	font: 1.8em/1.6 Tahoma, Verdana, Arial, sans-serif normal;
	margin: .2em 0 .3em;
}
	h2 { font-size: 1.30em; margin: .2em 0 .1em; }
	h3 { font-size: 1.22em; }
	h4 { font-size: 0.95em; }
	h5 { font-size: 0.83em; }
	h6 { font-size: 0.67em; }

p { margin-bottom: 1.2em; }

sup {
	line-height: 1.2;
	font-size: 80%;
	vertical-align: top;
}
small { font-size: 80%; }
strong { font-weight: bold; }
em { font-style: italic; }
img { border: 0; }
li, dd { margin-bottom: 6px; }
label { cursor: pointer; }
dfn, abbr { border-bottom: 1px dotted; cursor: help; font-style: normal; }
ul { list-style-position: outside; list-style-image: url(/library/media/icons/silk/bullet_go.png); }

input, textarea, select { 
	font-size: 101%;
	font-family: tahoma, verdana, arial, helvetica, sans-serif; 
}

fieldset { padding: 6px; }
	legend { padding: 0 8px; color: #444; }



/* SHORTCUT CLASSES */
.clear { clear: both; }
.shown, .block { display: block; }
.hidden, .none { display: none; }
.bolden { font-weight: bold; }
.right, .textright { text-align: right; }
.left, .textleft { text-align: left; }
.center, .textcenter { text-align: center; }
.top { vertical-align: top; }
.middle { vertical-align: middle; }
.bottom { vertical-align: bottom; }
.goleft, .alignleft { float: left; }
.goright, .alignright { float: right; }
.critical { font-weight: bold; text-decoration: underline; }
.important { text-decoration: underline; }
.large { font-size: 120%; }
.big { font-size: 110%; }
.absolute { position:absolute; }
.alt { background-color: #efefef; border-color: #efefef; }
.gray, .grey { color: #aaa !important; }
.black { color: #333; }
.blued { color: #3b5899; }
.red { color: #8f3535; }
.borderless { border: 0 !important; }
.pointer { cursor: pointer; }
.disable, .disable *, .disable:hover, .disable:active {
	color: #666 !important;	
	border-color: #666 !important;
	cursor: default !important;
}

.shade, #shade {  }
#hole, .hole { position: absolute; left: -2000em; width: 1px; height: 1px; }

.mav-dialog, .mav-dialog-media {
	padding: 15px;
	margin: 0;
	z-index: 300;
	position: absolute;
	top: 200px;
	background: transparent ;
	border: 0px solid #888;
}
.mav-dialog-media { background: none; }

	.mid-float-box { border: 1px solid #4fa4ff; background: #bfdeff; padding: 0px; }

	.mav-dialog-title {
		background: #e3e3e3 url(/library/media/images/dialog_bar_bg.gif) repeat-x top left;
		border-bottom: 1px solid #ddd;
		color: #333;
		cursor: default;
		font-size: 110%;
		line-height: 31px;
		margin: 5px 5px 0;
		padding: 2px 8px;
		height: 31px;
		font-weight: normal;
	}
	.mav-dialog-message { background: #fff; margin: 0 10px; padding: 8px; font-size: 100%; color: #333; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
		.mav-dialog-message h2, .mav-dialog-message h3 { font-family:tahoma,arial,verdana,sans-serif; font-size:150%; margin: 0 0 10px 0; border-bottom: 1px solid #ececec; }
		.mav-dialog-message h3 { font-size: 120%; font-weight: normal; }
		.mav-no-title { margin-top: 10px; border-top: 1px solid #ddd; }
		.mav-no-footer { margin-bottom: 10px; border-bottom: 1px solid #ddd; }
		.mav-alert-msg { font-size: 105%; line-height: 26px; margin-left: 5px; }
		.mav-prompt-input { width: 330px; height: 25px; font-size: 100%; padding: 2px 0 0 2px; }
		.message-title { padding-bottom: 6px; margin-bottom: 6px; }
	.mav-dialog-footer { background: #fff; margin: 0 10px 10px; border: 1px solid #ddd; border-top: 0;}
		.mav-dialog-footer .foot-wrap { border-top: 1px solid #ddd; background: #e3e3e3 url(/library/media/images/dialog_bar_bg.gif) repeat-x top left; padding: 8px 0 8px 10px; height: 26px; }
.md-title-text { float: left; }
.md-closer { float: right; background-image: url(/library/media/icons/silk/cross.png); height: 30px; }
.mavdialog-shade { border: 0; left: 0; top: 0; position: fixed; right: 0; bottom: 0; background: transparent url(/library/media/images/diag_bg-40x40.png); z-index: 200; opacity: 0.5; }

#square_motion_container { position: relative; }

.square-crumbs { margin: 10px 0 0 0; padding: 0; list-style: none; border-top: 2px solid #ccc; background: #f5f5f5; }
.square-crumbs:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; }
	.square-crumbs>li { cursor: pointer; float: left; padding: 10px 20px 20px; background: #f1f1f1; border-right: 2px solid #ccc; }
	.square-crumbs>li:hover { background: #e3e3e3; }
	.square-crumbs>li a { outline: none; text-decoration: none; color: #555; }

	.square-crumbs>li a span.big-text {
		text-shadow: #fff 1px 1px 0;
		float: left; display: block; height: 30px; line-height: 32px; font-size: 100%;
	}

.crumb-select { background: #e9e9e9 !important; }
	.square-crumbs>li:last-child {  }
	
	.crumb-select a { color: #444 !important; }
	.crumb-select .big-text { font-size: 110% !important; }

#square_motion_pages {  }
#square_motion_pages, #sqmpage_alt { overflow: hidden; height: 151px; }
	#square_motion_pages>ul, #sqmpage_alt>ul { margin: 0; padding: 0; list-style: none; clear: both; }
	#square_motion_pages>ul>li, #sqmpage_alt>ul>li { float: left; padding: 10px; }
#sqmpage_alt { height: 300px; }

.sm-nav-buttons, .sm-nav-alt-buttons { cursor: pointer; position: absolute; outline: none; top: 60px; text-indent: -10000em; font-size: 0.1em; display: block;  background: transparent url(/library/media/sprites/prev-next-85x85.png) no-repeat 0 0; width: 31px; height : 42px;}
	.back { background-position: 0 0; left: -32px; }
		.back:hover { background-position: 0 -44px;}
		.back:active { opacity: 0.8; }
	.next { background-position: -32px 0px; right: -31px; }
		.next:hover { background-position: -32px -44px; }
		.next:active { opacity: 0.8; }

.sm-nav-alt-buttons { background-image: url(/library/media/sprites/prev-next-alt-161.png); width: 33px; height: 91px; }
	#sm_previous.sm-nav-alt-buttons { background-position: 0 0; left: -34px; }
		#sm_previous.sm-nav-alt-buttons:hover { background-position: 0 -92px;}
	#sm_next.sm-nav-alt-buttons { background-position: -34px 0px; right: -33px; }
	#sm_next.sm-nav-alt-buttons:hover { background-position: -34px -92px; }
		
#sm_overlays {  }
.sm-page-overlay { display: none; background: #333; border-top:1px solid #333; color: #fff; opacity: 0.8; padding: 10px 10px 30px 10px; float: left;  }
.sm-page-overlay-empty { background: transparent; padding: 0; }

.content-wrap, .content-wrap-cap {
	margin: 0 auto;
	padding: 0 0 0 9px;
	width: 909px;
	background: url(/library/media/images/page_shade_left.png) repeat-y;
}

.content-wrap-right, .content-wrap-right-cap {
	padding: 0 9px 0 0;
	background: url(/library/media/images/page_shade_right.png) repeat-y top right;
}

.content-wrap-cap {
	background: url(/library/media/images/page_shade_cap_left.gif) no-repeat top left;
}
.content-wrap-right-cap {
	background: url(/library/media/images/page_shade_cap_right.gif) no-repeat top right;
}

.content-split .content-wrap-right {
	height: 3px;
}

.content-split {
	background: #fff;
}

/* LAYOUT ELEMENTS */

#site_header { 
	height: 85px;
	background: #36632f;
	border-bottom: 1px solid #194913;
}
	#site_header .header-grad {
		background: url(/library/media/images/nav_bg_left.gif) repeat-y;
	}

	#search_box {
		float: left;
		height: 75px;
		padding: 10px 0 0 20px;
	}
	#contact_phone {
		margin-top: 0;
		padding: 10px 20px 0 0;
		color: white;
		font-weight: bold;
	}
	#navigation { 
		float: right;
		height: 85px;
		background: url(/library/media/images/nav_bg_right.gif) repeat-y top right;
	}
		#navigation a {
			line-height: 65px;
			color: #fff;
			text-decoration: none;
			font-size: 1.09em;
			margin-right: 20px;
		}
		#navigation a:hover {
			line-height: 65px;
			color: black;
			border-top: 2px solid orange;
			border-bottom: 2px solid orange;
			text-decoration: none;
			font-size: 1.09em;
			margin-right: 20px;
		}

#site_content {
	border-top: 1px solid #2a5d5d;
	border-bottom: 1px solid #36632f;
	background: #fff url(/library/media/images/center_bg.gif) repeat-x;
}
#page_content {
	background: #fff url(/library/media/images/content_bg.jpg) no-repeat top center;
	padding: 20px;
}

	#page_logo {
		width: 399px;
		height: 87px;
		background: url(/library/media/images/microserv_logo.png) no-repeat;
		font-size: 0.01em;
	}
		#page_logo h1 {
			width: 267px;
			height: 57px;
		}
			#page_logo h1 a {
				display: block;
				margin: 0;
				width: 267px;
				height: 57px;
				font-size: 0.1em;
				text-indent: -10000em;
			}
		
		#sub_navigation {
			width: 200px;
			float: left;
			margin: 20px 0;
			overflow: visible;
			padding-top: 50px;
		}
			.sub-button {
				display: block;
				border: 2px solid #ffa31e;
				border-radius: 6px;
				-moz-border-radius: 6px;
				background: #ffb612;
				color: #333;
				padding: 5px 10px;
				margin-bottom: 10px;
			}
				.sub-button:hover { border-color: #b97616; }
				.sub-button:visited { color: black; }

		#sub_page_content {
			float: right;
			width: 640px;
			margin: 20px 0;
			overflow: visible;
		}
			h2.page-header {
				font-size: 1.4em;
				line-height: 1.48em;
				color: #333;
				margin-bottom: 0.4em;
			}
			.carousel {
				position: relative;
				z-index: 101;
				height: 151px;
				width: 580px;
				float: right;
				margin: 20px 20px 0 0;
			}

	#twitter_box {
		float: left;
		width: 200px;
		
	}
		#twitter_box .header {
			background: #0050b3;
			padding: 5px 10px;
			color: #fff;
		}
		#twitter_box .content {
			background: #fff url(/library/media/images/twitter_shade.png) no-repeat center bottom;
			border-bottom: 1px solid #95ccff;
			border-radius-bottomleft: 10px;
			border-radius-bottomright: 10px;
			-moz-border-radius-bottomleft: 10px;
			-moz-border-radius-bottomright: 10px;
			padding: 5px 10px;
		}
			
			
	#home_content_box {
		float: right;
		width: 640px;
	}
		#home_articles {}
			.page-article {
				margin-bottom: 20px;
			}
				.article-header {
					
				}
					.article-header a { color: #fff; }
				.article-content {
					color: #9c9;
				}

		#rss_updates {
			margin: 20px 0;
		}
			.rss-tri {
				float: left;
				width: 203px;
				background: #9c9;
				margin-right: 10px;
				border-bottom: 1pxc solid #9c9;
				border-radius-bottomleft: 10px;
				border-radius-bottomright: 10px;
				-moz-border-radius-bottomleft: 10px;
				-moz-border-radius-bottomright: 10px;
				
			}
				.rss-tri .header {
					background: #030;
					color: #9c9;
					padding: 5px 10px;
				}
				.rss-tri .content {
					padding: 5px 10px;
					color: #030;
				}
				.rss-tri li {
					margin-left: 20px;
					line-height: .75em;
				}
				.rss-tri .content a {
					color: #030;
					font-size: 12px !important;
				}
				.rss-tri .content a:hover {
					color: #fff;
				}
			.last { margin-right: 0; }

#site_subcontent {
	background: #36632f;
	border-top: 1px solid #194913;
}
	#site_subcontent .content-wrap-right {
		padding: 20px 29px 20px 20px;
	}

#site_footer {
	color: #fff;
	background: #36632f;
}
	#site_footer .content-wrap-right-cap {
		padding: 20px 29px 20px 20px;
	}
	#site_footer .content-wrap-right-cap span { font-size: 12px; }
	#site_footer .content-wrap-right-cap ul li { font-size: 12px; }
	#site_footer ul {
		list-style: none;
		display: inline;
	}
	#site_footer ul li {
		list-style: none;
		display: inline;
		margin-left: 10px;
	}