/*
Theme Name: Smack
Theme URI: http://smackhappydesign.com/
Description: For web design.
Version: 1
Author: Nicole Hanusek
Author URI: http://smackhappydesign.com/
Tags: blue, custom header, fixed width, two columns, widgets

*/

/* html, div, class and id settings are listed as ordered on page */
/* rules are listed in alphabetical order */

/* html tag settings */
HTML {
	min-height: 100%;
}
BODY {
	background: #447101 url('images/header_footer.jpg') bottom center repeat-x;
	border: 0px solid red;
	color: #333;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;}
TD {
	font-size: .8em;
	margin: 0px;
	padding: 4px;
	vertical-align: top;}
h1 {
	color: #1D642C;
	font-size: 1.6em;
	margin: 20px 0 8px 0;}
h2 {
	color: #b57204;
	font-size: 1.4em;
	line-height: 1.1em;
	margin: 20px 0 0 0;
   padding: 0;}
h3 {
	color: #6A7F12;
	font-size: 1.2em;
	margin: 4px 0 0 0;
	padding: 0 0 12px 0;}
h4 {
	color: #91BAB3;
	font-size: .8em;
	margin: -5px 0 0 20px;
	padding: 0;}
h5 {
	color: #D6AD0C;
	font-size: 1.1em;
	margin: 0;
	padding: 0;}
p {
	margin: .3em 0 1.2em 0;
}
ul li {
	list-style-image:  url('images/bullet.gif');
	margin-bottom: 20px;
}
ol li {
	list-style: decimal;
	margin-bottom: 14px;}
img {
	border: 0px;}
a {
	color: #006bb3;
	cursor: pointer;}
a:visited {
	color: #4999cf;}
a:hover, A:active {
	color: #bfb354;
	text-decoration: none;}
hr {	
	display: none;}
INPUT, SELECT, OPTION, TEXTAREA {
	}
/* end html tag settings */
	

/* begin structural settings */
#container {
	background: url('images/header_footer.jpg') center -250px repeat-x;
}
#header {
	border: 0px solid red;
	margin: 0 auto;
	position: relative;
	width: 940px;
}
#header h1 {
	display: none;
}
#logo {
	position: absolute;
	left: 24px;
	top: 30px;
	width: 225px;
	height: 146px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#logo {top: 29px;}
}
* html #logo {top: 28px;}
*+html #logo {top: 28px;}
.tagline {display:none;
	clear: both;
	color: #5e9007;
	font-style: italic;
	font-weight: 600;
	font-size: 1.1em;
	margin-left: 250px;
	text-align: left;
}

#phoneNum {
	color: #fff;
	font-size: 1.2em;
	font-weight: 800;
	position: absolute;
	top: 4px;
	right: 20px;
}
#phoneNum a {color: #fff; text-decoration: none; padding-left: 20px;}
.follow-icons {
	margin: 20px 0 0 0;
}
.follow-icons a {text-decoration: none; padding-right: 6px;}
.follow-icons img {margin-bottom: -2px;}
#navigation {
	background: url('images/nav_top.png') right top no-repeat;
	float: right;
	margin-top: 32px;
    padding-top: 22px;
	text-align: right;
	width: 758px;
}
* html #navigation {background: url('images/nav_top.gif') right top no-repeat;}
#navigation ul {
	background: #bfd9fd url('images/nav_bottom.png') right bottom repeat-x;
	border-right: 3px solid #015686;
	
	float: right;
	font-weight: 600;
        margin: 0 0 0;
	padding-bottom: 20px;
	width: 708px;
}
* html #navigation ul {
	margin-left: -20px;
}

#navigation ul li {
	float: left;
	list-style: none;
	margin: 0 0 0 40px;
}
* html #navigation ul li {
	margin: 0 0 0 30px;
}
#navigation a {
	color: #006bb3;
	display: block;
	padding: 54px 0 0 0;
	text-decoration: none;
}
li#nav_process a {			background: url('images/nav_icons.png') -34px 0 no-repeat;}
li#nav_process a:hover {	background-position: -34px -173px;}
li#nav_portfolio a {		background: url('images/nav_icons.png') -164px 0 no-repeat;}
li#nav_portfolio a:hover {	background-position: -164px -173px;}
li#nav_clients a {			background: url('images/nav_icons.png') -303px 0 no-repeat;}
li#nav_clients a:hover {	background-position: -303px -173px;}
li#nav_services a {			background: url('images/nav_icons.png') -417px 0 no-repeat;}
li#nav_services a:hover {	background-position: -417px -173px;}
li#nav_quote a {			background: url('images/nav_icons.png') -556px 0 no-repeat; padding-left: 5px; padding-right: 5px;}
li#nav_quote a:hover {		background-position: -556px -173px;}
li#nav_freebies a {			background: url('images/nav_icons.png') -692px 0 no-repeat;}
li#nav_freebies a:hover {	background-position: -692px -173px;}
ul#navigation a:hover {		color: #025084;}


