/* 
    Document   : site.css
    Created on : June 24, 2010, 4:31:11 PM
    Author     : M. Bradley t/a Productive Inbox
    site       : Productive Inbox
    Description:
        Site specific styles
*/

/*override any elements defined in global here */
 body { color:#333333; font-family:Arial; line-height:17px; }
 div.container { background-color: #FFFFFF; }
 /* Override end */

h1 { font-family: Arial; font-size: 60px; display: inline; color:#333333; font-weight:normal; line-height:70px; }
h2 { font-family: Arial; font-size: 26px; display: block; color:#333333; font-weight:normal; margin: 10px 0 0 0; }

h2.web { font-family: Arial; font-size: 26px; display: block; padding: 7px 5px 7px 5px; color:#FFFFFF; font-weight:normal; margin: 10px 0 0 0; background-image: url(../images/backgrounds/web_header.gif); background-position:left; background-repeat:no-repeat; }
h2.iphone { font-family: Arial; font-size: 26px; display: block; padding: 7px 5px 7px 5px; color:#FFFFFF; font-weight:normal; margin: 10px 0 0 0; background-image: url(../images/backgrounds/iphone_header.gif); background-position:left; background-repeat:no-repeat; }
h2.it { font-family: Arial; font-size: 26px; display: block; padding: 7px 5px 7px 5px; color:#FFFFFF; font-weight:normal; margin: 10px 0 0 0;   background-image: url(../images/backgrounds/it_header.gif); background-position:left; background-repeat:no-repeat; }

h3 { font-family: Arial; font-size: 17px; display: inline; color:#666666; font-weight:normal; }
h3.subNav { display: block; margin: 20px 0 0 0; font-family: Arial; font-size: 17px; padding:0px; color:#666666; font-weight:normal;}
h4 { font-family: Arial; font-size: 26px; display: block; color:#999999; font-weight:normal; margin: 5px 0 0 0; }
h5 { font-family: Arial; font-size: 15px; display: inline; color:#CC0000; font-weight:bold; }

p { font-family: Arial; display: inline; line-height:17px; }

.highlight {color: #333333; }
.red {color: #CC0000; }
.small { font-size: 11px; }
.large { font-size: 15px; }
img { border:0px; margin:0px; padding:0px; }
img.rightFrame { margin-right: 20px; }
img.thumbnail { margin-right: 20px; border:solid 1px #CCCCCC; padding:2px; }

ul {  margin-top: 0px; }
hr { height:0px; border-bottom: 0px; border-left:0px; border-right: 0px; border-top: 1px dotted #AAA; }

a:link { color:#387AB8; text-decoration: underline;  }
a:active { color:#387AB8; text-decoration: underline; }
a:visited { color:#387AB8; text-decoration: underline; }
a:hover { color:#333; text-decoration: underline; }

a.button:link { color: #FFF; background-color:#CC0000; text-decoration: none; display: inline; padding:3px 10px 3px 10px; }
a.button:active { color: #FFF; background-color:#CC0000; text-decoration: none; display: inline; padding:3px 10px 3px 10px; }
a.button:visited { color: #FFF; background-color:#CC0000; text-decoration: none; display: inline; padding:3px 10px 3px 10px; }
a.button:hover { color: #FFF; background-color:#333; text-decoration: none; display: inline; padding:3px 10px 3px 10px; }

/*Header Elements */
div.topBar { height:90px; min-height: 90px; width: 100%; line-height: 30px; font-size:15px; font-family: Arial; }
div.topBar div.left { float: left; padding-top:20px; display:inline; text-align: left; padding-left:5px; }
div.topBar div.right { float: right; padding-top:15px;  display:inline; text-align: right; }

div.header { line-height:25px; min-height:25px; height: 25px; width: 100%; float:left; font-family: Arial; border-bottom:dotted 1px #333333;}
div.header div.nav { float: right; text-align:right; width: 940px; display:inline; }
div.header div.nav ul { list-style: none; margin: 0; padding: 0; margin:0; text-align: right; }
div.header div.nav li { display: inline; line-height: 25px; }
div.header div.nav a:link { padding-left:30px; color:#666; font-size:15px; text-decoration: none; text-transform:uppercase; font-weight: bold;  }
div.header div.nav a:active { padding-left:30px; color:#666; font-size:15px; text-decoration: none; text-transform:uppercase; font-weight: bold; }
div.header div.nav a:visited { padding-left:30px; color:#666; font-size:15px; text-decoration: none; text-transform:uppercase;  font-weight: bold;}
div.header div.nav a:hover { padding-left:30px; color:#CC0000; font-size:15px; text-decoration: none; text-transform:uppercase;  font-weight: bold;}

body#news a#navnews, body#services a#navservices, body#clients a#navclients, body#about a#navabout, body#contactus a#navcontactus, body#home a#navhome { padding-left:30px; color:#CC0000; font-size:15px; text-decoration: none; text-transform:uppercase;  font-weight: bold;}

/* Body Elements */
div.body { width: 940px; float:left; display:block; background-color: #FFFFFF; margin-top:20px; padding: 0px; }
div.body div.homeLeft { width: 590px; float: left; display: inline; }
div.body div.homeRight { width: 320px; float: right; display: inline; text-align:left; }
div.body div.left { width: 300px; float: left; display: inline; }
div.body div.right { width: 620px; float: right; display: inline; text-align:left; line-height:20px; }
div.body div.copyright { width: 320px; float: right; display: inline; text-align:right; font-size: 11px; color:#666666; }
div.body table.solutions { border-bottom:dotted 1px #333333; width: 100%; margin:0px; padding-bottom:10px; }
div.body table.solutions ul { padding-left:20px; padding-top:10px; margin:0px; }
div.body table.solutions li { color: #CC0000; line-height:25px; list-style-type: square;}
div.body div.welcomeImage { width:250px; float: left; display: inline; }
div.body div.welcomeIntro { width: 320px; float: right; display:inline; text-align: left; }
div.homeIntro { border-bottom: dotted 1px #333; width: 940px; float:left; display:block; min-height:308px; height:308px; }
div.homeIntro div.image { line-height:20px; float: left; display: inline; min-height:308px; height:308px; width:600px; background-image: url(../images/backgrounds/home_background.jpg); background-position:left; background-repeat:no-repeat; padding-left:300px; }

div.date { font-weight:bold; width:46px; min-height:46px; height:46px; background-color:#333333; text-align:center; font-size:17px; color:#FFFFFF; line-height: 20px; padding-top:5px; margin-right:20px; }
div.info { width: 260px; float:right; display: inline; padding:20px; background-color:#DEDEDE; margin-bottom:20px; }
div.info ul { margin-left:15px; }

div.subNav { width: 270px; float:left; display: inline; padding-right: 10px; background-color:#FFFFFF;}
div.subNav ul { padding:0px; margin:0px; list-style-type:none; }
div.subNav li { line-height: 25px; list-style-type:none; display:block; }
div.subNav a:link { display: block;   text-align: left; line-height: 25px; color: #387AB8; padding:2px 5px 2px 5px; margin-left:10px; }
div.subNav a:active { display: block; text-align: left; line-height: 25px; color: #387AB8; padding:2px 5px 2px 5px; margin-left:10px;}
div.subNav a:visited { display: block; text-align: left; line-height: 25px; color: #387AB8; padding:2px 5px 2px 5px; margin-left:10px;}
div.subNav a:hover { display: block;  text-decoration:none; text-align: left; line-height: 25px; color: #333333; background-color: #CCCCCC; padding:2px 5px 2px 5px; margin-left:10px;}

div.alignRight { text-align: right; }
div.alignCentre { text-align: center; }

/*Footer Elements */
div.footer { margin-top:20px; width: 920px; min-height:110px; height: 110px; float:left; display:block; background-color: #CCCCCC; padding: 10px 10px 0px 10px; font-family: Arial; }

div.footer div.links { width: 225px; float: left; padding-right: 5px; font-size: 15px; line-height:25px; }
div.footer div.links ul { list-style: none; margin:0; padding:0; text-align:left; }
div.footer div.links li { display: block; }
div.footer div.links a.sitemap:link { color:#333; font-size:13px; text-decoration: none;  }
div.footer div.links a.sitemap:active { color:#333; font-size:13px; text-decoration: none; }
div.footer div.links a.sitemap:visited { color:#333; font-size:13px; text-decoration: none; }
div.footer div.links a.sitemap:hover { color:#CC0000; font-size:13px; text-decoration: none; }
div.footer div.newsletter { width: 300px; text-align:left; float: right; font-size: 13px; }

table.services { width: 100%; }
td.services { width:33%; vertical-align:top; text-align:left; }
td.servicesEnd { width:200px; vertical-align:top; text-align:left; text-align:left; }
img.serviceHeaders { padding-bottom:10px; }

li.services { list-style-image: url(../images/icons/action_check.gif); vertical-align:top; list-style-position:outside; line-height:25px; }