/*
Theme Name: Pivotal Click
Theme URI: http://www.pivotalclick.com
Description: Theme for www.pivotalclick.com
Version: 1.0
Author: Jeremy Beaudry
Author URI: http://design.boxwith.com
*/

* { margin:0; padding:0; }

body { font:100%/1.4 "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; text-align:center; color:#423C2F; background-color:#666; margin:0 8%; }

a { color:#362D26; }
a:hover { text-decoration:underline; color:#FC5D33; }

img { display:block; border:none; }

th, tr, td { text-align:left; }

#uberWrapper { width:100%; min-width:700px;	max-width:1200px; background-color:#fff; margin:0 auto; padding:10px 0; }

#container {  margin:0 10px; text-align:left; background-color:#fff; overflow:hidden; }

#contentWrapper { border:1px solid #697066; border-top:none; overflow:hidden; }
* html #contentWrapper { height:100%; }

/* Header ------------------------------------------------ */
#header { height:165px; background:#F1F1E9 url(/images/header_bg.gif) repeat-x bottom left; position:relative; }
#header h1 { font-size:22px; width:197px; height:27px; position:absolute; bottom:20px; left:15px; }
#header h1 a { width:197px; height:27px; display:block; text-indent:-5000px; background:url(/images/logo.gif) no-repeat top left; }

#utilityNav { float:right; padding:5px 0; padding-right:5px; color:#8B9087; background-color:#FFF; font-size:.7em; width:100%; }
#utilityNav ul { float:right; margin-bottom:.5em; }
#utilityNav ul li { display:inline; }
#utilityNav a { color:#8B9087; }
#utilityNav a:hover { text-decoration:underline; color:#FC5D33; }
#utilityNav a.active { color:#FC5D33; text-decoration:none; }


#simpleSearch { padding:0; margin:0 5px 0 0; float:right; }
#simpleSearch label { display:none; }
#simpleSearch input#searchtext { vertical-align:middle; font-size:.85em; border:1px inset #423C2F; margin-left:7px; padding:2px; width:100px; }
#simpleSearch input#loginbutton { vertical-align:middle; margin:0; }


/* Global Navigation ------------------------------------- */

ul#navlist { position:absolute; width:250px; left:70%; bottom:19px; line-height:1em; }
ul#navlist li { list-style:none; padding-top:.2em; }
ul#navlist a { padding-left:17px; font-size:.9em; text-decoration:none; color:#8B9087; text-transform:uppercase; }
ul#navlist a:hover { background:url(/images/go_button_lite.gif) no-repeat 0 50%; color:#413C2F; }
ul#navlist a.active, ul#navlist a.active:hover { background:url(/images/go_button.gif) no-repeat 0 50%; color:#413C2F; }


/* One True Layout treatment for equal height columns */
/* Start Mac IE5 filter \*/
#left, #right { padding-bottom:32767px; margin-bottom:-32767px; }
/* End Mac IE5 filter */

/* Home Page Rules --------------------------------------- */
#homePage #left { background-color:#F1F1E9; }
#homePage #left h2 { min-height:160px; height:auto; padding:0 15px 0 15px; font-weight:bold; letter-spacing:normal; margin-bottom:0; text-transform:none; }
* html #homePage #left h2 { height:160px; } /* IE hand-holding */
#homePage #left h2 em { background-image:none; padding-left:0; font-weight:normal; }
#homePage #left h2 span { padding-top:30px; position:relative; display:block; }
#homePage #left h3 { border-top:none; }
#homePage #left ul.highlight li { padding:0 0 .5em 18px; background:url(/images/bullet_home.gif) no-repeat 0 4px; }
#homePage #left ul.highlight { margin-bottom:.5em; }
#homePage #left ul.highlight li strong { color:#4EA728; }

#portfolio { background-color: transparent; padding:0 30px 15px 0; margin:10px 0 1.5em 0; }
#portfolio #flashWrapper { width:221px; height:170px; float:right; margin-top:4px; }
#left #portfolio h3 { margin-right:0; }
#left #portfolio p { margin-right:255px; margin-top:0; padding-top:0; }

#homePage #right #graphic { height:160px; background:url(/images/home_graphic.jpg) no-repeat top left; margin-left:1px; }
#homePage #right .relatedContent { margin-right:15px; margin-left:16px; }
#homePage #right #leader { padding:1em 15px; border-top:1px solid #697066; border-bottom:1px solid #697066;  background-color:#F1F1DC; margin-left:1px; margin-bottom:1em; }
#homePage #right .relatedContent p, #homePage #right #leader p { font-size:.95em; padding-left:0; background-image:none; margin-bottom:0; }
#homePage #right .relatedContent h5.continue { padding-left:18px; background:url(/images/continue_icon.gif) no-repeat 0 3px; }
#homePage #right h4.news { background-color:#DDDDCC; border-top:1px solid #AEAE9B; border-left:1px solid #697066; margin-bottom:1em; }
#homePage #right h4.news img { float:right; margin-top:3px; }
#homePage #right h4 { border-top:none; background-color:transparent; margin-bottom:0; font-weight:bold;  }
#homePage #right #newsletterSignup { margin-top:0; }

#homePage #right h5  { font-size:.95em; margin-bottom:.5em; color:#423C2F; }


/* Left Column (main content) ---------------------------- */
#left { float:left; width:70%; }
* html #left { display:inline; } /* IE hand-holding */
#leftWrapper { margin:0 20px 0 15px; }
#left h2 { font-size:1.3em; letter-spacing:.1em; margin:0 0 1.5em 0; height:45px; padding:0 15px; font-weight:normal; color:#423C2F; background-color:#E4EED5; position:relative; text-transform:uppercase; }
#left h2 em { background:url(/images/separator_h2.gif) no-repeat 0 4px; padding-left:12px; letter-spacing:normal; font-size:.85em; font-style:normal; text-transform:none; color:#362D26; border:none; }
#left h2 span { position:absolute; bottom:3px; }
#left h3 { font-size:1.1em; margin-bottom:.5em; border-top:1px dotted #669933; padding-top:.9em; font-weight:bold; }
#left h3.preamble { font-size:1.2em; font-weight:normal; margin-bottom:.5em; border:none; padding-top:0; }
/* #left h3.preambleArrow { font-size:1.2em; font-weight:normal; margin-bottom:.5em; border:none; padding-top:0; padding-left:44px; background:url(/images/preamble_bg.gif) no-repeat 0 5px; } */
#left h3.preamble img { float:left; margin:.25em 7px 0 0; } 
#left h4 { margin-bottom:.5em; font-size:1.2em; }
#left em { font-style:normal; border-bottom:1px dotted #362D26; } 
#left p, #left table, #left ul { margin-bottom:1em; }
#left p.action { padding-left:12px; background:url(/images/bullet_main.gif) no-repeat 0 50%; }
#left p.contOrange, #homePage #left p.contOrange { padding-left:16px; background:url(/images/cont_icon_orange.gif) no-repeat 0 50%; }
span.newwindow { padding-right:17px; background:url(/images/newwindow_icon.gif) no-repeat 100% 5px; }
#left p.download { padding-left:16px; background:url(/images/download_icon.gif) no-repeat 0 4px; }
#left ul li { margin:0; list-style:none; }
#left ul.highlight { margin-bottom:.5em; }
#left ul.highlight li { padding:0 0 .5em 12px; background:url(/images/bullet_main.gif) no-repeat 0 4px; }

img.floated { float:left; margin:8px 10px 2px 0; }

#portfolio.ourwork { background-color:#fff; padding:15px 0; margin:10px 0 0 0; }
#portfolio.ourwork #flashWrapper { width:220px; height:160px; float:left; }
#left #portfolio.ourwork h3, #left #portfolio.ourwork p { margin-left:235px; margin-right:0; margin-top:0; padding-top:0; border:0; }
#left #portfolio.ourwork br.clearAll { height:1px; clear:both; }


/* 2 Column */
#columnLeft, #columnRight { float:left; clear:none; width:230px; }
* html #columnLeft { display:inline; width:215px; }
* html #columnRight { display:inline; }
#columnLeft { margin-right:15px; }

.inset { font-size:1em; margin-bottom:2em; }
#left .inset p, #left .inset ul { font-size:.85em; }
#left .inset h4 { font-size:1em; color:#56812C; }
#left div.moreDetail { color:#362D26; margin-bottom:1em; }
div.moreDetail a { font-size:.85em; text-decoration:none; }
div.moreDetail a:hover { text-decoration:underline; color:#FC5D33; }
div.moreDetail img { display:inline; vertical-align:bottom; }


/* Case Study */
#caseSummary, #caseSummaryB { margin:1em 0; }
#caseSummary p, #caseSummaryB p { margin:0 0 0 240px; }
#snapshot { clear:left; background-color:#E4EED5; padding:9px; border:1px solid #E4EED5; margin-top:10px; }
/* #snapshot:hover { border:1px solid #669933; } */
#snapshot p { color:#362D26; margin:0; }
#snapshot b { color:#669933; }
#snapshot a { color:#362D26; }
#snapshot a:hover { text-decoration:underline; color:#FC5D33; }
#ourWorkAction { margin:0 0 1em 0; padding:10px; background-color:#FFDEC4; }
#ourWorkAction p { margin-bottom:0; }

/* Blog Entries */
.entryExcerpt { margin-bottom:1.4em; border-bottom:1px dotted #669933; padding-bottom:.9em; }
.entryBody { padding-top:.9em; }
#left .entryBody blockquote { font-size:.85em; margin:0 15px 1.15em 15px; }
#left .entryExcerpt h3, #left .entryBody h3 { font-size:1.5em; border:none; padding-top:.4em; }
#left .entryExcerpt h3 a, #left .entryBody h3 a { color:#423C2F; }
#left .entryExcerpt h3 a:hover, #left .entryBody h3 a:hover { text-decoration:underline; color:#FC5D33; }
/* span.entryDate { font-size:.85em; color:#fff; background-color:#9B8B7D; padding:0 2px 1px 2px; } */
span.entryDate { font-size:.85em; color:#8B9087; background:url(/images/date_bg.gif) no-repeat 100% 50%; padding-right:18px; }
p.postedBy { font-size:.85em; color:#669933; }
p.postedBy a { color:#669933; }
p.postedBy a:hover { text-decoration:underline; color:#FC5D33; }
p.continue, #homePage #left p.continue { padding-left:16px; background:url(/images/continue_icon.gif) no-repeat 0 50%; }

/*
#aboutYouContact { margin:0 0 1em 0; }
#aboutYouContact fieldset { padding:10px 20px; background-color:#FFDEC4; border:none; margin-bottom:1em; }
#aboutYouContact textarea { border:1px inset #ccc; margin-bottom:1em; width:320px; padding:2px 3px 2px 5px; }
#aboutYouContact input.text { border:1px inset #ccc; width:220px; margin-bottom:1em; padding:2px 3px 2px 5px; }
#aboutYouContact input.button { xmargin-left:20px; }
#aboutYouContact label { display:block; margin-bottom:.2em; }
*/

#aboutYouContact { margin:0 0 1em 0; font-size: 90%;}
#aboutYouContact fieldset { padding:10px 5px; /*background-color:#FFDEC4;*/ border:none; margin-bottom:1em; }
#aboutYouContact textarea { border:1px inset #ccc; margin-bottom:1em; width:220px; padding:2px 3px 2px 5px; }
#aboutYouContact input.text { border:1px inset #ccc; width:220px; margin-bottom:1em; padding:2px 3px 2px 5px; }
#aboutYouContact input.button { xmargin-left:20px; }
#aboutYouContact label { display:block; margin-bottom:.2em; }


/* Feature Shadow Treatment */
.featureShadow { background-color:#B7B9B9; margin:0 0 1.5em 20px; }
.feature { position:relative; width:224px; bottom:4px; right:4px; padding:10px 0; background-color:#E9E8DA; }
#left .featureShadow { float:left; width:220px; background-color:#DDDDCC; margin:0 10px 1.5em 4px; }
* html #left .featureShadow { display:inline; } /* IE hand-holding */
#left .feature { position:relative; width:220px; bottom:4px; right:4px; padding:0; background-color:#fff; }

#left .authorBio { margin-bottom:0; margin-top:.5em; width:224px; }
#left .authorBio .feature { padding:10px 0; width:224px; }
#left .authorBio p { margin-bottom:0; font-size:.85em; } 


/* Right Column (sidebar content) ------------------------ */
#right { float:right; width:30%; background:#F7F7EB url(/images/fauxRightColumn_bg.gif) repeat-y top left; }

#right h4 { font-size:.95em; margin-bottom:1em; padding:3px 15px; font-weight:normal; background-color:#DDDDCC; color:#423C2F; border-top:1px solid #AEAE9B; border-left:1px solid #697066; }
#right h4.first { border-top:none; height:45px; padding-top:0; padding-bottom:0; position:relative; }
#right h4.first span { position:absolute; bottom:3px; }



#whyHireUs { margin:0 20px 1.4em 20px; }
#whyHireUs h4 { color:#842F1F; font-size:1.2em; font-weight:bold; margin:0 0 .3em 0; }
#whyHireUs ul { margin:0; }
#whyHireUs ul li { display:inline; list-style:none; font-size:.9em; color:#362D26; }
#whyHireUs ul li a { color:#362D26; }


.relatedContent { margin:0 20px 1.4em 20px; }
.relatedContent ul li { margin:0; padding-left:12px; list-style:none; color:#423C2F; font-size:.8em; background:url(/images/bullet_sidebar.gif) no-repeat 0 3px; }
.relatedContent ul.divider { border-bottom:1px dotted #669933; margin-bottom:.5em; padding-bottom:.8em; }
.relatedContent p { font-size:.8em; padding-left:12px; background:url(/images/bullet_sidebar.gif) no-repeat 0 5px; margin-bottom:1em; }
.relatedContent p.rssSub { padding-left:16px; background:url(/images/rssfeed_icon.gif) no-repeat 0 2px; }
.relatedContent p.download { padding-left:16px; background:url(/images/download_icon.gif) no-repeat 0 2px; }
.relatedContent p img { display:inline; }
.relatedContent a { color:#362D26; }
.relatedContent a:hover { text-decoration:underline; color:#FC5D33; }

.authorBio img { float:left; margin:0 6px 0 0; }
* html .authorBio img { display:inline; } /* IE hand-holding */
.authorBio p:after {	content:"."; display:block; height:0; clear:left; visibility:hidden; }


#newsletterSignup { padding:0; margin:1em 0 0 0; }
#newsletterSignup label { display:none; }
#newsletterSignup input#email { font-size:.8em; border:1px inset #423C2F; margin:0 0 5px 0; padding-left:3px; width:165px; }
#newsletterSignup input#name { font-size:.8em; border:1px inset #423C2F; margin:0 0 5px 0; padding-left:3px; width:130px; }
#newsletterSignup input#subscribebutton { margin:0; }

.featuredWork dl { color:#423C2F; font-size:.8em; }
.featuredWork dt { margin:12px 0 0 0;	}
.featuredWork dd { margin-left:42px; }
.featuredWork dt img { float:left; display:block; margin:2px 10px 0 0; border:1px solid #FE8625; }
.featuredWork dt a:hover, .featuredWork dt.active a { border:1px solid #8B9087; }
.featuredWork dt.active a {	border-color:#423C2F;	}
.featuredWork dt.active dd a { font-weight:bold; color:#423C2F; text-decoration:none; }

.clients dl { color:#423C2F; font-size:.8em; }
.clients dd { margin-left:20px; }
.clients dt { margin-top:.4em; }
.clients dt img { float:left; display:block; margin:.1em 4px 0 0;  }



/* Footer ------------------------------------------------ */

#footer { clear:both; font-size:.85em; padding:5px; background-color:#fff; }
* html #footer { height:1%; } /* IE hand-holding. IE needs a height value to clear the floats properly. */
* > #footer	{	position:relative; z-index:1000; } /* One True Layout rule to help Safari */
#footer p, #footer a { color:#9B8B7D; }
#footer a:hover { text-decoration:underline; color:#FC5D33; }
#footer a.active { color:#FC5D33; }



/* Link Preview styles ----------------------------------- */
.amazon{
width:20px;
padding:3px 20px 0 0;
background: url(/images/amazon.gif) no-repeat right;
}
.pdf{
width:20px;
padding:0 20px 0 0;
background: url(/images/pdf.png) no-repeat right;
}
.zip{
width:20px;
padding:0 23px 0 0;
background: url(/images/zip.png) no-repeat right;
}
.doc{
width:20px;
padding:0 20px 0 0;
background: url(/images/doc.png) no-repeat right;
}
.ppt{
width:20px;
padding:0 20px 0 0;
background: url(/images/ppt.png) no-repeat right;
}
.xls{
width:20px;
padding:0 20px 0 0;
background: url(/images/xls.png) no-repeat right;
}