/*
*********************************************
Pippin Design

Updated: June 29, 2010

Table of Contents:
	1. CSS Reset
	2. General selectors
	3. Homepage Layout
	4. Level 2 Layout
	5. Hacks


Colors:
	Dark Brown #331e07
	Lime: #B7D30B
	Light grey: #D3D3D3
	Dark grey: #999999
	
	
*********************************************
*/

/*---------------------------------
	1. CSS RESET
----------------------------------*/

* {
	margin: 0;
	padding: 0;
	outline: none;
}

img {
	border: 0;
}

ol, ul {
	list-style-type: none;
}

.clear {
	clear: both;
}

.hidden {
	display: none;
}

/*---------------------------------
	2. GENERAL SELECTORS
---------------------------------*/

body {
	background: #331e07 url(../images/main_bg.jpg) repeat-x;
	font: 1em "Trebuchet MS", Geneva, Sans-serif;
	color: #331e07;
}

a {
	color: #331e07;
	text-decoration: underline;
}

a:hover {
	color: #ccdd56;
	}
	
#header a, #footer a {
text-decoration: none;}

h1, #sidebar h4 {
	font-size: 1em;
	border-bottom: 1px solid #331e07;
	padding: 0 0 7px 0;
	font-weight: bold;
}

h1 span, h2 span, #sidebar h4 span {
	border-bottom: solid 3px #331e07;
	padding: 0 0 5px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 1em;
	margin: 10px 0 5px;
	color: #331e07;
	font-weight: normal;
	font-style: normal;
}

.topline {
	height: 1px;
	background-color: #331e07;
	margin: 0 auto;
	padding: 0;
	width: 940px;
	clear: both;
	border: none;
	}

/*---------------------------------
	3. HOMEPAGE LAYOUT
---------------------------------*/

#wrap {
	width: 1000px;
	margin: 0 auto;
	overflow: auto;
}

div#contentWrap {	
	background-color: #fcffef;
	width: 1000px;
	overflow: auto;
}

div#contentWrap2 {
	overflow: auto;
	margin: 0 30px;
}


/*header*/

#header {
	width: 1000px;
	height: 130px;
	background: #fcffef url(../images/header_bar.png) repeat-x center top;
}

#logo {
	float: left;
	padding: 35px 35px 15px;
}

#description {
	width: 885px;
	clear: both;
	margin: 0 0 25px 35px;
	padding: 0;
	}
	
#description-main {
	width: 920px;
	clear: both;
	margin: 0 0 25px 0;
	padding: 0;
	}

#description p, #description-main p {
	font-size: 1.5em;
	line-height: 1.3em;
}

#description a, #description span, #description-main a, #description-main span  {
	text-transform: uppercase;
	font-weight: bold;
	color: #331e07;
	padding: 2px 5px;
	font-size: .8em;
	background-color: #ccdd56;
	border: 1px solid #e9f1b6;

}

#description a:hover, #description-main a:hover {
	color: #331e07;
	padding: 2px 5px;
	background-color: #fff;
	border: solid 1px #c2d839;
}

#navigation {
	float: left;
	width: 290px;
	margin: 35px 0 0 0;
	line-height: 1.2em;
}

#sub-navigation {
	float: right;
	width: 310px;
	margin: 35px 0 0 0;
	list-style-image: url(../images/button_arrow.png);
}

#sub-navigation a:hover {
	list-style-image: url(../images/button_arrow_over.png);
	}

/*nav*/

ul#navigation-top, ul#navigation-bottom {
	list-style: none;
	float: right;
	margin: 0;
	padding: 0;
	text-transform: lowercase;
}

ul#navigation-top li, ul#navigation-bottom li  {
	display: inline;
	margin: 0 15px 0 0;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
}

ul#navigation-top a, ul#navigation-top a:link, ul#navigation-top a:active, ul#navigation-bottom a, ul#navigation-bottom a:link, ul#navigation-bottom a:active {
	color: #331e07;
	text-decoration: none;
}

ul#navigation-top a:hover, ul#navigation-bottom a:hover {
	color: #b7d30b;
	text-decoration: none;
}

ul#navigation-top li.inactive a, ul#navigation-bottom li.inactive a {
	color: #b7d30b;
	text-decoration: none;
}

/* Main Content */

#mainContent {
	float: left;
	width: 600px;
	margin: 0 0 30px;
}

#mainContent.wide {
	width: 940px;
}

