@charset "utf-8";
/*body*/
body { font: 80% "Lucida Sans Unicode", "Lucida Grande", sans-serif; margin: 10px 0 0; padding: 0; text-align: center; color: #85B6C9; background: #000000 url(../images/waterimage.jpg) no-repeat fixed center -170px; 
}

/*layout elements*/

#container {
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 1em;
	z-index: 0;
}

/*tag styles*/
p { line-height: 1.6em; margin-top: 5px; }

div { margin: 0; padding: 0 }

#div_lower_container { margin: 0px 0px -13px; padding: 0px; width: 100%; }

#header { height: 120px; padding: 0; position: relative; z-index: 1; background: url(../images/zensplash.png) no-repeat; text-align: right; font-style: italic; font-size: 0.9em; }

#sidebar1 { top: 119px; left: 9px; width: 258px; padding: 20px 0px 0px; height: 527px; background: url(../images/bg-navigate.png) no-repeat center 0px; float: left; position: absolute; font-size: 0.95em; z-index: 5; margin: 0px; }

#divRNav { position: absolute; text-align: left; left: 150px; top: 61px; }

#sidebar2 { position: absolute; top: -2px; right: -3px; width: 250px; padding: 15px 10px 15px 20px; text-align: right; height: 80px; }

#sidebar3 { position: absolute; top: 251px; right: 684px; width: 228px; padding: 0px 10px 15px 0px; font-size: 0.9em; height: 397px; z-index: 5; left: 12px; float: left; 
}

#mainContent { margin: 0px 10px 0em 280px; padding: 0 20px 2em 15px; position: relative; font-size: 0.9em; z-index: 2; min-height:35em; background: url(../images/bg-main-tile.png); }

#footer { padding: 0 10px 0 20px; height: auto; margin: 1em auto 0px; width: 920px; clear:both }
/*form styles*/
#formcontact #tabContact { background: #fff; }
#formcontact #tabContact th { color: #666666; }
#formcontact #tabContact { width: 100%; }
#formcontact #tabContact caption { text-align: left; text-indent: 1em; }
tr { }

