<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<LINK REL="SHORTCUT ICON" HREF="favicon.ico">
<title>Computer Business Solutions | Miami, OK.</title>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>

<link rel="stylesheet" type="text/css" href="http://www.cbsintel.net/CBSIntel/featuredcontentglider.css" />
<script type="text/javascript" src="http://www.cbsintel.net/CBSIntel/featuredcontentglider.js">

/***********************************************
* Featured Content Glider script- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* Visit http://www.dynamicDrive.com for hundreds of DHTML scripts
* This notice must stay intact for legal use
***********************************************/

</script>

<script>
//Featured Content Glider: By http://www.dynamicdrive.com
//Created: Dec 22nd, 07'
//Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft"
//Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked
//Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration)
//Updated (July 21st, 09): Updated to work in jQuery 1.3.x

jQuery.noConflict()

var featuredcontentglider={
	csszindex: 100,
	ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',
	glide:function(config, showpage, isprev){
		var selected=parseInt(showpage)
		if (selected>=config.$contentdivs.length){ //if no content exists at this index position
			alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")
			selected=0
		}
		var $target=config.$contentdivs.eq(selected)
		//Test for toggler not being initialized yet, or user clicks on the currently selected page):
		if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){
			var $selectedlink=config.$toc.eq(selected)
			config.$next.attr('loadpage', (selected<config.$contentdivs.length-1)? selected+1+'pg' : 0+'pg')
			config.$prev.attr('loadpage', (selected==0)? config.$contentdivs.length-1+'pg' : selected-1+'pg')
			var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint
			$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++) //hide content so it's just out of view before animating it
			var endpoint=(config.leftortop=="left")? {left:0} : {top:0} //animate it into view
			$target.animate(endpoint, config.speed)
			config.$toc.removeClass('selected')
			$selectedlink.addClass('selected')
			config.$togglerdiv.attr('lastselected', selected+'pg')
		}
	},

	getremotecontent:function($, config){
		config.$glider.html(this.ajaxloadingmsg)
		$.ajax({
			url: config.remotecontent,
			error:function(ajaxrequest){
				config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)
			},
			success:function(content){
				config.$glider.html(content)
				featuredcontentglider.setuptoggler($, config)
			}
		})
	},

	aligncontents:function($, config){
		config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)
		config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:
	},

	setuptoggler:function($, config){
		this.aligncontents($, config)
		config.$togglerdiv.hide()
		config.$toc.each(function(index){
				$(this).attr('pagenumber', index+'pg')
				if (index > (config.$contentdivs.length-1))
					$(this).css({display: 'none'}) //hide redundant "toc" links
		})
		var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")
		$nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links
			featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))
			event.preventDefault() //cancel default link action
		})
		config.$toc.click(function(event){ //Assign click behavior to 'toc' links
			featuredcontentglider.glide(config, this.getAttribute('pagenumber'))
			event.preventDefault()
		})
		config.$togglerdiv.fadeIn(1000, function(){
			featuredcontentglider.glide(config, config.selected)
			if (config.autorotate==true){ //auto rotate contents?
				config.stepcount=0 //set steps taken
				config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)
				featuredcontentglider.autorotate(config)
			}
		})
		config.$togglerdiv.click(function(){
			featuredcontentglider.cancelautorotate(config.togglerid)
		})
	},

	autorotate:function(config){
		var rotatespeed=config.speed+config.autorotateconfig[0]
		window[config.togglerid+"timer"]=setInterval(function(){
			if (config.totalsteps>0 && config.stepcount>=config.totalsteps){
				clearInterval(window[config.togglerid+"timer"])
			}
			else{
				config.$next.triggerHandler('click')
				config.stepcount++
			}
		}, rotatespeed)
	},

	cancelautorotate:function(togglerid){
		if (window[togglerid+"timer"])
			clearInterval(window[togglerid+"timer"])
	},

	getCookie:function(Name){ 
		var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair
		if (document.cookie.match(re)) //if cookie found
			return document.cookie.match(re)[0].split("=")[1] //return its value
		return null
	},

	setCookie:function(name, value){
		document.cookie = name+"="+value
	},

	init:function(config){
		jQuery(document).ready(function($){
			config.$glider=$("#"+config.gliderid)
			config.$togglerdiv=$("#"+config.togglerid)
			config.$toc=config.$togglerdiv.find('.toc')
			config.$next=config.$togglerdiv.find('.next')
			config.$prev=config.$togglerdiv.find('.prev')
			config.$prev.attr('buttontype', 'previous')
			var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected
			config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string	
			config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"
			config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"
			config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"
			if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)
				featuredcontentglider.getremotecontent($, config)
			else
				featuredcontentglider.setuptoggler($, config)
			$(window).bind('unload', function(){ //clean up and persist
				config.$togglerdiv.unbind('click')
				config.$toc.unbind('click')
				config.$next.unbind('click')
				config.$prev.unbind('click')
				if (config.persiststate)
					featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))
				config=null
				
			})
		})
	}
}
</script>

