/* @override http://www.psdtowp.com/wp-content/themes/PSDtoWordpress/style.css */

/*
Theme Name: PSDtoWordpress
Theme URI: http://psdtowordpress.com/
Description: The default WordPress theme for PSDtoWordpress.com.
Version: 1.0
*/


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;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

body {
	background: #050505 url(images/background.gif) repeat-x top;
	font-size: 93.8%;
	line-height: 1.6em;
	font-family: 'Myriad Pro', Myriad, Arial, sans-serif;
	color: #6f6f6f;
}

#background {
	width: 100%;
	background: url(images/wrapper.png) repeat-x 0 549px;
}

.clearfix{
	display: block;
	width: 1px;
	height: 1px;
	clear: both;
}

#wrapper {
	width: 1010px;
	margin: 38px auto 0 auto;
	padding: 0 0 0 14px;
}

	#topbar {
		width: 917px; height: 21px;
		background: url(images/topbar.png) no-repeat;
		font-size: 0.733em;
		line-height: 21px;
		padding: 15px 31px;
	}
	
		#topbar .clients {
			width: 149px; height: 21px;
			background: url(images/client-login.gif) no-repeat;
			text-transform: uppercase;
			letter-spacing: 0.1em;
			text-decoration: none;
			color: #6f6f6f;
			text-align: center;
			line-height: 25px;
			float: left;
		}
		
		#topbar .twitter {
			font-family: 'Lucida Grande', Lucida, sans-serif;
			font-style: italic;
			float: right;
		}
		
		#twitter_update_list, #twitter_update_list li {
			display: inline;
		}
		
		#topbar .twitter a {
			color: #d7d7d7;
			text-decoration: none;
		}
		
			#topbar a:hover {
				text-decoration: underline;
			}
			
	#masthead {
		width: 978px; height: 511px;
		background: url(images/masthead.png) no-repeat;
		color: #ebfffd;
		position: relative;
	}
	
		h1 a {
			width: 157px; height: 43px;
			background: url(images/logo.png?1) no-repeat;
			text-indent: -10000px;
			margin: 32px 0 0 47px;
			float: left;
		}
		
		#masthead ul {
			height: 44px;
			line-height: 44px;
			padding: 32px 36px 0 0;
			float: right;
		}
		
			#masthead ul li {
				margin: 0 0 0 25px;
				float: left;
			}
			
				#masthead ul li a {
					font-size: 1.467em;
					font-style: italic;
					color: #ebfffd;
					text-decoration: none;
				}
				
					#masthead ul li a:hover {
						text-decoration: underline;
					}
					
		#masthead h2 {
			width: 785px; height: 139px;
			background: url(images/masthead-slogan.png) no-repeat 0 91px;
			text-indent: -10000px;
			padding: 91px 0 0 0;
			margin: 0 auto 58px auto;
			clear: both;
		}
		
		#masthead #steps {
			width: 1009px; height: 125px;
			background: url(images/steps.png) no-repeat;
			line-height: 1.2em;
			text-align: center;
			position: absolute;
			left: 1px;
			bottom: 23px;
		}
		
			#masthead #steps .step-one {
				width: 200px; height: 75px;
				padding: 25px 67px;
				float: left;
			}
			
			.step-one a {
				color: #FFFFFF;
			}
			
			#masthead #steps .step-two {
				width: 200px; height: 75px;
				padding: 25px 70px;
				float: left;
			}
			
			#masthead #steps .step-three {
				width: 200px; height: 65px;
				padding: 30px 68px 30px 67px;
				float: left;
			}
			
			#masthead #steps strong {
				font-size: 1.2em;
				margin: 0 0 5px 0;
				display: block;
			}
			
	#rollovers {
		width: 1018px; height: 71px;
		background: url(images/rollovers-background.png) no-repeat;
		margin: 0 0 0 -14px;
	}
	
		#rollovers .info {
			width: 102px; height: 29px;
			background: #4d8838 url(images/rollovers-arrow.png) no-repeat 147px center;
			font-size: 0.667em;
			line-height: 1.5em;
			text-transform: uppercase;
			text-align: right;
			color: #fff;
			padding: 10px 35px 10px 30px;
			margin: 1px 45px 0 63px;
			float: left;
		}
		
		#rollovers ul {
			height: 25px;
			padding: 13px 0 12px 0;
			float: left;
		}
		
			#rollovers ul li {
				float: left;
			}
			
				#rollovers ul li.code {
					width: 163px;
					margin: 0 77px 0 0;
					float: left;
				}
				
				#rollovers ul li.deliverables {
					width: 163px;
					margin: 0 89px 0 0;
					float: left;
				}
				
				#rollovers ul li.what-people-say {
					width: 183px;
					float: left;
				}
				
					#rollovers ul li a {
						height: 25px;
						background-image: url(images/rollovers.gif);
						text-indent: -10000px;
						background-repeat: no-repeat;
						float: left;
					}
					
						#rollovers ul li {
							position: relative;
						}
						
							#rollovers ul li .popup {
								width: 192px; height: 77px;
								background: url(images/tooltip.png) no-repeat;
								font-size: 0.8em;
								line-height: 1.4em;
								text-align: center;
								color: #b7b7b7;
								padding: 12px 15px;
								position: absolute;
								top: -120px;
								left: -34px;
							}
						
						#rollovers ul li.code a {
							width: 163px;
							background-position: top left;
						}
						
							#rollovers ul li.code a:hover {
								background-position: bottom left;
							}
							
						#rollovers ul li.deliverables a {
							width: 163px;
							background-position: -163px 0;
						}
						
							#rollovers ul li.deliverables a:hover {
								background-position: -163px bottom;
							}
							
						#rollovers ul li.what-people-say a {
							width: 183px;
							background-position: top right;
						}
						
							#rollovers ul li.what-people-say a:hover {
								background-position: bottom right;
							}
							
	#content {
		width: 871px;
		background: url(images/content-background.png) no-repeat top;
		padding: 30px 55px 30px 47px;
		margin: 0 0 0 1px;
		overflow: hidden;
	}
	
		.our-work {
			width: 314px;
			float: left;
		}
		
			.our-work h3 {
				height: 16px;
				background: url(images/our-work-header.png) no-repeat center 7px;
				line-height: 16px;
				font-size: 12px;
				font-weight: normal;
				text-transform: uppercase;
				letter-spacing: 3px;
				text-align: center;
				margin: 0 0 25px 0;
			}
			
			.our-work .work-example {
				width: 314px;
			}
			
				.our-work .work-example #carousel-prev {
					width: 17px; height: 17px;
					background: url(images/work-arrows.png) no-repeat left;
					text-indent: -10000px;
					margin: 76px 0 0 0;
					float: left;
				}
				
				.our-work .work-example .screenshots {
					width: 243px;
					float: left;
					overflow: hidden;
				}
				
				.our-work .work-example:after,
				.our-work .work-example .screenshots:after,
				.our-work .work-example .screenshots ul li:after {
				    content: ".";
				    display: block;
				    height: 0;
				    clear: both;
				    visibility: hidden;
				}
				
				
					.our-work .work-example .screenshots ul li {
						padding: 0 18px;
					}
				
					.our-work .work-example .screenshots img {
						margin: 0 0 10px 0;
					}
					
					.our-work .work-example .screenshots h4 {
						font-size: 1.2em;
						font-weight: normal;
						color: #bebebe;
						padding: 0 0 3px 0;
						clear: both;
					}
				
				.our-work .work-example #carousel-next {
					width: 17px; height: 17px;
					background: url(images/work-arrows.gif) no-repeat right;
					text-indent: -10000px;
					margin: 76px 0 0 0;
					float: right;
				}
				
		.scroll {
			width: 500px;
			float: right;
                        position: relative;
		}
		
			.scrollContainer { 
				display: block !important;
				}
			
			.panel {
				width: 500px;
			}
			
			#content h2 {
				line-height: 33px;
				font-size: 2em;
				font-weight: bold;
				color: #fff;
				margin: 0 0 10px 0;
			}
			
			#content h2.cool {
				background: url(images/cool-header.gif) no-repeat;
				text-indent: -10000px;
			}
			
			#content .get-started {
				width: 142px; height: 33px;
				background: url(images/get-started.png) no-repeat;
				text-indent: -10000px;
				float: right;
			}
			
			#content p {
				padding: 5px 0;
			}
			
			#content .alignleft {
				float: left;
			}
			
			#content .alignright {
				float: right;
			}
			
			img.alignleft {
				margin: 0 20px 10px 0;
			}
			
			img.alignright {
				margin: 0 0 10px 20px;
			}
			
			
			a {
				color: #525151;
				text-decoration: underline;
			}

			a:hover {
				text-decoration: none;
			}
			
