/** magnet design 2008 **/

/* GLOBAL */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption  {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

body {
        margin:0;
        padding:0;
		background:url("../images/bg.jpg") center top;
}

img {
border: none;
}

.headline {
	font: 14px Verdana, Helvetica, sans-serif;
	text-align: justify;
	}

h1  {
	font: 24px Arial, Helvetica, sans-serif;
	color: #313089;
	}
	
h2  {
	font: 18px Arial, Helvetica, sans-serif;
	color: #313089;
	}	
	
h3  {
	font: 14px Arial, Helvetica, sans-serif;
	color: #313089;
	}	

ul {
	padding: 12px 0px 12px 15px;
}

li {
	padding: 6px 0px 6px 0px;
}

#page {
	color: #333333;
	padding: 35px;
	font: 11px Verdana, Helvetica, sans-serif;
	text-align: left;
}

#page a {
	color: #333192;
	font: 11px Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
#page a:hover {
	color: #7573bb;
	font: 11px Verdana, Helvetica, sans-serif;
	text-decoration: underline;
}
strong {
	font-weight: bold;
	line-height: 20px;
}

#column1 {
	float: left;
	width: 246px;
	text-align: left;
}

#column2 {
	float: right;
	width: 416px;
	text-align: left;
}

#horiz {
	border-style: dashed none none none;
	border-width: 1px;
	border-color: #ccc;
	padding: 8px;
	margin: 8px;
	width: 700px;
	clear: both;
	}

/* home */

#home {
	width: 774px;
	height: 1640px;
	}
	
.featimg {
	padding: 0px 0px 0px 0px;
	}	
	
#newsbox {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background: #ffffff;
	margin: 7px 0 0 0;
	padding: 10px;
	}

	
.news ul
{
	padding: 8px; 
	list-style: none;
	margin: 10px 10px 0 10px;
	padding: 0;
	width: 145px;
}

.news li
{
	background-image: url("../images/bullet.gif");
	background-position: 0px 4px;
	list-style: none;
	background-repeat: no-repeat;
	margin: 0;
	padding: 5px 0px 5px 30px; /* left padding moves the text away from the bullet */
}
	
/* solutions */

#solutions {
	width: 774px;
	}
	
/* bc scanners */

#scanners {
	width: 774px;
	}


/* partners */
	
#partners {
	width: 774px;
	height: 800px;
	}
	
#motorola {
	width: 774px;
	height: 1000px;
	}
	
#wavelink {
	width: 774px;
	height: 700px;
	}
	
#lyrics {
	width: 774px;
	height: 1000px;
	}
	
/* contact */
	
#contact {
	width: 774px;

	}

/* general */

#header1 {
	width: 774px;
	height: 240px;
	background:url("../images/header1.jpg") no-repeat center top;
	}
	
#header2 {
	width: 774px;
	height: 240px;
	background:url("../images/header2.jpg") no-repeat center top;
	}
	
#header3 {
	width: 774px;
	height: 240px;
	background:url("../images/header3.jpg") no-repeat center top;
	}
	
#header4 {
	width: 774px;
	height: 240px;
	background:url("../images/header4.jpg") no-repeat center top;
	}
	
#logo {
	width: 167px;
	height: 104px;
	float: left;
	padding: 0px 0px 0px 70px;
	}	


/* navigation */

 #nav {
    float:left;
	width: 407px;
	height: 19px;
	margin: 104px 0px 0px 85px;
      }

/* footer */

#footer {
	color: #999;
	width: 709px;
	padding: 9px;
	font: 10px Verdana, Helvetica, sans-serif;
	clear: both;
	align: center;
}

/* solutions pages */

#solrow {
	padding: 20px 0px 30px 0px;
	width: 709px;
	clear: both;
}

#floatr {
	float: left;
	width: 420px;
	padding: 0px 0px 0px 20px;
}

#floatl {
	float: left;
	width: 250px;
}
#page .newsblurb {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height:12px;
	}	
#page a.newsblurb:link {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333192;
	line-height:12px;
	}	
#page a.newsblurb:visited {
	font: 10px Arial, Helvetica, sans-serif;
	color: #333192;
	line-height:12px;
	}	
#page a.newsblurb:hover {
	font: 10px Arial, Helvetica, sans-serif;
	color: #6666cc;
	line-height:12px;
	}	

#stuffbox {
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background: #ffffff;
	margin: 30px 0 0 0;
	padding: 10px;
	width:410px;
	height:180px;
	}
	
#hotcontainer {
	width:410px;
	height:80px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height:0px;
}

#hotlist ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
	line-height:0px;
	height:50px;
}
#hotlist li
{
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px -2px 0px -2px;
	line-height:0px;
}


/* CoolMenus 4 - default styles - do not edit */
.clCMEvent{position: absolute;width: 99%;height: 99%;clip: rect(0,100%,100%,0);left: 0;top: 0;visibility: visible;}
.clCMAbs{position: absolute;visibility: hidden;left: 0;top: 0;}
/*Styles for level 0*/
.clLevel0, .clLevel0over{position: absolute;padding: 0px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.clLevel0{color:#333333;}
.clLevel0over{background-color: #6a1d44;layer-background-color: #6a1d44;color: #000000;cursor: pointer;cursor: hand;}
/*Styles for level 1*/
.clLevel1, .clLevel1over{position: absolute;width: 125;padding: 4px;font-family: Arial, Helvetica, sans-serif;font-size: 10px;}
.clLevel1{background-color: #ececec;layer-background-color: #ececec;color: #333333;}
.clLevel1over{background-color: #d7d7d7;layer-background-color: #d7d7d7;color: #000000;cursor: pointer;cursor: hand;}
.clLevel1border{position: absolute;visibility: hidden;background-color: #d7d7d7;layer-background-color: #d7d7d7;}