/*   
Theme Name: Moving Finger c2010
Theme URI: http://www.movingfinger.co.uk
Description: Tri-color clean, business style site, 2 column, header and footer
Author: Digital Idiom Web Design
Author URI: http://www.digitalidiom.co.uk
Version: 1.0
.
 NO copy or use of original material without permission
.
*/


/* Copyright Digital:Idiom c2002 - 2010 - Contact thewebteam @ digitalidiom.co.uk */
/* www.digitalidiom.co.uk for professional web design to world standards */


/* ############## MFinger_Theme ####################################  */

/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, span, applet, object, img, iframe, ul, ol, p, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

/* The body is the outermost layout component and contains the visible page content. Setting properties for the body element will help to create consistent styling of the page content and more manageable CSS. Besides using the body element to set global properties, it is common to use the body element to set the background color of the page and create a centered container for the page content to display. */
body {
background: #FFF url("images/bg-body.gif") 0px 0px repeat-x;
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

h1 {
font:normal 14px Verdana, Arial, Helvetica, sans-serif;
margin:0px 0px 12px 0px;
padding-left:16px;
background: #FFF url("images/bullet-yellow.gif") 0px 5px no-repeat;
color: #333;
}

h2 {
font:bold 16px Verdana, Arial, Helvetica, sans-serif;
margin:8px 0px 4px 0px;
padding-left:16px;
background: #FFF url("images/bullet-blue.gif") 0px 4px no-repeat;
color: #333;
}

h3 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin:10px 0px 4px 0px;
}

hr {
height:1px;
color:#FFF;
margin:3px 0px 3px 0px;
border-top:1px dashed #CCC;
}

p {
font:normal 12px Verdana, Arial, Helvetica, sans-serif;
color: #333;
margin:6px 0px 20px 0px;
line-height:1.4em;
}

.center {
text-align:center;
}

small {
color:#999;
}

.printOnly {display:none;}

.note {
color:#777;
font-size:11px;
line-height:11px;
}

.boxed1 {
border-bottom:1px solid #CCC;
margin:10px 0px;
padding:10px;
background-color:#FFF;
}

.boxed2 {
border-bottom:1px solid #CCC;
margin:10px 0px;
padding:10px;
background-color:#FFF;
}

#content ul, #content ol {
margin:10px 0px 20px 20px;
padding:0px 0px 0px 10px;
}

#content ul li, #content ol li {
padding:5px 0px;
}


.imgRight, .alignright {
float:right;
margin-left:12px;
}

.imgLeft, .alignleft {
float:left;
margin-right:12px;
}

/* LINK STYLE ************************************* */
#contentHome a:link, #contentHome a:visited, #content a:link, #content a:visited
{
color:#669; text-decoration:underline;
}

#content a:hover {
color:#FF6500; text-decoration:underline;
}

#footer a:link, #footer a:visited {
color:#777; text-decoration:none;
}

#footer a:hover {
color:#FF6500; text-decoration:underline;
}





/* BLOCK CONTAINERS ******************************* */
#page {
width: 980px;
margin: 0px auto 0px auto;
border:1px solid #BBB;
border-top:0px solid #FFF;
background-color: #FFF;
}

#masthead {
height:166px;
color:#FFF;
background: transparent url("images/bg-masthead.gif") -10px 0px no-repeat;
font:normal 24px Georgia, "Times New Roman", Geneva, serif;
}

#logo {

}

#contentHome {
float:left;
width:945px;
margin:30px 20px 0px 20px;
background-color: #FFF;
}

#content {
float:left;
width:660px;
margin:40px 0px 0px 36px;
background-color: #FFF;
}

#sidebar {
float:right;
width: 240px;
margin-top:10px;
margin-right:15px;
background-color: #FFF;
color:#333;
border-left:1px solid #DDD;
}

.top-home {
margin:20px 0px;
}

#footer {
margin:20px 0px 0px 0px;
color:#777;
font:normal 10px Verdana, Arial, Helvetica, sans-serif;
background: #FFF url("images/bg-body.gif") 0px 62px repeat-x;
text-align:center;
padding:5px 0px 12px 0px;
border-top:1px solid #BBB;
clear:both;
}


