* { margin:0; padding:0; }
html, body { font-size:84%; height:100%; color:#ffffff; }
body { text-align:center; min-width:900px; background-color:#0f1026; background-repeat:no-repeat; background-position:top center; font-family:arial, helvetica, sans-serif; }
	.bbgtop-blue { background-image:url(../images/backgrounds/blue.jpg); }
	.bbgtop-lightblue { background-image:url(../images/backgrounds/lightblue.jpg); }
	.bbgtop-orange { background-image:url(../images/backgrounds/orange.jpg); }
	.bbgtop-yellow { background-image:url(../images/backgrounds/yellow.jpg); }
	.bbgtop-red { background-image:url(../images/backgrounds/red.jpg); }
	.bbgtop-green { background-image:url(../images/backgrounds/green.jpg); }
	.bbgtop-purple { background-image:url(../images/backgrounds/purple.jpg); }
	.bbgtop-pink { background-image:url(../images/backgrounds/pink.jpg); }

#wrapper { position:relative; min-height:100%; height:auto !important; height:100%; width:930px; margin:0 auto; text-align:left; }
#content { position:relative; padding-bottom:80px; }

/* header styles */
#headernav { position:relative; height:88px; }
#header { height:88px; list-style-type:none; z-index:2; position:relative; }
#header li { height:89px; position:absolute; top:0; }
#header li a { display:block; font-weight:normal; font-size:1.5em; letter-spacing:0.03em; text-decoration:none; text-align:center; height:88px; width:100%; color:#9f9f9f; line-height:91px; text-decoration:none; }
#header li a.currentpage { color:white; }
#header #be_home { width:169px; left:0px; }
#header #be_services { width:110px; left:329px; }
#header #be_portfolio { width:110px; left:439px; }
#header #be_testimonials { width:130px; left:549px; }
#header #be_blog { width:80px; left:709px; }
#header #be_about { width:107px; left:809px; }
#header #be_contact { width:84px; left:846px; }

#nav-gutter { width:600px; height:60px; background-image:url(../images/nav-logofade.png); background-position:top left; background-repeat:no-repeat; position:absolute; bottom:12px; right:0; overflow:hidden; z-index:1; }
	.ngblue { background-color:#0000ff; }
	.ngorange { background-color:#fd6900; }
	.ngred { background-color:#d90c16; }
	.ngyellow { background-color:#e3ff46; }
	.ngpurple { background-color:#9845ff; }
	.nggreen { background-color:#0afb66; }
	.ngpink { background-color:#dc00ff; }
#nav-slider { background:url(../images/nav-handle.png); width:1600px; height:60px; position:absolute; left:-826px; top:0; }
	#nav-gutter .nsblue { left:-824px; }
	#nav-gutter .nsorange { left:-746px; }
	#nav-gutter .nsred { left:-636px; }
	#nav-gutter .nsyellow { left:-516px; }
	#nav-gutter .nspurple { left:-411px; }
	#nav-gutter .nsgreen { left:-327px; }
	#nav-gutter .nspink { left:-242px; }
/* end header styles */

#footer { color:#616161; position:relative; clear:both; background:black; height:20px; margin-top:-20px; min-width:900px; text-align:center; font-size:0.85em; line-height:20px; }
#footer a { color:#888; text-decoration:none; }
#footer_nav { list-style-type:none; float:left; }
#footer_nav li { margin:4px 0; }

/* tags */
a, .highlight { color:white; }
img { border:0; }
h1, h2, h3, h4 { font-weight:normal; }
h1 { color:white; font-size:2.8em; }
h1 acronym { border-bottom:0; }
h2 { color:white; font-size:2.1em; margin-bottom:0.4em; }
h2 a { text-decoration:underline; }
#content h1 { margin:1.2em 0 0.5em; }
#content h2 { clear:both; margin:1.6em 0 0.5em; }
#content h3 { font-size:1.8em; margin:0.7em 0 0.4em; }
body.bbgtop-blue h2, body.bbgtop-blue h2 a, body.bbgtop-blue .codehl { color:#5d5dff; }
body.bbgtop-orange h2 { color:#dc8e63; }
body.bbgtop-red h2 { color:#dc6363; }
body.bbgtop-yellow #content h2 { color:#bedc63; margin-bottom:-4px; position:relative; z-index:2; }
body.bbgtop-purple h2, body.bbgtop-purple h2 a, body.bbgtop-purple #content h1 { color:#8e63dc; }
body.bbgtop-purple .codehl { color:#895cdc; }
body.bbgtop-purple h2.green { color:green; }
body.bbgtop-green h2 { color:#0afb66; }
body.bbgtop-pink h2 { color:#cc63dc; }
h3 { color:#9a9a9a; font-size:1.5em; margin-bottom:0.25em; }
h4 { font-size:1.4em; margin-bottom:0.2em; }
h3 a, h2 a { text-decoration:none; }
p{ margin-bottom:0.7em; font-size:1.1em; color:#9a9a9a; line-height:1.3em; }
#content ol { margin:0 0 10px 25px; font-size:1.1em; }
#content ul { margin:0 0 10px 15px; font-size:1.1em; }
#content dl { font-size:1.1em; }
#content dd { margin:0.3em 0 1em; }
#content li { margin-bottom:0.2em; }
blockquote { font-style:italic; font-size:1.1em; }
label { cursor:pointer; }
fieldset { border:0; margin:10px 0; }
legend { font-size:1.4em; color:white; padding-bottom:10px; }
textarea { overflow:auto; font-family: arial, helvetica, sans-serif; }
pre { font-family:courier; font-size:12px; } 

#pagebox { text-align:center; position:relative; height:220px; padding-top:94px; overflow:hidden; }
#pagebox h1 { font-size:5.0em; margin-top:0.15em; }
#pagebox h2 { font-size:2.0em; color:#aaa; margin-top:0.1em; }
#pagebox p { font-size:1.1em; margin:15px auto 0; line-height:1.6em; text-align:justify; width:794px; color:#c5c5c5; }

#preload { position:absolute; width:0px; height:0px; top:0px; left:0px; overflow:hidden; }

.left-col, .middle-col, .right-col, .leftmiddle-col, .rightmiddle-col { position:relative; width:280px; float:left; margin-right:45px; }
.right-col, .rightmiddle-col { margin-right:0; }
.leftmiddle-col, .rightmiddle-col { width:600px; }
.clear, .three-col { clear:both; }

.gray { color:#9a9a9a; }
.red { color:#740d21; }
.green { color:green; }

/* list items */
body.bbgtop-purple .list-highlight, body.bbgtop-purple .list-highlight li a, body.bbgtop-purple .list-highlight li a:hover { background-image:url(../images/blog/list-top.png); }
body.bbgtop-blue .list-highlight, body.bbgtop-blue .list-highlight li a, body.bbgtop-blue .list-highlight li a:hover { background-image:url(../images/home/list-top.png); }
body.bbgtop-green .list-highlight, body.bbgtop-green .list-highlight li a, body.bbgtop-green .list-highlight li a:hover { background-image:url(../images/about/list-top-green.gif); }
body.bbgtop-green li { border-bottom-color:#0f3d33; }
body.bbgtop-blue li { border-bottom-color:#180e58; }
body.bbgtop-purple li { border-bottom-color:#29114f; }
body.bbgtop-red li { border-bottom-color:#2e1b1e; }
.list-highlight { background-image:url(../images/portfolio/list-top.png); background-repeat:no-repeat; background-position:0 0; list-style-type:none; font-size:1.1em; width:280px; margin-left:0; }
.list-highlight li { white-space:nowrap; border-bottom:1px solid; height:28px; margin-top:0; }
#content .onelinelist { margin-left:0; }
.onelinelist li a, .onelinelist li div.bgspan { padding:0 10px; text-decoration:none; display:block; height:100%; line-height:2.2em; position:relative; }
.onelinelist li a { color:#9a9a9a; }
#content .onelinelist li { position:relative; margin-bottom:0; }
.onelinelist a { background-position:-999px -999px; background-repeat:no-repeat; }
.onelinelist li a span, .onelinelist li div.bgspan span { position:absolute; right:1em; display:block; top:0; height:23px; color:#9a9a9a; font-size:0.8em; } /* blog dates */
.onelinelist li div.bgspan { position:absolute; top:0; left:0; width:260px; } /* hover holder */
/* end list items */


/* colored code boxes */
.code-top { width:600px; height:15px; margin-top:20px; }
pre.code-mdl { width:575px; padding:0 10px 5px 15px; }
.code-btm { width:600px; height:10px; margin-bottom:20px; }

body.bbgtop-blue .code-top { background:url(../images/home/bluecode-top.gif) top left no-repeat; }
body.bbgtop-blue .code-mdl { background:url(../images/home/bluecode-mid.gif) top left repeat-y; }
body.bbgtop-blue .code-btm { background:url(../images/home/bluecode-btm.gif) top left no-repeat; }
body.bbgtop-purple .code-top { background:url(../images/blog/purplecode-top.gif) top left no-repeat; }
body.bbgtop-purple .code-mdl { background:url(../images/blog/purplecode-mid.gif) top left repeat-y; }
body.bbgtop-purple .code-btm { background:url(../images/blog/purplecode-btm.gif) top left no-repeat; }
/* end colored code boxes */

.blue_hd{ color:#5d5dff; background:url(../images/logo_hd_icon.png) no-repeat left; padding-left:25px;}