@charset "UTF-8";
/* 
	Dropmobile® Business main CSS 
	
	@author: Daniel van Westen
	@version: 1.0.0
	@last-modified: 09/11/2008
*/

/****************************************************************************************************
 * Miscellaneous
 ****************************************************************************************************/
 
 * {
	margin: 0;
	padding: 0;
 }

 body {
	background: url('../images/background.jpg') 50% 0 no-repeat #0b0b0b;

	color: #9b9b9b;
	
	text-align: center;
	font: normal 10pt Arial, Helvetica, sans-serif;
 }
 
 .hidden {
 	display: none;
 }
 
 .clearer {
 	clear: both;
 }
 
 .whiteText {
	color: #ffffff;
 }
 
 .smallText {
 	margin: 5px 0 0 0px;
 	font-size: 7pt;
	line-height: 10pt;
 }
 
 a {
 	color: #8332ff; /*#8cff40;*/
	text-decoration: none;
 }
 
 a:hover {
 	text-decoration: underline;
 }
 
 img {
 	border: none;
 }
 
 h1, h2, h3, h4, h5, h6, em, strong {
 	color: #fff;
 }
 
 h1, h2, h3  {
 	font-size: 12pt;
	margin: 0 0 6px 0;
	font-weight: normal;
 }
 
.useMobilesuite {
 	background: url('../images/useMobilesuite.gif');
	width: 390px;
	height: 44px;
	text-indent: -2000em;
	margin: 0 0 25px 0;
 }
 
.contact {
 	background: url('../images/contact.gif');
	width: 75px;
	height: 16px;
	text-indent: -2000em;
	margin: 0 0 25px 0;
 }
 
 .agency {
 	background: url('../images/agency.gif');
	width: 175px;
	height: 19px;
	text-indent: -2000em;
	margin: 0 0 25px 0;
 }
 
.dropmobileMarketing {
 	background: url('../images/marketing.gif');
	width: 211px;
	height: 19px;
	text-indent: -2000em;
	margin: 0 0 25px 0;
 }
 
 .wePresentMobilesuite {
 	background: url('../images/wePresentMobilesuite.gif');
	width: 301px;
	height: 17px;
	text-indent: -2000em;
	margin: 0 0 45px 0;
 }
 
 .wePresentLoop {
 	background: url('../images/wePresentLoop.gif');
	width: 248px;
	height: 17px;
	text-indent: -2000em;
	margin: 0 0 45px 0;
 }
 
.getInContact {
 	background: url('../images/getInContact.gif');
	width: 257px;
	height: 17px;
	text-indent: -2000em;
	margin: 20px 0 45px 0;
 }
 
.tel {
 	background: url('../images/tel.gif');
	width: 209px;
	height: 17px;
	text-indent: -2000em;
	margin: 13px 0 10px 0;
 }
 
.mail {
 	background: url('../images/mail.gif');
	width: 188px;
	height: 17px;
	text-indent: -2000em;
	margin: 13px 0 10px 0;
 }
 
.legal {
 	background: url('../images/legal.gif');
	width: 106px;
	height: 19px;
	text-indent: -2000em;
	margin: 0 0 30px 0;
 }
 
.about {
 	background: url('../images/about.gif');
	width: 188px;
	height: 19px;
	text-indent: -2000em;
	margin: 0 0 30px 0;
 }
 
 p {
 	line-height: 18pt;
 }
 
 hr {
 	width: 913px;
	height: 1px;
	margin: 45px 0;
	background: url('../images/hr.gif') no-repeat;
	border: 0;
 }
 
/****************************************************************************************************
 * Wrapper
 ****************************************************************************************************/
 
 #wrapper {
  	padding: 35px 0 0 104px;
 	width: 1025px;
	
	text-align: left;
	margin: 0 auto;
 }

