/*-----GENERAL STYLES-----*/
@font-face {
    font-family: 'MidietSansBold';
    src: url('fonts/midiet_sans_bold-webfont.eot?') format('eot'),
         url('fonts/midiet_sans_bold-webfont.woff') format('woff'),
         url('fonts/midiet_sans_bold-webfont.ttf') format('truetype'),
         url('fonts/midiet_sans_bold-webfont.svg#webfontBCGHF4vE') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MidietSansItalicBold';
    src: url('fonts/midiet_sans_italic_bold-webfont.eot?') format('eot'),
         url('fonts/midiet_sans_italic_bold-webfont.woff') format('woff'),
         url('fonts/midiet_sans_italic_bold-webfont.ttf') format('truetype'),
         url('fonts/midiet_sans_italic_bold-webfont.svg#webfontbwANRJpg') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MidietSansItalicLight';
    src: url('fonts/midiet_sans_italic_light-webfont.eot?') format('eot'),
         url('fonts/midiet_sans_italic_light-webfont.woff') format('woff'),
         url('fonts/midiet_sans_italic_light-webfont.ttf') format('truetype'),
         url('fonts/midiet_sans_italic_light-webfont.svg#webfont5tUGfD8i') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MidietSansItalicMedium';
    src: url('fonts/midiet_sans_italic_medium-webfont.eot?') format('eot'),
         url('fonts/midiet_sans_italic_medium-webfont.woff') format('woff'),
         url('fonts/midiet_sans_italic_medium-webfont.ttf') format('truetype'),
         url('fonts/midiet_sans_italic_medium-webfont.svg#webfontZxt91FCt') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'MidietSansMedium';
    src: url('fonts/midiet_sans_medium-webfont.eot?') format('eot'),
         url('fonts/midiet_sans_medium-webfont.woff') format('woff'),
         url('fonts/midiet_sans_medium-webfont.ttf') format('truetype'),
         url('fonts/midiet_sans_medium-webfont.svg#webfont83CX33AN') format('svg');
    font-weight: normal;
    font-style: normal;

}




body {
	background: #a4bacf;
	color: #47525a;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p a:link, p a:visited {
	color: rgb(48,156,197);
	text-decoration:none;
	border-bottom: dotted 1px;
}
p a:hover, p a:active {
	text-decoration:none;
	border-bottom: dotted 1px;
}
.clear { clear:both;}
.imgFloatLeft {
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
}
.imgFloatRight {
	float: right;
	margin-left: 15px;
	margin-bottom: 10px;
}

/*-----HEADER-----*/
#tempBanner {
	background: url(../images/bkgTempBanner.png) bottom;
	height: 30px;
	width: 100%;
	margin-top:-30px;
}
#tempBanner div {
	width: 660px;
	margin: 0 auto;
	padding: 0 0 0 300px;
	text-align: right;
}
#tempBanner p{
	color: #fff;
	font: 1.6em 'MidietSansMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	line-height: 30px;
	}
	
#tempBanner p em{
	font: 1em 'MidietSansBold', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-style: normal;
	}
#tempBanner p a{
	color: #fff;
	background: #309CC5;
	padding: 3px 10px;
	font-size: 0.8em;
	margin: 15px 0 15px 15px;
	text-decoration: none;
	border-bottom: none;
	}
#header {
	background: rgb(215,226,240);
	height: 180px;
	position: relative;
	z-index: 50;
}
#logoBDBkg {
	background-color: rgb(43,50,55);
	background-image: url(../images/logoBDBkg.png);
	background-position-y: bottom;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(25,29,32)), color-stop(1, rgb(43,50,55)) );
	background-image: -moz-linear-gradient(center top, rgb(25,29,32) 0%, rgb(43,50,55) 100%);
	height: 200px;
	width: 100px;
	position: absolute;
	left: 30px;
	top: -80px;
	-moz-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	z-index: 100;
}
#logoBDBkg img { margin: 90px 0 0 7px; }
#headerTop {
	height: 30px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#headerTop p {
	font-size: 1.2em;
	float:right;
	padding-top: 8px;
	/*padding-right: 30px;*/
}
#headerTop p a {
	color: #47525a;
}
#headerTop p a:hover {
	text-decoration:none;
}
#headerTop #lgForm {
	height: 20px;
	width: 130px;
	float: right;
}
#lgForm #jumpMenu {
	background-color: transparent;
	height: 20px;
	width: 130px;
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
#lgDDL {
	background-image: url(../images/ddlBkg.png);
	height: 20px;
	width: 130px;
	float: right;
	margin-top: 4px;
}
#headerBottom {
	background: rgb(71,83,90);
	height: 150px;
	position: relative;
	border-bottom: rgb(97,110,123) solid 1px;
}
#headerBottomInt {
	height: 150px;
	width: 960px;
	margin: 0 auto;
	position: relative;
}

