/*  
Theme Name: Michael's version of HIC theme
Theme URI: http://heraghty.net/
Description: MH version of Hussain's Heraghty Internet Consultants theme.
Last Modified: 04 July 2009
Authors: Hussain SM & MH
*/

/* 
global settings		
------------------------------------------------------ */

* {
margin: 0;
padding: 0;
}
body {
background: #bcd6f2;	
font: 100%/1.3em Arial, Verdana, sans-serif;
color: #555;
text-align: center;
}

/* links */

a:link {
font-weight: bold;
text-decoration: none;
color: #ff4c73;
}
a:visited {
font-weight: bold;
text-decoration: none;
color: #f36;
}
a:hover {
font-weight: bold;
text-decoration: underline;
/*color: #c03;*/
color: #000;
}
a:active {
font-weight: bold;
text-decoration: none;
color: #ff4c73;
}
a img { 
border: 0; 
}

/* hn */

h1, h2, h3, h4, h5, h6 { 
font-weight: normal; 
color: #333;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0 0 10px;
}
h1 {
font-size: 1.6em;
}
h2 {
font-size: 1.1em;
}
h3 {
font-size: 0.9em;
}
h4 {
font-size: 0.9em;
}

/* list styles */

ul {
margin: 20px 0; 
padding: 0;
} 
ul li {
list-style-type: none;
margin: 0 0 15px;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
line-height: 19px;
}
ol {
margin: 10px 0 10px 25px; 
}
ol li {
margin: 0 0 5px 0; 
}

/* image styles */

img.left {
float: left;
margin: 0 15px 15px 0;
}
img.right {
float: right;
margin: 0 0 15px 15px;
}
img.centered {
display: block;
margin: 15px auto;
}
img.border {
padding: 4px;
border: 1px solid #d9d9d9;
}

/* form styles */

form {
margin: 0;
padding: 0;
}
form fieldset {
padding: 10px;
border: 1px solid #ccc;
}
form legend {
font-size: 0.85em;
text-transform: uppercase;
letter-spacing: 0.2em;
}
form label {
display: block;
margin: 0 0 2px;
font: 0.85em Arial, Verdana, sans-serif;
text-transform: uppercase;
letter-spacing: 0.2em;
}
form label em {
font-style: normal;
text-transform: none;
letter-spacing: normal;
}
form input,
textarea {
margin: 0;
padding: 4px;
background: #fff;
border: 1px solid #e5e5e5;
}
.btn {
overflow: visible;
padding: 5px;
background: #f00;
border: 1px solid #666;
font-size: 85%;
font-weight: bold;
color: #fff;
text-transform: uppercase;
text-align: center;
letter-spacing: 0.1em;
}
#form-info {
float: right;
width: 150px;
margin: 30px 0 0;
font-size: 0.8em;
color: #666;
line-height: 1.3em;
}

/* blockquote */

blockquote {
margin: 10px 0;
padding: 5px 35px 0;
background: url(i/blockquote.gif) no-repeat;
font: italic 1em/1.5em georgia, "lucida sans unicode", "trebuchet ms", sans-serif;
color: #000;
}


/* 
layout		
------------------------------------------------------ */

#container {
width: 960px;
float: none;
/*margin: 30px auto 0;*/
margin: 20px 0px 0 5px; 
*margin: 20px auto 0 auto; /* ie */
font-size: 0.83em;
text-align: left;
}
#col-left {
/*display: inline;*/
float: left;
width: 420px;
margin: 0 0px 0 35px;
background: url(i/col-left.gif) repeat-y;
}
#col-middle {
/*display: inline;*/
clear: right;
float: right;
width: 250px;
*margin-left: 30px; /* IE7 */
background: url(i/col-middle.gif) repeat-y;
}
#col-right {
display: inline;
float: left;
width: 210px;
margin: 0 20px 0;
margin: 0; /* ie */
padding-left: 20px; /* ie */
}
#col-main {
display: inline;
float: right;
width: 710px;
/*margin: 0 40px 0 0; */
background: url(i/col-main.gif) repeat-y;
}

/* 
header		
------------------------------------------------------ */