/* ###### Incidentals / Cosmetics ###### */



/* TAB MENUS ******************************************** */
#tabcontainer {
width:100%;
height:32px;
background:transparent url('') left bottom repeat-x;
}

#tablist {
padding:0px;
float:right;
margin-right:10px;
}

#tablist li
{
padding:0px;
margin-right:6px;
width:75px; height:32px;
font: 12px Verdana, Arial, Helvetica, sans-serif;
float:right;
background-color:#9CF;
text-align:right;
list-style:none;
}

#tablist #nav01 {

}

#tablist #nav99 {

}

#tablist li a, #tablist li a:link, #tablist li a:visited
{
display:block;
color: #FFF;
text-decoration: none;
font-weight:bold;
background-color:transparent;
padding-right:2px;
}

#tablist li a:hover
{
color: #666;
text-decoration: none;
}


/* SIDEBAR MAIN MENU ******************************************** */
#navcontainer {
margin-top:10px;
width:220px;
margin-left:10px;
background-color:transparent;
}

#navcontainer h2 {
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
border-bottom:1px solid #DDD;
padding-bottom:3px;
background-color:transparent;
color: #777;
}

.navlist li
{
font: 13px Verdana, Arial, Helvetica, sans-serif;
background-color:transparent;
color:#036;
list-style:none;
margin-bottom:4px;
}

.navlist li a, #navlist li a:link, #navlist li a:visited
{
color: #036;
text-decoration: none;
font-weight:normal;
padding-left:14px;
background:transparent url('images/bullet-arrow-grey.gif') 0px 3px no-repeat;
}

.navlist li a:hover
{
color: #C00;
text-decoration: none;
}

.subList li a {
font-style:italic;
}

.children li a {
font: 11px Verdana, Arial, Helvetica, sans-serif;
padding-left:14px;
background:transparent url('images/bullet-arrow-yellow.gif') 4px 4px no-repeat;
}

/* FORMS ########################## */
#frmEnquiry {border:1px solid #CCC;
padding:5px;}

#frmEnquiry th {
text-align:left;
font:normal 13px Verdana, Arial, Helvetica, sans-serif;
color: #333;
}

label {
font-size:11px;
font-weight:bold;
}

select, input, textarea
{
border:1px solid #036;
}

input.submit {
color:#FFF;
background-color:#C00;
font-weight:bold;
width:auto;
margin:4px;
border:3px solid #333;
}

/* ######## HOME PAGE  ####### */
#tblPanels {
margin-top:15px;
}
.panelHead {
padding:4px 0px;
border-right:20px solid #FFF;
border-bottom:4px solid #FFF;
font:bold 20px Verdana, Arial, Helvetica, sans-serif;
background: #06C url('/wp-content/themes/movingfinger/images/icon-corner.gif') 0px 0px no-repeat;
color:#FFF; width:300px;
}

.panelBody {
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
text-align:center;
width:300px;
border-right:20px solid #FFF;
padding:10px;
background-color:#FC3;
color:#FFF;
}

.panelButton {
background-color:#FFF;
border-right:20px solid #FFF;
color:#CCC;
text-align:center;
font:bold 12px Verdana, Arial, Helvetica, sans-serif;
}

.panel1 {
background-color:#06C;
color:#FFF; 
}

.panel1 p, .panel1 h2, .panel1 h3 {
color:#FFF;
}

.panel2 {
background-color:#FC3;
color:#555; 
}

.panel2 p, .panel2 h2, .panel2 h3 {
color:#555;
}

.panel3 {
background-color:#999;
border-right:0px solid #FFF;
color:#FFF;
}

.panel3 p, .panel3 h2, .panel3 h3 {
color:#FFF;
}

td.panelButton a:link,	td.panelButton a:visited {
text-decoration:none;
padding:3px;
margin:0 6px;
margin-bottom:6px;
display:block;
background-color:#FFF;
color:#333;
text-align:center;
font:bold 13px Verdana, Arial, Helvetica, sans-serif;
}

td.panelButton a:hover {
text-decoration:underline;
}