/*-----TOPNAV-----*/
ul#topNav { float: right; }
ul#topNav > li.noLink{
	color: #b8d0e8;
	font: 1.6em 'MidietSansMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	display: block;
	height: 40px;
	width: 96px;
	float: left;
	text-align: center;
	padding-top: 110px;
	position:relative;
}
ul#topNav > li.withLink{
	color: #b8d0e8;
	font: 1.6em 'MidietSansMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	float: left;
	text-align: center;
	position:relative;
}
ul#topNav > li > a  {
	color: #b8d0e8;
	text-decoration:none;
	display: block;
	height: 40px;
	width: 96px;
	padding-top: 110px;

}
ul#topNav > li:hover, 
ul#topNav a li:hover { color: rgb(222,230,237); }
ul#topNav li.tnOne {
	background: url(../images/topnav1.png) repeat-y;
	border-bottom: #6e7e8b solid 1px;
	width: 98px;
}
ul#topNav li.tnTwo {
	background: url(../images/topnav2.png) repeat-y right;
	border-bottom: #63737e solid 1px;
}
ul#topNav li.tnThree {
	background: url(../images/topnav3.png) repeat-y;
	border-bottom: #6e7f8c solid 1px;
}
ul#topNav li.tnFour {
	background: url(../images/topnav4.png) repeat-y;
	border-bottom: #7a8d98 solid 1px;
}
ul#topNav li.tnFive {
	background: url(../images/topnav5.png) repeat-y;
	border-bottom: #8598a3 solid 1px;
}
ul#topNav li.tnSix {
	background: url(../images/topnav6.png) repeat-y;
	border-bottom: #8fa1ae solid 1px;
}
ul#topNav li.tnTwo:hover, 
ul#topNav li.tnThree:hover, 
ul#topNav li.tnFour:hover, 
ul#topNav li.tnFive:hover,
ul#topNav li.tnSix:hover {
	background: url(../images/topnavOver.png) repeat-y;
	border-bottom: #91a2ac solid 1px;
}
ul#topNav li.tnOne:hover {
	background: url(../images/topnav1over.png) repeat-y;
	border-bottom: #91a2ac solid 1px;
}
ul#topNav li div.sub {
	position: absolute;
	top: 151px;
	left: 0;
	z-index: 9999;
	background: rgb(71,82,90) url(../images/topnavDDbkg.png) repeat-x;
	padding: 10px;
	display: none;
	opacity: .95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	filter: alpha(opacity=95);
}
ul#topNav li .sub ul {
	width: 200px;
	float: left;
}
ul#topNav li .sub ul li {
	text-align: left;
	margin-bottom: 10px;
	width: 100%;
}
ul#topNav li .sub ul li p {
	color: #b8d0e8;
	font: 0.75em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
ul#topNav li .sub ul li p a {
	color: rgb(222,230,237);
	font: 1.3em/1.5em 'MidietSansMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	border-bottom: none;
}
ul#topNav li .sub ul li p a:hover {
	border-bottom: dotted 1px;
}


/*-----CONTENT AREA-----*/
#midSection {
	background: url(../images/bkgMain.jpg) repeat-x;
	padding-bottom: 30px;
	position: relative;
	z-index: 25;

}
#container {
	width: 960px;
	margin: 0 auto;
	top: 1px;
	background-color:#FFF;
	min-height: 400px;
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

