/* --------------------------
			BASE
-------------------------- */
* {
	margin: 0;
}
html, body {
	height: 100%;
}
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -50px;
	/*  This bit is to give the site a min width and has nothing to do with the sticky footer */
    min-width: 960px;
	background-color:#FFF;
}
object {
	outline:none
}
body {
	text-align: center;
	line-height:145%;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	color: #333B48;
}
img, img a {
	border:0px;
}
div#preload { display: none; }
/* --------------------------
		NAVIGATION
-------------------------- */
* html #mainNav {
	height: 1px;
}
#mainNav {
	float:right;
	margin-top: 27px;
	width: auto;
	z-index:5000;
	position: relative;
}
#mainNav a {
	text-decoration: none;
	color: #333b48;
	font-size: 14px;
	text-transform: uppercase;
	display: block;
	padding: 0 0 0 25px;
	float: right;
	width: auto;
}
#mainNav a:hover, 
#home a#homeLink,
#about a#aboutLink,
#blog a#blogLink,
#contact a#contactLink,
/* About */
#david a#aboutLink,
#nancy a#aboutLink,
#jeanne a#aboutLink,
#eric a#aboutLink,
#michael a#aboutLink,
#tony a#aboutLink,
#michele a#aboutLink,
#alena a#aboutLink,
#kelly a#aboutLink,
#mike a#aboutLink,
#tom a#aboutLink,
#clients a#aboutLink,
/* Services */
#services a#servicesLink,
#branding a#servicesLink,
#marketing a#servicesLink,
#packaging a#servicesLink,
#webdesign a#servicesLink,
/* Portfolio */
#portfolioMain a#portfolioLink,
#portBranding a#portfolioLink,
#portPackaging a#portfolioLink,
#portMarketing a#portfolioLink,
#portWebdesign a#portfolioLink
{
	color: #e64f22;
}

/* --------------------------
		  LINKS
-------------------------- */
a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #333b48;
}
#content .pages a {
	color: #e64f22;
}
a:hover,
#corporateID a#corpLink,
#logo a#logoLink,
#packaging a#packagingLink,
#marketStrat a#marketStratLink,
#webDesign a#webLink,
#marketCom a#marketComLink,
#brochure a#brochureLink,
#catalog a#catalogLink,
#advertising a#advertisingLink,
/* Services */
#branding a#brandingLink,
#marketing a#marketingLink,
#packaging a#packagingLink,
#webdesign a#webdesignLink,
/* Staff Profiles */
#david a#davidLink,
#nancy a#nancyLink,
#jeanne a#jeanneLink,
#eric a#ericLink,
#michael a#michaelLink,
#tony a#tonyLink,
#michele a#micheleLink,
#alena a#alenaLink,
#kelly a#kellyLink,
#mike a#mikeLink,
#tom #tomLink,
#david a#davidLink,
/* Portfolio */
#portBranding a#brandingPortLink,
#portPackaging a#packagingPortLink,
#portMarketing a#marketingPortLink,
#portWebdesign a#webdesignPortLink
{
	color: #6eaa2b;
}

/* --------------------------
		  HEADER
--------------------------*/
#header {
	margin:0 auto;
	height:80px;
	text-align:left;
	width:910px;
}

#header .logo {
	width: auto;
	float:left;
	padding: 15px 0 10px 0;
	vertical-align:middle;
}
#header .tagline {
	color: #333;
	padding-top: 27px;
	float: left;
	
}
/* --------------------------
		  FOOTER
--------------------------*/
#footer, .push {
    height: 50px;
}
#footer {
	font-size:12px;
	background-color:#FFF;	
}
.copyright {
	font-size:10px;
}
#footer .left {
	width:70%;
	float:left;
}
#footer .right {
	float:right;
	width:30%;
	text-align:right;
	vertical-align:middle;
}
/* --------------------------
		  FLASH
--------------------------*/
#flashHeader div {
	margin-top: 20;
	padding-top: 20;
}

/* --------------------------
		  CONTENT
--------------------------*/
#content {
	height: 100%;
}
#content,
#footer {
	margin:0 auto;
	text-align:left;
	width:910px;
}
#content #breadcrumbs,
#content .pages,
#content .pages div {
	width: 675px;
	clear:left;
	float:left;
	padding-right: 5px;
}
#content .pages .awards {
	width: 600px;
}
#content div {
	float:left;
	padding-bottom:10px;
}
/* FULL WIDTH  */
#awards #content #breadcrumbs,
#awards .pages,
#contact .pages,
#privacy .pages div  {
	width: 910px;
}
/* HEADERS */
#home #content h2 {
	font-size:22px;
	font-weight:normal;
	background:url(../../images/line.jpg) bottom left no-repeat;
	padding-bottom:5px;
	margin-bottom: 10px;
	
}
#content h2 {
	font-size:18px;
	font-weight:normal;
	line-height: 24px;
	padding-top:0;
	margin-top:0;
	font-family:Georgia, "Times New Roman", Times, serif;
}
#content h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top: 5px;
}
#content h4 {
	font-size:14px;
	font-weight:normal;
}
#content ul {
	margin-left: 10px;
	padding-left:10px;
}

/* HOME PAGE */
#content .col1 ul {
	margin-left: 0;
	padding-left:15px;
}
#content .col1  {
	float: left;
	width: 255px;
	margin-left:0;
	padding-left:0;
	padding-top: 0;
}
#content .col ul {
	margin-left:0;
	padding-left:0;
	list-style: none;
}
#content .col3 {
	float: right;
}

/* SERVICES */
#services #content .col1{
	float: left;
	width: 240px;
	clear:none;
	padding-top: 10px;
	margin-left:0;
	padding-left:0;
	
}
/* SITE MAP */
#sitemap #content .col1,
#home #content .col1{
	float: left;
	width: 200px;
	clear:none;
	padding-top: 10px;
}
#sitemap #content ul {
	margin-left:0;
	padding-left:0;
	list-style: none;
}
/* STAFF */
#content .pages .staffPic {
	padding: 0px 15px 0 0;
	width: 234px;
}
#content .pages .staffText {
	width: 400px;
	float:left;
	clear:none;
	padding-top: 10px;
}
/* CLIENTS & AWARDS */
#clients #breadcrumbs  h1,
#awards #breadcrumbs  h1 {
	background: none;
}
#clients .pages {
	width: 936px;
}
#awards .pages,
#awards .pages .pages{
	width: 675px;
}
.botText {
	width: 675px;
	padding-top:10px;
}
	
#clients .pages .clientLogos {
	padding: 20px;
	width: 146px;
	height: 80px;
	clear: none;
	vertical-align: middle;
	text-align:center;
	border: 1px dotted #CCC;
	border-top: none;
	border-left:none;		
}
#clients .pages .clientLogo2 {
	padding: 10px 20px 10px 20px;
	width: 146px;
	height: 100px;
	clear: none;
	vertical-align: middle;
	text-align:center;
	border: 1px dotted #CCC;
	border-top: none;
	border-left:none;		
}
#awards .pages .clientLogos{
	padding: 10px;
	width: 146px;
	height: 80px;
	clear: none;
	vertical-align: middle;
	text-align:center;
	border: 1px dotted #CCC;
	border-top: none;
	border-left:none;		
}
#clients .pages,
#awards .pages{
	border-left: 1px dotted #CCC;
	border-top: 2px solid #78c036;		
}
/* PRIVACY */
#privacy #content div {
	padding-top: 0;
	padding-bottom:15px;
}
/* PORTFOLIOS */
#portfolio #content,
#portBranding #content,
#portMarketing #content,
#portPackaging #content {
	margin-top: -10px;
}
/* --------------------------
		  BREADCRUMBS	
--------------------------*/
#content #breadcrumbs {
	font-size:12px;
	color: #70757f;
	float: left;
	font-family:Arial, Helvetica, sans-serif;
}
 .breadcrumbsClients {
	width: 910px;
}
#breadcrumbs h1 {
	font-size: 28px;
	font-weight:normal;
	background:url(../../images/h1-line.jpg) bottom left no-repeat;
	padding-top: 15px;
	padding-bottom:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #333B48;
	margin-bottom: 10px;
}
.arrow {
	font-size: 14px;
	padding: 0 5px;
}
/* --------------------------
		  SUBNAV
--------------------------*/

#content #subNav ul a,
#content .col3 a {
	display:block;
	color: #e64f22;
	text-decoration:underline;
}
#content #subNav ul a:hover,
#content .col3 a:hover { 
	text-decoration: none;
}
#content #subNav ul {
	margin-top: -3px;
	margin-left:0;
	padding-left:0;
	font-size:14px;
}
#content #subNav {
	float: right;
	line-height:22px;
	width: 175px;
	padding-top:40px;
}
#content #subNav li {
	display:inline;
	margin-left:0;
	padding-left:0;
}
#content #subNav h2 {
	color: #6eaa2b;
	background-image:none;
	padding:0;
	font-size:22px;
	padding-bottom:10px;
	font-weight:normal;
}
/* --------------------------
		  CLASSES
--------------------------*/
.marLeft {
	padding-left:15px;
}
.green {
	color: #6eaa2b;
}
.image {
	float:left;
	width: auto;
}
.cleaRightr {
	clear:right;
}
.noTop {
	padding-top: 0;
}
br.clear {
	clear:both;
}
.graphicLinks {
	padding: 45px;
	padding-left: 245px;
	line-height: 22px;
}
.graphicLinks ul {
	list-style:none;
	
	
}
.graphicLinks a {
	text-decoration:underline;
	color: #fff;
}
.graphicLinks a:hover {
	text-decoration: none;
}
/* --------------------------
		  FORM
--------------------------*/
form ul {
	display:block;
	float:left;
	padding-top: 15px;
	margin-left: 0;
	padding-left: 0;
	width: 410px;
}
form li {
	list-style: none;
	padding-top: 5px;
}
label {
  float:left;
  width: 135px;;
  text-align:left;
  }
  
input, textarea {
	width: 250px;
}
.button {
	width: 100px;
}
.leftSpace {
	padding-left: 140px;
}
.leftSpace2 {
	padding-left: 275px;
}
.clearLeft {
	clear: left;
}
/* --------------------------
		  IE SUCKS
--------------------------*/
.clear {
	min-height: 1px;
}
*html .clear {
	height: 1px;
}