@charset "utf-8";
/* CSS Document */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

body, html {
	margin:0px;
	font-family:Georgia, "Times New Roman", Times, serif;	
	background-color:#fec825;
	background-image:url(images/bg.jpg);
	background-repeat:no-repeat;
	color:#4d4b46;
	background-position:top center;
}

@font-face {
	font-family: 'ZagBold';
	src: url('fonts/zag_bold-webfont.eot');
	src: local('Zag Bold'), local('ZagBold'), url('fonts/zag_bold-webfont.woff') format('woff'), url('fonts/zag_bold-webfont.ttf') format('truetype'), url('fonts/zag_bold-webfont.svg#webfontiUiW5jxM') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	text-decoration:none;
}

a:active, a:focus {
	outline:none;
}

#headerstrip {
	width:100%;
	height:66px;
	background-image:url(images/header-bg.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-size:16px;
}

.active {
		color:#828282;
}



#header {
	width:960px;
	height:44px;
	margin:0px auto 0px auto;
	padding-top:22px;
	position:relative;
}

#header h2 {
	float:left;
}

#header ul {
	margin:0px;
	padding:0px;
	list-style:none;		
	font-family: 'ZagBold';
	font-size:17px;
}

#header ul li {
	float:left;
	margin-right:3px;
}

#header ul li a {
	color:#ffffff;	
	text-decoration:none;
}

#header ul li a:hover, #header ul li a.current {
	color:#fdbd0d;	
	text-decoration:none;
}

#header ul li span {
	display:block;
	float:right;
	color:#86837d;
	padding-left:8px;
	padding-right:8px;	
}

@media screen and (-webkit-min-device-pixel-ratio:0) {#header ul li span {
	display:block;
	float:right;
	color:#86837d;
	padding-left:8px;
	position:relative;
	margin-top:-15px;
	padding-right:8px;	
}}

#links a {
	display:block;
	background-color:#4d4b46;
	float:left;	
	font-size:11px;
	color:#FFF;
	text-align:center;
	padding:10px;
	height:85px;
	width:210px;

}

#links {
	margin-top:20px;	
}

#copy.wide #links a {
	width:275px;
	height:54px;
	margin-right:9px;
}

#links a:hover span {
	color:#FFF;	
}

#links a.wide {
	display:block;
	background-color:#4d4b46;
	float:left;	
	font-size:11px;
	color:#FFF;

	text-align:center;
	padding:10px;
	width:242px;
	margin-right:3px;

}

#links a span {
	color:#fec636;	
}

#quickcontact {
	width:322px;
	height:95px;
	float:right;
	position:absolute;
	margin-left:624px;
	margin-top:-110px;
}

#quickcontact p {
	font-size:11px;
	margin-bottom:6px;
}

#quickcontact h2 {
	font-size:18px;
	margin-bottom:3px;
}

#quickcontact input {
	display:block;
	width:149px;
	height:23px;
	background-image:url(images/quick-input.gif);
	background-repeat:no-repeat;
	border:0px;
	color:#8b8b8b;
	font-size:12px;
	padding-left:6px;
	padding-top:2px;
	display:inline;
}

a.b2h {
	display:block;
	float:left;
	padding-top:4px;
	color:#4d4b46;
}

a.b2h:hover {
    color: #FFF;
}

#quickcontact input.btn {
	display:block;
	width:77px;
	cursor:pointer;
	height:22px;
	padding-top:0px;
	z-index:101;
	position:absolute;
	right:0px;
	background-image:url(images/quick-btn.gif);
	background-repeat:no-repeat;
	border:0px;
	color:#FFFFFF;
	margin-top:4px;
}

div.clear {
	clear:both;
}

#container {
	width:960px;
	position:relative;
	margin:0px auto 0px auto;
	padding-bottom: 20px;
}

h1 {
	display:block;
	width:464px;
	text-align:left;
	font-size:15px;
	height:64px;
	margin-top:20px;
	margin-bottom:70px;
}	

h1 a {
	display:block;
	width:464px;
	height:64px;
	margin-top:8px;
	margin-bottom:8px;
}

h1 a strong {
	display:none;
}

#copy {
	float:left;
}

.short {
	width:495px;	
}

.wide {
	width:650px;
}	

#copy ul {
	margin:0px;
	padding:0px;
	list-style:none;
}

#copy ul li {
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:30px;
	margin-bottom:10px;
	cursor:pointer;
}

*html #copy ul li {
	width:466px;
	background-position:0px 0px;
}

#copy ul li p strong {
	color:#333333;
}

*html #copy ul li a h2, *html #copy ul li a p,{
	position:relative;
	top:-4px;
}

*html div.p1 h2, *html div.p2 h2, *html div.p3 h2, *html div.p4 h2, *html div.p5 h2 {
	position:relative;
	top:0px;
}


#copy ul li a h2 {
	color:#4d4b46;
	font-size:18px;
	text-decoration:none;
}

#copy ul li.active a h2 {
	color:#FFF;
	font-size:18px;
	text-decoration:none;
}



