@charset "utf-8";

body{
	margin:0px;
	padding:0px;
	background:white;
	background:url(images/background.gif);
}

/* Outbox which contains all the content in the page.... this will expand as your main content will expand */
#container{
	position:relative;
	width:780px;
	margin:0px auto; /*0px from top and auto centers in page */
	padding:0px;
	border:1px solid white;
	background:#ffffff;
 	background:url(images/honey_drip.gif) repeat-y left top;
	overflow:hidden; 

}

/* first orange stripe at the top of the page */
#top_orange_bar{
	margin:0px;
	padding:0px;
	position:relative;
	width:780px;
	height:2px;
	background:#fa9819;
	overflow:hidden; 
}

/* first grey stripe at the top of the page */
#top_grey_bar{
	position:relative;
	margin:0;
	padding:0;
	width:780px;
	height:18px;
	background:#5b5b5d;
	overflow:hidden; 
}

/* This is a header div containing the image of a bee flying with a honeycomb feel to the right */
#beeline_header{
	position:relative;
	margin:0;
	padding:0;
	width:780px;
	height:71px;
	background:  url(images/idea-3-sliced_03.gif) no-repeat left center;
	overflow:hidden;
}

/* this is the second orange line above the navigation links */
#navigation_orange_line {
	position:relative;
	margin:0;
	padding:0;
	width:780px;
	height:5px;
	background:#fa9819;
	overflow:hidden;
	 
}

/* this div contains the links and has a blank (white) background */
#beeline_navcontainer{
	position:relative;
	
	width:780px;
	height:22px;
	padding: 0px;
	margin:0px;
	
	background:#ffffff;
	
	text-transform: lowercase;
	text-align: center;
	list-style-type: none;
	overflow:hidden;
}

/* navigation unorder lists' general properties */
ul.beeline_navlist {
	position:relative;
	width:780px;
	margin:0px 0px 0px 5px;
	padding:0;
	
	}
	
/* individual listed element's properties */
#beeline_navlist li{
	position:relative;
	float: left;
	width: 75px;
	margin: 0px 3px 0px 3px;
	padding-right:0px;
	
	display: block;
	text-align: center;
}
/* individual listed element's properties when it is a link */
#beeline_navlist li a, #beeline_navlist li a:link{
	position:relative;
	margin:0px;
	padding: 0px;
	display: block;
	height: 22px;
	
	font: bold 9px arial;
	color: white;
	text-decoration: none;
	text-align: center;
	
	background: url(images/tab3.gif) no-repeat left center;
}
/* individual listed element's properties when mouse is hovering over link */
#beeline_navlist li a:hover{
	margin:0px;
	padding: 0px;
	cursor: pointer;
	color: #ffffff;
	background: url(images/tab_hover3.gif) no-repeat left center;
}

div. clearer{
	clear:both;
}

/* this div contains the image of the dipper and a fraction of the orange ribbon */
#honey_dipper{
	float:left;
	position:relative;
	padding:0px;
	margin:0px;
	width:79px;
	height:219px;
	
	background: url(images/idea-3-sliced_06.gif) no-repeat left center;
	overflow:hidden;
}

/* this div contains the image of the ribbon and text "our leads are sweet"*/
#our_leads_are_sweet{
	float:left;
	position:relative;
	padding:0px;
	margin-top:-1px;
	display:block;
	width:373px;
	height:74px;
	
	background: url(images/idea-3-sliced_07.gif) no-repeat left center;
	overflow:hidden;
}

/* paragraph_heading is a div made for the heading font above the paragraph */
#our_leads_are_sweet p{
	position:relative; bottom:0px; left:0px;
	margin:55px 0px 0px 0px;
	padding:0px;
	color:#888888;
	text-transform: lowercase;
	font: bold 16px arial;
	text-align: left;
}

/* this this div contains white space adjacent (to the right) of the our_leads_are_sweet div */
#sweet_leads_white_space{
	float:left;
	position:relative;
	padding:0px;
	margin:0px;
	width:328px;
	height:73px;
	
	background:#ffffff;
 	img-src: url(images/honeycomb_icon.png);
	overflow:hidden;
}
img.bottom_right {
	position: relative;
	bottom:0;
	right:0;
	margin:34px 0px 0px 190px;
	padding:0px;
	text-align: right;
}


img.bottom_left {
	position: relative;
	bottom:0;
	left:0;
	margin:0px 0px 0px 0px;
	padding:0px;
}

/* This is the orange bar that seperates the header from the paragraph */
#orange_bar_paragraph{
	float:left;
	position:relative;
	width:701px;
	height:4px;
	margin:0;
	padding:0;
	background:#fa9819;
	overflow:hidden;
}

/* this div holds the majority of the text */
#paragraph{
	float:right;
	position:relative;
	width:704px;
	background:#ffffff;
	margin-right: -3px;
	/*border:1px solid black;*/
	
}

#beeline_client_list li{
		color: #5b5b5d;
	font: normal 13px arial;
	text-align: left;
	margin-right: 80px;
	margin-bottom: 5px;
}

/* this is the footer orange bar */
#footer_orange_bar{
	position:relative;
	float:right;
	width:780px;
	height:5px;
	margin:0;
	padding:0;
	background:#fa9819;
	overflow:hidden;
}
/* this is the white bar in the footer */
#footer_white_bar{
	position:relative;
	float:right;
	width:780px;
	height:2px;
	margin:0;
	padding:0;
	background:#ffffff;
	overflow:hidden;
}

/* this is the grey bar in the footer */
#footer_grey_bar{
	float:right;
	/*border-right:20px solid #5b5b5d;*/
	width:780px;
	margin:0px 0px 0px -3px;
	padding:10px;
	background:#5b5b5d;
	text-align:center;
	}

/* this div contains the navigation buttons */
#beeline_homepage_bullets {
	margin: 0em;
	padding: 0em;
	text-align: left;
}

#beeline_homepage_bullets li{
	color: #5b5b5d;
	font: normal 13px arial;
	padding-left:20px;
	padding-right:0px;
	display:block;
	list-style: none;
	background: url(images/orange_bullet.gif) no-repeat left top;
	margin-bottom: 13px;
	margin-right: 80px;
	text-decoration: none;
}

/* the following a, alink and a hover have to do with all link colors found elsewhere besides the navigation bar */
a, a-link {
	font: normal 13px arial;
	color: #fa9819;
}

a:hover {
	color:#FF6633;
}

/* paragraph information */
p{
	color: #5b5b5d;
	font: normal 13px arial;
	text-align: left;
	margin-left: 0px;
	margin-right: 80px;
}

/* this div contains the navigation buttons in the footer */
#beeline_navcontainer_footer{
	position:relative; top: 0px; left:0px;
	margin-right: -3px;
	padding-right: 20px;
	height: auto;
	width: 700px;
		
	text-transform: lowercase;
	list-style-type: none;
}

#beeline_navlist_footer li{
	float:left;
	padding: 0;
	text-align:center;
	display: block;
}

#beeline_navlist_footer li a, #beeline_navlist_footer li a:link{
	font: normal 12px arial;
	color: white;
	text-decoration: none;
	padding: 0px 5px 0px 5px;
	border-right: 1px solid #fa9819;
}

#beeline_navlist_footer li a:hover{
	color: #fa9819;
	cursor: pointer;
}

/* font and spacing of information in the footer bar */
p.footer_info{
	margin-left: 80px;
	margin-top:10px;
	color: #888888;
	font: normal 13px arial;
	text-align: left;
	padding:0px;
}