/* CSS Document */
/* 	
   	completed on April 27, 2008 
   	last updated on:
	revisions made:
*/

a, a-link {
	font: normal 13px arial;
	color: #fa9819;
}

a:hover {
	color:#FF6633;
}

img.float_bottom_right {
	position: absolute;
	bottom:0;
	right:0;
	margin-top: 15px;
	margin-left: 15px;
	margin-right:85px;
}

img.float_bottom_left {
	position: absolute;
	bottom:0;
	left: 0;
	margin-top: 15px;
}
/* paragraph_heading is a div made for the heading font above the paragraph */
#paragraph_heading {
	position:absolute; bottom:0px; left:0px;
	color:#888888;
	text-transform: lowercase;
	font: bold 16px arial;
	text-align: left;
}

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

p.footer_info{
	position:absolute; bottom:0px; left:0px;
	color: #888888;
	font: normal 13px arial;
	text-align: left;
	margin-left: 80px;
	margin-right: 80px;
	/*margin-top:10px;*/
}

/* outer container used to center the body of this webpage */
#container {
	width: 780px;
	position: relative;
	margin: -7px auto;
}

/* Outer container that is used to creat a border (white) around the body */
#Table_01 {
	position:absolute;
	left:0px;
	top:0px;
	width:780px;
	height:1051px;
	border: 1px solid white;
}
/* first orange stripe at the top of the page */
#top_orange_bar{
	position:absolute;
	left:0px;
	top:0px;
	width:780px;
	height:2px;
	background:#fa9819;
}
/* first grey stripe at the top of the page */
#top_grey_bar{
	position:absolute;
	left:0px;
	top:2px;
	width:780px;
	height:18px;
	background:#5b5b5d;
}
/* This is a header div containing the image of a bee flying with a honeycomb feel to the right */
#beeline_header{
	position:absolute;
	left:0px;
	top:20px;
	width:780px;
	height:71px;
	background:  url(images/idea-3-sliced_03.gif) no-repeat left center;
}
/* this is the second orange line above the navigation links */
#navigation_orange_line {
	position:absolute;
	left:0px;
	top:91px;
	width:780px;
	height:5px;
	background:#fa9819;
}
/* this div contains the links and has a blank (white) background */
#navigation_box{
	position:absolute;
	left:0px;
	top:96px;
	width:780px;
	height:22px;
	background:#ffffff;
	padding: 0px;
	margin: 0px;
}
/* this div contains the image of the dipper and a fraction of the orange ribbon */
#honey_dipper{
	position:absolute;
	left:0px;
	top:118px;
	width:79px;
	height:219px;
	background: url(images/idea-3-sliced_06.gif) no-repeat left center;
}
/* this div contains the image of the ribbon and text "our leads are sweet"*/
#our_leads_are_sweet{
	position:absolute;
	left:79px;
	top:118px;
	width:373px;
	height:73px;
	background: url(images/idea-3-sliced_07.gif) no-repeat left center;
}
/* this this div contains white space adjacent (to the right) of the our_leads_are_sweet div */
#sweet_leads_white_space{
	position:absolute;
	left:452px;
	top:118px;
	width:328px;
	height:73px;
	background:#ffffff;
 	img-src: url(images/honeycomb_icon.png);
}
/* This is the orange bar that seperates the header from the paragraph */
#orange_bar_paragraph{
	position:absolute;
	left:79px;
	top:191px;
	width:701px;
	height:4px;
	background:#fa9819;
}
/* this div holds the majority of the text */
#paragraph{
	position:absolute;
	left:79px;
	top:195px;
	width:701px;
	height:750px; 
	background:#ffffff;

}
/* this div contains a repeating-y image of the honey drip from the dipper */
#dipper_drip{
	position:absolute;
	left:0px;
	top:337px;
	width:79px;
	height:608px;
	background-image: url(images/honey_drip.gif);
	background-repeat:repeat-y;
}
/* this is the footer orange bar */
#footer_orange_bar{
	position:absolute;
	left:0px;
	top:945px;
	width:780px;
	height:5px;
	background:#fa9819;
}
/* this is the white bar in the footer */
#footer_white_bar{
	position:absolute;
	left:0px;
	top:950px;
	width:780px;
	height:2px;
	background:#ffffff;
}
/* this is the grey bar in the footer */
#footer_grey_bar{
	position:absolute;
	left:0px;
	top:952px;
	width:780px;
	height:98px;
	background:#5b5b5d;
}
/* this div contains the navigation buttons */
#beeline_navcontainer{
	position:absolute; bottom: 0px; left: 0px;
	padding-top: 0em;
	margin: 0px 0px;
	text-transform: lowercase;
	text-align: center;
	list-style-type: none;
}

#beeline_navlist li{
	float: left;
	margin: 0;
	padding: 0;
	width: 68px;
	display: block;
	text-align: center;
}

#beeline_navlist li a, #beeline_navlist li a:link{
	font: bold 9px arial;
	color: white;
	text-decoration: none;
	margin:0;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 23px;
	background: url(images/tab.gif) no-repeat left center;
	text-align: center;
}

#beeline_navlist li a:hover{
	cursor: pointer;
	color: ffffff;
	background: url(images/tab_hover.gif) no-repeat left center;
}

/* this is the for formating the type for the client list */
#beeline_client_list li{
	
	color: #5b5b5d;
	font: normal 11px arial;
	text-align: left;
	margin-right: 80px;
	margin-bottom: 5px;
}

#beeline_homepage_bullets {
	margin: 0em;
	padding: 0em;
	text-align: left;
}

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

#beeline_mediapage_bullets {
	margin: 0em;
	padding: 0em;
	text-align: left;
}

#beeline_mediapage_bullets li{
	color: #fffff;
	font: normal 11px arial;
	padding-left:1.5em;
	padding-right:.5em;
	margin-bottom: 1em;
	margin-right: 80px;
	text-decoration: none;
}



/* this div contains the navigation buttons in the footer */
#beeline_navcontainer_footer{
	position:absolute; top: 0px; left: 0px;
	padding-top: 0em;
	height: 12px;
	width: 35em;
	margin-left:35px;
	margin-top:0px;
	margin-right: 0px;
	
	text-transform: lowercase;
	text-align: center;
	list-style-type: none;
}

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

#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;
	display: block;
	border-right: 1px solid #fa9819;
}

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