@charset "UTF-8";
/* CSS Document */
* {padding:0; margin:0;}

body {
	background-color: #CCCCCC ;
	color: #000;
	font-size:12px;
	font-family:Trebuchet MS, Helvetica, sans-serif;
	text-align:center;
	background:#CCCCCC url(../images/entireTreeBack.jpg) 50% 0px no-repeat;}

h1 {
	font-size: 2.6666667em;		/* 32px/12px (default) */
	line-height: 1em;		/* 18px (multiple of 18) */
	margin-top:0.84375em;		/* 27px (desired total margin) / 32px (current font size set above) */
	margin-bottom:0.28125em;	/* 9/32 */
	letter-spacing: -1px;
}
h2 {
	font-size: 2em;			/* 24px/12px */
	line-height: 1em;		/* 18px (multiple of 18) */
	margin-top:0.9em;		/* 27/30 */
	margin-bottom:0.375em;	/* 9/24 */
	letter-spacing: -1px;
}
h3 {
	font-size:1.33334em;	/* 16px/12px */
	line-height:1.125em;	/* Selected rhythm (18) / font size (16px) */
	margin-top:1.6875em;	/* 27/16 */
	margin-bottom:0.5625em;	/* 9/16 */
	letter-spacing: -1px;
}
h4 {
	font-size:1.16667em;	/* 14px/12px */
	line-height:1.2857em;	/* Selected rhythm (18) / font size (14px) */
	margin-top:1.92857em;	/* 27/14 */
	margin-bottom:0.6429em;	/* 9/14 */
}
.headerContentArea h1 {color: #fff; margin: 100px 12px 0 0;}
.taglineArea h1, .contentheader h2, .sideBarHeader h2 {color: #d23e03; line-height: 1.1em; margin: 0em 0 0 .5em;}
h4 {color: #006e00}
p, .content {
	font-size:1em;
	line-height:1.5em;
	margin: 0 0 1.5em 0;  /* Sliding Doors Background 
Cannot have Margins. You MUST use padding instead */
}
img {border: none;}
.comment p 
{/* Short term fix for <p> see p, .body in IE6specific.css
Future: ensure that no comments, using the 
sliding doors background, has a margin */
    margin:0px;
    padding-bottom:1.5em;
}
.column1 ul li, .column2 ul li, .singlecolumn ul li
{margin:0 0 5px 30px;}
fieldset {padding:1em;}
a, a:link, a:visited {
	color:#d23e03;}
a:hover {text-decoration: none;}
a:name { color: #000;}
.nav a {color: #292929; text-decoration: none;}


/* layout elements 
--------------------------------------------------------------------------*/
/* Nav styles 
--------------------------------------------------------------------------*/
.navbar {width: 900px; position: relative; margin-bottom: .01em;
	background: url(../images/BlackNavBack.png) left top no-repeat; 
	z-index: 10;}
.navbar ul {display: block; text-align: center; margin-left: 100px;}
.nav { height: 46px; list-style-type: none;}
.nav strong {font-size: 1.8em; font-weight: bold; line-height: 1em;}
.navbar ul li { display: inline; float: left; padding: 0px; } 
ul.nav li {width: 176px; display: inline; height: 45px;}
ul.nav li a {display: block; color: #BBB; padding: 3px 0 0 0; height: 45px;}
ul.nav li a:hover {color: #FFF; background:url(../images/mouseOverBack2.jpg) top left repeat-x;}
ul.nav li a.nomouseover {color: #f3f3f3; 
	cursor: pointer !important; 
	background: url(../images/NavBack-Selected.jpg) top left no-repeat;}
ul.nav li a:hover.nomouseover { color: #f3f3f3; cursor: pointer !important;}
/* END Nav */

/* Containers 
--------------------------------------------------------------------------*/

.wrapper { margin: 0 auto; overflow: hidden; 
	text-align: left;  width: 950px; position: relative;
	min-height: 100%;}
.header { text-align: left; background: #CCC; 
	width: 900px; height: 146px;
	margin: 0 0 0 25px; }
.headerContentArea {
	background:url(../images/HeaderBack-in-Black.jpg) 12px 0px no-repeat;
	height:198px; color: #fff;}
.content {margin-top: 45px; margin-left: 25px; 
	 width: 900px; }
.column1 {width: 486px;  min-height: 100%;
	padding: 1.5em 1.5em 2.0em 2.0em; margin:0;
	background: url(../images/mainContentBack-rounded.gif) top left no-repeat}
.column2 { min-height: 100%;
	padding: 0 0 2.35em 0; margin:0 0 0em 2.85em; 
	}
.singlecolumn {width: 860px;
	padding: 1.5em 2em 2.0em 2.0em; margin:0;
	min-height: 100%; overflow: visible;
	background: url(../images/OneColumnBackground.gif) top left no-repeat; }
.sidebar {width:346px;}
.subContent { margin-top: 2em; padding: .075em 1em 1.5em 1em; 
	background: #ecebec url(../images/SecondaryContentAreaBack.jpg) top left repeat-y;}
.info,
.info2 {font-size:1.16667em;	/* 14px/12px */
		line-height:1.2857em;	/* Selected rhythm (18) / font size (14px) */
		margin-top:1.92857em;	/* 27/14 */
		margin-bottom: 0; /*
		margin-bottom:2.6429em;	/* 9/14 */}
.info2 {margin-bottom:.625em;	/* 9/14 */}
.numbers {font-size: .9em;		/* 11px/12px */
		line-height: 1.6363em;	/* 18/11px */
		margin-top: 2.45em;		/* 27/11px */
		margin-bottom: .8181em;	/* 9/11px */}
.numbers li {}
.taglineArea {padding: 2em 1.25em 0 2em}
p.tagline { color: #FFF; font-size: 2.1em; line-height: 1.3336em; 
	font-weight: 700; letter-spacing: 1px;
	padding:0 1.5em .15em 1.5em; }
.sidebarFollow { padding: 1.5em 1.5em 2em 1.5em; height: 150px;
	background:url(../images/RtSideHeaderBack-rounded.png) top left no-repeat}
.sidebarMainContent { padding: .5em 1.5em 0 1.5em; width: 301px;
	background: #d2ded3 url(../images/RtContentBack.jpg) top left no-repeat;}
.column1, 
.sidebarMainContent
{ margin-bottom: -2210em !important; 
	padding-bottom: 2213em !important;}	
	
/* Portfolio Columns 
-------------------------------------------------------------------------*/	
.Portfolio {
	width: 852px;
	clear: both;
	display:block;
	margin: .25em 0 .25em 0;
	padding: .5em 0 .5em 0;
	overflow: hidden;
	height: auto;}
.BulletedColumn { 				
	width: 12em;
	float: right;
	padding: 1em 0em 1em 0;
	margin-left: .5em;
	border-bottom: 1px dashed #333;}
.PortContColumn {
	width: 23em;
	padding: .5em 1em 1em 1em;
	float: left;}
.alternate {background: #ebebeb url(../images/SecondaryContentAreaBack.jpg) top left repeat-y;}
	
.PictColumn {
	width: 35em;
	margin: 0 0em 0 .5em;
	float: left;}
.PictColumn img { margin: 0 0 .5em 0;}
.Portfolio h4 {margin-top: 0;}
/* END Portfolio Columns */

.sideBarHeader img {margin-left: 12px; border: none;}
.sideBarHeader a {border: none;}
.footer {clear: both; width: 950px; 
	margin: 0 auto; margin-top: 1em; 
	display: block; 	
	z-index: 8; 
	background-color: #CCC; }
.noBack {background-color: transparent;}
.footer img {z-index: 20; position: static; }
.footer p {margin: 15px 0 0 160px; }
.footer .textwrapper {margin: 0 0 20px -150px; width:870px; 
	border-bottom: 1px #d23e03 solid; position:relative; }
.footerContainer {background:#CCC;}
.altFooterContainer {background: transparent; }
/* END Containers */

/* sliding doors
--------------------------------------------------------------------------*/

.taglineHeader {width: 475px; margin: 0;}
.contentheader {width: 400px; margin-left: 6px;}
.sideBarHeader {width: 250px; margin-left: 12px;}
.SD-area {margin:0 0 1.5em 0;}
.taglineHeader .SD-area .SD-content,
.contentheader .SD-area .SD-content,
.sideBarHeader .SD-area .SD-content,
.SD-area .t,
.SD-area .b,
.SD-area .b div {
     background:transparent url(../images/ButtonArea.png) no-repeat top right;}
.SD-area .SD-content {
     position:relative;
     padding:12px 18px 0px 0px;}
/* .SD-area .SD-content h1 {
	margin-top:0.6125em;} */
.SD-area .t {
     position:absolute;
     left:0px;
     top:0px;
	 width: 12px;
     margin-left:-12px;
     height:100%;
     background-position:top left;}
.SD-area .b {
     position:relative;
     width:100%;}
.SD-area .b,
.SD-area .b div {
     height:12px;
     font-size:1px;}
.SD-area .b { background-position:bottom right;}
.SD-area .b div {
     position:relative;
     width:12px;
     margin-left:-12px;
     background-position:bottom left;}
.SD-area ul, .SD-area li {
    margin:0; padding:0; 
    list-style-type: none;}
	
/* END sliding doors */

/* Positioning and Images
--------------------------------------------------------------------------*/

/* Floats and Clears
--------------------------------------------------------------------------*/

.left { float:left;}
.right { float:right; }
.clearleft {clear:left;}
.clearright {clear:right;}
.clearboth {clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;}
/* END Floats and Clears */

.extraTopMargin { margin: 150px 25px 0 0}
.extraImageMargin {margin: 0 1em 1em 0}
.extraImageMarginR {margin: 0 0 1em 1em}
.extraImageMarginLR {right-margin: 1em; left-margin: 1em;}
.logo { background: transparent url(../images/bubbleFroggyLogo2.png); background-position: left top; background-repeat: no-repeat; height: 146px; width: 320px; overflow: hidden; margin: 12px 0 0 12px; padding: 0;}
.logo img {float: left; border:none; margin: 0; height: 140px; }
.stackable {margin: 1em 0 1em 0}
ul.inline{ display: inline; 
	text-align: center; 
	list-style-position: outside; list-style-type: none; 
	margin-left: 0; padding-left: 1em; text-indent: -1em; }
ul.inline li {text-align: left; display: inline; }
ul.inline li:before, ul.stackedUp li:before {content: "\00BB \0020";}
ul.stackedUp {
	display: block; 
	list-style-position: outside; list-style-type: none; 
	margin-left: 1em; 
	text-align: left;  text-indent: -1em;}
ul.stackedUp li {display: block; margin-left: 0; padding-left: 0; }
.gimmeanunderline a:link {text-decoration: underline; }
.gimmeanunderline a:hover {text-decoration: none; }
.portfolioArea {margin: 0;}
.extraImageMargin {margin: 0 1em 1em 0;}
.portfolioImages {width: 300px; }
.portfolioMultiImages { width: 850px; margin: 1em; }
.placeholderImage { background-color: transparent; display: block; height: 250px; width: 280px;}
.porfolioBack { 
	background: transparent url(../images/SuperiorStoneEq.png) 30px top no-repeat; 
	display: block; overflow:visible;}
.altPortfolioImage {
	background: transparent url(../images/SuperiorStoneEq-ltgreyback.gif) top left no-repeat; 
	overflow: visible;}
.altPortfolioImage2 {
	background: transparent url(../images/CMS-ToBH-ltgreyback.gif) top left no-repeat; 
	overflow: visible;}
.altPortfolioImage3 {
	background: transparent url(../images/App-SBH-ltgreyback.gif) top right no-repeat; 
	overflow: visible;}
.facebookSwap, .posterousSwap, .twitterSwap { margin: 0 .5em 0 0; width: 66px; padding: 0 0; overflow: hidden; }
.facebookSwap { background: transparent url(../images/EvolveBubbleFacebook.png) top left no-repeat;}
.posterousSwap { background:transparent url(../images/EvolveBubblePosterous.png) top left no-repeat;}
.twitterSwap { background: transparent url(../images/EvolveBubbleTwitter.png) top left no-repeat;}
.stackable h4 {margin-top: 0;}
.definitionList { list-style-type: decimal; list-style-position: inside; 
	margin: 0 0 0 1em; padding: 0;}
.definitionList li { }
.siteindex {text-align: center; }
.siteindex, .aup { margin: 1.5em auto 2.5em auto;}
.aup { width: 840px; text-align: left; color: #999;}
.siteindex a:link {color: #666; }
.siteindex a:visited { color:#999 }
.definitionList ol { list-style-type: lower-alpha; list-style-position: inside; 
	margin: 0; padding: 0; display: inline;}
.definitionLIst ol li {list-style-type: lower-alpha; list-style-position: inside;}
.firstOLLI { list-style-type: lower-alpha; display: inline;}
/* END Positioning */
.disclaimer {padding-top: 50em; display: none; overflow: hidden; height: 1px;}
/* END layout elements */

/* Anchor Elements 
--------------------------------------------------------------------------*/
a:name [WebApp]
.anchorfix { position: absolute; width: 1px;}

/* Unfortunetly we need a Safari Hack. !Meh!
--------------------------------------------------------------------------
  @media screen and (-webkit-min-device-pixel-ratio:0) {
	.logo {padding-top: 8px;}
  }
*/
/* Blog Containers w/rounded corners
--------------------------------------------------------------------------*/
.roundedContainer1 {
			overflow: hidden; 
			width: 240px; padding: 4px 0 4px 0; 
			clear: left; background-color: #EFEFEF;
            border-radius:5px; -moz-border-radius:5px;-webkit-border-radius:5px;
            opacity:.7; /* Standard CSS */
           }