#mainContent.wide h1,
#mainContent.wide h2 {
	width: 600px;
	float: left;
}

#mainContent p {
	font-size: .9em;
	line-height: 1.4em;
	padding: 0 0 10px;
	color: #4d4d4d;
}

#mainContent h1 {
	margin: 0 0 15px 0;
}

#mainContent a,
#sidebar a {
	padding: 2px;
}

#mainContent a:hover,
#sidebar a:hover {
	color: #331e07;
	background-color: #ccdd56;
}
/* Homepage Thumbnails */

div.service {
	float: left;
	width: 200px;
	margin: 0 0 10px;
}

#mainContent div.service h2 {
	margin: 10px 0 0 10px;
}

div.service img{
	margin: 20px 0 0 20px;
}

div.imgHolder {
	width: 200px;
	height: 200px;
	background-image: url(../images/home-shadow.gif);
}

#mainContent div.imgHolder a:hover{
	background-color: transparent;
}

#mainContent ul {
	margin: 0 0 10px 20px;
	list-style-type: circle;
	list-style-position: inside;
}

#mainContent li{
	color: #999999;
	padding: 5px 0 0;
}

div.service ul {
	margin: 0 0 0 20px;
}
div.service li {
	padding: 2px 0 0;
	font-size: 12px;

}

/* Sidebar Content */

#sidebar {
	float: right;
	width: 300px;
	margin: 0 0 30px 0;
}
#sidebar h1 {
	margin: 0 0 15px 0;

}
#sidebar h2 {
	color: #B7D30B;
	text-transform: none;
}

#sidebar p {
	font-size: .8em;
	line-height: 1.3em;
	margin: 0 0 5px;
}

.smallp {
	line-height: 1.3em;
	color: #4d4d4d;
	font-size: 0.95em;
	}

#sidebar p strong {
}

#sidebar img {
	padding: 15px 0 0;
}

#sidebar h2.date {
	color: #331e07;
	font-size: .7em;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 0 5px;
	clear: both;
}
#sidebar h3.storytitle {
	margin: 0 0 5px;
	font-size:1em;
}
#sidebar h3.storytitle a {
	text-decoration: none;
	color: #331e07;
}
#sidebar div.storycontent {
	border-bottom: 1px solid #999;
	clear: both;	padding: 0 0 5px;
}
#sidebar a.more-link {
	float: right;
	font-size: .7em;
	margin: 5px 0;
}

#sidebar ul {
	list-style: none;
	font-size: 0.85em;
	color: #999;
	}
	
#sidebar li {
	margin: 18px 0;
	}
	
#googlemap {
	background: transparent url(../images/google_map.png) no-repeat 0 0;
	width: 280px;
	height: 280px;
	padding: 15px 0 0 20px;
	}
	
/* Footer */

#footer {
	clear: both;
	width: 1000px;
	height: 240px;
	background: #331e07 url(../images/footer_bg.gif) no-repeat;
}


#footerTop {
	padding: 0 0 0 45px;
	height: 202px;
	}


#footer h2 {
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 0 5px;
	border-bottom: 1px solid;
	font-style: normal;
}

#footer h2 span {
	color: #331e07;
	border-bottom: solid 3px;
	padding: 0 0 3px 0;
}



.networks {
	width: 275px;
	float: left;
}

.associations {
	float: left;
	width: 275px;
	padding: 0 0 0 30px;
}

.networks a, .associations a {
	display: block;
	float: left;
	margin: 15px 7px 0 0;

}

a.row2 {
	margin-top: 10px;
}
.contact {
	float: left;
	padding: 0 0 0 30px;
	width: 300px;
}

.contact p {
	font-size: 75%;
	line-height: 140%;
}

#footer .contact a {
	text-decoration: underline;
	padding: 2px;
}

#footer .contact a:hover {
	color: #331e07;
	background-color: #ccdd56;
}

p.name {
	font-size: .9em;
	font-weight: bold;
	padding: 10px 0 0;
}

#footer ul {
	float: left;
	font-size: .8em;
	padding: 0 0 0 30px;
	}

#footer ul li {
	display: inline;
	padding: 0 20px 0 0;
}

#footer ul li a {
	color: #fff;
}

#footer ul li a:hover {
	color: #B7D30B;
}
p#disclaimer {
	font-size: .8em;
	float: right;
	text-align: right;
	color: #4d4d4d;
	padding: 0 20px 0 0;
}

p#disclaimer a {
	color: #331e07;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .9em;
}