#formcontact #tabContact{ background-color:transparent; border-top: 1px dotted #CCCCCC; border-right: none; border-bottom: 1px dotted #CCCCCC; border-left: none; }
input { border: 1px solid #666; background-color:#DAEBFC; }
input:hover { border: 1px solid #00FF00; }

caption { font-size: 0.9em; font-weight: bold; color: #666666; border-bottom: none; text-align: left; }

#bodyExplain #container { background: #FFFFFF; width: 30%; padding: 15px; }

/*----------------------------------Hx elements---------------------------------------------*/

#header h1 { margin: 0; height: 68px; width: 950px; text-indent: -9999px; }

#h1Home {
	height: 55px;
	width: 500px;
	font: 1.2em Tahoma, Arial, Verdana, sans-serif;
	background: url(../images/bg-h1-webdesign.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 0em;
	padding: 0px;
	top: 0px;
}

#h1Process { height: 78px; width: 450px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h1-process.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0px; padding: 0px; }

#h1Services { height: 68px; width: 150px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h1-services.png) no-repeat 0px 15px; text-indent: -9999px; margin-top: 0px; margin-bottom: 1em; padding: 0px; }

#h1Portfolio { height: 70px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-website-portfolio.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }

#h1LogoPortfolio {
	height: 70px;
	width: 500px;
	font: 1.2em Tahoma, Arial, Verdana, sans-serif;
	background: url(../images/bh-h-logo-portfolio.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 0em;
	padding: 0px;
	top: 0px;
}

#h1Contact { height: 70px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-contact.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }

#h1Callback { height: 70px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-callback.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }

#h1Clients { height: 70px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-clients.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }

#h1About { height: 75px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-about.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }

#h1Resources { height: 75px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-resources.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }
#h1News { height: 75px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-news.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }
#h2Home {
	height: 55px;
	margin:  1em 0 0;
	padding: 0px;
	text-indent: -9999px;
	background: url(../images/bg-h2-otherstuff.png) no-repeat;
}

#h2Portfolio { height: 70px; width: 180px; margin:  1em 0 0; padding: 0px; text-indent: -9999px; background: url(../images/bg-h-logo.png) no-repeat; }

#h2Background { height: 70px; width: 300px; margin:  1em 0 0; padding: 0px; text-indent: -9999px; background: url(../images/bg-h-background.png) no-repeat; }
#h2Why { height: 70px; width: 300px; margin:  1em 0 0; padding: 0px; text-indent: -9999px; background: url(../images/bg-h-why.png) no-repeat; }
#h2Video {
	height: 55px;
	width: 500px;
	background: url(../images/h-web-video.png) no-repeat 0px 0px;
	text-indent: -9999px;
	margin-top: 0px;
	margin-bottom: 0em;
	padding: 0px;
	top: 0px;
}



ul.ulPortfolio { width: 600px; height: auto; list-style: none; padding: 0px 0px 0px 1em; margin: 0px; }

.fltlft { float: left; margin-right: 2em; margin-bottom: 3em; }

li.liPortfolio { height: 280px; border-bottom: 1px dotted #24FE24; }

#bodyLogo li.liPortfolioDeep { height: 250px; border-bottom: 1px dotted #24FE24; }

#bodyLogo .liPortfolio { height: 180px; }

#sidebar3 h3 { font-size: 0.9em; margin: 0px; padding: 0px; }

#h3Sidebar3 { height: 50px; width: 160px; background: url(../images/h3-feedback.png) no-repeat 25px -10px; text-indent: -9999px; padding-top: 6em; }

#h3Sidebar3Quotes { height: 50px; width: 140px; background: url(../images/h3-idea.png) no-repeat; text-indent: -9999px; }

h2.contactemphasis { font-size: 1.4em; background: #EDFCEB; color: #333333; font-weight: normal; margin-top: 15px; margin-right: 0px; margin-bottom: 5em; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }



h3 span.normal { font-weight: normal; }
h3 { font-size: 1em; }


h4.hidden { margin: 0px; padding: 0px; }

/* ------------------------navigation styles--------------------------------------------------------------------*/

#ulNav { list-style: none; margin: 0px; padding: 0px; text-align: right; width: 129px; border-right: 1px solid #666; }

#ulNav li { height: 29px; width: 129px; display: block; font-size: 0.9em; }

#ulNav li a:link { color: #A5D5E7; text-decoration: none; display: block; }

#ulNav li a:visited { color: #999; text-decoration: none; display: block; }

#ulNav li a:hover { color: #CCC; text-decoration: underline; display: block; }

#ulNav li a:active { color: #00FF00; text-decoration: underline; display: block; }

#ulNavR { list-style: none; margin: 0px; padding: 0px; text-align: left; width: 129px; }

#ulNavR li { height: 29px; width: 129px; display: block; font-size: 0.9em; text-align: left; }

#ulNavR li a:link { color: #B9D5E3; text-decoration: none; display: block; }

#ulNavR li a:visited { color: #999; text-decoration: none; display: block; }

#ulNavR li a:hover { color: #CCC; text-decoration: underline; display: block; }

#ulNavR li a:active { color: #5498B3; text-decoration: underline; display: block; }

#bodyHome #liNav1 a { color: #5498B3; text-decoration:none;  }

#bodyPortfolio #liNav2 a { color: #5498B3; text-decoration:none; }

#bodyLogo #liNav3 a { color: #5498B3; text-decoration:none;  }

#bodyProcess #liNav5 a { color: #5498B3; text-decoration:none;  }

#bodyAbout #liNav7 a { color: #5498B3; text-decoration:none;  }

#bodyContact #liNav9 a { color: #5498B3; text-decoration:none; f}

#bodyComments #liNav4 a { color: #5498B3; text-decoration:none; }

#bodyResources #liNav6 a { color: #5498B3; text-decoration:none;  }

#bodyNews #liNav8 a { color: #5498B3; text-decoration:none;  }
/*-------------------------link styles-------------------------*/

a:link { color: #C6DAE0; text-decoration: underline; }

a:visited { color: #CCC; text-decoration: underline; }

a:hover { color: #CCC; text-decoration: underline; }

a:active { color: #25DABF; text-decoration: none; }

#footer a { color: #999; text-decoration: none; }

/*--------------------------floats------------------------*/

.fltrt { float: right; margin-left: 8px; }

/*------------------------list styles--------------------------*/

.liBottom { margin-bottom: 25px; }

.ulGeneral li { background: url(../images/bullet.png) no-repeat left 0.3em; padding-left: 1.5em; }

.ulGeneral { line-height: 1.7em; margin: 0px; list-style: none; padding: 3px 15px; }

#ulPrices { width: 90%; list-style: none; }

#ulPrices li { height: 10em; border-top: 1px solid #DCF7FA; padding-top: 0.5em; }

/*txt styles*/

acronym { border-bottom: 1px dotted #999999; }

#footer p { margin: 0; padding: 10px 0; font-size: 0.8em; text-align: left; }

.hidden { text-indent: -9999px; margin:0px; padding: 0px; }

#footer ul li { list-style: none; margin: 0px; padding: 0px; font-size: 0.8em; display: inline; }

#footer ul { list-style: none; margin: 0px; padding: 0px; display: inline; }

p.pDate { font-weight: bold; color: #333333; padding: 5px; font-size: 0.8em; }

.p_sidebar2 { margin: 0px; padding: 0px; font-size: 0.9em; line-height: 0.6em; }

a.textlarge { font-size: 1.2em; }

a.textlarger { font-size: 1.4em; padding: 0; margin: 0; }

blockquote.comments { margin: 5px 10px 3px; padding: 0px; font-size: 0.9em; font-style: italic; height: 50px; width: 160px; }

#sidebar3 p { font-size: 0.7em; padding: 0px 0px 15px 3em; margin: 0px 0em 0px 0px; text-align: left; }

/*tooltips*/
#liAnalytics span { display: none; }

#liAnalytics a:hover span { display: block; position: absolute; top: 10em; right: 0; width: 200px; padding: 0.5em; margin: 1em; z-index: 100; color: #000; background:#B9F2B0 1px; font: 0.8em; text-align: left; border: 3px solid #00FF00; }

#bodyProcess #container { }

#bodyProcess #footer { }

#bodyProcess #div_lower_container { }

#liw3c span { display: none; }

#liw3c a:hover span { display: block; position: absolute; top: 7em; right: 0; width: 200px; padding: 0.5em; margin: 1em; z-index: 100; color: #000; background: #B9F2B0; border: 3px solid #00FF00; font: 0.8em; text-align: left; }

a.access { text-decoration: none; }

/*images*/
a img { text-decoration: none; border-width: 0px; }

#headerInner { text-align: right; margin: 0px; padding: 0px 1em 0px 0px; position: absolute; top: 0px; width: 940px; }

p { line-height: 1.7em; }

#divRightColumn { position: absolute; width: 300px; margin-left: 0px; left: 553px; top: 155px; }

#divAddThis { margin-top: 0em; text-align: center; }

#sidebar3 h3 { text-indent: -9999px; background: transparent; }

#ulNavR { list-style: none; margin: 0px; padding: 12px 0px 0px; text-align: right; width: 129px; }

#divRNav {
	position: relative;
	top: -122px;
	width: 129px;
	left: 129px;
	padding-top: 9px;
}

#bodyLogo li.liPortfolioDeeper { height: 400px; border-bottom: 1px dotted #24FE24; }

#tabContact label { font-weight: bold; font-size: 0.9em; }

#mainContent ul {
	line-height: 1.8em;
	padding: 5px;
	margin: 5px;
}
#h1Sitemap { height: 70px; width: 500px; font: 1.2em Tahoma, Arial, Verdana, sans-serif; background: url(../images/bg-h-sitemap.png) no-repeat 0px 0px; text-indent: -9999px; margin-top: 0px; margin-bottom: 0em; padding: 0px; top: 0px; }

div.divNimbuzz { float: right; margin-left: 15px; clip: rect(-30px,-15px,-15px,-15px); overflow: hidden; }
iframe.ifNimbuzz { border: -20px solid #000; clip: rect(25px,auto,auto,auto); width: 200px; height: 200px; float: right; margin-bottom: 15px; margin-left: 15px; }

#header p { margin-top: 15px; margin-right: 15px; }
.ulGeneral li h3  {
	display: inline;
	font-size: 1em;
	font-weight: normal;
}
#mainContent .ulGeneral li ul li {
	list-style: none;
	font-size: 0.9em;
}
#bodyHome #container #div_lower_container #waveframe { position: absolute; top: 679px; left: 4px; }
#bodyHome #container #div_lower_container #mainContent ul li span { font-size: 1.6em; background: #000; display: block; padding: 8px; letter-spacing: 0.1em; text-indent: -9999px; }
#bodyHome #container #div_lower_container #mainContent ul li strong #pac1 { background: url(../images/package1.png) no-repeat; }
#bodyHome #container #div_lower_container #mainContent ul li strong #pac2 { background: #000 url(../images/package2.png) no-repeat; }
#bodyHome #container #div_lower_container #mainContent ul li strong #pac3 { background: #000 url(../images/package3.png) no-repeat; }
#bodyHome #container #header h5 { font-size: 13px; padding-top: 120px; color: #000; font-weight: bold; padding-right: 25px; }