/* CSS Document */

.floatLeft { float:left; }
.floatRight { float:right; }

p { color:#FFFFFF; font-size:12px; }
h3 { color:#FFFFFF }

#indexPage, #aboutPage, #contactPage, #workPage, #whyPage { width:100%; height:100%; padding:0; margin:0; background:url("images/bg-page.jpg"); background:url("images/bg-wide.jpg") center;  }

#sitrikContainer { width:898px; height:auto; margin:auto; background:url("images/bg-container.jpg") repeat-y; font-family:Arial, Helvetica, sans-serif; padding-left:36px; padding-right:36px; }
	#sitrikContainer img { border:none; margin:0; padding:0; }

/* Index Page */

#headerContainer { width:830px; height:150px; float:left; background:#FFFFFF; clear:both; }
	#headerContainer img { width:363px; height:94px; margin-left:200px; margin-top:20px; float:left; }
	
	#mainMenu { width:172px; height:200px; float:right; padding:0; margin:0; padding-top:10px; list-style:none; overflow:hidden; text-indent:-3000px; }
	
		#mainMenu ul { width:172px; height:135px; float:left; clear:both; }
		#mainMenu ul li { float:left; clear:both; }
			
				#menuHome { width:172px; height:24px; float:left; background: url("images/sitrik-menu-home.jpg") left; }
					#menuHomeOn { width:172px; height:24px; float:left; background: url("images/sitrik-menu-home.jpg") right; font-weight:bold; }
				#menuAbout { width:172px; height:24px; float:left; background: url("images/sitrik-menu-about.jpg") left; }
					#menuAboutOn { width:172px; height:24px; float:left; background: url("images/sitrik-menu-about.jpg") right; font-weight:bold; }
				#menuWhyMe { width:172px; height:24px; float:left; background: url("images/sitrik-menu-whyme.jpg") left; }
					#menuWhyMeOn { width:172px; height:24px; float:left; background: url("images/sitrik-menu-whyme.jpg") right; font-weight:bold; }
				#menuWork { width:172px; height:24px; float:left; background: url("images/sitrik-menu-work.jpg") left; }
					#menuWorkOn { width:172px; height:24px; float:left; background: url("images/sitrik-menu-work.jpg") right; font-weight:bold; }
				#menuContact { width:172px; height:24px; float:left; background: url("images/sitrik-menu-contact.jpg") left; }
					#menuContactOn { width:172px; height:24px; float:left; background: url("images/sitrik-menu-contact.jpg") right; font-weight:bold; }
			
			#mainMenu li a:hover, .menuSelected  { background-position:right; }

#blueArea { width:786px; height:390px; background:url("images/bg-content.jpg") repeat; float:left; clear:both; padding-top:32px; padding-left:22px; padding-right:22px;}
	#indexPage #blueArea { width:830px; height:422px; float:left; padding:0; }
	#indexPage #blueArea img { margin-top:60px; }
	
	#aboutPage #blueArea img { padding-right:22px; }
	#aboutPage #blueArea h3 { text-indent:-3000px; width:122px; height:17px; float:left; background:url("images/sitrik-about-welcome.jpg") no-repeat; }
	#aboutPage #blueArea p { width:470px; float:left; text-size:12px; letter-spacing:.05em; margin:0; margin-bottom:10px; }

	#whyPage #blueArea { width:786px; height:390px; float:left; }
		.testimonialContainerLeft { width:375px; height:auto; float:left; clear:both; }
		.testimonialContainerRight { width:375px; height:auto; float:right;  }
			.testimonialBox { width:345px; height:auto; float:left; background: url("images/sitrik-whyme-bubblebg.jpg") repeat; padding:5px 5px 10px 10px; }
				.testimonialBox span { color:#FFFF66; }
			.testimonialSays { width:72px; height:36px; float:left; background: url("images/sitrik-whyme-talk.jpg") no-repeat; margin-left:100px; }
	
	#workBox { width:785px; height:360px; float:left; background-color:#FFFF66; }
	
#whiteSpace { width:830px; height:100%; float:left; clear:both; background:#FFFFFF; min-height:50px; }

#footerContainer { width:898px; height:50px; margin:auto; background:url("images/bg-container.jpg") repeat-y; padding-left:36px; padding-right:36px; }
	#footerContainer p { width:830px; height:50px; float:left; text-indent:-3000px; background:url("images/sitrik-footer1.jpg") no-repeat; }
	
#contactThanks { width:92px; height:20px; text-indent:-3000px; background: url("images/sitrik-contact-thankyou.jpg") no-repeat; padding-bottom:5px; }

#leftContact { width:225px; height:462px; float:left; }
	.infoBox { width:180px; height:auto; float:left; min-height:40px; background: url("images/sitrik-contact-info_bg.jpg") repeat; padding: 10px 10px 10px 10px; }
	#leftContact img { padding-bottom:10px; }
	#leftContact p { padding:0; margin:0; }
	#infoSpacer { width:100px; height:15px; float:left; clear:both; }
		#contactPage p { line-height:17px; }

#rightContact { width:558px; height:462px; float:left; overflow:hidden; }
#rightContact { margin:0; padding:0; }
		#contactForm { list-style-type:none; margin:0; padding:0; float:left; width:700px; height:auto; }
		#contactForm li { float:left; margin-bottom:10px; }
	.input { height:37px; width:auto; background:url(images/sitrik-contact-input_left.jpg) no-repeat left; float:left; clear:both;  }
		.inputMessage { height:60px; width:420px; background:url(images/sitrik-contact_message.jpg) no-repeat top left; float:left; clear:both; }
	.input span { height:17px; width:100%; background:url(images/sitrik-contact-input_right.jpg) no-repeat top right; padding:10px 15px 15px 10px; float:left; }
		.inputMessage span { height:100%; width:auto; background: url(images/sitrik-contact_message.jpg) no-repeat left bottom; padding:10px 20px 20px 10px; float:left; }
	.input span input, .input textarea input { background:#FFFFFF; color:#666666; font-weight:bold; border:0; }
		.noText { text-indent:-3000px; margin-left:20px; height:18px; width:130px; float:left; } 
		#contactTagName { background:url(images/sitrik-contact-tag_name.jpg) no-repeat bottom left; }
		#contactTagCompany { background:url(images/sitrik-contact-tag_company.jpg) no-repeat bottom left; }
		#contactTagTelephone { background:url(images/sitrik-contact-tag_tel.jpg) no-repeat bottom left; }
		#contactTagName { background:url(images/sitrik-contact-tag_name.jpg) no-repeat bottom left; }
		#contactTagWebsite{ background:url(images/sitrik-contact-tag_website.jpg) no-repeat bottom left; }
		#contactTagEmail {  background:url(images/sitrik-contact-tag_email.jpg) no-repeat bottom left; }
		#contactTagSubject { background:url(images/sitrik-contact-tag_subject.jpg) no-repeat bottom left; }
		#contactTagMessage { background:url(images/sitrik-contact-tag_message.jpg) no-repeat bottom left; }
		
	.inputLeft { float:left; width:244px; height:auto; }
	.inputRight { float:right; width:244px; height:auto; margin-left:45px; }
	
	.submitme { width:114px; height:92px; float:left; background:url(images/sitrik-contact-submitbutton.jpg) no-repeat left; text-indent:-3000px; border:none; padding:0; margin-top:16px; margin-left:10px;  }
		.submitme :hover { background:url(images/sitirk-contact-submitbutton.jpg) no-repeat right; }
		/* IE7 star button hack */ *+html .submitme { padding-left:3000px; }
		
		#displayBox { width:898px; height:408px; float:left; }
		
#portfolioContainer { width:830px; height:auto; float:left; padding-top:30px; background-color:#FFFFFF; }

	#submenuContainer { width:140px; height:150px; float:left; }
	
		#submenuContainer ul { width:140px; height:135px; float:left; text-indent:-3000px; list-style:none; padding:0; margin:0; }
		#submenuContainer ul li { float:left; display:inline; height:27px; clear:both; }
		
			#submenuPrint { width:140px; height:27px; float:left; background: url("images/sitrik-portfolio-print.jpg") left; }
				#submenuPrintOn { width:140px; height:27px; float:left; background: url("images/sitrik-portfolio-print.jpg") right; }
			#submenuIdentity { width:140px; height:27px; float:left; background: url("images/sitrik-portfolio-identity.jpg") left; }
				#submenuIdentityOn { width:140px; height:27px; float:left; background: url("images/sitrik-portfolio-identity.jpg") right; }
			#submenuWeb { width:140px; height:27px; float:left; background: url("images/sitrik-portfolio-web.jpg") left; }
				#submenuWebOn { width:140px; height:27px; float:left; background: url("images/sitrik-portfolio-web.jpg") right; }
				
		#submenuContainer li a:hover, .menuSelected  { background-position:right; }
		
		#portfolioSpacer { width:2px; height:100%; min-height:100px; float:left; background: url("images/sitrik-portfolio-menubar.jpg") repeat-y; background-color:#009933; }
		
		.demo { float:left; }
		.gallery_demo { width:675px; height:auto; margin:0; padding:0; list-style:none; float:left; overflow:hidden; }
		.gallery_demo li { width:72px; height:72px; float:left; background: url("images/sitrik-portfolio-bg2.jpg") repeat; padding:2px 2px 2px 2px; margin-left:19px; margin-bottom:15px;}


/* sticky footer */
* { margin: 0; }
html, body { height: 100%; }
.theWrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -50px; }
#footerContainer, .push { height:50px; }