@charset "utf-8";
/* CSS Document for 3da */

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}
	
body {font: 70% Verdana, Arial, Helvetica, sans-serif; color: #000; margin-top: 15px;}

.bold {font-weight: bold;}
p {margin-bottom: 15px}
.nomarg {margin-bottom: 0;}
a img {border: none;}
h1 {font: 180% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid #46C246;}
h1#homeHeader {font: 180% Arial, Helvetica, sans-serif; color: #000; margin-bottom: 8px; padding-bottom: 21px; border-bottom: none;}
h1#homeHeader img {position: relative; top: -3px;}
h2 {font: bold 100% Verdana, Arial, Helvetica, sans-serif; border-bottom: 1px solid #E4E4E4; padding-bottom: 5px; margin-bottom: 5px; padding-top: 10px;}
.clear {clear: both;}

#wrapper {width: 972px; margin: auto auto;}

.header {height: 68px; padding: 0 20px; margin-top: 4px;}
.header img {float: left; width: 207px; margin-top: 4px; margin-left: 5px;}
.header ul.nav { float: right; width: 404px; margin-top: 20px; padding-right: 5px; }
.header ul.nav li {display: inline; list-style-type: none;}
.header ul.nav li a:link, .header ul.nav a:visited {border: 1px solid #666; background: #FFF; width: 89px; text-align: center; padding: 3px 0 4px 0; text-decoration: none; display: block; float: left; margin-left: 10px; color: #000;}
.header ul.nav li a:hover {border: 1px solid #46C246;}
.header ul.nav li.active {border: 1px solid #46C246; width: 89px; text-align: center; padding: 3px 0 4px 0; display: block; float: left; margin-left: 10px;}

#container {position: relative; width: 972px; height: 218px; overflow: hidden;}
#scroller {width: 2754px;}
.content {width: 162px; height: 218px; float: left;}
.content img {border: 1px solid #FFF;}
.content a:link img, .content a:visited img {border: 1px solid #E4E4E4;}
.content a:hover img {border: 1px solid #46C246;}

.gallerycontrols {height: 34px;}
.gallerycontrols .enlarge {float: left; width: 275px; background: #FFF url(images/enlarge-bkg.gif) no-repeat; color: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 11px 0 11px 50px;}
.gallerycontrols .scrollNav {float: right; width: 260px; background: #FFF url(images/scroll-bkg.gif) no-repeat; color: #FFF; font: 10px Verdana, Arial, Helvetica, sans-serif; padding: 11px 0 11px 65px}
.gallerycontrols .scrollNav a:link, .gallerycontrols .scrollNav a:visited  {color: #FFF; padding: 0 5px;}

.textContent {
	padding: 30px 25px 10px 25px;
	clear: both;
}
.textContent#home {
	padding: 30px 25px 0 25px;
	height: 320px;
	background: url(images/motorola-hp.jpg) no-repeat;
	height: 563px;
}
.textContent#home ul {margin-bottom: 25px;}
.textContent ul li {list-style-type: none; background: url(images/list-bkg.gif) no-repeat left; padding-left: 15px; line-height: 18px;}
.textContent p.hdg {float: left; width: 150px;}
.textContent p.detail {margin-left: 150px;}
.textContent a:link, .textContent a:visited {color: #000;}
.textContent a:hover {color: #46C246; text-decoration: none;}
.textContent img.homefeature { float: right; position: relative; top: 66px; }

.footer {padding-top: 15px; clear: both; border-top: 1px solid #717171;}
p.left {font: 100% Arial, Helvetica, sans-serif; color: #999; width: 500px; padding-left: 25px; float: left}
p.left#homeFooter {padding-left: 0; padding-top: 8px; float: none;}
.footer .right {text-align: right; float: right; width: 400px; padding-right: 25px;}
.footer .right p.green {font: 110% Arial, Helvetica, sans-serif; color: #46C246; margin-bottom: 0;}
.footer .right p.grey {font: 100% Arial, Helvetica, sans-serif; color: #999;}

[if IE]>
<style type="text/css">
#scroller{width: 1944px;}
</style>
<! [endif]