/*-----HOMEPAGE-----*/
#homePanel { height:350px; width:960px; position:relative; z-index:100;  }
#banner01, #banner02, #banner03, #banner04 { height:350px; width:960px; text-indent:-9999px;}
#banner01 { background-image:url(../images/homePanel1.jpg); }
#banner02 { background-image:url(../images/homePanel2.jpg); }
#banner03 { background-image:url(../images/homePanel3.jpg); }
#banner04 { background-image:url(../images/homePanel4.jpg); }
#logoBar {
	background: url(../images/logoStrip.png) no-repeat;
	height: 50px;
	width: 960px;
	text-indent: -9999px;
	z-index: 25;
}
#contentAreaHome {
	width: 920px;
	/* padding-bottom: 0; */
	padding-bottom: 20px;
	padding-left: 20px;
	/* padding-top: 0px; */
	padding-top: 20px;
	overflow: hidden;
	position: relative;
	/* height: 0; */
	z-index: 20;

}
.contentColHome {
	width: 440px;
	margin-right: 20px;
	float: left;
	position: relative;
}
.contentColHome h1 {
	font: 3.2em/1.2em 'MidietSansBold', 'Helvetica Neue Bold', Helvetica, Arial, sans-serif;
	color: rgb(48,156,197);
	
}
.contentColHome h2 {
	font: 2.4em/1.2em 'MidietSansItalicMedium', 'Helvetica Neue Italic', Helvetica, Arial, sans-serif;
	color: #47525a;
}
.contentColHome p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin: 0 0 10px 0;
}

.emphasis {
	background-color: rgb(71,83,90);
	font: 2.7em 'MidietSansMedium', 'Helvetica Neue Bold', Helvetica, Arial, sans-serif;
	color: rgb(255,255,255);
	width: 900px;
	margin: 15px, 0px;
	padding: 10px;
	display: block;
	position: relative;
	float: left;
	text-align: center;
}
.emphasis a { color: rgb(255,255,255);}

/*-----CONTENT PAGES-----*/

#contentHeader {
	height: 180px;
	width: 960px;
	position: relative;
	float:left;
}
#contentHeader.customization { background: url(../images/headerImageCustom.jpg) no-repeat; }
#contentHeader.webdesign { background: url(../images/headerImageWebdesign.jpg) no-repeat; }
#contentHeader.consulting { background: url(../images/headerImageConsulting.jpg) no-repeat; }
#contentHeader.freedom { background: url(../images/headerImageFreedom.jpg) no-repeat; }
#contentHeader.revolution { background: url(../images/headerImageRevolution.jpg) no-repeat; }
#contentHeader.mobilize { background: url(../images/headerImageMobilize.jpg) no-repeat; }
#contentHeader.about { background: url(../images/headerImageAbout.jpg) no-repeat; }
#contentHeader.careers { background: url(../images/headerImageCareer.jpg) no-repeat; }
#contentHeader.contact { background: url(../images/headerImageContact.jpg) no-repeat; }
#contentHeader.partyPlan { background: url(../images/headerImagePartyPlan.jpg) no-repeat; }
#contentHeader.mlm { background: url(../images/headerImageMLM.jpg) no-repeat; }
#contentHeader h1 {
	font: 3.6em 'MidietSansBold', 'Helvetica Neue Bold', Helvetica, Arial, sans-serif;
	color: #FFF;
	position: absolute;
	width: 940px;
	display: block;
	left: 1px;
	top: 142px;
	height: 38px;
	bottom: 0px;
	padding: 0 0 0 20px;
}
#contentMain {
	background: url(../images/contentCol2Bkg.png) repeat-y right;
	overflow: hidden;
	width: 960px;
	min-height: 600px;
}
#contentCol1 {
	padding: 20px 0 20px 20px;
	float: left;
	width: 600px;
	overflow: hidden;
}
#contentCol2 {
	float: left;
	width: 340px;
}
#contentCol1 h1,
#contentCol1 h2 { font: 2.4em 'MidietSansItalicMedium', 'Helvetica Neue Italic', Helvetica, Arial, sans-serif; }
#contentCol1 p {
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 15px;
}
#contentCol1 p strong {
font-weight: 500;
}
#contentCol1 ul {
	font-size: 1.4em;
	list-style: url(../images/bulletBlue.png) inside;
	margin-top: -10px;
	margin-bottom: 20px;
	margin-left: 15px;
	line-height: 1.4em;
}
#contentCol1 ul li { margin-top: 5px; }
.halfColumn {
	float: left;
	width: 50%;
}
.quarterColumn {
	float: left;
	width: 25%;
}
.threeQuarterColumn {
	float: left;
	width: 75%;
}
.contentColHome.larger p {
	font-size: 1.6em;
	line-height: 1.8em;
}

