/*
Theme Name: Prowess Designs
Theme URI: http://prowessdesigns.com/
Description: The default Prowess Designs theme.
Version: 1.1
Author: Matt Tokoly
Author URI: http://www.prowessdesigns.com/
*/

/* Reset */

* {margin:0; padding:0;}

img {border:0;}

a {outline:none;}

.clr {clear:both;}

.alignleft {float:left;}

.alignright {float:right}

/* General */

body {
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#7b7b7b;
}

p {
	font-size:14px;
}

p.small {
	font-size:12px;
	line-height:1.4em;
}
	
a, a:link, a:active, a:visited {
	color:#61bfd0;
	text-decoration:none;
}
	
a:hover {
	color:#61bfd0;
	text-decoration:underline;
}

a em {
	position:absolute;
	left:-9999em;
}

.white {
	color:#fff;
}



hr {
	color:#fff;
	background-color:#fff;
	border:0;
	height:1px;
}

hr.solid {border-top:1px solid #e3e2e0;}
hr.dotted {border-top:1px dotted #e3e2e0;}

/* Headings */

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:25px;
	font-weight:normal;
	color:#000;
}

h2, h2 a, h2 a:link, h2 a:visited {
	text-decoration:none;
	color:#000;
}

h2 a:hover {
	text-decoration:none;
	color:#000;
}

h3 {
	margin:0 auto;
	padding:25px 0;
	width:880px;
	font-size:18px;
	font-weight:200;
	color:#333;
}

h4 {
	margin:0;
	padding:0 0 6px;
	font-size:14px;
	font-weight:bold;
	color:#4b4742;
}

h5 {
	margin:0;
	padding:0;
	clear:both;
	font-size:16px;
	font-weight:normal;
	font-style:italic;
	color:#242424;
}


/* Header */

#header-wrap {
	margin:0 auto;
	border-bottom:3px solid #61bfd0;
}

#header {
	margin:0 auto;
	width:1000px;
	height:80px;
}

#header-logo {
	float:left;
	margin-top:14px;
}

#header-logo a {
	display:block;
	background:url('images/header-logo.png') no-repeat;
	width:143px;
	height:49px;
}

#header-nav {
	float:right;
	list-style:none;
	margin-top:19px;
}

#header-nav li {
	display:block;
	float:left;
	padding-left:5px;
}

#header-nav li a {
	background:url('images/header-nav.png') no-repeat;
	display:block;
	height:41px;
}

#header-nav li a.welcome {background-position:0 0; width:127px;}
#header-nav li a.welcome:hover {background-position:0 -41px; width:127px;}

#header-nav li a.portfolio {background-position:-127px 0; width:127px;}
#header-nav li a.portfolio:hover {background-position:-127px -41px; width:127px;}

#header-nav li a.services {background-position:-254px 0; width:127px;}
#header-nav li a.services:hover {background-position:-254px -41px; width:127px;}

#header-nav li a.company {background-position:-381px 0; width:127px;}
#header-nav li a.company:hover {background-position:-381px -41px; width:127px;}

/* Content */

#content-wrap {
	margin:0 auto;
	width:1000px;
}

#content.narrow {
	float:left;
	width:650px;
}

#content.wide {
	margin:0 auto;
	width:880px;
}

.post {
	clear:both;
	margin:0 0 34px;
}

.entry {
}

.entry p {
	margin:0 0 15px 0;
	font-size:12px;
	line-height:18px;
}

.entry-meta {
	clear:both;
	font-size:12px;
	font-weight:bold;
}

/* Welcome */

#splash-wrap {
	margin:0 auto;
	height:480px;
	background-color:#242424;
}

#splash {
	margin:0 auto;
	width:1000px;
	height:480px;
	list-style:none;
}

#splash li {
	position:absolute;
	left:50%;
	width:1000px;
	margin-left:-500px;
	visibility:hidden;
}

#splash li.show {
	z-index:500;
}

#welcome-info-wrap {
	margin:0 auto;
	padding-top:22px;
	height:172px;
	background-color:#999;
}

#welcome-info {
	margin:0 auto;
	width:1000px;
}

#welcome-message {
	float:left;
	width:591px;
	height:152px;
	border-right:1px solid #fff;
}

#welcome-message p {
	font-size:15px;
	line-height:16px;
	padding:0px 25px 29px 0px;
}

#welcome-news {
	float:left;
	margin-left:20px;
	width:388px;
}

#welcome-news p {
	font-size:15px;
}

.news-info {
	float:left;
	width:175px;
}

.news-info p {
	font-size:15px;
	line-height:16px;
}

.news-image {
	float:right;
	width:196px;
	height:172px;
	margin-left:17px;
}

/* Services */

