/*

STYLE SHEET FOR Cholij Accounting website
Created by Vincent FitzPatrick, Landour Web Design
www.landour.com

ToC

	1. defaults
	2. structuref
	3. links and navigation
	4. fonts
	5. images
	6. tables
	7. forms
	8. facebox

Notes

*//* --------- 1. defaults  --------- */
*{
  margin:0;
  padding:0;
  border:0;
}

body{
  background:#FFF;
  color:#000;
  font-family:"Trebuchet MS","Lucida Grande","Lucida Sans Unicode",Lucida,Tahoma,Verdana,Arial,Helvetica,sans-serif;
  padding-top:7px;
}

#content{}

#header{
  background:#808285;
}
/*  --------- 2. structure  --------- */

#header,#wrapper,#content,#contentWrap #mainmenu,#footer{
  width:979px;
  margin:0 auto;
}

#contentWrap{
  margin-top:2px;
  background:#FFF;
}

#cols2a{
  float:left;
  width:625px;
}

#cols2b{
  float:right;
  width:285px;
  padding-right:20px;
}

#oneCol{

}

#header{
  height:155px;
  background:#808285;
}

#header-img1{
  float:left;
}

#mainContact{
  position:relative;
  float:right;
  margin-top:17px;
  margin-right:12px;
  text-align:right;
  font-weight:bold;
  font-size:larger;
  text-decoration:none;
  list-style:none;
}

#mainContact li{
  margin-top:3px;
  list-style:none;
  list-style-image:none;
  text-align:left;
}

#mainContact{
  text-align:right;
}

#mainContact li,#mainContact li a{
  color:#61BDF1;
  font-size:large;
  text-align:right;
  text-decoration: none;
}

#mainContact li a:hover{
  text-decoration: underline;
}

ul#mainContact li .phoneNumber{
  color:#FFF;
}

.mainChunk{
  margin-bottom:25px;
  padding:10px;
  background:#e7f7fe;
}

.minorChunk{
  margin-bottom:28px;
}

#consultation{
  margin-bottom:28px;
  border:#808285 1px solid;
  border-bottom:none;
  border-bottom-width:0;
  padding-bottom:0;
}

#consultation h2{
  background:#808285;
  text-align:justify;
  color:#61BDF1;
  padding:3px 0 3px 15px;
}

#consultation p{
  margin-top:5px;
  text-align:center;
}

#wrapper{
  border:2px solid #808285;
  margin-bottom:40px;
}

#logo{}

#navContainer{}

#content{}

#footer{}

.margined{
  padding-left:40px;
  padding-right:43px;
}

#supplier{
  float:right;
}

ul,ol{
  margin-left:25px;
}

#saveTax{
  width:410px;
  margin-left:43px;
  float:left;
  position:relative;
}

#keyWays{
  width:255px;
  margin-left:10px;
  position:relative;
  float:left;
}

#icpaLogo{
  position:relative;
  float:left;
  width:250px;
}

div.about #icpaLogo{
  position:relative;
  float:right;
  width:250px;
}

#hmrc{
  position:relative;
  float:left;
  width:250px;
}

.serviceDescription{
  margin-bottom: 23px;

}

.serviceDescription ul li{
  margin-left:55px;
}

div.narrow{
}

div.medium{
  width:645px;

}


.picFrame{
  height:440px;
  float:right;
}
/* ---------- 3. links and navigation ---------- */

a{}

a:hover{}
/* main menu
   First see to the layout and sizes.
   Then do the colours and images
*/

#mainmenu{
  margin-top:0px;
  height:38px;
}

#mainmenu a,#mainmenu ul li a:hover,#mainmenu li a.mm,#mainmenu li a.mm-active{
  height:29px;
}

#mainmenu li a.mm-active{

}

#mainmenu ul li a{
  font-size:13px;
  padding-top:9px;
  float:left;
  width:125px;
  text-decoration:none;
  font-weight:bold;
  text-align:center;
  display:block;
}

#mainmenu ul{
  padding:0;
  margin:0;
  margin-left:60px;
  list-style:none;
}

#mainmenu ul li{
  display:inline;
}
/*=============*/
/* Colours and images */

#mainmenu{
  background:#808285; /*#61BDF1;*/
}

#mainmenu a{
  color:#fff;
  background:/*#61BDF1*/ url(../images/button_blue.gif) no-repeat;

}

#mainmenu ul li a:hover{
  text-decoration:underline;
  color:#FFF;
}

#mainmenu li a.mm-active{
  color:#FFF;
  font-weight: bold;
  background:  url(../images/button_dark_blue.gif) no-repeat;

}

#footer{
  background:#61BDF1;
  color:#fff;
  height:34px;
}

#footer p{
  padding-top:10px;
  margin-left:7px;
}

#finalNav{
  text-align:left;
  float:right;
  margin-top:-32px;
  margin-right:12px;
}

#finalNav ul{
  float:left;
  list-style:none;
  text-align:center;
  clear:both;
  font-weight:bold;
}

#finalNav ul li{
  float:left;
  list-style:none;
}

#finalNav ul li.nolink{
  font:11px Arial,Helvetica,sans-serif;
  padding-top:12px;
  padding-right:15px;
}

#finalNav ul a{
  color:#FFF;
  text-decoration:underline;
  display:block;
  padding-left:12px;
}

#supplier{
  color:#000;
}
/* ---------- 4. fonts ---------- */

html{
  font-size:100%;
}

body{
  font-size:62.5%;
}

h1{
  color:#808285;
}

h2,h3,h4{
  color:#61BDF1;
}

p,ul,ol{
/*color: #6d6f73;*/}