.pullquote {
	float: right;
	width: 290px;
	margin: 0 0 10px 20px;
	border-left: 3px solid #309cc5;
	font: 2.4em/1.3em 'MidietSansItalicMedium', 'Helvetica Neue Italic', Helvetica, Arial, sans-serif;
	color: #309cc5;
	padding-left: 10px;
}
.sideQuote {
	background: url(../images/quoteBottom.png) no-repeat bottom;
	width: 262px;
	margin: 0 0 0 33px;
	padding: 7px 15px 40px;
}
.sideQuoteTop {
	background: url(../images/quoteTop.png) no-repeat;
	height: 6px;
	width: 292px;
	margin: 15px 0 0 33px;
}
.sideQuote p {
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.4em;
	display: block;
}
.sideQuoteCaption {
	width: 282px;
	overflow:hidden;
	margin: 0 0 15px 38px;
}
.sideQuoteCaption h3 {
	font-size: 1.4em;
	font-weight: bold;
	color: #D6E3F0;
	margin: 7px 0 0;
	line-height: 1.5em;
}
.sideQuoteCaption img {
	float: left;
	border: 2px solid #B5C6D7;
	margin: 0 7px 0 0;
}
.sideCallout {
	width: 290px;
	margin: 20px 0 0 20px;
	padding: 15px 15px;
	background: #30353a;
	border-top: 1px solid #53606a;
	color: #D7E1EF;
}
.sideCallout h1,
.sideCallout h2 {
	font: 1.8em/1.2em 'MidietSansBold', 'Helvetica Neue Bold', Helvetica, Arial, sans-serif;
}
.sideCallout .smallH2 {
	font: 1.2em/1.6em "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.sideCallout p {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: 0 0 10px;
}
.sideCallout ul {
	list-style: disc outside;
	margin: 0 0 0 1.2em;
}
.sideCallout ul li {
	font-size: 1.2em;
	line-height: 1.4em;
	display: list-item;
	margin-top: 5px;
}
#sideNav {
	width: 340px;
}
#sideNav h3 {
	color: #63747F;
	margin-left: 40px;
	font: 5em/.9em 'MidietSansBold', 'Helvetica Neue Bold', Helvetica, Arial, sans-serif;
}
#sideNav ul {
	width: 340px;
	position: relative;
	top: -5px;
}
#sideNav ul li {
	color: #b8d0e8;
	font: 1.6em/36px 'MidietSansMedium', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	height: 36px;
	width: 300px;
	padding: 0 0 0 20px;
}
#sideNav ul li.one a, #sideNav ul li.oneCurrent a {
	background-color: #515d66;
	border-top: #606e78 solid 1px;
	padding: 0 0 0 20px;
}
#sideNav ul li.two a, #sideNav ul li.twoCurrent a {
	background-color: #5b6973;
	border-top: #6b7c88 solid 1px;
	padding: 0 0 0 20px;
}
#sideNav ul li.three a, #sideNav ul li.threeCurrent a {
	background-color: #657480;
	border-top: #778997 solid 1px;
	padding: 0 0 0 20px;
}
#sideNav ul li.four a, #sideNav ul li.fourCurrent a {
	background-color: #6f7f8c;
	border-top: #8396a1 solid 1px;
	padding: 0 0 0 20px;
}
#sideNav ul li.oneCurrent {
	background-image: url(../images/subnavLeft.png);
	background-repeat: no-repeat; 
	background-position:0px 0px;
}
#sideNav ul li.twoCurrent {
	background-image: url(../images/subnavLeft.png);
	background-repeat: no-repeat; 
	background-position: 0px -36px;
}
#sideNav ul li.threeCurrent {
	background-image: url(../images/subnavLeft.png);
	background-repeat: no-repeat; 
	background-position:0px -72px;
}
#sideNav ul li.fourCurrent {
	background-image: url(../images/subnavLeft.png);
	background-repeat: no-repeat; 
	background-position:0px -108px;
}
#sideNav ul li a {
	color: #b8d0e8;
	text-decoration:none;
	height: 36px;
	width: 300px;
	display:block
}
#sideNav ul li a:hover {
	color: rgb(222,230,237);
}
#videoPromo {
	background-color: #000;
	position: relative;
	width: 480px;
	margin: 0 auto 25px auto;
}
#finish { 
	position: absolute;
	top: 15px;
	left: 125px;
	width:240px;
	display: none;
}

/*-----FOOTER-----*/
#footer {
	background: url(../images/footerBkg.jpg) repeat-x;
	position: relative;
	margin-bottom:20px;
	height: 280px;
}
#footerContainer {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow:hidden;
}
.footerCol {
	background:url(../images/footerColBkg.png) repeat-x;
	min-height: 250px;
	padding: 15px 10px 0 10px;
	position:relative;
	float: left;
	margin-right: 20px;
}
.footerCol img {
	display: block;
}
.footerCol p {
	font-size: 1.2em;
	color: #2b3237;
	margin-top: 5px;
	line-height: 1.4em;
}
.footerCol p a {
	color: #2b3237;
}
.footerCol p span {
	font-size: 1.3em;
	font-weight:bold;
	line-height: 1.4em;
}
#footerContainer p.copy {
	font-size: 1.2em;
	color: #2A3237;
	float: right;
	margin-top: 20px;
	position: relative;
}

