/*
Theme Name: Ibcos Gold Lite
Theme URI: http://www.intouchaccounting.com
Author: Ross Williams
Author URI: http://www.ait-uk.com
Date: October 2010
*/

/*
-------------------------- Colour Ref ---------------------------
#DEB40A Yellow
*/

/* 
--------------------------- CSS contents ---------------------------
* 1 Common
* 2 Layout
* 3 Nav
* 4 Headings
* 5 Typography
* 7 Links
* 9 Images
* 10 Pages
* 11 Lists
* 12 Tables
* 13 Footer
*/
 
/* Common --------------------------------------------------------*/

*	{
	margin:0; 
	padding:0;
	}

body {
	text-align: center;
	font-size: 0.75em;
	font-family: Arial, Helvetica, sans-serif;
background-color: #202020;
color: #666;	
}



/* LAYOUT ----------------------------------------------------------*/

#page {
	width: 920px;
	text-align: left;
	margin: 30px auto 20px auto;
	overflow: hidden;
background-color: #FFF;
padding: 20px;
border: 1px solid #DEB40A;
	}

#topbar {
float: left;
width: 920px;
height: 60px;
margin: 0 0 20px 0;
background: url('images/bg_topbar.jpg') no-repeat bottom right;
}
	

#logo {
float: left;
margin: 9px 0 0 0;
}


a img { border: none;}

#content {
float: left;
width: 640px;
margin: 0 30px 0 0;
}

.col_dbl {
float: left;
width: 620px;
margin: 0 0 10px 0;
}

#col1, #col2 {
float: left;
width: 290px;
margin: 0 20px 0 0;
}

#col2 {margin: 0;}

#col_right {
float: left;
width: 230px;
background-color: #DEB40A;
color: #FFF;
padding: 10px;
font-weight:bold;
}

#signoff {
float: left;
width: 590px;
background-color: #EAEAEA;
margin: 20px 0 0 0;
padding: 5px;
border: 1px solid #CCC;
}

#right {
float: left;
width: 250px;
 }

.right {
float: right;
margin: 60px 25px 0 0;
}

#copyright {
	margin: 20px auto 20px auto;
padding: 10px 0 0 0;
font-size: 0.9em;
width: 960px;
border-top: 1px solid #333;
color: #444;
}

/* HEADINGS ------------------------------------------------------*/

#header {
float: left;
width: 920px;
height: 180px;
margin: 20px 0 20px 0;
border: 1px solid #EAEAEA;
background: url('images/header3.jpg') no-repeat;
}

#header2 {
float: left;
width: 920px;
height: 180px;
margin: 20px 0 20px 0;
border: 1px solid #EAEAEA;
background: url('images/header.jpg') no-repeat;
}


#gold #header, #team #header {background-image: url('images/header.jpg');}
#contact #header, #history #header {background-image: url('images/header2.jpg');}



/* NAVIGATION ------------------------------------------------------*/

#nav {
float: left;
width: 920px;
height: 36px;
background-color: #202020;
}

#nav li {
float: left;
list-style-type: none;
padding: 0 0 0 0;
line-height: 3em;
}


#nav li a {
color: #FFF;
font-weight: bold;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 2px solid #DEB40A;
}


#nav li a:hover, #home #navhome a, #contact #navcontact a, 
#history #navhistory a, #gold #navgold a, #team #navteam a {color: #DEB40A;}

/* TYPOGRAPHY ------------------------------------------------------*/

h1 {
font-size: 2.4em;
}

#header h1 {
float: right;
width: 240px;
margin: 35px 20px 0 10px;
color: #000;
line-height: 1.2em;
font-size: 2.3em;
}

h2 {
font-size: 2em;
font-weight: normal; 
}

h3 {
float: left;
width: 100%;
margin: 0 0 10px 0;
}

.col_dbl h3 {
margin: 30px 0 20px 0;
padding: 0 0 5px 0;
border-bottom: 1px dotted #DEB40A;
font-size: 1.6em;
}

h4 {}

#col_right h3 {
font-size: 2em;
font-size: 1.4em;
padding: 0 0 10px 0;
border-bottom: 1px solid #FFF;
}

p {
font-size: 1em;
line-height: 1.8em;
margin: 10px 0 0 0;
}

#price {
font-size: 2em;
width: 200px;
line-height: 1em;
padding: 0;
margin: 0;
}

#phone {
float: right;
font-size: 2em;
color: #202020;
}

#home .col_dbl p, #signoff p {
font-size: 1.4em;
line-height: 1.3em;
font-weight: normal;}


#signoff p { 
color: #6C5D1C;
font-weight: bold;
margin: 0;
}

.yellow {font-style: italic;color: #DEB40A;}

/* LINKS ------------------------------------------------------*/	

a {
color:#FFF;
font-decoration:none;
}

a:hover {}
a:active {}
a:visited {}

/* IMAGES ------------------------------------------------------*/

/* PAGES ------------------------------------------------------*/	

/* LISTS ------------------------------------------------------*/	

ul {
float: left;
margin: 0;
padding: 0;
}

li {}

#col_right li { 
float: left;
font-size: 1.2em;
width: 200px;
list-style-type: none;
padding: 0 0 10px 25px;
background: url('images/bullet.jpg') no-repeat 0 0;
}

p.last_bullet { 
float: left;
font-size: 1.2em;
width: 230px;
list-style-type: none;
margin:0px;
background: none;
}

#contact #col_right {
font-weight: bold;
}


/* TEAM --------------------------------------------------------*/

.member {
float: left;
border-bottom: 2px solid #DEB40A;
width: 600px;
margin: 0 0 30px 0;
padding: 0 0 20px 0;
}

.member .imgleft {
float: left;
width: 150px;
margin: 0 20px 0 0;
}

.member img {border: 3px solid #202020;}

.member h2 {
float: left;
height: 30px;
width: 420px;
color: #202020;
border-bottom: 1px solid #CCC;
display: block;
}


.member p {
float: left;
width: 420px;
}

.member h2 a.mail {
float: right;
width: 18px;
height: 0;
overflow: hidden;
padding: 12px 0 0 0;
margin: 12px 0 0 0;
background: url('images/icon_email.jpg') no-repeat;
display: block;
}

.member a:hover.mail {background-position: 0 -14px;}

.member .left {
float: left;
width: 420px;
}

.name {
float: left;
display: block;
width: 370px;
}


/* FORM --------------------------------------------------------*/

form { 
float: left;
width: 100%;
margin: 10px 0 0 0;
}

label, input, textarea {
float: left;
width: 150px;
padding: 20px 0 0 0;
border: 1px solid #CCC;
font-weight: bold;
}

label { border: none;}

textarea {
width: 370px;
margin: 10px 0 0 0;
padding: 10px;
font-family: verdana;
font-size: 1.1em;
font-weight: normal;}

input {
width: 370px;
padding: 10px;
border: 1px solid #CCC;
margin: 10px 0 0 0;
font-weight: normal;
}

input#submit {
width: 150px;
float: right;
margin-right: 78px;
background-color: #DEB40A;
border: none;
color: #FFF;
font-weight: bold;}


/* FOOTER ------------------------------------------------------*/