<style>
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 620px;
height: 250px; /* Set height to be able to contain height of largest content shown*/
border-bottom: 1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
overflow: hidden;
border-top:1px solid #000000;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background-color: #FFFFFF;
padding: 0px;
padding-top:0px;
visibility: hidden;
width: 620px;
font-size:12px;
font-family:arial;
font-weight:bold;
color:#000000;
text-align: center;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
width: 612px;
margin-top: 0px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: #000000; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
color: #777777;
padding: 2px 15px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
font-size:13px;
font-family:arial;
font-weight:bold;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
color: #FFFFFF;
}

.glidecontenttoggler a:hover{
color: #FFFFFF;
text-decoration: none;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
border-left:1px solid #333333;
border-top:1px solid #777777;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
border-left:1px solid #333333;
border-top:1px solid #333333;
border-bottom:1px solid #000000;
border-right:1px solid #000000;
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
color: white;
}
</style>

<style type="text/css">

body	{ margin:0px;
	  background: #bdbdbd url(bg1.jpg) bottom repeat-x fixed;
	  margin:35px;
}
#sumheader{	padding:5px;
		border-bottom: 1px solid #AAAAAA;
		font: normal 14px Times New Roman;
		background: #FFFFFF;
		text-align: center;
}
#bottomshadow{	height:8px;
		background: url(mcbottomshadow.png);
		padding:0px;
		margin:0px;
}
#divtextbox{	padding:3px;
		font: normal 11px arial;
		color: #000000;
}
#divtextbox h5{	margin: 0px;
		margin-bottom:1px;
		font: bold 12px arial;
		color: #5566FF;
}
#divtextbox h6{ margin: 0px;
		margin-bottom:10px;
		font: normal 11px arial;
		color: #555555;
}
#divtextbox a{	color: #5566FF;
		text-decoration: none;
}
#divtextbox a:hover{	color: #5566FF;
			text-decoration: underline;
}
#divtextbox img{	width: 75px;
			overflow: hidden;
			margin-right: 5px;
			border:1px solid #888888;
}
#divtextbox li{	margin-bottom:4px;
}
#sitemap{	font: bold 11px arial;
		color: #BBBBBB;
}
#sitemap a{	padding-left:10px;
		padding-right:10px;
		font: bold 12px arial;
		color: #FFFFFF;
		text-decoration: none;
}
#sitemap a:hover{	text-decoration: underline;
}

#coolmenu{
text-align:center;
display:inline;
}

#coolmenu a{
padding-top: 8px;
padding-bottom: 7px;
color: #000000;
text-decoration: none;
padding-left: 53px;
padding-right: 53px;
font-size:12px;
font-weight:bold;
font-family:arial;
height:30px;
margin-right:-4px;
border-left:1px solid #FFFFFF;
border-right:1px solid #AAAAAA;
}
#coolmenu a:hover{
background: url(menubgact.jpg);
color: #FFFFFF;
font-size:12px;
font-weight:bold;
font-family:arial;
height:30px;
}
#leftmenu{
width: 169px;
}

#leftmenu a{
font:bold 12px Arial;
padding: 7px;
padding-left: 4px;
display: block;
color: #FFFFFF;
text-decoration: none;
background: #222222;
border-top:1px solid #555555;
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:0px;

}

html>body #coolmenu a{ /*Non IE rule*/
width: auto;
}

#leftmenu a:hover{
background: url(leftmenuact.jpg);
color: #5588FF;
}
</style>
</head>

<body>
<table border=0 width="830px" cellpadding=0 cellspacing=0 align=center>
<tr>
<td valign=top><img src="headerbg.png" style="border-bottom:1px solid #112244;"></td>
</tr>
<tr>
<td width="100%" height="30px" background="menubg.png" align=center>
<div id="coolmenu">
<a href="index.html" style="background: url(menubgact.jpg);color:#ffffff;">Home</a>
<a href="about.html">About Us</a>
<a href="products.html">Products</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact Us</a>
</div>
</td>
</tr>
</table>
<table border=0 width="830px" cellpadding=0 cellspacing=0 style="margin-top:25px;" align=center>
<tr>
<td>


<table border=0 width="180px" cellpadding=0 cellspacing=0 align=left>
<tr>
<td>