/****************************************************************************************************
 * Navigation
 ****************************************************************************************************/
 
 ul#mainNavigation {
 	margin: 5px 0 18px 643px;
 }
	 
 ul#mainNavigation li{
	display:inline;
	list-style-type:none;
 }
 
 ul#mainNavigation li a {
	display: block;
	float: left;
	padding: 0;
	height: 18px;
 }
 
 #naviHome a {
 	width: 47px;
	background: url('../images/navigation.gif') no-repeat;
 }
	 
 #naviHome a:hover {
	 background-position: -273px 0;
 }
 
 #naviAbout a {
	 width: 94px;
	 background: url('../images/navigation.gif') -116px 0px no-repeat;
 }
	 
 #naviAbout a:hover {
	 background-position: -389px 0;
 }
 
 #naviProducts a {
	 width: 69px;
	 background: url('../images/navigation.gif') -47px 0px no-repeat;
 }
	 
 #naviProducts a:hover {
	 background-position: -320px 0;
 }
 
 #naviLegal a {
	 width: 63px;
	 background: url('../images/navigation.gif') -210px 0px no-repeat;
 }
	 
 #naviLegal a:hover {
	 background-position: -483px 0;
 }
 
/****************************************************************************************************
 * Contact
 ****************************************************************************************************/
 
 .contactButton {
	display: block;
 	width: 65px;
	height: 22px;
	background: url('../images/contactButton.gif');
 }
 
 .required {
 	color: #8332ff;
 }
 
 input {
	width: 170px;
	height: 18px;
 	background: #1f1d21;
	color: #fff;
	border: none;
	padding: 2px;
	margin: 5px 0 10px 0;
 }
 
 textarea {
	color: #fff;
	border: none;
	padding: 2px;
	margin: 5px 0 0 0;
 	background: #1f1d21;
	width: 425px;
	height: 168px;
 }
 
 .contactLeft {
	float: left;
	margin: 0 30px 0 0;
 }
 
 .send {
	float: left;
 	margin: 25px 0 0 0px;
 	width: 63px;
	height: 22px;
 	text-indent: -2000em;
	background: url('../images/send.gif');
	cursor: pointer;
 }
 
 #contactErrors {
	width: 300px;
	margin: 25px 50px 0 300px;
 }
 
 
 /****************************************************************************************************
 * Products
 ****************************************************************************************************/
 
 .productInfoBox, .lastProductInfoBox {
 	float: left;
	width: 290px;
	margin: 0 45px 0 0;
	border-right: solid 1px #303034;
	height: 245px;
 }
 
 .lastProductInfoBox {
 	border: none;
	width: 240px;
 }
 
 .productInfoBox .noBullet {
 	width: 245px;
 }
 
 .noBullet {
 	list-style: none;
	line-height: 12pt;
 }
 
 .noBullet li {
 	margin: 0 0 15px 0;
	font-size: 9pt;
 }
	 
	 /****************************************************************************************************
	 * Titles
	 ****************************************************************************************************/
	 
	 .eBoardTitle {
		width: 65px;
		height: 25px;
		background: url('../images/productTitles.gif');
		text-indent: -2000em;
	 }
	 
	 .eJournalTitle {
		width: 80px;
		height: 25px;
		background: url('../images/productTitles.gif') -326px 0;
		text-indent: -2000em;
	 }
	 
	  .eCodeTitle {
		width: 60px;
		height: 25px;
		background: url('../images/productTitles.gif') -663px 0 no-repeat;
		text-indent: -2000em;
	 }
	 
 /****************************************************************************************************
 * sLeftBox
 ****************************************************************************************************/
 
 .sleftBox {
 	float: left;
	margin: 0 0 0 0;
 	width: 280px;
 }
 
 /****************************************************************************************************
 * sRightBox
 ****************************************************************************************************/
 
 .srightBox {
 	float: left;
 	margin: 0 0 0 0;
 	width: 634px;
 }
 
 
 /****************************************************************************************************
 * Footer
 ****************************************************************************************************/
 
 #footer {
 	height: 150px;
	font-size: 8pt;
 }
 
 #footer .leftBox {
 	width: 280px;
 }
 
 #spacer {
 	height: 170px;
 }