#serv-brand p, #serv-print p, #serv-web p {
	font-size:12px;
	line-height:1.4em;
	color:#7b7b7b;
}

#web-dev {
	background:url('images/web-dev.jpg') no-repeat 400px 0px;
}

#web-dev p {
	padding-right:510px;
	padding-bottom:190px;
}

#web-cms {
	background:url('images/web-cms.jpg') no-repeat 0px 0px;
}

#web-cms h4 {
	padding-left:510px;
}

#web-cms p {
	padding-left:510px;
	padding-bottom:100px;
}

#web-ecom {
	background:url('images/web-ecom.jpg') no-repeat 400px 0px;
}

#web-ecom p {
	padding-right:510px;
	padding-bottom:210px;
}

#print {
	background:url('images/print.jpg') no-repeat 0px 0px;
	margin-top:30px;
	margin-bottom:30px;
}

#print p {
	padding-left:650px;
	padding-bottom:290px;
}

#brand-logo {float:left; width:880px; padding:40px 0 50px;
					border-top:1px solid #e3e2e0; border-bottom:1px dotted #e3e2e0;
					background:url('images/brand-logo.jpg') no-repeat 410px 60px;}
#brand-logo p {padding:0 520px 0 0;}

#brand-card {clear:both; width:880px; padding:55px 0; margin:0 0 50px; border-bottom:1px dotted #e3e2e0;
					background:url('images/brand-cards.jpg') no-repeat 0px 50px;}
#brand-card h4, #brand-card p {padding-right:50px; padding-left:480px;}

#brand-slogan {float:left; width:450px; margin-bottom:100px; padding:0 0 120px 0;
					background:url('images/brand-slogan.jpg') no-repeat 15px 120px;}
#brand-slogan p {padding:0 40px 0 0;}

#brand-photo {float:left; width:430px; margin-bottom:100px; padding:0 0 50px 0;
					background:url('images/brand-photo.jpg') no-repeat 220px 0px;}
#brand-photo p {padding:0 240px 0 0;}


/* Company */

#company-about {padding:25px 0 20px;}
#company-about p {padding:0 380px 0 0;}

#company-promise {padding:0 0 25px;}
#company-promise p {padding:0 380px 0 0;}

#email-form {
	float:left;
	width:499px;
	border-right:1px solid #e3e2e0;
}

#email-form dl {
	clear:both;
	padding:10px 0;
	margin-left:30px;
}

#email-form dt {
	float:left;
	width:160px;
	font-size:14px;
	font-style:italic;
}

#email-form dd input {
	width:220px;
	border:1px solid #999;
	background-color:#f3f3f3;
	font-size:16px;
}

#email-form dd textarea {
	width:220px;
	height:80px;
	border:1px solid #999;
	background-color:#f3f3f3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
}

#email-form dd label input {
	width:108px;
}

#email-form dd label span {
	font-size:12px;
}

.submit-btn {margin-top:10px; margin-bottom:20px; margin-left:304px;}
.submit-btn input {border:0; padding:0; padding:4px; font-size:14px; color:#FFF; 
                   cursor:pointer; text-align:center; background-color:#61BFD0;}
.submit-btn input:hover {background-color:#53a3b1;}

#contact-info {
	float:left;
	margin-left:40px;
	font-size:12px;
}



/* Sidebar */

#sidebar {
	float:left;
	width:230px;
}

#sidebar-contact {
	margin-left:50px;
	font-size:12px;
}

/* Footer */

#footer-wrap {
	margin:0 auto;
	background-color:#7b7b7b;
	border-top:3px solid #61bfd0;
}

#footer {
	margin:0 auto;
	width:1000px;
	height:130px;
}

#footer-nav {
	list-style:none;
	float:left;
	margin-top:27px;
}

#footer-nav li {
	float:left;
	padding-right:30px;
}

#footer-nav li a {
	font-weight:bold;
	color:#fff;
	text-decoration:none;
}

#footer-info {
	float:right;
	margin-top:27px;
}

#footer-logo {
	padding-bottom:5px;
}

#footer-copy {
	color:#fff;
	font-size:10px;
}

/* Images */

img.aligncenter {
	display:block;
	margin-right:auto;
	margin-left:auto;
	margin-bottom:10px;
}

img.alignright {
	padding:0px;
	margin:2px 0 15px 15px;
	display:inline;
}

img.alignleft {
	padding:0px;
	margin:2px 15px 15px 0;
	display:inline;
}

.attachment-thumbnail {
	float:left;
	padding:0px;
	margin:2px 15px 15px 0;
	display:inline;
	border:1px solid #454545;
}

.attachment-96x96 {
	float:left;
	padding:0px;
	margin:2px 15px 15px 0;
	display:inline;
	border:1px solid #454545;
}
