/* CSS Document */

/*--------------------------------------------
Global Styles
---------------------------------------------*/
* { padding: 0; margin: 0; }
body {  font-size: 11px; font-family: Arial, Helvetica, Verdana, sans; color: #666666; line-height: 18px; background: #fafafa; }
div#header { background: url('http://www.aplosweb.com/clients/ebusiness/_base/img/header_bg.jpg') repeat-x top; position: relative; z-index: 2; }
div#header div.logo { padding-top: 30px; padding-bottom: 13px; *padding-bottom: 10px; }
div#header div.contact { float: right; margin-top: -60px; font-size: 12px; color: #959595; text-align: right; }
div#header div.contact span { color: #01b9ef; }
div#header div.navigation { margin-top: 20px; }
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('http://www.aplosweb.com/clients/ebusiness/_base/img/graphic.jpg') no-repeat top; width: 848px; height: 189px; 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:#FFF; }
.graphic_content { font-size: 14px; color:#FFF; padding-left:0px; 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: #ffffff; 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.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.column { float: left; width: 370px; padding-right: 25px; padding-left: 25px; padding-top: 25px; }
div.inner_content div.columnr { float: right; alight:right;width: 370px; padding-right: 25px; padding-left: 25px; padding-top: 25px; }
div.inner_content div.pricing { float: center; alight:center;width: 370px; padding-right: 25px; padding-left: 100px; padding-top: 25px; }
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.inner_content div.leftc2 { float: left; width: 350px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }
div.inner_content div.rightc2 { float: left; width: 350px; padding-right: 25px; padding-left: 25px; padding-top: 20px; }

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; }
.picture_references { border: 2px silver solid; margin-top: 10px; }
.picture1 { width: 187px; height: 200px; background-image: url(http://www.emailcode.co.uk/default/images/statistics.jpg); margin-left: 12px; border: 2px silver solid; margin-top: 20px; }
.picture2 { width: 185px; height: 200px; background-image: url(http://www.emailcode.co.uk/default/images/email.jpg); margin-left: 12px; border: 2px silver solid; margin-top: 20px; }
.picture3 { width: 185px; height: 200px; background-image: url(http://www.emailcode.co.uk/default/images/world.jpg); margin-left: 12px; border: 2px silver solid; margin-top: 20px; }
/*--------------------------------------------
Typography
---------------------------------------------*/
h3 { color: black; font-size: 14px; border-left: 2px solid #01b9ef; padding-left:10px; padding-top: 10px; }
h2 { font-weight: normal; font-size: 17px; }
h4 { font-size: 32px; padding-top:27px; padding-left:37px; color:#FFF; }
h5 { font-size: 14px; color:#FFF; padding-left: 37px; padding-right:47px; padding-top:12px; line-height:26px; font-weight: normal;}
a { color: #01b9ef; outline: none; text-decoration: none; }
a:hover { text-decoration: none; }
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: #ECECEC; min-height: inherit; display: block; padding: 10px; border-bottom: 1px solid #CCCCCC; border-top: 1px solid #ffffff;}

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

table{ border: 1px solid #CCCCCC;}
td{ border-bottom: 1px solid #CCCCCC; border-top: 1px solid #ffffff; padding: 10px; background-color:#ECECEC; }
img { border:0; }
.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; }