/*
 * frequently used colors:
 	blue: #7A9AAF
 	green: #66CC33 - rollovers
 	yellow: #FFD635
 	black: #373535
 */

body 								{ background:#8797A1 url('../images/page/bluegradient_bg.jpg') top left repeat-x fixed;  font-family:Arial,Helvetica,sans-serif; 
									  font-size:11px; line-height:18px; font-weight:normal; color:#666; text-align:left; }
td									{ text-align:left; }
img 								{ border:0px; }
hr									{ border:none; background:none; border-top:1px solid #ccc; }
h1									{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:26px; color:#444; }
h2									{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:18px; color:#333; }
h3									{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:16px; color:#666; margin-bottom:5px; }

small								{ line-height:normal !important; }

.hidden								{ height:0px; display:none; visibility:hidden; }

h2.blackBar							{ display:block; padding:8px 0 4px 12px; color:#fff; font-size:16px; background:#373535; margin-bottom:0px; }

/* page colors */
.portfolio							{ color:#263751 !important; }
.portfolioBg						{ background-color:#263751 !important; }
.services							{ color:#4D6C43 !important; }
.servicesBg							{ background-color:#4D6C43 !important; }
.process							{ color:#12AAC1 !important; }
.processBg							{ background-color:#12AAC1 !important; }
.about								{ color:#8D0417 !important; }
.aboutBg							{ background-color:#8D0417 !important; }
.contact							{ color:#EA9106 !important; }
.contactBg							{ background-color:#EA9106 !important; }
.help								{ color:#373535 !important; }
.helpBg								{ background-color:#373535 !important; }

/* anchor default */
a 									{ color:#7A9AAF; text-decoration:none; outline:none; }
a:hover 							{ color:#66CC33; text-decoration:underline; outline:none; }

div.main							{ width:773px; padding:10px 10px 0 10px; background:url("../images/bg_main.png") top no-repeat; }
div.main_bottom						{ background:url("../images/bg_main_bottom.png") top left no-repeat; width:793px; height:16px; }
div.main .mbLogo 					{ display:block; float:left; padding:10px 0 5px 15px; }
div.main .facebook					{ width:400px; text-align:right; display:block; float:right; height:20px; margin-top:45px; }
div.main .facebook img				{ margin-right:5px; }

/* font version of the montanab logo replaced with image
div.main .mbLogo a, div.main .mbLogo a:hover { display:block; background:url("../images/Montana-Banana-Web-Design-And-Development.gif") center left no-repeat; padding:14px 0 10px 90px; margin-top:3px; text-decoration:none; }
div.main .mbLogo h1					{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; color:#333; margin:0px; padding:0px; margin-top:2px; }
div.main .mbLogo h1 b				{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:18px; font-weight:normal; color:#333; }
div.main .mbLogo h2					{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:13px; font-weight:normal; color:#777; margin:0px; padding:0px; margin-top:2px; }
*/

.pageTitle							{ padding-top:5px; text-align:left; font-weight:normal !important; }
.pageTitle h1						{ font-weight:normal !important; }

/* navigation */
td.menu								{ padding-bottom:1px; }
#menu 								{ display:block; position:relative; z-index:3; text-align:left;}
ul#menu 							{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:12px; margin:0; padding:0; list-style:none; margin-top:5px; font-weight:bold; }
ul#menu li 							{ display:block; position:relative; float:left; width:129px; }
ul#menu li ul 						{ display:none; background:#fff; border:1px solid #fff; border-top:0px; border-right:0px; width:175px; margin:0px; margin-left:-1px; padding:0px; font-weight:bold; }
ul#menu li a 						{ display:block; text-decoration:none; color:#fff; border-top:1px solid #fff; text-align:right; padding:5px 15px 3px 15px; 
									  background:#7A9AAF; margin-right:1px; white-space:nowrap; text-transform:uppercase; }
ul#menu li a:hover 					{ background:#66CC33; cursor:pointer; }
ul#menu li:hover ul 				{ display:block; position:absolute; cursor:pointer; } 
ul#menu li:hover li 				{ float:none; }
ul#menu li ul						{ display:none; }
ul#menu li li						{ width:175px; }
ul#menu li li a 					{ color:#3A5D78; background:#DFE1E5; text-align:left !important; padding-left:10px; font-weight:normal; }
ul#menu li li a:hover 				{ color:#3A5D78; background:#fff !important; cursor:pointer; }

/* sub navigation */
.subNav								{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:12px; font-weight:normal; color:#999; text-align:left; padding:25px 0 0 42px; font-weight:bold; }
.subNav a							{ display:block; width:160px; padding:10px 0 8px 0; font-weight:bold; text-decoration:none; color:#999; border-bottom:1px solid #e4e4e4; }
.subNav a:hover						{ font-weight:bold; text-decoration:none; color:#66CC33; }
.subNav a.selected					{ color:#333; }

td.sidecontent						{ padding-bottom:35px; }

div.textContent						{ padding:0 65px 0 0; text-align:justify; }

/* home boxes */
div.homeBoxes						{ padding-left:5px; line-height:16px; }
div.homeBoxes img					{ width:226px; margin:4px 0 0 8px; background:#fff; padding:2px; border:1px solid #ddd; }
div.homeBoxes .homeBox				{ width:249px; height:191px; display:block; float:left; margin:5px 5px 5px 0; background:#eee; border:1px solid #ddd; border-bottom:5px solid #ccc; }
div.homeBoxes .homeBox:hover		{ background:#fff; cursor:pointer; }
div.homeBoxes .homeBox .contents	{ padding:5px 10px 5px 10px; height:79px; }
div.homeBoxes .homeBox h2			{ padding:0px; margin:0px; padding:8px 0 0px 10px; font-family:"PT Sans Narrow",sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; color:#666; }
div.homeBoxes .homeBox a.link, div.homeBoxes .homeBox a.link:hover { display:block; color:#66CC33; font-family:"PT Sans Narrow",sans-serif; font-size:12px; width:80px; padding:2px 0 2px 0; text-align:center; float:right; text-transform:lowercase; text-decoration:none; }

div.newsBoxes						{ padding-left:5px; }
div.newsBoxes h1 					{ margin:0px; padding:0px; margin:24px 0 0 17px; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-weight:normal; font-size:17px; }
div.newsBoxes h1 b 					{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-weight:bold; color:#fff; }
div.newsBoxes h1 a, div.newsBoxes h1 a:hover { color:#fff; text-decoration:none; }
div.newsBoxes .featuredNews			{ width:505px; height:60px; display:block; float:left; margin:5px 5px 0 0; background:#595656; border:1px solid #ddd; border-bottom:5px solid #ccc; }
div.newsBoxes .freeEstimate			{ width:249px; height:60px; display:block; float:left; margin:5px 5px 0 0; background:#7A9AAF; border:1px solid #ddd; border-bottom:5px solid #ccc; }
div.newsBoxes .featuredNews:hover 	{ background:#373535; cursor:pointer; }
div.newsBoxes .freeEstimate:hover 	{ background:#66CC33; cursor:pointer; }

div.sidebar							{ margin:25px 27px 50px 24px; }
div.sidebar .freeEstimate			{ width:100%; height:60px; display:block; float:left; margin:5px 5px 0 0; background:#7A9AAF; border:1px solid #ddd; border-bottom:5px solid #ccc; }
div.sidebar h1 						{ margin:0px; padding:0px; margin:14px 0 0 17px; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-weight:normal; font-size:17px; }
div.sidebar h1 b 					{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-weight:bold; color:#fff; }
div.sidebar h1 a, div.sidebar h1 a:hover { color:#fff; text-decoration:none; }
div.sidebar .freeEstimate:hover 	{ background:#66CC33; cursor:pointer; }

/* client matrix / listing */
td.clientMatrixHeader				{ vertical-align:bottom; text-align:center; width:18px; }
.cm 								{ border-bottom:#D4D4D4 1px solid; }
.cmclient 							{ padding-right:17px; padding-top:5px; padding-bottom:5px; border-bottom:#D4D4D4 1px solid; }
.cmlaunch 							{ color:#CCCCCC; width:155px; border-bottom:#D4D4D4 1px solid; text-align:left; }
.cmlaunch span						{ padding:2px 5px 2px 5px; }
.cmlaunch a							{ color:#666; background:none; padding:2px 5px 2px 5px; }
.cmlaunch a:hover					{ color:#fff; background:#66CC33; text-decoration:none; }
.cmplus 							{ font-size:10px; text-align:center; border-bottom:#D4D4D4 1px solid; }
.cmplusgray							{ color:#E1E1E1; font-size:10px; text-align:center; border-bottom:#D4D4D4 1px solid; }
.cmheader							{ font-family:"PT Sans Narrow",sans-serif; font-weight:bold; font-size:14px; text-transform:uppercase; background:#373535; color:#fff; padding:8px 0 5px 8px; }
.cmLogo								{ width:155px; height:90px; float:left; margin-right:20px; }

/* case studies */
.cshdr  							{ font-size:12px; font-weight:bold; color:#5D6E82; }
.casestudyhdr 						{ color:#FFF; background:#787878; font-size:10px; padding-left:7px; }
.caseStudyPic						{ display:inline-block; z-index:0; border-bottom:5px solid #ccc; width:480px; height:160px; }
.caseStudyUrl						{ display:block; position:relative; z-index:5; background:#eee; width:480px; height:18px; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:12px; font-weight:bold; text-align:right; }
.caseStudyUrl a						{ color:#fff; text-decoration:none; background:#ccc; padding:6px 10px 4px 10px; text-transform:uppercase; }
.caseStudyUrl a:hover				{ color:#333; text-decoration:none; }

.caseStudyList						{ display:block; background:#eee; margin:10px 0 10px 0; padding:10px; border-bottom:5px solid #ccc; }
.caseStudyList:hover				{ background:#e1e1e1; cursor:pointer; }
.caseStudyList .details h3			{ margin-top:15px; }
.caseStudyList .details a			{ display:block; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:11px; color:#7A9AAF; text-transform:uppercase; margin-top:5px; }
.caseStudyList .details a:hover		{ text-decoration:none;}
.caseStudyList:hover .details a		{ color:#333; cursor:pointer; }
.caseStudyList .logo				{ background:#fff; width:165px; height:90px; display:table; vertical-align:middle; text-align:center; }
.caseStudyList .logo div			{ vertical-align:middle; text-align:center; display:table-cell; }
.caseStudyList .details				{ display:block; margin:-100px 0 0 190px; padding-bottom:15px; width:250px; min-height:70px; vertical-align:top; }

.nextPrevious						{ display:block; margin-top:25px; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:14px; color:#eee; border-top:5px solid #eee; padding-top:10px; }
.nextPrevious a:hover				{ text-decoration:none !important; }
.nextPrevious .next					{ display:block; float:right; }
.nextPrevious .previous				{ display:block; float:left; }

/* print work page */

div.collateral						{ padding:20px 0 35px 0; }
div.collateral .thumb				{ width:110px; height:110px; border:1px solid #ccc; background:#fff; padding:3px; display:inline-block; margin:8px 16px 8px 0; }

/* testimonials box */
.quote1, .quote2					{ display:block; width:480px; margin-bottom:20px; background:#606C80; color:#fff; background-position:bottom; background-repeat:no-repeat; font-size:12px; }
.quote1 .contents, .quote2 .contents{ padding:0 25px 0px 25px; line-height:20px; }
.quote1								{ background-image:url("../images/quote_bg_1.png"); }
.quote2								{ background-image:url("../images/quote_bg_2.png"); }
.quote1 .quoteBy					{ display:block; padding:22px 60px 32px 0; color:#666; text-align:right; }
.quote2 .quoteBy					{ display:block; padding:22px 0 32px 60px; color:#666; text-align:left; }

table.browserInfo					{ width:480px; margin-top:25px; }
table.browserInfo td				{ text-align:left; vertical-align:top; border-top:1px solid #ccc; padding:12px 0 12px 0; }
table.browserInfo .label			{ font-weight:bold; font-size:14px; width:170px; }

table.software						{ width:480px; margin-top:25px; }
table.software td					{ text-align:left; vertical-align:top; border-top:1px solid #ccc; }
table.software a.download			{ display:block; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:11px; color:#7A9AAF; text-transform:uppercase; margin-top:5px; }
table.software .info				{ padding:12px 0 12px 0; }
table.software .info h3				{ margin:0px; padding:0px; padding-bottom:4px; font-weight:normal; }
table.software .logo				{ width:130px; padding:12px 0 12px 0; }
table.software .category			{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:14px; background:#999; color:#fff; padding:8px 0 2px 8px; border-top:none; }

/* twitter feed */
div.twitter							{ margin:25px 0 25px 42px; }
div.twitter ul						{ margin:0px; padding:0px; list-style:none; width:160px; }
div.twitter li						{ margin:0 0 5px 0; padding:8px 0 8px 0; list-style:none; border-bottom:1px solid #e4e4e4; color:#999; font-size:10px; line-height:14px; }
div.twitter .follow					{ display:block; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:11px; color:#373535; text-transform:uppercase; margin:35px 0 0 0; }

div.socialNetworkLinks				{ padding-left:42px; padding-top:10px; }
div.socialNetworkLinks a			{ display:block; margin:0 0 5px 0; border:none; }

/* homepage centerpiece Flash, and non-flash versions */
div.centerpiece						{ margin:0 0 1px 0; width:774px; height:265px; }
.page_movie							{ background-repeat:no-repeat; background-position:bottom left; }

td.biosPhoto 						{ vertical-align:top; text-align:right; }	
td.biosPhoto img					{ padding-right:20px; padding-bottom:50px; padding-top:4px }
td.bios								{ vertical-align:top; line-height:18px; padding-right:35px; }
td.bios	.name						{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:14px; display:block; padding-bottom:8px; padding-top:4px; }
td.bios .name b						{ color:#8D0417; }

.contact_info						{ vertical-align:top; padding:25px 0 25px 43px; }
.contact_info	a					{ text-decoration:none; color:#666; padding-left:16px; background:url("../images/page/mail_icon.gif") left no-repeat; }
.contact_info	a:hover				{ color:#66CC33; text-decoration:underline; outline:none; }

.formLabel							{ padding-top:10px; font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:12px; }
.inputblocksmall 					{ background:#eee; color:#333; border:1px solid #e4e4e4; height:19px; width:165px; font-family:Helvetica,Arial,sans-serif; font-size:12px; }
.inputblocklong 					{ background:#eee; color:#333; border:1px solid #e4e4e4; height:19px; width:360px; font-family:Helvetica,Arial,sans-serif; font-size:12px; }
.textareablock 						{ background:#eee; color:#333; border:1px solid #e4e4e4; height:100px; width:360px; font-family:Helvetica,Arial,sans-serif; font-size:12px; }
.textareablockshort 				{ background:#eee; color:#333; border:1px solid #e4e4e4; height:60px; width:360px; font-family:Helvetica,Arial,sans-serif; font-size:12px; }
.submit								{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:12px; background:#7A9AAF; color:#fff; text-transform:uppercase; width:120px; border:none; margin-right:6px; padding:6px 0 4px 0 }
.submit:hover						{ background:#66CC33; color:#fff; cursor:pointer; }
	
div.footer							{ margin:8px 0 35px 0; color:#fff; font-size:11px; }
div.footer a						{ color:#fff; text-decoration:none; }
div.footer a:hover					{ color:#fff; text-decoration:underline; }

/* help row of email icons */
ul#icons 							{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:12px; margin:0; padding:0; list-style:none; margin-top:25px; }
ul#icons li 						{ display:block; position:relative; float:left; width:96px; text-align:center; }
ul#icons li img						{ display:block; padding:0 0 5px 18px; }
ul#icons li a 						{ display:block; text-decoration:none; color:#333; text-align:center; }
ul#icons li a:hover					{ text-decoration:none; color:#66CC33; }


/* sitemap */
div.sitemap td						{ vertical-align:top; border-top:2px solid #e4e4e4; padding:10px 0 20px 0; }
div.sitemap td.leftCol				{ font-family:"PT Sans Narrow",Helvetica,Arial,sans-serif; font-size:14px; width:200px; font-weight:bold; text-transform:uppercase; }
div.sitemap td.rightCol b			{ text-align:left !important; font-size:14px; display:block; margin-bottom:4px; }
div.sitemap a						{ display:block; margin-bottom:4px; padding-left:3px; color:#5E5E5E; text-decoration:none; }
div.sitemap a:hover					{ color:#333; text-decoration:none; background:#eee; }