h1{
  font-size:2.0em;
  font-weight:bold;
  padding-top:10px;
/*line-height: 1.2428571em;*/
  margin-top:0px;
  margin-left:40px;
  margin-bottom:15px;
}

h2{
  font-size:1.6em;
  font-weight:bold;
  line-height:1.2em;
  margin-bottom:1px;
}

h3{
  font-size:1.3em;
  line-height:1.1em;
  margin-bottom:1px;
}

h4{}

p{
  font-size:1.2em;
  line-height:1.45em;
  margin-bottom:1em;
}

ul li,ol li{
  font-size:1.2em;
/*  line-height: 1.45em;
  margin-bottom: 1em;*/
}

#footer.branding2{
/*color: #fff;*/}

div.mainChunk ol li{}

#keyWays ul li{
  list-style:url(../images/tick.png);
}

#registration p {
  padding: 0px;
  margin: 0px;
  margin-left:20px;
}

#registration h2 {
  margin-bottom: 15px;
}

/* ---------- 5. images ---------- */

a img{
  border:0;
}

img.middle{
  position:relative;
  float:left;
}

img.left{
  position:relative;
  float:left;
  margin:0em 1.8em 1.4em 0em;
}

div.serviceDescription img.left{
  margin-right:45px;
}

img.leftTight{
  position:relative;
  float:left;
  margin:0em 0em 0em 0em;
}

img.right{
  position:relative;
  float:right;
  margin:1.8em 0em 0em 1.8em;
}

img.rightTight{
  position:relative;
  float:right;
  margin:-0.9em -0.9em 0em 0em;
}

img.rightTight3{
  position:relative;
  float:right;
  margin-top: 0px;
  margin-left:20px;
  /*margin: 0 -30em 0 0;*/
}

img.rightFrame{
  position:relative;
  float:right;
  margin:0;
  margin-left:25px;
}

img.rightTight2{
  position:relative;
  float:right;
  margin:-1.0em 0em 0em 0em;
}

img.rightLogo{
  position:relative;
  float:right;
  margin:0em 0.0em 0em 1.8em;
}
/* ---------- 6. tables ---------- */

table{}

caption{}

tr{}

th,td{}

th{}

td{}
/* ---------- 7. forms ---------- */

form{
  padding:10px;
}

fieldset{
  border:1px solid;
  padding:15px;
  padding-left:29px;
  margin-left:12px;
  margin-bottom:10px;
}

legend{}

#formMsg{
/*color: #61BDF1;*/
  font-weight:bold;
}

label{
  float:left;
  width:195px;
  font-weight:bold;
}

input.free {
  width:370px;
  border: 1px solid;
	display:inline-block;
}

#source{
  border: 1px solid;
}


.radio{
  width:20px;
}

textarea{
  width:370px;
  height:125px;
  background:#fff;
  border: 1px solid;
}

/*input [ type = "text" ],textarea{
  border-top:1px solid #8F7B99;
  border-left:1px solid #8F7B99;
  border-bottom:1px solid #8F7B99;
  border-right:1px solid #8F7B99;
} */

input:focus,textarea:focus{
  background:#F1F1F1;
}

#formContainer{
  background: #FFF;
  margin-bottom: 25px;

}

#contactform {
  background: #FFF;
}

.formButton {
background-color: transparent;
background-image: url(../images/button_red.gif);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left center;
text-decoration: none;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 0pt;
padding-left: 4px;
display: block;
float: left;
cursor: pointer;
height: 29px;
width:172px;
color:#FFF;
font-weight: bold;
}

#jsRequired {

  margin: 15px;
  padding: 10px;
  font-weight: bold;
}

#jsRequired h3{
  color: #000;
}


label.error {
	color: red;
  margin-left:15px;
	float:none;
}

/* end of form styles */
/* ---- 8. var ---*/

.cb{
  clear:both;
}
/*  ------- contact ------*/

#contactDetails{
margin-bottom:25px;
}

.addy {
  position: relative;
  float: left;
  margin-top: 10px;
  margin-left: 20px;
  border:#808285 1px solid;
  width: 47%;
}

.addy h3 {
  color: #61BDF1;
  font-weight: bold;
  background: #808285;
  padding-top: 5px;
  padding-left: 10px;
  padding-bottom: 5px;
}


.addy ul {
  list-style:none;
   padding: 10px;
   margin:0px;
   margin-left:20px;
}



 /*
.addy li{
  list-style:none;
  list-style-image:none;
  text-align:left;

  padding:0;

}

.addy ul{
  list-style:none;
  list-style-image:none;
  margin:0;
  padding:0;
  margin-bottom:12px;
}     */


.contactName{
  font-weight:bold;
/*color: #61BDF1;*/
}

.regOffice{
  font-weight:bold;
  font-style:italic;
}
/* ---- testimoniL ----*/

div.testimonialItem{
  width: 425px;
  height: 210px;
  position: relative;
  float: left;
 background: url(../images/paper2.png) no-repeat top;
 margin-bottom: 25px;
}

div.even {
position: relative;
float: right;
}


div.paper3 {
background: url(../images/paper3.png) no-repeat top
}

div.paper4 {
background: url(../images/paper4.png) no-repeat top
}

div.paper5 {
background: url(../images/paper5.png) no-repeat top
}

.testimonialItem ul li {
  padding:0 ;
}

blockquote{

  margin:20px 20px 20px 20px;

}

p.quoteBody{

  font-weight:bold;
border-bottom:dotted 1px;
}

div.testimonialItem ul {
  list-style: none;
  font-style:italic;
  float: right;
  text-align:left;
  padding-right:25px;
}

.openQuote,.closeQuote{
  font-size:125%;
  font-weight:bolder;
}

.openQuote{}

.closeQuote{}

#intro{
  margin-bottom:25px;
  padding:10px;
  background:#FFF;
}