p#disclaimer a:hover {
	background-color: #b7d30b;
}

/*---------------------------------
	4. LEVEL 2 LAYOUT
---------------------------------*/

/*  Slider stuff */

#slider {
	width: 600px;
	float: left;
	}

.big-text {
	font-size: 360%;
	font-weight: bold;
	margin: 20px 0 10px 0;
	font-variant: small-caps;
	padding: 0;
	line-height: 0.75em;
}

.sub-title {
	font-size: 1em;
	margin: 0;
	padding: 5px 0;
	line-height: 1.2em;
}
	
	
/* Intro on Homepage */

#intro {
	float: right;
	width: 300px;
	margin: 0 0 40px 0;
	}
	
	
/* Portfolio feature */

.featuredContent {
	margin: 0 30px 30px 30px;
	clear: both;
}

.shadow {
	width: 610px;
	height: 270px;
	position: relative;
	float: left;
	background: transparent url(../images/slider_background.png) no-repeat 0 0;
	margin: 0;
}

* html .shadow {
	background: transparent url(../images/slider_background.png) no-repeat 0 0;
}

.shadow img {
	margin: 15px 20px;
}

.featureText {
	width: 305px;
	float: left;
	margin: 0 0 0 15px;
}

.featureText h2 {
	color: #323232;
	padding: 5px 0 0 15px;
	text-transform: uppercase;
	font-weight: bold;
}

.featureText p {
	line-height: 1.3em;
	color: #4d4d4d;
	font-size: 0.95em;
	padding: 5px 45px 10px 15px;
}

p#moreFeatured {
	border-top: solid 1px #4d4d4d;
	font-size: 12px;
	font-style: italic;
	margin: 0 40px 0 15px;
	padding: 5px 0;
}

#moreFeatured a {
	color: #4d4d4d;
}

#moreFeatured a:hover {
	color: #b7d30b;
	text-decoration: underline;
	cursor: pointer;
}

/* Sub-navigation */

#subNav {
	position: relative;
	left: 30px;
	width: 930px;
	margin: 0 0 30px;
	background-color: #ebf3ba;
	border-top: solid 1px;
	border-bottom: 1px solid;
}

#miniflex {
	height: 35px;
	width: 930px;
	font-size: 16px;
	line-height: 35px;
	text-transform: uppercase;
	font-weight: bold;
	position: relative;
	z-index: 2;
	text-align: center;
	margin: 0;
}

#miniflex li {
	float: left;
	height: 35px;
	width: 155px;
	display: inline;
	position: relative;
	padding: 0;
}

#miniflex li.hidden {
	display: none;
}
#miniflex a:link, #miniflex a:visited {
	color: #331e07;
	display: block;
	width: 155px;
	height: 35px;
	text-decoration: none;}

#miniflex a.active:link, #miniflex a.active:visited, #miniflex a:hover {
	z-index: 1;
	border-bottom: 3px solid #331e07;
	height: 32px;
	width: 155px;
}

#animated-tab {
	position: absolute;
	z-index: 1;
	border-bottom: 3px solid #331e07;
	height: 32px;
	width: 155px;
}

/* Portfolio Gallery */

#gallery a, #gallery a:hover {
 padding: 0;
 background-color: transparent;
}

#gallery img {
	width: 80px;
	height: 80px;
	margin: 5px 5px 0 0;
	border: 1px solid #ebf3ba;
}

#gallery a:link img, #gallery a:visited img {
	padding: 4px;
	background-color: #fff;
}

#gallery a:hover img, #gallery a:active img {
	padding: 4px;
	border: solid 1px #331e07;
}

.service-info {
	border-bottom: 1px solid #999;
	clear: both;
}

.service-info a, .bio a, a.more-link {
	clear: both;
	float:right;
	margin: 5px 0;
	font-size: .75em;
	}



/*About Bios */
div.bio {
	overflow: auto;
	clear:both;

}
div.bio h2 {
	float: left;
	clear: both;
	
}

div.bio img {
	float: right;
	margin: 0 0 20px 0;
	width: 280px;
	height: 280px;
	}

#mainContent div.bio p {
	float: left;
	width: 600px;
	border-bottom: 1px solid #999;
	}

#mainContent div.bio a {
	display: block;
	margin: 5px 65px 0 0;
	clear: left;
	}

/* Testimonials */

#sidebar div.bubble {
	width: 290px;
	background: url(../images/bubble/bubble-bg.gif) repeat-y;
}