div.p1 h2, div.p2 h2, div.p3 h2, div.p4 h2, div.p5 h2 {
	color:#4d4b46;
	font-size:18px;
	margin-bottom:10px;
}

#copy ul li a p {
	font-size:12px;
	color:#6c675b;
	line-height:1.5em;
	text-decoration:none;
}

#copy ul li.active a p {
	font-size:12px;
	color:#FFF;
	line-height:1.5em;
	text-decoration:none;
}

#copy ul li.active a p strong {
	font-size:12px;
	color:#FFF;
	line-height:1.5em;
	text-decoration:none;
}

div.p1 p, div.p2 p, div.p3 p, div.p4 p, div.p5 p {
	font-size:13px;
	color:#6c675b;
	line-height:1.5em;
	margin-bottom:15px;
}


#copy ul li a:hover p, #copy ul li a:hover h2, #copy ul li a:hover p strong {
	text-decoration:none;
	color:#FFF;
}

div.boxmessage {
	height:43px;
	float:left;
	margin-top:11px;
}

 div.boxmessage span.left {
	background-image:url(images/gb-left.gif);
	background-repeat:no-repeat;
	width:5px;
	height:43px;
	display:block;
	float:left;
}

.text {
	height:31px;
	padding:12px 20px 0px 20px;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	background-color:#4d4b46;
}

div.boxmessage a {
	height:31px;
	padding:12px 20px 0px 20px;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	background-color:#4d4b46;
	text-decoration:none;
}

div.boxmessage a:hover {
	color:#fec71f;
}

div.boxmessage span.right {
	background-image:url(images/gb-right.gif);
	background-repeat:no-repeat;
	width:5px;
	height:43px;
	display:block;
	float:left;
}

.text p {
	margin:0px;
	padding:0px;
}

.text p a {
	color:#FFFFFF;
	text-decoration:none;
}

#display {
	width:463px;
	float:right;
	position:relative;
	margin-top:-20px;
	min-height:369px;
	background-image:url(images/display.gif);
	background-repeat:no-repeat;
}

#sidebar {
	float:right;	
	width:265px;
	position:relative;
	
}


div.p1, div.p2, div.p3, div.p4, div.p5 {
	position:absolute;
	top:105px;
	width:455px;
	float:left;
	display:none;
	background-image:url(images/bullet.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	padding-left:30px;
}	

#display h2, #sidebar h2 {
	font-size:18px;
	margin-left:130px;
	margin-top:25px;
}

#sidebar a.siteby {
	margin-left:0px;	
	margin-top:5px;
}

a.siteby {
	display:block;
	width:100px;
	height:25px;
	background-image:url(images/site-by-techbase.gif);
	background-repeat:no-repeat;
	text-indent:-100000px;
	margin-left:65px;
	margin-top:13px;
}

#display p {
	margin-top:300px;
	margin-left:67px;
	font-size:12px;
	line-height:1.7em;
}	

#sidebar p {
	font-size:12px;
	line-height:1.7em;
	margin-top:5px;
}	

#copy h3 {
	font-size:15px;
	margin-bottom:30px;
}

#copy h3 strong {
	font-weight:bold;
}

#copy h4 {
	font-size:14px;
	margin-bottom:0px;
	font-weight: bold;
}

#copy h2 {
	margin-bottom:10px;
	margin-top: 20px;
	font-size: 18px;
}

#copy p {
	font-size:13px;	
	line-height:1.5em;
	padding-right:10px;
	margin-bottom:10px;
}

#copy p.small {
	font-size:12px;
	margin-bottom:8px;
}	

.caption {
    font-size: 11px;
    font-style: italic;
}

.caption strong {
    font-weight: bold;
}

strong {
    font-weight: bold;
}

.mblogo-home {
    margin-left: 171px;
    margin-top: -25px;
}

.mblogo {
    margin-left: 104px;
    margin-top: -25px;
}

form.contact {
	position:relative;
	width:346px;	
}	

form.contact input {
	width:255px;
	height:22px;
	border:0px;
	margin-top:5px;
	display:block;
	background-image:url(images/contact-input.gif);
	background-repeat:no-repeat;
	color:#333;
	font-size:12px;
	padding-left:6px;
	padding-top:2px;
}	

form.contact label {
	margin-bottom:8px;
	display:block;	
}	

form.contact textarea {
	display:block;
	border:0px;
	width:340px;
	height:82px;
	background-image:url(images/contact-textarea.gif);
	background-repeat:no-repeat;
	margin-top:5px;
	color:#333;
	font-size:12px;
	padding-left:6px;
	padding-top:6px;
	font-family:Georgia, "Times New Roman", Times, serif;
}

form.contact input.btn {
	display:block;
	width:77px;
	cursor:pointer;
	height:22px;
	padding-top:0px;
	z-index:101;
	position:absolute;
	right:0px;
	background-image:url(images/quick-btn.gif);
	background-repeat:no-repeat;
	border:0px;
	color:#FFFFFF;
	margin-top:4px;
}

form.contact input.btn:hover, #quickcontact input.btn:hover {
	color:#FEC71F;
}