@import"reset.css";
@import"menu-main.css";
@import"menu-sub.css";
@import"menu-footer.css";
/*@import"menu-widget.css";
@import"tooltip.css";
@import"print.css";
@import"forms.css";*/
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700,300italic,400italic,500italic);
/*------------------------------------------------------------------
Filename:    styles.css
Site:        nbls.com
Version:     1.0
Last change: 06/9/13
Author:      Waterfield Graphics
/*------------------------------------------------------------------
* COLORS
-------------------------------------------------------------------*/
.txtWht { color: #FFF }
.bkgndWht { background-color: #FFF }
.txtYlw { color: #FFC700; }
.bkgndYlw { background-color: #F4D15A }
.txtOrg { color: #F47A20; }
.bkgndOrg { background-color: #F47A20 }
.txtdkOrg { color: #E80; }
.bkgnddkOrg { background-color: #E80 }
.txtRed { color: #B81E25; }
.bkgndRed { background-color: #B81E25 }
.txtBlue { color: #2d4679; }
.bkgndBlue { background-color: #2d4679; }
.txtltBlue { color: #007EAB; }
.bkgndltBlue { background-color: #007EAB; }
.txtdkBlue { color: #2d4679; }
.bkgnddkBlue { background-color: #2d4679; }
.txtGrn { color: #9fab46; }
.bkgndGrn { background-color: #9fab46; }
.txtdkGrn { color: #9fab46; }
.bkgnddkGrn { background-color: #9fab46; }
.txtltGrey { color: #777; }
.bkgndltGrey { background-color: #F7F7F7 }
.txtGrey { color: #3E3838; }
.bkgndGrey { background-color: #A2A2A2 }

/*------------------------------------------------------------------
*  FORMAT
-------------------------------------------------------------------*/
/*--PAGE --*/
body {
	background: #FFF;
}
.wrapper {
	width: 920px;
	margin:10px auto;
	min-height:675px;
}
.col {
	background-color: #F7F7F7;
	text-align: center;
	padding: 10px 5px;
	min-height: 485px;
}

/*--TEXT --*/
body {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 1em;
}
p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	line-height: 1.4em;
	margin: 0 10px 10px 10px;
	text-align: justify;
}
p span {
	font-weight: bold;
	color: #E80;
}
p.first {
	border-top: 1px solid #777;
	margin-top:5px;
	padding-top:10px;
}
#suiteservices p{font-weight:bold;}
#suiteservices p:hover{font-weight:bold;color:#E80}
h1,h2,h3,h4,h5{	font-family: 'Ubuntu', Arial, sans-serif;}
h1 {
	color: #F47A20;
	font-size: 1.5em;
	font-weight: 500;
	line-height: 1.5em;
	text-align: right;
	margin: 0;
	padding: 10px 10px 0 0;
	float: right;
}
#topheader h1{ background-color:#FFF}
h2 {
	color: #048;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
h3{
	color: #F47A20;
	font-size: 1.2em;
	font-weight: 500;
	text-align: center;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
}
h4 {
	color: #048;
	font-size: 1em;
	font-weight: 500;
	text-align: center;
	line-height: 1.2em;
	margin: 0 0 5px 0;
	padding: 0;
}
h5 {
	color: #2d4679;
	font-size: 1em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}
h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-weight: bold;
	text-align: justify;
	line-height: 1.5em;
	margin: 2px;
	padding: 0;

}
a {
	color: #048;
	outline: none;
	text-decoration: none;
}
a:hover {
	color: #E80;
	text-decoration: underline;
}
a:active { color: #243e90; outline:none text-decoration:underline;
}
/*a:visited {
	color: #002850;
	outline: none
}*/

/*------------------------------------------------------------------
*  FONTS
-------------------------------------------------------------------*/
.contactInfo {
	font-family: Arial, Helvetica, sans-serif;
	color: #333;
	font-size: .9em;
	line-height: 1.5em;
	padding: 5px;
}
.greeting {
	color: #336666;
	font-size: .9em;
	margin: 0px 10px 0 0;
	float: right;
	display: block;
}
.listingNum {
	color: #C86400;
	font-size: .9em;
	font-weight: bold;
}
.featureSubTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 16px;
	font-weight: bold;
	line-height: .9em;
	opacity: 0.75;
	filter: alpha(opacity=75);
	padding-right: 5px;
}
.featureTitle {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	margin: 0px;
	line-height: .9em;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

/*------------------------------------------------------------------
*  Header
-------------------------------------------------------------------*/

/*---HEADER---*/
#topheader {
/*	width:100% ;
*/	height: 60px;
	margin: 0 0 5px 15px;
	padding: 10px 0 0 0;
}
#topheader{
	background-image: url(../images/hdr_grnblt.png);
	background-repeat: repeat-x;
	background-position: left top;
	height: 65px;
}
#topheader div{
	background-repeat: no-repeat;
	background-position: left top;
	height: 65px;
}
#topheader .company{/*nbls*/
	background-image: url(../images/company-logo-icon.png);
}
#topheader .marketplace{/*nbbs*/
	background-image: url(../images/iconsm_marketplace.png);
}
#topheader .listings{/*onelist*/
	background-image: url(../images/iconsm_listings.png);
}
#topheader .members{
	background-image: url(../images/iconsm_membership.png);
}
#topheader .getstarted{
	background-image: url(../images/iconsm_getstarted.png);
}
#topheader .network{
	background-image: url(../images/iconsm_network.png);
}
/*PAGE HEADERS*/
.hdrBanner {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 24px;
	padding: 10px;
	background-color: #F6F6F6;
	border: 1px solid #E1E1E1;
	color: #00448E;
	font-weight: bold;
	text-align:center;
}

/*---LOGO---*/
#CompanyLogo {
	background-image: url(../images/company-logo.png);
	background-repeat: no-repeat;
	background-position: top center;
	height: 250px;
	width: 250px;
	margin: 0px auto;	
}
#CompanyLogolg {
	background-image: url(../images/company-logo-lg.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 500px;
	width: 500px;
	margin: 0px auto 40px auto;	
}
#logo {
	width: 375px;
	height: 75px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/NBBS-logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
}
/*---TAGLINE---*/
.tagline h1 {
		font-family: 'Ubuntu', Arial, sans-serif;
font-size: 1.1em;
	font-weight: 400;
	text-align: center;
	padding: 0px 5px;
	color: #777;float:none;
}
#topheader .tagline {
	width: auto;
	margin: 0px;
	padding: 20px 0 0 0;
	display: block;
}
#topheader .tagline h1 {
	font-size: 1.3em;
	font-weight: 400;
	text-align: right;
	padding: 0px 5px;
	color: #777;
}
.box {
	width: 98%;
	padding: 10px;
}
.box.border { border-right: 1px dotted #999; }
.box .box_image_wrapper {
	float: left;
	text-align: center;
	margin-right: 20px;
}
/*------------------------------------------------------------------
*** Social
-------------------------------------------------------------------*/
#social {
	margin: 0px;
	padding: 0px;
}
#social img {
	float: right;
	width: auto;
	height: auto;
	margin: 0px 10px 0 0;
	padding: 0;
}
#social img:hover { }

/*------------------------------------------------------------------
* Navigation
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 ** Text
------------------------------------------------------.moreinfo {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: right;
}
.moreinfo a {
	color: #666;
	text-decoration: none;
}
.moreinfo a span {
	margin-left: 5px;
	color: #666;
}
.moreinfo a:hover { color: #000; }
.required {
	font-weight: bold;
	color: #C00;
}
.instructions {
	font-size: 11px;
	line-height: 1.5em;
	margin: 5px;
}
.note {
	font-size: 10px;
	font-style: italic;
	color: #333;
}

/*------------------------------------------------------------------
 ** Image
-------------------------------------------------------------------*/
img{ border: none; 
}
img.left { margin: 0 20px 20px 0; }
img.right { margin: 0 0 20px 20px; }

/*------------------------------------------------------------------
 ** Feature
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
 ** Article
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
  *** Blockquotes
-------------------------------------------------------------------*/
blockquote {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.12em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	padding-right: 10px;
	padding-left: 40px;
}
.blockquote {
	clear: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.12em;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	color: #666;
	width: auto;
	text-align: justify;
	display: block;
	background-image: url(../images/quotemark_lft.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
	margin-top: 0px 0% 20px 0%;
	padding: 10px 40px 0px 40px;
}
.author {
	float: right;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: normal;
	color: #333;
	text-align: right;
	margin: -10px -25px 10px 0;
	padding: 10px 20px 0px 40px;
	background-image: url(../images/quotemark_rt.png);
	background-repeat: no-repeat;
	background-position: right top;
}

/*------------------------------------------------------------------
* Tables
-------------------------------------------------------------------*/
table { border-collapse: collapse }

/*------------------------------------------------------------------
 ** Forms
-------------------------------------------------------------------*/

 /*------------------------------------------------------------------
 ** Buttons
-------------------------------------------------------------------*/
/*--- btnSubmit ---*/

/*.btnSubmit, input .btnSubmit {
	font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	height: 18px;
	margin: 0px;
	padding: 3px 8px;
	background: #E80;
	background-image: url(/images/bkgnd_ornggrad.png);
	background-repeat: repeat-x;
	background-position: 50% 50%;
	border: 1px solid #FC6;
	outline: none;
	position: relative;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0 1px 2px rgba(0, 0, 0, 0.5);
	text-transform: uppercase;
	cursor: pointer;
}
.btnSubmit:hover {
	background-color: #FFC150;
	border: 1px solid #E80;
	background-image: url(/images/bkgnd_dkylwgrad.png);
	background-repeat: repeat-x;
	background-position: 50% 50%;
}
.btnSubmit:active {
	border: 1px inset #FEF7DA;
	background: #f7f7f7; /* Old browsers 
	position: relative;
	top: 2px;
	left: 2px;
	-moz-box-shadow: 0px 0px 0px #FFF;
	-webkit-box-shadow: 0px 0px 0px #FFF;
	box-shadow: 0px 0px 0px #FFF;
}
.btnSubmit a, a.btnSubmit {
	color: #FFF;
	text-decoration: none;
}
.btnSubmit a:hover, a.btnSubmit:hover {
	color: #048;
	text-decoration: none;
}
.btnSubmit a:active, a.btnSubmit:active { color: #E80; }
.btnSubmit a font {
	color: #E80;
	text-transform: uppercase;
	font-weight: bold;
}
.btnSubmit a font:hover { color: #FFF; }
.btnSubmit a font:active { color: #E80; }
.btnSubmit a span:hover { color: #FFF; }
*/
/*------------------------------------------------------------------
  *** List
-------------------------------------------------------------------*/
ul { }
li {}
.listArw { margin: 5px 10px 5px 20px; }
.listArw li {
	font-size: .8em;
	line-height: 1.5em;
	list-style-position: outside;
	margin-left: -20px;
	color: #333;
	background-image: url(../images/arw_blue.png);
	padding: 0 0 10px 30px;
	background-repeat: no-repeat;
	background-position: left top;
}
.listBlt { margin: 10px 0 0 40px; }
.listBlt li {
	font-size: .7em;
	line-height: 1.3em;
	text-align:left;
	list-style-position: outside;
	margin-left: -35px;
	color: #333;
	background-image: url(../images/blt_grn.png);
	padding: 0 0 5px 15px;
	background-repeat: no-repeat;
	background-position: left top;
}
.listBlt2 { margin: 10px 40px; }
.listBlt2 li {
	font-family: 'Ubuntu', Arial, sans-serif;
	color: #2d4679;
	font-size: .9em;
	font-weight: 500;
	line-height: 1.5em;
	text-align:left;
	list-style-position: outside;
	margin-left: -35px;
	color: #2d4679;
	background-image: url(../images/blt_grn.png);
	padding: 0 0 5px 15px;
	background-repeat: no-repeat;
	background-position: left center;
}

/*------------------------------------------------------------------
 ** Sponsor Ads
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
* Footer
-------------------------------------------------------------------*/
footer {
}
header { height: 100px; }