#sidebar .bubble div.quote {
	width: 290px;
	background: url(../images/bubble/bubble-top.gif) no-repeat;
}
#sidebar .bubble div.quote p {
	padding: 20px 25px 0;
	font-size: .9em;
	line-height: 1.4em;
}
#sidebar .bubble div.cite-r {
	font-size: .9em;
	background: #fcffef url(../images/bubble/bubble-bottom-r.gif) no-repeat;
	height: 80px;
	width: 290px;
}

#sidebar .bubble div.cite-r p {
	padding: 35px 70px 0 20px;
	text-align: right;
}
#sidebar .bubble div.cite-r p span {
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.4em;
}

#sidebar .bubble div.cite-l {
	font-size: .9em;
	background: #fcffef url(../images/bubble/bubble-bottom-l.gif) no-repeat;
	height: 80px;
	width: 290px;
}

#sidebar .bubble div.cite-l p {
	padding: 35px 20px 0 70px;
	text-align: left;
}
#sidebar .bubble div.cite-l p span {
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.4em;
}



/* Contact Form */

dl.form {
	width: 600px;
	margin: 15px 0;
	clear: both;
	font-size: 85%;
}

dl.form li {
	list-style-type: none;
}

dl.form dt {
	clear: both;
}

dl.form dt label {
	text-align: right;
	margin: 10px 5px;
	float: left;
	width: 130px;
}

dl.form dd, dl.form input, dd textarea {
	float: left;
	color: #422906;
	font-size: 100%;
	padding: 5px;
}

dl.form input, dd textarea {
	width: 250px;
	background-color: #ebf3ba;
	border: solid 1px #999;
}

dd textarea#q6 {
	width: 400px;
	height: 100px;
	background-color: #ebf3ba;
	border: solid 1px #999;
}

dd ul {
	margin: 5px 0;
	width: 400px;
}

dl.form .left-check input, dl.form .right-check input {
	width: 15px;
	margin: 2px 5px 0 0;
}

label.checkbox-label {
	font-size: 85%;
}

#submit {
	margin: 15px 40px 0;
	float: right;
}

dd li {
	padding: 0 0 5px;
}

.left-check {
	float: left;
	width: 220px;
}

dd li.right-check {
	float: right;
	text-align: left;
	width: 170px;
}

.btn {
	float: right;
	margin: 10px 50px 0 0;
}

/* Newsletter Signup Formatting */

#subForm {
	clear: both;
	font-size: 85%;
}

#subForm label {
	text-align: left;
	margin: 10px 5px;
	float: left;
	width: 50px;
}

#subForm .formfieldinput {
	width: 215px;
	background-color: #ebf3ba;
	border: solid 1px #999;
	float: left;
	color: #422906;
	font-size: 100%;
	padding: 5px;
	margin: 5px;
}

#subscribe {
	margin: 15px 8px;
	float: right;
}

/* client logos */

ul#client-list {
	margin: 20px 0;
	font-size: .9em;
	list-style-type: none;
}

ul#client-list li {
	margin: 0 0 5px;
}
div#client-logos {
	background-color: #ffffff;
	padding: 10px;
	margin: 20px 0;
	border: 1px solid #d8e995;
	overflow: auto;
	text-align: center;
	position: relative;
}

div#client-logos h2 {
	text-align: left;
	font-weight: bold;
	color: #b9d44b;
	margin: 0;
}
div.main-image-holder img {
	margin: 0 auto;
	width: 280px;
	margin-bottom: 20px;
}

div.JPG, div.PNG, div.EPS, div.TIFF, div.pdf {
	width: 160px;
	margin: 0 30px 0 0;
	float: left;
	text-align: left;
	font-size: 75%;
	padding: 0 0 90px;}

#client-logos h3 {
	margin:0 0 10px;	
}

#client-logos p,
#client-logos ul li {
	color: #331e07;
}

#client-logos ul {
	margin: 0;
	list-style-type: disc;
}

div.pdf {
	width: 155px;
	margin: 0;
	float: left;
}

#client-logos p.download-info {
	width: 150px;
	position: absolute;
	bottom: 20px;
	color: #656565;
	font-style: italic;
	font-size: 95%;
}

#client-logos p.info {
	margin: 0 0 15px;
}
#client-logos p.download-info a {
	display: block;
	margin: 5px 0 0;
	font-size: 1.1em;
	font-style: normal;
}

p.logos-intro {
	margin: 20px 0;
	font-size: .9em;
}