#pageContainer {
	background: #dcfda3;
	border-top: 3px solid #447101;
	border-bottom: 3px solid #447101;
	clear: both;
	float: left;
	padding-top: 10px;
	width: 100%;
}
* html #pageContainer {
	/*margin-top: -1.4em;*/
	padding-top: 0.4em;
}
*+html #pageContainer {
	/*margin-top: -1.4em;*/
	padding-top: 0.4em;
}
#page {
	border: 0px solid #000;
	font-size: .8em;
	line-height: 1.1em;
	margin: 0px auto;
	padding: 0px;
	width: 940px;
	text-align: left;}

#content { 
	background:  url('images/grass.png') right bottom no-repeat;
	border: 0px solid #000;
	float: left;
	margin: 0 0 0 6px;
        min-height: 400px;
	padding: 10px 110px 40px 20px;
	text-align: left;
    width: 550px;
}

#content-wide { 
	border: 0px solid #000;
	float: left;
	margin: 0 0 0 6px;
	padding: 10px 20px 40px 20px;
	text-align: left;
}


#sidebar {
	border: 0px solid red;
	float: right;
	line-height: 1.2em;
	width: 250px;
}
* html #sidebar {
	width: 240px;
}
#sidebar h2 {margin-bottom: 12px;}
#sidebar ul {
	margin: 0;
	padding: 0;
}
#sidebar ul li {
	list-style: none;
	clear: both;
	float: left;
	margin: 0 0 10px 0;
	width: 100%;
}
#sidebar ul.offer {
	float: left;
	width: 120px;
}
#sidebar ul.offer li {
	background:  url('images/bullet.gif') left center no-repeat;
	margin: 2px 0;
	padding-left: 14px;
	white-space: nowrap
}
ul.clientList li {
	margin: 0 0 4px 0;
}
#sidebar ul.portfolio li {
	padding-left: 14px;
}
.current_page_parent, .current_page_ancestor, .current_page_item {
	font-weight: bold;
}
.portfolio .current_page_parent, .portfolio .current_page_ancestor, .portfolio  .current_page_item {
	background:  url('images/bullet.gif') left center no-repeat;
}


#footerContainer {
	border: 0px solid red;
	clear: both;
}
#footer {
	background: url('images/footNav_bg.png') top right no-repeat;
	color: #444;
	height: 90px;
	margin: 0 auto;
	padding: 10px 0 0 0;
	position: relative;
	text-align: right;
	width: 940px;
}
* html #footer {background: url('images/footNav_bg.gif') top right no-repeat;}
#footer ul {
	float: left;
	font-weight: 800;
	margin: 8px 0 0 180px;
}
* html #footer ul {margin-left: 110px;}
*+html #footer ul {margin-left: 220px;}
#footer li {
	display: inline;
	margin-right: 14px;
	list-style: none;
}
#footer a {
	text-decoration: none;
}
.social {
	margin: 8px 20px 2px 0;
}
.copyright {
	font-size: .7em;
	margin-right: 20px;
}
.privacy {
	font-size: .7em;
	margin-right: 20px;
}
.column {
	float: left;
	margin: 0 1%;
}
.span-2 {
	width: 47.5%;
}
.pic {
   border: 2px solid #447101;
}
.desktops {
   float: left;
   font-size: .8em;
   margin-right: 4px;
   width: 180px;
   text-align: center;
}
.desktops a {font-size: 1.2em;}


/* ------ misc classes --------*/
a.callOut {
	font-size: 1.1em;
	font-weight: 800;
	text-decoration: none;
}
.clear {clear: both;}
.column {
	float: left;
	margin: 0 1.5% 0 0;
}
* html .column {margin-right: 1%;}
.date {
	color: #A38044;
	font-size: .9em;
}
.help {
	color: #777;
	font-size: .8em;
}
.last {border: 0 !important;}
.left, .alignleft {float: left;}
.nav, .nav ul {
	margin: 0;
	padding: 0;
}
ul.nobullets li {list-style: url('images/blank.gif');}
.limited {
	background: #360;
	color: #ffed0f;
	font-size: 2em;
	line-height: 1em;
	margin: 0 6px;
	padding: 6px 0;
	text-align: center;
	width: 190px;
}
.pleft {margin-left: 8px;}
.pright {margin-right: 8px;}
.ptop {margin-top: 8px;}
.pbottom {margin-bottom: 8px;}
.right, .alignright {float: right;}
.selected {font-weight: 600;}
.span-2 {width: 47.5%;}
.span-3 {width: 31.5%;}
* html .span-3 {width: 30%;}
.textOff {display: none;}
.textOn {}
.textRight {text-align: right;}
.textLeft {text-align: left;}
.textCenter {text-align: center;}


