/*--------------------------------------------
Global Styles
---------------------------------------------*/
* { padding: 0; margin: 0; }
body {  font-size: 11px; font-family: Arial, Helvetica, Verdana, sans; color: #666666; line-height: 18px; background: #EFF5FB; }
div#header { background:url(../img/header_bg_2.jpg) repeat-x top; position: relative; z-index: 2; }
div#header div.logo { padding-top: 10px; padding-left: 10px; }
div#header div.contact { float: right; margin-top: -50px; font-size: 12px; color: #959595; text-align: right; }
div#header div.contact span { color: #283891; }
div#header div.navigation { margin-top: 0px; }
div#header div.navigation ul { list-style: none; background: url('http://www.aplosweb.com/clients/ebusiness/_base/img/nav_bg.jpg') repeat-x; height: 35px; padding-left: 25px; }
div#header div.navigation ul li { float: left; padding-left: 0px; margin-right: 30px; position: relative; padding-top: 8px; padding-bottom: 8px; }
div#header div.navigation ul li a { color: #959595; text-decoration: none; font-size: 11px; padding: 11px; }
div#header div.navigation ul li a:hover { color: #fff; background-color: #494a4e; padding: 11px; }
div#header div.navigation ul li.active a { color: #fff; background-color: #494a4e; padding: 11px; }
div#header div.graphic { background:url(../img/graphic6.jpg) no-repeat top; width: 848px; height: 189px; position: relative; }
div#header div.graphicsm { background:url(../img/graphic2.jpg) no-repeat top; width: 848px; height: 100px; position: relative; }
div#header div.graphic p { position: absolute; left: 470px; top: 150px; font-size: 11px; }

.graphic_header { font-size: 32px; padding-top:27px; padding-left:37px; color:#EFF5FB; }
.graphic_content { font-size: 14px; color:#494a4e; padding-left:37px; padding-right:47px; padding-top:12px; line-height:26px; }

.display_text { float: left; width: 550px;}
.display_picture { float: right; width: 252px; padding-top: 35px; }
.picture_header { border: 0px silver solid;}


div.inner,
div.inner_content,
div#footer { width: 848px; margin: 0 auto; }

div.inner_content { position: relative; z-index: 1; background-color: #f9fcfe; padding-bottom: 25px; border: 1px dotted #EFECED; min-height: 250px; }

div.inner_content div.left { float: left; width: 225px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }
div.inner_content div.middle { float: right; width: 225px; padding-left: 25px; padding-right: 25px; padding-top: 20px; }
div.inner_content div.right { float: right; width: 225px; padding-left: 25px; padding-top: 20px; padding-right: 25px; }

div.inner_content div.leftr { float: left; width: 225px; padding-right: 25px; padding-left: 37px; padding-top: 20px; }
div.inner_content div.middler { float: right; width: 225px; padding-left: 25px; padding-right: 25px; padding-top: 20px; }
div.inner_content div.rightr { float: right; width: 225px; padding-left: 25px; padding-top: 20px; padding-right: 25px; }

div.inner_content div.lefto { float: left; width: 225px; height:250px; padding-right: 25px; padding-left: 37px; padding-top: 20px; }
div.inner_content div.middleo { float: right; width: 225px; height:250px; padding-left: 25px; padding-right: 25px; padding-top: 20px; }
div.inner_content div.righto { float: right; width: 225px; height:250px; padding-left: 25px; padding-top: 20px; padding-right: 25px; }

div.inner_content div.leftsm { float: left; width: 225px; height:200px; padding-right: 25px; padding-left: 37px; padding-top: 20px; }
div.inner_content div.middlesm { float: right; width: 225px; height:200px; padding-left: 25px; padding-right: 25px; padding-top: 20px; }
div.inner_content div.rightsm { float: right; width: 225px; height:200px; padding-left: 25px; padding-top: 20px; padding-right: 25px; }

div.inner_content div.main { float: left; width: 775px; padding-top: 20px; padding-left: 25px; padding-right: 25px; }

div.inner_content div.leftc { float: left; width: 500px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }
div.inner_content div.rightc { float: left; width: 225px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }
div.inner_content div.rightc span { color: #01b9ef; }

div#footer { width: 848px; height: 71px; }
div#footer div.inner { padding: 15px; }
div#footer div.inner div.left { float: left; }
div#footer div.inner div.right { float: right; padding-right: 35px; }
.picture { width: 200px; height: 100px; background-color: #cccccc; margin-left: 12px; border: 2px silver solid; margin-top: 20px; }
.spapic { width: 225px; margin-right: 12px;margin-top: 5px; float:left; }
.picture_references {margin-top: 5px; border:none;}
.picture1 { width: 200px; height: 100px; background-image: url(http://www.aplosweb.com/clients/ebusiness/_base/img/picture_example.jpg); margin-left: 12px;  margin-top: 20px; }
.picture2 { width: 200px; height: 100px; background-image: url(http://www.aplosweb.com/clients/ebusiness/_base/img/picture_example.jpg); margin-left: 12px;  margin-top: 20px; }
.picture3 { width: 200px; height: 100px; background-image: url(http://www.aplosweb.com/clients/ebusiness/_base/img/picture_example.jpg); margin-left: 12px;  margin-top: 20px; }
.divider { width: 845px; margin-top:20px; margin-bottom:20px; float:left;}
.tabpic {width:150px; height:27px; float:left; padding-left:15px; border: none;}
.imgright {width:400px; height:183px; float:right; padding-left:10px;}

/*--------------------------------------------
Typography
---------------------------------------------*/
h1 { color: black; font-size: 16px; border-left: 2px solid #283891; padding-left:10px; }
h2 { font-weight: normal; font-size: 13px; color: #03273d;}
h3 { font-weight: normal; font-size: 17px; color: #03273d;}
a { color: #03273d; outline: none; text-decoration: none; }
a:hover {text-decoration: underline;}
p { margin-top: 5px; font-size: 12px; padding-left: 12px; line-height: 20px; }
/*--------------------------------------------
Misc
---------------------------------------------*/
ul#content { list-style: none; margin-top: 15px; }
ul#content li { display: none;}

ul#list  {list-style: square; padding-left: 25px;}
ul#list li {  display: block;  }

ul#blocklist  {  padding-left: 12px; padding-top: 10px; list-style: none;}
ul#blocklist li { max-height: 30px; background-color: #EFF5FB; min-height: inherit; display: block; padding: 10px; border-bottom:1px dotted #EFECED; border-top: 1px dotted #EFECED;}

ul#blocklist li a { font-size: 12px;}
ul#blocklist li.active {color: white; background-color: #03273d;}
ul#blocklist li.active a {color: black; background-color: #03273d;}
ul#blocklist li a:hover { font-size: 12px; color: #EFECED; }


.clear { clear:both; }
/*--------------------------------------------
Form
---------------------------------------------*/
input { border: 1px solid #CCCCCC; padding: 4px; font: 12px Arial, Helvetica, Sans-Serif; }
textarea { border: 1px solid #CCCCCC; padding: 4px; font: 12px Arial, Helvetica, Sans-Serif; }
.form { margin: 0 auto; width: 530px; padding-top: 15px; }
#contact_form label { color: #333333; display: block; font-weight: bold; text-align: right; width: 140px; float: left; }
#contact_form .small { color: #666666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 140px; }
#contact_form input { float: left; width: 300px; margin: 2px 0 15px 19px; color: #444444; }
#contact_form textarea { float: left; width: 300px; margin: 2px 0 15px 19px; color: #444444; }
#contact_form button { clear: both; margin-left: 370px; *margin-left: 327px; background: #333333; color: #FFFFFF; border: solid 1px #111111; font: 12px Arial, Helvetica, Sans-Serif; font-weight: bold; padding: 4px 6px; }
 
 /*** TABLE ***/
table {
	width: 225px;
	float:right;
	margin-bottom:20px;
	}
th {
	color:#fff;
	text-align:left;
	padding-left:10px;
	background-color:#c0ced4;
	}
tr {
	}
	table tr.odd td {
		padding-left:15px;
		border-bottom:#c0ced4 thin dotted;
		border-top:#c0ced4 thin dotted;
		}
	table tr.even td {
		padding-left:15px;
		border-bottom:#c0ced4 thin dotted;
		border-top:#c0ced4 thin dotted;
		background-color:#f6f6f6;
		}
td {
	}
/*** END OF TABLE ***/