body {
	background: #fff;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

p, h1, h2, h3, h4, h5, h6, a, ul, li, dt, dd, lo, address, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
}

p, div#content li {
	font-size: .8em;
	line-height: 1.2ems;
}

address {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}

a:hover { color: #FF0000; }

/* ----------------- PAGE LAYOUT ELEMENTS ----------------- */

div#top-yellow {
	background: #ffcc00;
	height: 18px;
	margin-bottom: 18px;
	width: 100%;
}

div#container-top, div#container-bottom {
	width: 710px;
	margin: 0px auto;
}

div#logo {
	width: 287px;
	height: 57px;
	overflow: hidden;
	background: url(/images/logo.gif);
	float: left;
}

div#logo h1 { display: none; }

div#contact {
	position: absolute;
	z-index: 10;
	left: 55px;
	top: 110px;
}

div#contact img { border: none; }

div#header { position: relative; }

div#search {
	height: 18px;
	padding: 10px 0;
	text-align: right;
	clear: both;
}

	div#search table {
		float: right;
		padding-right: 4px;
	}

div#top-gray {
	clear: both;
	background: #f5f5f5;
	height: 18px;
	margin-bottom: 18px;
	border-top: 1px solid #dedede;
}

div#flash {
	float: left;
	width: 549px;
	height: 142px;
	padding-top: 2px;
}

div#news {
	float: right;
	background: url(/images/news.gif) no-repeat;
	width: 141px;
	height: 147px;
	padding-right: 5px;
}

div#news #NewsWindow {
	margin-top: 35px;
}

div.home-column {
	float: left;
	width: 225px;
	height: 230px;
	padding-right: 10px;
	margin: 40px 0 5px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	position: relative;
	color: #cc9900;
}

div.home-column a {
	color: #cc9900;
	text-decoration: none;
}

div.home-column a:hover { text-decoration: underline; }

/* These next three lines are for the gray lines on the home page.  Since they don't extend the entire width
   of the DIV, a background-line element cannot be used. */
.gray-line-left { background: url(/images/bg-gray-line-left.gif) no-repeat; }
.gray-line-both { background: url(/images/bg-gray-line-both.gif) no-repeat; }
div#gray-line-bottom { background: url(/images/bg-gray-line-bottom.gif) repeat-x; width: 705px; height: 10px; clear: both; padding-bottom: 20px; }

div.home-column ul {
	list-style-image: url(/images/bullet.jpg);
	margin-left: 0px;
	padding-left: 30px;
}

div.home-column h2 {
	text-indent: -5000px;
	background: no-repeat;
	height: 26px;
	margin: 0 0 15px 0;
}

div.home-column h2.your-applications {
	background: url(/images/h2-your-applications.gif);
	width: 182px;
}

div.home-column h2.your-mobile-devices {
	background: url(/images/h2-your-mobile-devices.gif);
	width: 195px;
}

div.home-column h2.our-mobile-solutions {
	background: url(/images/h2-our-mobile-solutions.gif);
	width: 209px;
}

div.home-column .more-link img { position: absolute;  bottom:  0; right: 5px; border: none; }

div#home-content {
	padding-bottom: 20px;
}

div#home-content p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	padding-left: 50px;
	clear: both;
}

div#home-content span {
	text-transform: uppercase;
	font-weight: bold;
}

div#subpage-header {
	background: url(/images/internal-top-bg.gif) no-repeat;
	height: 87px;
	text-align: left;
}

	div#subpage-header img {
		padding: 50px 0 0 15px;
	}
	
div#subpage-left {
	float: left;
	padding: 10px;
}

div#subpage-right {
	float: right;
	width: 193px;
	padding: 10px 0 0 20px;
}

	div#subpage-right #right-header {
		background: url(/images/sidebar-top.gif) no-repeat;
		width: 188px;
		height: 25px;
		overflow: hidden;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		text-align: left;
		padding: 7px 0 0 5px;
	}
	
	div#subpage-right #right-body {
		background: url(/images/sidebar-bg.gif) repeat-y;
		width: 183px;
		font-weight: bold;
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		padding: 10px 5px 0 5px;
	}
	
	div#subpage-right #right-body ul {
		margin-top: 0px;
		margin-bottom: 0px;
		padding-bottom: 5px;
	}
	
	div#subpage-right #right-body ul li {
		font-weight: normal;
	}
	
	div#subpage-right #right-footer {
		background: url(/images/sidebar-bottom.gif);
		width: 193px;
		height: 11px;
		overflow: hidden;
	}

div#subpage-mobile {
	padding: 10px;
	clear: both;
	text-align: left;	
}

	div#subpage-mobile-solutions {
		padding: 25px 0 25px 20px;
	}
	
	div#subpage-mobile-solutions img {
		padding: 0 10px;
	}

div#partners { 
	text-align: left;
	background: #f9f9f9;
	border: 1px solid #e6e6e6;
	padding: 5px;
	-moz-border-radius: 5px;		/** CSS3 for Chrome, Safari, and Firefox **/
	-webkit-border-radius: 5px; 
}

div#partners img {
	vertical-align: middle;
	padding: 0px 10px;
}

div#footer {
	background: #ffcc00;
	margin-top: 25px;
	padding: 5px 0;
	width: 100%;
	color: #FFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

div#nav { float: right; padding: 5px 0px; }

div#nav img {
	float: right;
	padding: 15px 5px 0 0;
	margin: 0px;
}

/* ----------------- CUSTOM CLASSES and DIVs ----------------- */

img.left {
	float: left;
	margin: 0px 15px 25px 0px;
}

img.right {
	float: right;
	margin: 0px 0px 10px 15px;
}

img.center { margin: auto 0px; }

img.border {
	border: 1px solid #ccc;
	padding: 5px;
	background: #fff;
}

img.no-border { border: none; }

p.center { text-align: center; }

.clear-both { clear: both; }