/* --------- buttons ------------- */
.formBuilderSubmit input, button {
	background: url("images/button.png") center center no-repeat;
	border: 0;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	height: 45px;
	cursor: pointer;
	width: 160px;
}
a.button {
	background: url("images/button.png") center center no-repeat;
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 45px;
	height: 45px;
	text-align: center;
	width: 160px;
}
a.button:visited {color: #fff;}


/* ------- home page ---------*/
#introContainer {
	background: #fff url('images/mission_bg_top.png') top center no-repeat;
	margin: 10px 0 0 0;
	padding: 8px 0 0 0;
}
#intro {
	background: #fff url('images/mission_bg_bottom.png') bottom center no-repeat;
        font-size: 1.2em;
        line-height: 1.3em;
	padding: 0 0 1px 0;
}
#intro p {
	padding: 0 20px;
}
#redesign {
	float: left;
	margin-right: 30px;
	width: 260px;
}
#design {
	float: left;
	width: 250px;
}
#compare .button {
	clear: both;
	text-align: center;
}
#compare h3 {
	margin: 0;
	padding: 14px 0 0 0;
}


.formBuilderError {
	color: #990000;
	padding-top: 10px;
}


#testimonials li {
	margin-bottom: 20px;
}
#testimonials .who {
	color: #5e9007;
	font-size: .9em;
}

.post blockquote, #related-posts {
	border: 1px solid #a9c776;
	background: #d1eba3;
	margin: 14px;
	padding: 6px;
}
#related-posts {
	margin: 30px 0;
}
#related-posts h3 {
	margin: 0;
}
#related-posts ul {
	margin: 0;
	padding: 0;
}
#related-posts li {
	margin: 0 0 3px 0;
	list-style: none;
}
.post .author {
	border: 1px solid #a9c776;
	background: #d1eba3;
	color: #5c674a;
	font-size: .8em;
	margin-bottom: 10px;
	padding: 4px;
}
.post img {
	background-color:#FFFFFF;
	border:1px solid #A9A9A9;
	padding:4px;
	margin: 0 8px 8px;
}
.post img[align="left"], .post .alignleft, .post .alignnone {
	margin: 0 8px 8px 0;
}
.post img[align="right"], .post .alignright {
	margin: 0 0 8px 8px;
}
.post .button img {
	background-color:transparent;
	border:0;
	padding:4px;
}
.postmetadata {
   border-bottom: 3px solid #b1e852;
   padding-bottom: 8px;
   margin-bottom: 40px;
}
.post small {
   display: block;
   margin: 6px 0 0 4px;
}
#comment {
	width: 500px;
}

.navigation {
	float: left;
	padding: 8px 0 20px 0;
	width: 100%;
}

.imagebrowser img.pixeltracker {
	display: none !important;
}


.latest-posts {
	border-top: 1px solid #A9C776;
	margin: 30px 0;
	padding: 10px 0;
}
ul.get_posts_class  {
	list-style-image: url('/images/blank.gif');	
	margin: 0;
	padding: 0;
}
ul.get_posts_class li {
	list-style-image: url('/images/blank.gif');
	margin: 0 0 18px 0;
	padding: 0;
}
ul.get_posts_class .excerpt {
	display: block;
}

.port-desc strong {
	color: #1D642C;
}

#post-1170 textarea {
	margin-bottom: 20px;
}
#formBuilderFieldcompany_label,
#formBuilderFieldaudience_label,
#formBuilderFieldvision_label,
#formBuilderFieldneeds_label {
	border-top: 1px solid #693;
	margin-top: 10px;
	padding-top: 10px;
}
#formBuilderFieldcompany_label input,
#formBuilderFieldaudience_label input,
#formBuilderFieldvision_label input,
#formBuilderFieldneeds_label input {
	display: none;
}
#formBuilderFieldcompany_label .formBuilderLabel,
#formBuilderFieldaudience_label .formBuilderLabel,
#formBuilderFieldvision_label .formBuilderLabel,
#formBuilderFieldneeds_label .formBuilderLabel {
	font-weight: bold;
	padding-bottom: 10px;
}
.formBuilderSuccess {
	color: #060;
	font-weight: bold;
	font-size: 1.2em;
}