/*----WEB DESIGN PORTFOLIO----*/
div.scrollableContainer {
	margin:15px 10px 25px auto;
	position:relative;
	width:590px;
	height:210px;
}
div.scrollable {
	margin:15px 10px 25px auto;
	text-align:center;
	position:relative;
	overflow:hidden;
	width:590px;
	height:210px;
	background-color: #efefef;
}


/*-----GRADIENT MAKING SCROLL APPEAR TO BE SLIDING THROUGH THE PAGE-----*/
#scrollFadeL {
	top:0px;
	left:0;
	background:url(../images/scrollFadeL.png) no-repeat;
	display:block;
	width:20px;
	height:210px;
	position:absolute;
	z-index:20;
}
#scrollFadeR {
	top:0;
	right:0;
	background:url(../images/scrollFadeR.png) no-repeat;
	display:block;
	width:20px;
	height:210px;
	position:absolute;
	z-index:20;
}


/*  root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element.  */
div.scrollable div.items { width:9999px; 
/* this cannot be too large */
height:auto; position:relative; padding-top:7px; margin-left:2px; }

/*  a single item. must be floated on horizontal scrolling 
    typically this element is the one that will be styled 
    the most. */
div.scrollable div.items div {
	display:block;
	width:260px;
	height:177px;
	float:left;
	margin:7px 16px;
}
div.scrollable div.items div a { display:block; width:375px; height:256px; margin:0; padding:0; }
div.scrollable div.items div a span { position:absolute; top:0; left:0; margin-top:-100px; }

/*-------PORTFOLIO ITEMS--------*/
/*#ws { background:url(../images/WickScents.jpg) no-repeat; }*/
#bd { background:url(../images/byDesign.jpg) no-repeat; }
#cw { background:url(../images/cyberWize.jpg) no-repeat; }
#eh { background:url(../images/eternalHealth.jpg) no-repeat; }
#gi { background:url(../images/greenIrene.jpg) no-repeat; }
#hc { background:url(../images/healthEChoice.jpg) no-repeat; }
#tm { background:url(../images/tunguskaMist.jpg) no-repeat; }
#nice { background:url(../images/NICE.jpg) no-repeat; }
#aa { background:url(../images/avaAnderson.jpg) no-repeat; }
#asea { background:url(../images/asea.jpg) no-repeat; }
#ve { background:url(../images/vivaElite.jpg) no-repeat; }
#vs { background:url(../images/VerdantSpring.jpg) no-repeat; }
#mz { background:url(../images/mannazo.jpg) no-repeat; }
#eg { background:url(../images/endlessGlow.jpg) no-repeat; }
#sb { background:url(../images/systemsB.jpg) no-repeat; }
#ae { background:url(../images/avalonEffect.jpg) no-repeat; }
#us { background:url(../images/unionSprings.jpg) no-repeat; }
#en { background:url(../images/everyonenow.jpg) no-repeat; }

/*-------PERSONALIZE TOOLTIP (courtesy of http://www.kriesi.at/archives/create-simple-tooltips-with-css-and-jquery)--------*/
.tooltip { position:absolute; z-index:999; left:-9999px; }
.tooltip p { color:#000; background-color:#fff; font-size:1.1em; margin:0; padding:5px; -moz-border-radius:3px; -webkit-border-radius:3px; box-shadow:0 0 5px #000; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; }


/* prev, next, prevPage and nextPage buttons */
a.prev,a.next,a.prevPage,a.nextPage {
	background:url(../images/PortLeft.png) no-repeat;
	display:block;
	height:18px;
	width:18px;
	float:left;
	cursor:pointer;
	position: absolute;
	top: 95px;
	z-index: 25;
}

/* mouseover state */
a.prev:hover,a.next:hover,a.prevPage:hover,a.nextPage:hover { background-position:0 -18px; }

/* disabled navigational button */
a.disabled { visibility:hidden !important; }

/* next button uses another background image */
a.next,a.nextPage { background-image:url(../images/PortRight.png); clear:right; }
a.prev { left:-9px; }
a.next { right:-9px; }

/*-----------------------------------------*/