/*
Theme Name: Zowbie Consulting 2.0
Theme URI: http://www.zowbie.com/
Description: New custom design for Zowbie Consulting by Andrew Christensen
Version: 2.0
Author: Andrew Christensen
Author URI: http://www.loveincolor.com/
*/

body {
	margin: 0;
}

.clear {
	clear: both;
}

acronym {
    border-bottom: 1px dashed #C7C7C7;
    cursor: help;
}

	/*-----------
	=NAV CSS
	-----------*/
	
		#nav {
			background: transparent url(images/nav_bg.jpg) left top repeat-x;
			height: 49px;
			width: 100%;
		}
		
			#nav .navWrap {
				width: 970px;
				margin: 0 auto;
			}
			
				#nav .navWrap p {
					background: transparent url(images/nav_contactInfo.png) left top no-repeat;
					height: 13px;
					width: 259px;
					margin: 16px 0 0;
					float: left;
					text-indent: -9999em;
				}
				
				#nav .navWrap ul {
					float: right;
					margin: 14px 0 0;
					padding: 0;
					list-style: none;
				}
				
					#nav .navWrap ul li {
						margin-left: 20px;
						display: inline;
						float: left;
					}
					
						#nav ul li a {
							background: transparent none left top no-repeat;
							height: 16px;
							float: left;
							display: block;
							text-indent: -9999em;
						}
						
							#nav ul li a:hover {
								background-position: left bottom;
							}
					
							#nav ul li.home a {
								background-image: url(images/nav_home.jpg);
								width: 33px;
							}
					
							#nav ul li.about a {
								background-image: url(images/nav_about.jpg);
								width: 54px;
							}
					
							#nav ul li.you a {
								background-image: url(images/nav_you.png);
								width: 62px;
							}
					
							#nav ul li.serv a {
								background-image: url(images/nav_serv.jpg);
								width: 51px;
							}
					
							#nav ul li.quote a {
								background-image: url(images/nav_quote.jpg);
								width: 96px;
							}
					
							#nav ul li.blog a {
								background-image: url(images/nav_blog.jpg);
								width: 30px;
							}
					
							#nav ul li.contact a {
								background-image: url(images/nav_contact.jpg);
								width: 68px;
							}

	/*-----------
	=LANDING-PAGE-MAST CSS
	-----------*/
				
		#mast {
			background: transparent url(images/mast_bg.jpg) left top repeat-x;
			width: 100%;
		}
		
			#mast .mastWrap {
				background: transparent url(images/mast_design.jpg) center top no-repeat;
				height: 315px;
				width: 970px;
				margin: 0 auto;
			}
			
				#mast .mastWrap h1 {
					margin: 0;
				}
				
					#mast .mastWrap h1 a {
						background: transparent url(images/logo_bg.jpg) center top no-repeat;
						display: block;
						height: 92px;
						width: 306px;
						text-indent: -9999em;
					}
				
					#mast .mastWrap .brief {
						position: relative;
						background: transparent url(images/mast_brief.jpg) center top no-repeat;
						height: 160px;
						width: 435px;
						margin-top: 34px;
						z-index: 100;
					}
					
						.mastWrap .brief h2, .mastWrap .brief p {
							margin: 0;
							text-indent: -9999em;
						}
			
			#mast .mastBar {
				background: transparent url(images/mast_bar.jpg) left top repeat-x;
				height: 145px;
				width: 100%;
			}
			
				#mast .mastBar .mastBWrap {
					background: transparent url(images/mast_barBg.jpg) left top no-repeat;
					position: relative;
					width: 970px;
					margin: 0 auto;
					padding: 30px 0 0;
				}
				
					.mastBar .mastBWrap h2 {
						background: transparent url(images/mast_barTitle.jpg) left top no-repeat;
						height: 15px;
						width: 146px;
						margin: 0;
						float: left;
						text-indent: -9999em;
					}
				
					.mastBar .mastBWrap p {
						width: 400px;
						float: left;
						clear: left;
						font: normal 12px/20px "Arial", sans-serif;
						color: #767676;
						letter-spacing: .5px
					}
					
						.mastBar a:active, .mastBar a:visited, .mastBar a:link {color: #fe7510;}
						.mastBar a:hover {color: #c45100; text-decoration: none;}
					
				.browser {
					position: absolute;
					background: transparent url(images/browser_window.jpg) center top no-repeat;
					top: -238px;
					right: -1px;
					width: 546px;
					height: 365px;
				}

			/*-----------
			=INNER-PAGE-MAST CSS
			-----------*/
			
				#i-topW {
					background: transparent url(images/inner_topBg.jpg) left top repeat-x;
					height: 211px;
					width: 100%;
				}
				
					#i-topW .i-Top {
						background: transparent url(images/inner_topRBg.jpg) right top no-repeat;
						width: 970px;
						height: 95px;
						margin: 0 auto;
					}
					
						#i-topW .i-Top .i-TopMid {
							background: transparent url(images/inner_mastRBg.jpg) right top no-repeat;
							clear: both;
							float: left;
						}
					
						#i-topW .i-Top h1 {
							width: 306px;
							margin: 0;
							float: left;
						}
						
							#i-topW .i-Top h1 a {
								background: transparent url(images/inner-logo_bg.jpg) left top no-repeat;
								height: 95px;
								width: 306px;
								float: left;
								display: block;
								text-indent: -9999em;
							}
						
							#i-topW .i-Top p.breadcrumbs {
								margin: 37px 0 0;
								float: right;
								text-align: right;
								font: normal 11px "Arial", sans-serif;
								text-transform: lowercase;
								color: #315684;
							}
							
								#i-topW .i-Top p.breadcrumbs span {
									color: #fff !important;
								}
							
								#i-topW .i-Top p.breadcrumbs a:active, #i-topW .i-Top p.breadcrumbs a:visited, #i-topW .i-Top p.breadcrumbs a:link {color: #dbecff;}
								#i-topW .i-Top p.breadcrumbs a:hover {color: #fff; text-decoration: none;}
						
							#i-topW .i-Top h2.page-title {
								background: transparent none left center no-repeat;
								width: 280px;
								margin: 10px 25px 20px 0;
								padding: 33px 15px;
								padding-left: 0;
								float: left;
								text-indent: -9999em;
								border-right: 1px solid #d9d9d9;
							}
						
								#i-topW .i-Top h2.about-title {
									background-image: url(images/page-title_about.jpg);
								}
						
								#i-topW .i-Top h2.aboutY-title {
									background-image: url(images/page-title_about-you.png);
								}
						
								#i-topW .i-Top h2.service-title {
									background-image: url(images/page-title_service.jpg);
								}
						
								#i-topW .i-Top h2.quote-title {
									background-image: url(images/page-title_quote.jpg);
								}
						
								#i-topW .i-Top h2.blog-title {
									background-image: url(images/page-title_blog.jpg);
								}
						
								#i-topW .i-Top h2.contact-title {
									background-image: url(images/page-title_contact.jpg);
								}
						
								#i-topW .i-Top h2.wp-title {
									background-image: url(images/page-title_why.png);
								}
						
							#i-topW .i-Top p.page-brief {
								width: 645px;
								margin-top: 37px;
								padding: 0;
								float: left;
								text-align: justify;
								font: normal 12px/20px "Arial", sans-serif;
								color: #767676;
							}
							
								.i-Top p.page-brief a:active, .i-Top p.page-brief a:visited, .i-Top p.page-brief a:link {color: #ff8933;}
								.i-Top p.page-brief a:hover {color: #c25505;}

	/*-----------
	=CONTENT CSS
	-----------*/
	
		.content {
			width: 970px;
			margin: 0 auto;
		}
		
			body.single .content, body.page .content, body.archive .content, body.blog .content{
				background: transparent url(images/content-div.jpg) 295px 20px repeat-y;
				margin: 20px auto;
			}
			
				body.home .content {
					background-image: none;
					margin: 0 auto;
				}

			/*-----------
			=LANDING CSS
			-----------*/
				
				.content .module {
					width: 280px;
					margin: 20px 25px 20px 0;
					padding: 0 15px 0 0;
					float: left;
					font: normal 13px "Arial", sans-serif;
					color: #383838;
					border-right: 1px solid #d9d9d9;
				}
				
					.content .mod-wp {
						border: 0;
					}
				
					.content h2.seo, .content h2.host, .content h2.design, .content h2.why {
						background: transparent url(images/landing_titleSearch.jpg) left top no-repeat;
						height: 49px;
						width: 283px;
						margin: 10px 0 0;
						text-indent: -9999em;
					}
					
						.content h2.host {
							background-image: url(images/landing_titleHost.jpg);
						}
					
						.content h2.design {
							background-image: url(images/landing_titleDesign.jpg);
						}
						
						.content h2.why {
							background-image: url(images/landing_titleWhy.jpg);
						}
				
					.content .module p {
						width: 260px;
						line-height: 20px;
						text-align: justify;
					}
					
						.content .module p.l-more {
							margin: 20px 0;
						}
						
							.module p.l-more a {
								background: transparent url(images/landing_learnmore.jpg) left top no-repeat;
								height: 21px;
								width: 97px;
								display: block;
								text-indent: -9999em;
							}
							
								.module p.l-more a:hover {
									background-position: left bottom;
								}
						
					.content .module ul {
						margin: 0 0 0 10px;
						padding: 0;
						list-style: none;
						font-size: 12px;
						color: #626262;
					}
					
						.content .module ul li {
							background: transparent url(images/orange_bullet.jpg) left center no-repeat;
							margin: 6px 0;
							padding-left: 10px;
						}
						
							.content .mod-wp ul li {
								background-image: url(images/blue_bullet.jpg);
							}
						
				.contactBar {
					background: transparent url(images/contact_barBg.jpg) left top repeat-x;
					height: 45px;
					width: 100%;
					margin: 20px 0;
					float: left;
					clear: both;
				}
				
					.contactBar p {
						margin: 0;
					}
					
						.contactBar a {
							background: transparent url(images/contact_type.jpg) center top no-repeat;
							width: 970px;
							height: 45px;
							margin: 0 auto;
							text-indent: -9999em;
							display: block;
						}
						
				.content .bubbleWrap {
					background: #d9d9d9 url(images/landing_balloonR.jpg) right top no-repeat;
					height: 332px;
					width: 650px;
					float: right;
					margin: 20px 0;
					font: normal 13px "Arial", sans-serif;
					color: #383838;
				}
				
					.content .bubbleWrap .bubble {
						background: transparent url(images/landing_balloonL.jpg) left top no-repeat;
						height: 312px;
						width: 600px;
						padding: 10px 20px 10px 30px;
					}
					
						.bubbleWrap .bubble p {
							line-height: 20px;
							text-align: justify;
						}

			/*-----------
			=INNER-PAGE CSS
			-----------*/
				
				.content #in-Left {
					width: 270px;
					margin: 0 25px 0 0;
					padding-right: 25px;
					float: left;
					font: normal 13px "Arial", sans-serif;
					color: #626262;
					border-right: 1px solid #d9d9d9;
				}
				
					#in-Left a:active, #in-Left a:visited, #in-Left a:link {color: #404040;}
					#in-Left a:hover {color: #ff7d00; text-decoration: none;}
				
					#in-Left h2.sub-title {
						background: transparent none left top no-repeat;
						text-indent: -9999em;
					}
					
						#in-Left h2.sub-service {
							background-image: url(images/left-col-title_serv.jpg);
							height: 69px;
							width: 208px;
						}
					
						#in-Left h2.sub-about {
							background-image: url(images/left-col-title_about.png);
							height: 71px;
							width: 286px;
						}
					
						#in-Left h2.sub-aboutY {
							background-image: url(images/left-col-title_about-you.png);
							height: 73px;
							width: 253px;
						}
					
						#in-Left h2.sub-request {
							background-image: url(images/left-col-title_request.png);
							height: 73px;
							width: 253px;
						}
				
					#in-Left p, #in-Right p {
						line-height: 20px;
					}
					
						#in-Left p.larger {
							font-size: 13px;
							color: #383838;
						}
					
					#in-Left ul {
						margin: 0;
						padding: 0;
						list-style-type: none;
					}
					
						#in-Left ul li {
							background: transparent url(images/bullet.jpg) left 1px no-repeat;
							margin: 0 0 5px;
							padding-left: 15px;
						}
						
							#in-Left ul li:hover {
								background-image: url(images/bulleto-h.gif);
							}
							
							#in-Left ul li ul {padding-top: 5px;}
				
				.content #in-Right {
					width: 648px;
					padding: 0;
					float: right;
					font: normal 13px "Arial", sans-serif;
					color: #383838;
				}
				
					#in-Right a:active, #in-Right a:visited, #in-Right a:link {color: #438fe7;}
					#in-Right a:hover {color: #2a72c5; text-decoration: none;}
				
					#in-Right h2.page-title {
						font: bold 24px "Arial", sans-serif;
						color: #0075ff;
						letter-spacing: -.08em;
					}
					
						#in-Right h2.page-title span {
							font-weight: normal;
							color: #787878;
						}
						
					#in-Right h1 {
						font: normal 20px "Arial", sans-serif;
					}
						
					#in-Right h2 {
						font: normal 18px "Arial", sans-serif;
						color: #3391FF;
					}
					
						#in-Right h2.title {
							color: #555;
						}
					
							#in-Right h2.title span {
								font-size: 14px;
							}
					
							#in-Right h2.title a:active, #in-Right h2.title a:visited, #in-Right h2.title a:link {color: #267ae0;}
							#in-Right h2.title a:hover {color: #114e96; text-decoration: none;}
						
					#in-Right h3 {
						font: normal 16px "Arial", sans-serif;
					}
						
					#in-Right h4 {
						font: normal 14px "Arial", sans-serif;
						color: #3f80d1;
					}
						
					#in-Right h5 {
						font: normal 13px "Arial", sans-serif;
						color: #444;
					}
						
					#in-Right h6 {
						font: bold 12px "Arial", sans-serif;
						color: #666;
					}
					
					#in-Right img {
						border: 4px solid #bababa;
					}
					
					#in-Right ul {
						margin: 0;
						padding: 0;
						list-style-type: none;
					}
					
						#in-Right ul li {
							background: transparent url(images/bullet.jpg) left 1px no-repeat;
							margin: 0 0 5px;
							padding-left: 15px;
						}
						
							#in-Right ul li:hover {
								background-image: url(images/bulletb-h.gif);
							}
							
					#in-Right ol {
						margin: 0;
						padding: 0 0 0 20px;
					}
							
						#in-Right ol li {
							margin-bottom: 5px;
						}
						
					#in-Right label {
						display: block;
					}
						
					#in-Right input, #in-Right textarea {
						background-color: #cce3ff;
						padding: 3px;
						font: normal 12px "Arial", sans-serif;
						color: #174f94;
						border: 1px solid #97c8ff;
					}
					
						#in-Right textarea {
							width: 400px;
						}
						
							#in-Right input:focus, #in-Right textarea:focus {
								background-color: #ffd1a3;
								border-color: #ffa953;
							}

	/*-----------
	=FOOTER CSS
	-----------*/
	
		#footerWrap {
			background: #a8d1ff url(images/footer_bg.jpg) left top repeat-x;
			width: 100%;
			margin: 20px 0 0;
		}
		
			#footerWrap .footer {
				width: 970px;
				margin: 0 auto;
				padding: 12px 0;
				font: normal 12px "Arial", sans-serif;
				color: #697e96;
			}
					
				.footer a:active, .footer a:visited, .footer a:link {color: #697e96; text-decoration: none;}
				.footer a:hover {color: #233a55; text-decoration: underline;}
			
				#footerWrap .footer ul.u-nav {
					margin: 0 auto 20px;
					padding: 0;
					text-transform: uppercase;
					text-align: center;
					font-size: 14px;
				}
				
					.footer ul.u-nav li {
						display: inline;
						padding-right: 30px;
					}
			
				#footerWrap .footer h2 {
					background: transparent url(images/footer-copy.png) left top no-repeat;
					height: 45px;
					width: 342px;
					float: left;
					margin: 10px 0 5px;
					text-indent: -9999em;
				}
	
/************************************************
*	Comments									*
************************************************/

#commentblock {
	color: #202020;
	float: left;
	padding: 10px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	}
	
#commentblock ol {
	list-style-type: square;
	margin: 0px;
	padding: 10px 0px 0px 0px;
	}
	
.commentdate {
	font-weight: bold;
	font-size: 12px;
	}

.commentname {
	color: #202020;
	font-weight: bold;
	margin: 0px;
	padding: 5px 0px 0px 0px;
	}

.commentinfo {
	clear: both;
	}

.commenttext {
	width: 580px;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}

.commenttext-admin {
	width: 580px;
	color: #202020;
	font-size: 12px;
	font-family: Arial, Tahoma, Verdana;
	padding: 0px;
	margin: 5px 0px 20px 0px;
	border-bottom: 1px dotted #C0C0C0;
	}
								
/************************************************
*	Images  					     		    * 
************************************************/

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright, .right-min-blog img.alignleft {
	padding: 0px;
	margin: 0px 0px 10px 10px;
	display: inline;
	}

img.alignleft {
	padding: 0px;
	margin: 0px 10px 10px 0px;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
	
.right-min-blog img.alignleft {
	float: right;
}