/*  
Description:  Persuasive Communications
URI:
Version: 1.0
Author: Pixelpunk
Author URI: http://www.pixelpunk.com
	
COLORS
#96a9cd = liliac
#dcdcde = gray (nav and header font)
#8b8c8f = body copy gray
#ed9b5a = orange
#23539c = persuasive blue
*/
 
/* General Styling and Resets */
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%;}

body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	color: #8b8c8f;
	text-align: left;
}

p {margin: 0px 0px 15px 0px; line-height: 23px;}

.hr {border: 0 #d8d5b4 solid; border-top: 1px solid #96a9cd; clear: both; height: 0; margin: 20px 0px 15px 0px;}

/* ---------- Links ---------- */
a {color: #ed9b5a;}
a:hover {color: #000;}


/* ---------- Content ---------- */
#wrapper {width: 1144px; margin: 0px auto;}

#header {margin-top: 25px;}

#nav {height: 43px; width: 1144px; background-color: #96a9cd; margin: 0px 0px 10px 0px; font-size: 14px; padding: 0px 0px 0px 40px;}

#navspacer {height: 7px;}

.home, .solutions, .creative, .team, .contact {font-size: 24px; padding: 0px 0px 0px 32px;}

#content {width: 1000px; margin: 0px auto;}

#solutions {color: #ed9b5a; margin: 0px 0px 10px 0px;}
#solutions a {color: #96a9cd; font-size: 11px; text-decoration: none; padding: 0px 3px 0px 3px;}
#solutions a:hover {color: #8b8c8f;}

.advertising {font-size: 18px; padding: 0px 10px 0px 10px; border-right: 1px solid #ed9b5a;}

#grocery {width: 109px; float: left; display: inline; margin-right: 25px;}
#groceryleft {float: left; display: inline; width: 860px; margin-top: 20px;}

#apple {width: 142px; float: left; display: inline; margin: 20px 25px 0px 0px;}
#appleleft {float: left; display: inline; width: 830px;}

#carrot {width: 150px; float: left; display: inline; margin: 65px 25px 0px 0px;}
#carrotleft {float: left; display: inline; width: 820px;}

#energy {width: 125px; float: left; display: inline; margin: 15px 25px 0px 0px;}
#energyleft {float: left; display: inline; width: 850px;}

#phone {width: 125px; float: left; display: inline; margin: 15px 25px 0px 0px;}
#phoneleft {float: left; display: inline; width: 750px;}

#bio {width: 125px; float: left; display: inline; margin: 5px 25px 0px 0px;}
#bioleft {float: left; display: inline; width: 820px;}
#bioleft p {line-height: 21px;}

#port {width: 150px; float: left; display: inline; margin: 5px 25px 20px 0px;}
#portleft {float: left; display: inline; width: 820px;}

#portleft img {margin: 5px 12px 0px 0px;}

.services {color: #8b8c8f; font-size: 12px; text-decoration: none; padding: 0px 3px 0px 3px; font-style: italic;}

.ordered ol {margin-left: 50px;}
.ordered li {margin-left: 50px; margin-bottom: 10px;}

/* ---------- Header Styles ---------- */
h1, h2, h3, h4 {color: #8b8c8f; font-weight: bold; margin:0; padding: 0;
	line-height: 1.3em;}
h1{font-size: 30px; margin: 25px 0px 0px 0px; letter-spacing: 1px;}
h2{font-size: 24px; margin: 25px 0px 0px 0px; letter-spacing: 1px;}
h3{font-size: 18px;}
h4{font-size: 16px;}

/* ---------- Icons ---------- */
.cart {padding-left: 25px;}
.banana {padding-left: 25px;}
.dumbell {padding-left: 25px;}

/* ---------- Footer ---------- */
#footer {font-size: 11px; margin-top: 50px; text-align: center;}
#copyright {margin-top: 10px;}

.view {padding: 5px 0 5px 35px;background: url(images/btn_demo.gif) no-repeat left 50%;}
.view a {text-decoration: none;}