/* 
   css for moonlight creative group
   by chris rodriguez
   chris.does.design@gmail.com
   inathought.com
*/

body { margin: 0; padding: 50px 0; background-color: #5a5958; font-size: 8pt; line-height: 1.5; font-family: arial, sans-serif; color: #5a5958; }

div#mainContainer { margin: 0 auto; padding: 0; width: 600px; background-color: #fff; }
	div#logo { height: 28px; width: 600px; background: url(images/mcglogo.gif) 0 0 no-repeat #5a5958; }
	div#decor { height: 49px; width: 600px; background-color: transparent; display: inline; z-index: 199; position: relative; }
	div#homeContent { float: left; width: 600px; height: 520px; display: inline; background-color: #fff; margin: 0; padding: 0; overflow: hidden; }
	div#navContainer { width: 600px; height: 20px; background-color: transparent; display: block; }
		div#nav { float: left; height: 16px; width: 338px; margin: 12px 0 0 251px; background: url(images/nav-bg.gif) 76px 2px no-repeat transparent; display: inline; z-index: 99; }
		div#home { float: left; margin: 51px 0 0 281px; width: 290px; background-color: transparent; display: inline; }
		
	div#innerContent { clear: both; width: 600px; margin-top: 10px; background-color: transparent; padding: 0; }
		div#leftSubPurple { float: left; width: 70px; margin: -65px 0 0 34px; padding: 68px 7px 7px 7px; position: relative; background-color: #eee0ee; display: inline; z-index: 100; }
		div#leftSubYellow { float: left; width: 70px; margin: -65px 0 0 34px; padding: 68px 7px 7px 7px; position: relative; background-color: #fce9c9; display: inline; z-index: 100; }		
		div#leftSubGreen { float: left; width: 70px; margin: -65px 0 0 34px; padding: 68px 7px 7px 7px; position: relative; background-color: #e6f2d5; display: inline; z-index: 100; }
		div#aboutContent { float: right; width: 413px; margin: 0 34px 0 0; display: inline; padding-bottom: 35px; background-color: transparent; }
			div#aboutPic { width: 150px; float: left; background-color: #fafafa; margin: 5px 15px 5px 0; }
			div#aboutText { width: 248px; float: right; }
	div#folioCount { clear: both; width: 580px; background-color: #fff; padding: 10px; }
		div#fNav { width: 200px; float: left; font-size: 8pt; margin-left: 10px; }
			div.prev { width: 40px; float: left; }
			div.next { width: 40px; float: left; }
			div.count { width: 90px; float: left; text-align: center; }
		div#fInfo { width: 325px; float: right; font-size: 8pt; margin-right: 10px; }
		a.prev { padding: 3px; }
		a.next { padding: 3px; }
			
div#footer { clear: both; width: 580px; margin: 0 auto; height: 25px; background-color: transparent; padding: 10px; }
		
span.mainTitle { font-size: 11.5pt; font-weight: bold; color: #003d79; }
span.subTitle { font-size: 9pt; font-weight: bold; color: #003d79; }
span.tiny { font-size: 8pt; font-weight: normal; color: #5a5958; }
span.navText { visibility: hidden; }
span.footerTxt, a.footerLink { font-size: 7pt; color: #fff; }
a.footerLink:hover { font-weight: normal; }
a { font-size: 8pt; color: #003d79; text-decoration: none; }
a:hover { text-decoration: none; font-weight: bold; }
/*div#fNav a, div#fNav a:hover, div#fNav a:visited, div#fInfo { font-size: 10pt; }*/
input, select, textarea { font-family: arial, sans-serif; font-size: 8pt; color: #5a5958; }
input.alert { background-color: #ff0000; color: #fff; }

img { border: 0; }
img.sampleImg { border: 1px solid #5a5958; margin-top: 2px; }

ul#navLinks { list-style-type: none; margin: 0; padding: 0; float: left; height: 13px; display: inline; }
ul#navLinks li { height: 13px; display: block; float: left; padding: 0; margin-right: 32px; }
ul#navLinks li.flush { height: 13px; display: block; float: left; padding: 0; margin: 0; }
	a.about { float: left; background: url(images/nav-about.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.about:hover, li.about-s, a.about-s { float: left; background: url(images/nav-about-s.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.samples { float: left; background: url(images/nav-samples.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.samples:hover, li.samples-s, a.samples-s { float: left; background: url(images/nav-samples-s.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.news { float: left; background: url(images/nav-news.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.news:hover, li.news-s, a.news-s { float: left; background: url(images/nav-news-s.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.contact { float: left; background: url(images/nav-contact.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	a.contact:hover, li.contact-s, a.contact-s { float: left; background: url(images/nav-contact-s.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	
	a.aboutBlue { float: left; background: url(images/nav-about.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.aboutBlue:hover, li.aboutBlue-s, a.aboutBlue-s { float: left; background: url(images/nav-aboutBlue-s.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.samplesBlue { float: left; background: url(images/nav-samples.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.samplesBlue:hover, li.samplesBlue-s, a.samplesBlue-s { float: left; background: url(images/nav-samplesBlue-s.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.newsBlue { float: left; background: url(images/nav-news.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.newsBlue:hover, li.newsBlue-s, a.newsBlue-s { float: left; background: url(images/nav-newsBlue-s.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.contactBlue { float: left; background: url(images/nav-contact.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	a.contactBlue:hover, li.contactBlue-s, a.contactBlue-s { float: left; background: url(images/nav-contactBlue-s.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }

	a.aboutRed { float: left; background: url(images/nav-about.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.aboutRed:hover, li.aboutRed-s, a.aboutRed-s { float: left; background: url(images/nav-aboutRed-s.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.samplesRed { float: left; background: url(images/nav-samples.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.samplesRed:hover, li.samplesRed-s, a.samplesRed-s { float: left; background: url(images/nav-samplesRed-s.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.newsRed { float: left; background: url(images/nav-news.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.newsRed:hover, li.newsRed-s, a.newsRed-s { float: left; background: url(images/nav-newsRed-s.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.contactRed { float: left; background: url(images/nav-contact.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	a.contactRed:hover, li.contactRed-s, a.contactRed-s { float: left; background: url(images/nav-contactRed-s.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	
	a.aboutYellow { float: left; background: url(images/nav-about.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.aboutYellow:hover, li.aboutYellow-s, a.aboutYellow-s { float: left; background: url(images/nav-aboutYellow-s.gif) 0 0 no-repeat; width: 65px; height: 13px; display: block; text-decoration: none; }
	a.samplesYellow { float: left; background: url(images/nav-samples.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.samplesYellow:hover, li.samplesYellow-s, a.samplesYellow-s { float: left; background: url(images/nav-samplesYellow-s.gif) 0 0 no-repeat; width: 53px; height: 13px; display: block; text-decoration: none; }
	a.newsYellow { float: left; background: url(images/nav-news.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.newsYellow:hover, li.newsYellow-s, a.newsYellow-s { float: left; background: url(images/nav-newsYellow-s.gif) 0 0 no-repeat; width: 38px; height: 13px; display: block; text-decoration: none; }
	a.contactYellow { float: left; background: url(images/nav-contact.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	a.contactYellow:hover, li.contactYellow-s, a.contactYellow-s { float: left; background: url(images/nav-contactYellow-s.gif) 0 0 no-repeat; width: 81px; height: 13px; display: block; text-decoration: none; }
	
div#tabContainer { width: 50%; }
	a.tabActive { height: 25px; width: 100px; padding: 10px 10px 11px 10px; background-color: #fff; border-left: 1px solid green; border-top: 1px solid green; border-right: 1px solid green; }
	a.tabActive:hover, a.tab:hover { font-weight: normal; text-decoration: underline; }
	a.tab { height: 25px; width: 100px; padding: 9px; background-color: #e6f2d5; border-left: 1px solid #f2f2f2; border-top: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; }
div#dataContainer { margin-top: 8px; width: 100%; border-top: 1px solid green; }

div#sampleTabs { z-index: 1999; position: absolute; }

#msg { display: none; position: absolute; z-index: 200; background: url(../images/msg_arrow.gif) left center no-repeat; padding-left: 7px; }
#msgcontent { display: block; background: #f3e6e6; border: 2px solid #924949; border-left: none; padding: 5px; min-width: 150px; max-width: 250px; font-size: .95em; }

.smicon { padding: 0 6px 0 0; }