#header {
height: 212px;
background: #fff url(i/header.gif) repeat-x;
/*text-align: center;*/
}
#header-inner {
position: relative;
width: 960px;
text-align: center;
height: 212px;
margin: 0 auto 0 auto;
_margin: 0 0 0 25px;  /*Only IE6 reads this*/
margin: 0 0 0 25px;
text-align: left;
}
#logo {
position: absolute; 
left: 0; 
top: 34px;
width: 460px;
}
#logo a {
display: block;
width: 460px;
overflow: hidden;
padding: 71px 0 0 0;
background: url(i/logo-new.gif) no-repeat;
text-decoration: none;
height: 0px !important;
height /**/: 71px;
}

#info {
position: absolute; 
right: 0; 
top: 34px;
display: block;
width: 360px;
overflow: hidden;
padding: 90px 0 0 0;
background: url(i/info.gif) no-repeat;
height: 0px !important;
height /**/: 90px;
}
#info p {
margin: 0;
}

/* navigation */

ul#nav {
position: absolute; 
top: 156px;
height: 45px;
margin: 0;
padding: 0 0 0 2px;
background: url(i/nav-border.gif) no-repeat;
font-size: 1.1em;
font-weight: normal;
text-transform: uppercase;
}
ul#nav li {
float: left;
display: block;
list-style-type: none;
margin: 0;
padding: 0 2px 0 0;
background: url(i/nav-border.gif) no-repeat 100% 0;
}
ul#nav li a {
display: block;
margin: 0 0;
padding: 0 23px;
font-weight: normal;
line-height: 45px;
color: #fff;
}
/*
ul#nav li span {
display: block;
margin: 0; 
padding: 0;	
text-indent: -10000px;
}
*/
ul#nav li a:hover, 
body#home li#nav-home a, 
body#about li#nav-about a, 
body#services li#nav-services a, 
body#clients li#nav-clients a, 
body#partners li#nav-partners a, 
body#publications li#nav-publications a, 
body#contact li#nav-contact a {
background: #c53b59;
}

ul#nav li a:hover{
text-decoration: none;
}

/* 
column left		
------------------------------------------------------ */

#col-left-top {
height: 38px;
background: url(i/col-left-top.gif) no-repeat;
}
#col-left-bottom {
height: 38px;
background: url(i/col-left-bottom.gif) no-repeat;
}
div.col-left-section {
margin: 0 10px 0 0;
padding: 0 20px;
font-size: 1.1em;
}
div.col-left-section h1 {
margin: 2px 0 30px;
}
div.col-left-section.intro h2 {
font-size: 1.2em;
font-weight: bold;
margin: 20px 0 0;
color: #0099CC;
}
div.col-left-section img {
margin: 0;
}
div.col-left-section p, div.col-left-section ul{
font-size: 0.9em;
}
div.col-left-section ul{
	margin-top:0;
	margin-bottom:10px;
}

div.col-left-section ul li{
	margin-top:0;
	margin-bottom:5px;
}



/* 
column middle		
------------------------------------------------------ */

#col-middle-top {
height: 38px;
background: url(i/col-middle-top.gif) no-repeat;
}
#col-middle-bottom {
height: 38px;
background: url(i/col-middle-bottom.gif) no-repeat;
}
#col-middle img {
margin: 0 0 20px;
padding: 2px;
border: 1px solid #a2b6cb;
}
div.col-middle-section {
margin: 0 10px 25px 0;
padding: 0 15px 15px 15px;
background: url(i/dot.gif) repeat-x 0 100%;
line-height: 1.4em;
}

div.col-middle-section.contact{
background: none;
margin-bottom: 9px;
}


div.col-middle-section h2 {
margin: 3px 0 30px;
font-size: 1.7em;
font-weight: normal;
}

/* 
column right
------------------------------------------------------ */

div.col-right-section {
margin: 0 0 40px;
}
div.col-right-section h2 {
margin: 0 0 30px;
font-size: 1.7em;
font-weight: normal;
}

/* services */