<table border=0 width="100%" height="15px" background="lmenutop.png" cellpadding=5 cellspacing=0>
<tr>
<td></td>
</tr>
</table>
<table border=0 width="100%" height="300px" background="lmenumid.png"  cellpadding=0 cellspacing=0 style="padding:5px;padding-top:0px;padding-bottom:0px;">
<tr>
<td valign=top>
<table border=0 cellpadding=0 cellspacing=0 width="100%" height="35px" style="border:1px solid #000000;background: url(datebg.jpg);border-top:1px solid #888888;border-left:1px solid #888888;">
<tr>
<td align=center style="font-size:12px;font-weight:bold;font-family:arial;color:#66ff00;"><SCRIPT LANGUAGE="Javascript">
<!-- 

// Array of day names
var dayNames = new Array("Sunday","Monday","Tuesday","Wednesday",
				"Thursday","Friday","Saturday");

// Array of month Names
var monthNames = new Array(
"January","February","March","April","May","June","July",
"August","September","October","November","December");

var now = new Date();
document.write(dayNames[now.getDay()] + ", " + 
monthNames[now.getMonth()] + " " + 
now.getDate() + ", " + now.getFullYear());

// -->
</SCRIPT></td>
</tr>
</table>
<table border=0 width="100%" cellpadding=0 cellspacing=0 bgcolor="#333333" style="font-size:12px;font-weight:bold;font-family:arial;color:#FFFFFF;border-right:1px solid #000000;margin-top:5px;">
<tr>
<td background="sumbg1.jpg" align=center width="100%" height="35px" style="border-bottom:1px solid #000000;border-top:1px solid #AAAAFF;">Main Menu</td>
</tr>
<tr>
<td>

	<div id="leftmenu">
<a href="index.html">Home</a>
<a href="about.html">About Us</a>
<a href="products.html">Products</a>
<a href="services.html">Services</a>
<a href="contact.html">Contact Us</a>
	</div>

</td>
</tr>
</table>
<a href="http://www.dell.com" target="_blank"><img src="delllogo.jpg" alt="Go To Dell's Website" style="border-top:1px solid #555555;" border=0 ></a>
</td>
</tr>
</table>
<table border=0 width="100%" height="15px" background="lmenubottom.png" cellpadding=5 cellspacing=0>
<tr>
<td></td>
</tr>
</table>




<table border=0 width="100%" height="15px" background="lmenutop.png" cellpadding=5 cellspacing=0 style="margin-top:20px;">
<tr>
<td></td>
</tr>
</table>
<table border=0 width="100%" height="120px" background="lmenumid.png" cellpadding=0 cellspacing=0 style="padding:5px;padding-top:0px;padding-bottom:0px;">
<tr>
<td valign=top>
<table border=0 width="100%" height="30" cellpadding=0 cellspacing=0 style="border:1px #3344DD;background: url(sumbg1.jpg);font-size:14px;font-family:imprint mt shadow, arial;color:#FFFFFF;padding:3px;border-bottom:1px solid #000000;"><tr>
<td align=center>CBS Portal</td>
</tr>
</table>
<table border=0 width="100%" height="90px" cellpadding=0 cellspacing=0 style="border:1px solid #333333;background: url(loginbg.jpg);font-size:12px;font-weight:bold;font-family:arial;color:#FFFFFF;padding:3px;border-top:0px;"><form method="post" action=""><tr>
<td align=center>
Click below to access the CBS Portal<br>
<a href="http://www.cbsintel.net/userlogin/login.php" style="color: #FFFFFF;"><img src="login.jpg" border=0 style="margin-top:5px;"></a>
</td>
</tr>
</table>

</td>
</tr>
</table>
<table border=0 width="100%" height="15px" background="lmenubottom.png" cellpadding=5 cellspacing=0>
<tr>
<td></td>
</tr>
</table>
</td>
</tr>
</table>


<table border=0 width="634px" height="505px" cellpadding=0 cellspacing=0 align=left style="margin-left:15px;background: #FFFFFF;border:1px solid #111133;padding:5px;">
<tr>
<td valign=top>
	
	<script type="text/javascript">

	featuredcontentglider.init({
		gliderid: "canadaprovinces", //ID of main glider container
		contentclass: "glidecontent", //Shared CSS class name of each glider content
		togglerid: "p-select", //ID of toggler container
		remotecontent: "", //Get gliding contents from external file on server? "filename" or "" to disable
		selected: 0, //Default selected content index (0=1st)
		persiststate: false, //Remember last content shown within browser session (true/false)?
		speed: 750, //Glide animation duration (in milliseconds)
		direction: "updown", //set direction of glide: "updown", "downup", "leftright", or "rightleft"
		autorotate: true, //Auto rotate contents (true/false)?
		autorotateconfig: [10000, 99] //if auto rotate enabled, set [milliseconds_btw_rotations, cycles_before_stopping]
	})

	</script>

	<div id="canadaprovinces" class="glidecontentwrapper">

	<div class="glidecontent"><a href="http://www.dell.com" target="_blank"><img src="mpimage1.jpg" border=0 /></a></div>

	<div class="glidecontent"><a href="http://www.dell.com/business/laptops" target="_blank"><img src="mpsliderimg/mpimg1.jpg" border=0 /></a></div>

	<div class="glidecontent"><a href="http://www.dell.com/business/desktops" target="_blank"><img src="mpsliderimg/mpimg2.jpg" border=0 /></a></div>

	<div class="glidecontent"><a href="http://www.dell.com/business/workstations" target="_blank"><img src="mpsliderimg/mpimg3.jpg" border=0 /></a></div>

	<div class="glidecontent"><img src="mpsliderimg/mpimg4.png" border=0 /></div>

	<div class="glidecontent"><a href="http://www.dell.com/business/servers" target="_blank"><img src="mpsliderimg/mpimg5.png" border=0 /></a></div>

	<div class="glidecontent"><a href="http://accessories.us.dell.com/sna/category.aspx?c=us&l=en&s=bsd&cs=04&category_id=4009" target="_blank"><img src="mpsliderimg/mpimg6.jpg" border=0 /></a></div>

	</div>

	<div id="p-select" class="glidecontenttoggler" style="background: url(controlbg.jpg);padding:5px;padding-bottom:4px;border-bottom:1px solid #000000;border-top:1px solid #777777;">
	<a href="#" class="prev"><</a> 
	<a href="#" class="toc">1</a> 
	<a href="#" class="toc">2</a> 
	<a href="#" class="toc">3</a> 
	<a href="#" class="toc">4</a>
	<a href="#" class="toc">5</a>
	<a href="#" class="toc">6</a>
	<a href="#" class="toc">7</a>
	<a href="#" class="next">></a>
	</div>


<div id="bottomshadow"></div>
		<!--Start Body Text-->

<table border=0 width="100%" cellpadding=0 cellspacing=0 style="background: url(bodybg.jpg);border:1px solid #AAAAAA;height:195px;">
<tr>
<td width="33%" style="border-right:1px dashed #AAAAAA;" valign=top>

<div id="sumheader">
	Whats New at CBS?
</div>
<div id="bottomshadow">
</div>
<div id="divtextbox">

	<h5>We have Updated to a Fresh New Look!</h5
	<h6>03/20/2010</h6>
	As you can see, we have upgraded our website. We hope that this site will make your search for a certain product or service easy and convenient. If you have any questions please visit the <a href="contact.html">"Contact Us"</a> tab for ways to contact us.
</div>

</td>
<td width="33%" valign=top style="border-right:1px dashed #AAAAAA;border-left:1px dashed #FFFFFF;">

<div id="sumheader">
	CBS Intel's Hot Deals.
</div>
<div id="bottomshadow">
</div>
<div id="divtextbox">

Check back here frequently for fun quiz questions that can save you money!


</div>

</td>
<td width="33%" valign=top style="border-left:1px dashed #FFFFFF;">

<div id="sumheader">
	CBS FeedBack <a href="feedback.html" style="text-decoration:none;" target="_blank">[+]</a>
</div>
<div id="bottomshadow">
</div>

<div id="divtextbox">

<i>
We at Computer Business Solutions value what you have to say. <a href="feedback.html" target="_blank">Please Click Here to complete our feedback form.</a>.
<br><br>
 Let us know what you think we are doing right and what we need to do differently to better serve your needs.


</div>

</td>
</tr>
</table>

		<!--End Body Text-->
<div id="bottomshadow"></div>

</td>
</tr>
</table>


</td>
</tr>
</table>






</td>
</tr>
</table>

<table border=0 id="sitemap" width="830px" cellpadding=10 cellspacing=0 align=center height="100px" background="bottomtable.png" style="margin-top:25px;border-top:1px solid #555555;">
<tr>
<td align="Right">
<font style="font-size:18px;color: #C8B560;">
<a href="index.html">Home</a>|
<a href="about.html">About Us</a>|
<a href="products.html">Products</a>|
<a href="services.html">Services</a>|
<a href="contact.html">Contact Us</a></font>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
<br>
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; <img src="cclogos.jpg" style="margin-top:5px;border: 1px solid #000000;padding:1px;background:#FFFFFF;margin-bottom:5px;">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;
<br>
Copyright &copy; 2010 Computer Business Solutions * Miami, OK  -  All Rights Reserved.&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;
</td>
</tr>
</table>

</body>
</html>