/*
Title:      MCF master screen styles
Author:     Austin Siewert
Copyright:  2010, Siebird.  All rights resevered (please don't re-use without permission).
*/

/* RESET! */

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;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}

/* ---------- @ Generic Classes -----------*/

.wrapper {margin: 0 auto;width: 960px;clear: both;}

/* centers content */

.col-1, .col-2, .col-3, 
.col-4, .col-5, .col-6, 
.col-7, .col-8, .col-9, 
.col-10, .col-11, .col-12 {position: relative;float: left;margin: 14px;display: inline;}

.col-1 {width: 52px;}
.col-2 {width: 132px;}
.col-3 {width: 212px;}
.col-4 {width: 292px;}
.col-5 {width: 372px;}
.col-6 {width: 452px;}
.col-7 {width: 532px;}
.col-8 {width: 612px;}
.col-9 {width: 692px;}
.col-10 {width: 772px;}
.col-11 {width: 852px;}
.col-12 {width: 932px;}

.left {float: left;display: inline;}
.right {float: right;display: inline;}

.lip {position: absolute;width: 100%;height: 20px;background: url(/assets/layout/bg-lip.png) no-repeat top center;}
#lip-home {top: 557px;}

/* ---------- @ Base Elements -----------*/

body {min-width: 960px;color: #333;background: url(/assets/layout/bg-body-int.png) repeat-x top left;}
#home {background: url(/assets/layout/bg-body.png) repeat-x top left;}


a {color: #3E6A8C;}
a:hover {text-decoration: none;}
a:active {position: relative;top: 1px;}

blockquote {padding:10px;font:italic 16px/24px Georgia;background-color: #FCFCFC;border:1px dashed #CCC;}

/* ---------- @ Header -----------*/

#header {height: 166px;}

#logo {position: relative;top: 16px;text-indent: -9999px;}
#logo a {display: block;width: 408px;height: 94px;background: url(/assets/layout/mcf.png) no-repeat;}

#nav {position: relative;top: 37px;width: 770px;}
#nav li {float: left;padding-left: 19px;list-style: none;line-height: 33px;text-indent: ;}
#nav li a {display: block;padding-right: 20px;}
#nav li a span {display: block;height: 35px;text-indent: -9999px;background: url(/assets/layout/nav.png);no-repeat}

.current {background: url(/assets/layout/nav-current-cap.png) no-repeat top left;}
.current a {top: 0;background: url(/assets/layout/nav-current-slider.png) no-repeat top right;}

#nav #ni1 a span {width: 43px;background-position: 0px 0px;}
#nav #ni1 a:hover span {background-position: 0px -35px;}
#nav #ni1.current a span {background-position: 0px -69px;}

#nav #ni2 a span {width: 68px;background-position: -45px 0px;}
#nav #ni2 a:hover span {background-position: -45px -35px;}
#nav #ni2.current a span {background-position: -45px -69px;}

#nav #ni3 a span {width: 66px;background-position: -115px 0px;}
#nav #ni3 a:hover span {background-position: -115px -35px;}
#nav #ni3.current a span {background-position: -115px -69px;}

#nav #ni4 a span {width: 104px;background-position: -183px 0px;}
#nav #ni4 a:hover span {background-position: -183px -35px;}
#nav #ni4.current a span {background-position: -183px -69px;}

#nav #ni5 a span {width: 62px;background-position: -289px 0px;}
#nav #ni5 a:hover span {background-position: -289px -35px;}
#nav #ni5.current a span {background-position: -289px -69px;}

#nav #ni6 a span {width: 41px;background-position: -354px 0px;}
#nav #ni6 a:hover span {background-position: -354px -35px;}
#nav #ni6.current a span {background-position: -354px -69px;}

#nav #ni7 a span {width: 58px;background-position: -398px 0px;}
#nav #ni7 a:hover span {background-position: -398px -35px;}
#nav #ni7.current a span {background-position: -398px -69px;}


/* ---------- @ Billboard / Home -----------*/

#billboard, #content {position: relative;}

#billboard {margin-bottom:20px;top:14px;}

#slideshow-intro {position: absolute;top: 12px;left: 110px;display: block;width: 94px;height: 24px;text-indent: -9999px;background: url(/assets/layout/4pillars.png) no-repeat;}

#slideshow {position: relative;width: 938px;height: 320px;left: 11px;overflow:hidden;background: url(/assets/layout/bg-slideshow.png) no-repeat top left;}
#slideshow li {position: relative;display: block;width: 938px;height: 320px;background:none !important;}

.slideshow-content {position: absolute;top: 5px;margin: 0;padding: 65px 0px;width: 292px;color: #FFF;overflow: hidden;}
.slideshow-content h2 {margin-bottom: 10px;padding-bottom: 15px;font: 40px/35px Georgia;font-weight: normal;text-shadow: 0px -1px #666;text-transform: uppercase;text-align: center;}
.slideshow-content h2 span {display: block;font-size: 22px !important;}
.slideshow-content p {margin: 0 22px 10px 22px;font: 14px/20px Georgia;text-shadow: 0px -1px #666;}
#slideshow li img {position: absolute;top: 0px;left: 315px;padding: 5px;}

.btn-more {margin: 10px auto;width: 143px;height: 33px;display: block;text-indent: -9999px;background: url(/assets/layout/btn-learnmore.gif) no-repeat top left;}
.btn-more:hover {background-position: 0px -33px;}

#nav-slide {position: absolute;width: 292px;height:8px;top: 30px;left: 8px;text-align: center;z-index:100;}
#nav-slide a {margin-right: 3px;display: inline-block;width: 9px;height: 8px;text-indent: -9999px;background: url(/assets/layout/nav-slideshow.png) no-repeat 0px -8px;}
#nav-slide a.activeSlide {background-position: 0px 0px;}
#gallery-wrap #nav-slide {top: 3px;width: 250px;}

.home-headings {margin: 12px 0 10px 0;display: block;height: 29px;text-indent: -9999px;background: url(/assets/layout/bg-home-headings.png) no-repeat top left;}

#news {background-position: 0px -29px;}
#quality {background-position: 0px -58px;}

#content.tip {width: 1186px;background-position: 0px 120px;}

/* ---------- @ Content -----------*/
#masthead {position: relative;top: 12px;height: 332px;}
#masthead img {padding:6px;background: url(/assets/layout/bg-masthead.png) no-repeat top left;}
#content h1 {margin-bottom: 10px;padding-bottom: 15px;font: 40px/35px Georgia;font-weight: normal;color:#0665A9;text-shadow: 0px -1px #666;}

#content {min-height: 415px;}
#home #content {min-height: 250px;}
#content p, #content li {margin: 10px 5px;font: 12px/18px Verdana;}
#content li {list-style: none;}
#content #main li {list-style: disc;margin-left: 30px;}


.listing {
	position: relative;
	float: left;
	margin: 0 10px 10px 0;
	width: 330px;
	min-height: 145px;
	overflow: hidden;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #EAF2FD);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EAF2FD), to(#FFFFFF));
	background-color: #EAF2FD;}
	
.listing h2 {
	margin: 5px 0 0 10px;
	color: #0665A9 !important;
	font-size: 18px !important;
}

.listing h2 a {text-decoration:none;}

.listing p {
	margin: 0 5px 5px 120px !important;
}

.listing img {
	position: absolute;
	top: 30px;
	left: 5px;
	padding: 3px;
	border:1px solid #FFF;
	background-color: #538BBC;
}

.list-split {float: left;width: 200px;}

#gallery-wrap {position: relative;float: right;width: 260px;margin:0px 10px;background-color: #EAF1FC;border: 1px solid #DBE6F4;}
#gallery {width: 260px;height: 260px;margin-top:15px;overflow: hidden;}
#gallery img {margin: 5px;}

.button {
	background: #77B9E4 url(/assets/layout/alert-overlay.png) repeat-x;
 	display: inline-block;
 	margin: 5px;
 	padding: 5px 10px 6px;
 	color: #1A4986;
 	text-decoration: none;
	line-height: 1;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 1px #FFF;
	position: relative;
	cursor: pointer;}

.button:hover {background-color: #538BBC; color: #fff;text-shadow: 0 -1px #1A4986;}


#sidebar #nav-sub {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #E5E5E5;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-image: -moz-linear-gradient(0% 100% 90deg,#FFFFFF, #E5E5E5);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E5E5E5), to(#FFFFFF));}

#sidebar #nav-sub li {
	margin: 0;
	display: block;
	border-top: 1px solid #FCFCFC;
	border-bottom: 1px solid #E5E5E5;
	line-height: 30px;
	background: none !important;}

#sidebar #nav-sub li:first-child {border-top: none;}
#sidebar #nav-sub li:last-child {border-bottom: none;}

#sidebar #nav-sub li a {
	display: block;
	text-decoration: none;
	margin: 0;
	padding: 0 0 0 10px;}
	
#sidebar #nav-sub li a:hover {
	color: #FFF;
	text-shadow: 1px 1px #333;
	background: #79B8E1;
	background-image: -moz-linear-gradient(0% 100% 90deg,#4D88B7, #79B8E1);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#79B8E1), to(#4D88B7));}

#sidebar #nav-sub li.here a, #sidebar #nav-sub li.here a:hover {
	color: #FFF;
	font-weight:bold;
	text-shadow: 0px -1px #333;
	background: #79B8E1;
	background-image: -moz-linear-gradient(0% 100% 90deg,#79B8E1, #4D88B7);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4D88B7), to(#79B8E1));
}

#breadcrumb	{position:absolute;margin:0 !important;display: block;height: 41px;top:-42px;right:20px;line-height: 41px;}
#breadcrumb span {margin-right: 10px;padding-right: 23px;display: inline-block;height:41px;line-height: 41px;background: url(/assets/layout/bg-breadcrumb.png) no-repeat top right;}
#breadcrumb span:first-child {margin-left: 10px;}

#content p.tip {margin: 0 !important;font-size: 10px;font-family: Arial;text-transform: uppercase;text-align: center;}

/* ---------- @ News -----------*/
.article {position: relative;margin:20px 0 60px 0;min-height:150px;}
.first {margin-top:60px;}
.article h2, .article p, .article blockquote {margin-left: 75px !important;}
.article h2 {font-size:28px;}
.article h2 a {text-decoration:none;padding-bottom:2px;}
.article h2 a: {border-bottom:2px solid #012C6A;}
.article li {margin-left: 95px !important;}

.article .meta {position: absolute;top:-40px;left:0;width:65px;height: 148px;color:#FFF;text-align:center;background: url(/assets/layout/bg-meta.png) no-repeat top left;}
.article span {position: relative;display:block;margin:0;}
.article .month {top: 43px;font-size:18px;}
.article .day {top:40px;font-size:22px;}
.article .year {top:37px;font-size:15px;}


/* ---------- @ Footer -----------*/
#footer {position: relative;width: 932px;border-top: 3px solid #3E6A8C;}
#footer p {margin: 15px 5px;font: 10px/16px 'Trebuchet MS', Verdana;}
#footer a {color: #666;text-decoration: none;}

#sig {position: absolute;top:-10px;right: 0;}
#sig a {display: block;width: 76px;height: 25px;text-indent: -9999px;background: url(/assets/layout/siebird.png) no-repeat;}
#sig a:hover {background-position: 0 -25px;}

.rss {padding: 3px 18px 3px 0;background: url(/assets/layout/rss.png) no-repeat right center;}

#request {position:absolute;top:0;left:50%;margin-left:268px;text-indent: -9999px;}
#request a {display: block;height: 27px;width: 212px;overflow: hidden;background: url(/assets/layout/btn-quote.png) no-repeat  0px 0px;}
#request a:hover {background-position: 0px -26px;}

#isocert {position:absolute;display: block;height: 35px;width: 155px;top:55px;left:50%;margin-left:295px;text-indent: -9999px;background: url(/assets/layout/iso.png) no-repeat  0px 0px;}


/* ---------- @ Search -----------*/
#search {position: absolute;top: 135px;left: 50%;margin-left: 281px;width: 175px;height: 23px;background: url(/assets/layout/bg-search.png) no-repeat top left;}
#search input {font: 10px Arial;color: #FFF;background: none;border: none;}
#search input[type=text] {margin: 5px 0 0 25px;outline: none}
#search input[type=submit] {position: absolute;top: 5px;left: 8px;width: 14px;height: 15px;text-indent: -9999px;cursor: pointer;background: url(/assets/layout/btn-search.png) no-repeat;}
#search input[type=submit]:hover {background-position: 0 -15px;}


/* ---------- @ Float Clearing -----------*/
.clearfloat:after {display: block;visibility: hidden;clear: both;height: 0;content: ".";}
.clearfloat {display: inline-block}
.clearfloat {display: block}