#footer {
	width: 100%; height: 135px;
	background: url(images/footer.gif) repeat-x top;
	font-size: 0.867em;
	color: #d7d7d7;
	overflow: hidden;
}

	#inner-footer {
		width: 793px; height: 135px;
		margin: 0 auto;
		padding: 0 90px;
	}
	
		#footer .wordpress {
			width: 52px; height: 51px;
			background: url(images/wordpress.png) no-repeat;
			text-indent: -10000px;
			margin: 42px 50px 42px 0;
			float: left;
		}
		
		#footer ul {
			width: 679px; height: 26px;
			margin: 42px 0 0 0;
			float: left;
		}
		
			#footer ul li {
				margin: 0 20px 0 0;
				float: left;
			}
			
		#footer p {
			width: 699px;
			line-height: 26px;
		}
		
		#footer a {
			color: #d7d7d7;
			text-decoration: none;
		}
		
			#footer a:hover {
				text-decoration: underline;
			}

#people-content blockquote{
	font-style: italic;
	padding-left: 40px;
	color: #d7d7d7;
	text-align: left;
}

#people-content em{
	font-style: normal;
	display: block;
	text-align: right;
	color: #c7c7c7;
	margin-bottom: 20px;
}

.faqs h3{
	color: white;
	font-size: 18px;
	margin-top: 20px;
}

.faqs .half-column{
	width: 48%;
	padding-right: 2%;
	float: left;
}

.wpcf7-validates-as-required {
	width: 362px; height: 22px;
	background: #1f1f1f;
	font-size: 17px;
	font-style: italic;
	color: #848484;
	padding: 6px;
	border: 3px solid #252525;
}

textarea {
	width: 362px; height: 96px;
	background: #1f1f1f;
	font-family: inherit;
	font-size: 13px;
	font-style: italic;
	color: #848484;
	padding: 6px;
	border: 3px solid #252525;
}