ul#list-services {
margin: 0;
padding: 0;
background: url(i/list-services.gif) repeat-y;
}
ul#list-services li {
width: 97px;
height: 95px;
list-style-type: none;
margin: 0 0 15px;
padding: 0;
background: #fff;
text-align: center;
}
ul#list-services li.left {
float: left;
}
ul#list-services li.right {
float: right;
}
ul#list-services li a {
overflow: hidden;
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 0;
text-transform: uppercase;
}
ul#list-services li a:hover {
background: #ff4c73;
color: #fff;
}
ul#list-services li span {
display: block;
margin: 0; 
padding: 0;	
text-indent: -10000px;
}
/* */
ul#list-services li#nav-serv-wa {
background: url(i/nav-serv-wa.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-wa a {
background: url(i/nav-serv-wa.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-wa a:hover, 
body#services.wa li#nav-serv-wa a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-moodle {
background: url(i/nav-serv-moodle-training.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-moodle a {
background: url(i/nav-serv-moodle-training.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-moodle a:hover, 
body#services.moodle li#nav-serv-moodle a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-adwords {
background: url(i/nav-serv-adwords-training.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-adwords a {
background: url(i/nav-serv-adwords-training.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-adwords a:hover, 
body#services.adwords li#nav-serv-adwords a {
background-image: none;
}
/* */




ul#list-services li#nav-serv-uid {
background: url(i/nav-serv-uid.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-uid a {
background: url(i/nav-serv-uid.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-uid a:hover, 
body#services.uid li#nav-serv-uid a {
background-image: none;
}
/* */

ul#list-services li#nav-serv-ut {
background: url(i/nav-serv-ut.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-ut a {
background: url(i/nav-serv-ut.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-ut a:hover, 
body#services.ut li#nav-serv-ut a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-wc {
background: url(i/nav-serv-wc.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-wc a {
background: url(i/nav-serv-wc.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-wc a:hover, 
body#services.wc li#nav-serv-wc a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-wd {
background: url(i/nav-serv-wd.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-wd a {
background: url(i/nav-serv-wd.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-wd a:hover, 
body#services.wd li#nav-serv-wd a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-ecom {
margin: 0;
background: url(i/nav-serv-ecom.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-ecom a {
background: url(i/nav-serv-ecom.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-ecom a:hover, 
body#services.ecom li#nav-serv-ecom a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-wmc {
margin: 0;
background: url(i/nav-serv-wmc.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-wmc a {
background: url(i/nav-serv-wmc.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-wmc a:hover, 
body#services.wmc li#nav-serv-wmc a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-mov {
background: url(i/nav-serv-mov.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-mov a {
background: url(i/nav-serv-mov.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-mov a:hover, 
body#services.mov li#nav-serv-mov a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-wsd {
background: url(i/nav-serv-wsd.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-wsd a {
background: url(i/nav-serv-wsd.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-wsd a:hover, 
body#services.wsd li#nav-serv-wsd a {
background-image: none;
}
/* */
ul#list-services li#nav-serv-sem {
background: url(i/nav-serv-sem.gif) 0 -95px no-repeat;
}
ul#list-services li#nav-serv-sem a {
background: url(i/nav-serv-sem.gif) 0 0 no-repeat;
}
ul#list-services li#nav-serv-sem a:hover, 
body#services.sem li#nav-serv-sem a {
background-image: none;
}

/* contact */



/* 
column main
------------------------------------------------------ */
#col-main-top {
height: 38px;
background: url(i/col-main-top.gif) no-repeat;
}
#col-main-bottom {
height: 38px;
background: url(i/col-main-bottom.gif) no-repeat;
}
#col-main-inner {
margin: 0 40px 0 30px;
}

#col-main-inner img.logo{
float:right;
margin: -30px 0 10px 10px;
}

div.col-main-section {
float: left;
width: 445px;
}

div.col-main-section a:hover{
	text-decoration: underline;
}


div.faq-section, 
div.services-section {
margin: 0 0 15px;
padding: 0 0 15px;
background: url(i/dot.gif) repeat-x 0 100%;
}
div.publications-section {
margin: 0 0 15px;
padding: 0 0 15px;
}
#col-main h1 {
margin: 0 0 10px;
padding: 0 0 5px;
border-bottom: 1px solid #a2b6cb;
font-size: 1.6em;
font-weight: bold;
color: #09c;
text-transform: uppercase;
}
div#col-main h2 {
font-size: 1.35em;
font-weight: bold;
color: #0099CC;
}
div#col-main h3 {
font-size: 0.9em;
text-transform: uppercase;
letter-spacing: 0.2em;
font-weight: bold;
}

/* breadcrumb */

#breadcrumb {
margin: 0 10px 15px 0;
font-size: 0.75em;
text-transform: uppercase;
letter-spacing: 0.1em;
}

#breadcrumb a:hover{
	text-decoration: underline;
}

/* secondary navigation */

ul#nav-sec {
float: right;
width: 195px;
margin: 0;
padding: 0 0 5px;
background: #dbdbdb url(i/nav-sec-bottom.gif) no-repeat 0 100%;
font-size: 0.8em;
text-transform: uppercase;
letter-spacing: 0.1em;
}
ul#nav-sec li {
margin: 0 5px 0 0;
padding: 0;
background: #fff;
border-bottom: 1px solid #fff;
line-height: 1.2em;
}
ul#nav-sec li a {
display: block;
margin: 0 0 0 30px;
padding: 13px 10px;
background: #ebebeb;
font-weight: normal;
}
ul#nav-sec li span{
display: block;
margin: 0 0 0 30px;
padding: 13px 10px;
font-weight: bold;
font-size: 14px;
}

ul#nav-sec li.current, 
ul#nav-sec li.current_page_item {
background: #fff url(i/nav-sec-current.gif) no-repeat;
}
ul#nav-sec li.current a,
ul#nav-sec li.current_page_item a {
font-weight: bold;
color: #c03;
}

ul#nav-sec li a:hover{
 background: #F4F4F4;
 text-decoration: none;
}

ul#nav-sec li.current a:hover, ul#nav-sec li.current_page_item a:hover{
 	background: #ebebeb;
	text-decoration: none;
}

/* contact */

#form-contact {
margin: 20px 0 0;
}
#author, 
#email,
#comment {
width: 390px;
}
#form-contact .btn {
margin: 20px 0 0;
}
address {
margin: 15px 0;
font-style: normal;
}
address span {
text-transform: uppercase;
}

/* 
publications		
------------------------------------------------------ */

div.post {
margin: 0 0 20px;
padding: 0 0 20px;
background: url(i/dot.gif) repeat-x 0 100%;
}
#col-main div.post h3.post-title {
margin: 0 0 5px;
font-size: 1.1em;
font-weight: bold;
text-transform: none;
letter-spacing: normal;
}
p.post-meta {
font-size: 0.8em;
color: #999;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* previous next entires */

p.content-navigate {
margin: 20px 0;
padding: 0;
}
span.alignright {
float: right;
}
span.alignleft {
float: left;
}

/* 
footer		
------------------------------------------------------ */

#footer {
width: 960px;
float: left;
*float: none; /* ie */
margin: 30px 10px 40px 25px;
*margin: 30px auto 40px; /* ie */
padding: 10px 0 0;
border-top: 1px solid #a2b6cb;
font-size: 0.7em;
color: #777;
letter-spacing: 0.1em;
text-align: left;
}
#footer p {
margin: 0;
}

/* 
misc
------------------------------------------------------ */
a.greylink{
color: #555555;
}

.more, .moremore {
display: block;
width: 300px;
margin: 10px 0 0;
padding: 0 0 0 15px;
background: url(i/icon-arrow.gif) no-repeat;
font-size: 0.9em;
line-height: 19px;
text-transform: uppercase;
}

.moremore{
margin-top: -20px;
}

.note {
margin: 30px 0 0;
font-size: 0.8em;
color: #999;
line-height: 1.2em;
}
em.uppercase {
font-size: 0.9em;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.1em;
}

/* 
clear		
------------------------------------------------------ */

.clear {
clear: both;
height: 0;
line-height: 0;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix { 
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */