* {
	margin:0;
	padding:0;
}

img {
	border:0;
}

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:18px;
	background-color:#e6e6e6;
}

a:link, a:active, a:visited {
	color:#ad0101;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

#container {
	width:666px;
	background-color:#fff;
	margin:0 auto;
	background-image:url(../images/christianandco.gif);
	background-repeat:no-repeat;
	background-position:38px 25px;
	padding-top:25px;
	padding-left:94px;
}

#content {
	border-left:5px solid #ad0101;
	width:624px;
	display:table;
	padding:11px 19px 24px 18px;
}

#quick-links {
	float:right;
	width:194px;
	margin-right:0px;
	/*padding-bottom:38px;*/
}

#text {
	float:left;
	width:380px;
	margin-left:0px;
	margin-bottom:30px;
	min-height:370px;
    height:auto !important;
	height:370px;
}

h1 {
	font-size:15px;
	font-weight:bold;
	color:#000;
	margin-bottom:14px;
}

h2 {
	font-size:13px;
	font-weight:bold;
	margin-bottom:4px;
}

#text ul {
	margin-left:30px;
}

#text p, #text ul, #text ol {
	margin-bottom:16px;
}

#text img {
	float:left;
	margin-right:9px;
	margin-bottom:4px;
	margin-top:4px;
}

#footer {
	clear:both;
	color:#000;
	font-size:11px;
	text-align:right;
}

iframe {
	width:350px;
	height:350px;
}

.services-menu {
	background-color:#c7c7c7;
	margin-top:6px;
	padding:6px;
	padding-bottom:0px;
}

.services-menu li {
	list-style-type:none;
	padding-bottom:6px;
	line-height:15px;
}

.services-menu li a:link,.services-menu li a:active,.services-menu li a:visited {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0px;
}

.services-menu li a:hover, 
.services-menu li a.active:link, .services-menu li a.active:active, .services-menu li a.active:visited, .services-menu li a.active:hover  {
	text-decoration:none;
	color:#ad0101;
}	

/* quick links start */

.menu {
	margin: 0;
	padding: 0;
	list-style: none;
	margin-top:6px;
}

.menu li {
	padding: 0;
	margin: 0;
	margin-left:0;
	margin-bottom:18px;
	height: 80px;
	list-style: none;
	background-repeat: no-repeat;
}

.menu li a, .menu li a:visited {
	display: block;
	text-decoration: none;
	text-indent: -2000px;
	height: 80px;
	background-repeat: no-repeat;
}

.menu:after {
	content: ".";
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

#tax-returns a {background-image: url(../images/tax-returns.jpg);} 
#tax-returns {background-image:url(../images/tax-returns-over.jpg);width:194px;}

#payroll-services a {background-image: url(../images/payroll-services.jpg);} 
#payroll-services {background-image:url(../images/payroll-services-over.jpg);width:194px;}

#management-accounts a {background-image: url(../images/management-accounts.jpg);} 
#management-accounts {background-image:url(../images/management-accounts-over.jpg);width:194px;}

#june-2008 a {background-image:url(../images/june-2008.gif);}
#june-2008 {background-image:url(../images/june-2008-over.gif);width:194px;}

#tax-returns a:hover, 
#payroll-services a:hover,
#management-accounts a:hover,
#june-2008 a:hover {
	background: none;
}

/* quick links end */

/* navigation starts */

#home {
	margin-left:5px;
}

#navigation {
	border-bottom:8px solid #ad0101;
	margin-bottom:29px;
	height:20px;
}

#navigation li {
	float:left;
	list-style-type:none;
	background-image:url(../images/after.gif);
	background-repeat:no-repeat;
	background-position:right;
	white-space:nowrap; /*otherwise case studies would wrap on ie6 as there is code below that makes the tabs as small as possible*/
}

#navigation a:link, #navigation a:visited, #navigation a:active {
	color:#000;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:0px;
	display:block;
	padding-top:2px;
	padding-left:12px;
	padding-right:12px;
	height:18px;
	background-image:url(../images/before.gif);
	background-repeat:no-repeat;
	background-position:left;
}

#navigation li:hover a:link, #navigation li.over a:link,
#navigation li:hover a:visited, #navigation li.over a:visited,
#navigation li:hover a:active, #navigation li.over a:active { 
	color:#fff;
	background-image:url(../images/before-selected.gif);
}

#navigation li:hover, #navigation li.over {
	background-image:url(../images/after-selected.gif);
}

/* start selected tab */

body.home li#home a:link, body.home li#home a:visited, body.home li#home a:active,
body.about li#about a:link, body.about li#about a:visited, body.about li#about a:active,
body.services li#services a:link, body.services li#services a:visited, body.services li#services a:active,
body.case-studies li#case-studies a:link, body.case-studies li#case-studies a:visited, body.case-studies li#case-studies a:active,
body.links li#links a:link, body.links li#links a:visited, body.links li#links a:active,
body.recruitment li#recruitment a:link, body.recruitment li#recruitment a:visited, body.recruitment li#recruitment a:active,
body.contact li#contact a:link, body.contact li#contact a:visited, body.contact li#contact a:active {
	color:#fff;
	background-image:url(../images/before-selected.gif);
}

body.home li#home,
body.about li#about,
body.services li#services,
body.case-studies li#case-studies,
body.links li#links,
body.recruitment li#recruitment,
body.contact li#contact {
	background-image:url(../images/after-selected.gif);
}
/* end selected tab */

/* makes tabs as small as possible in ie6 otherwise it doesnt work. there is code above too make sure list items do not wrap too */

#home {_width:1px;}
#about {_width:1px;}
#services {_width:1px;}
#case-studies {_width:1px;}
#links {_width:1px;}
#recruitment {_width:1px;}
#contact {_width:1px;}

/* end ie6 code */


/* navigation end */

#text ul.contactdetails {
	margin-left:0;
}

#text ul.contactdetails li {
	list-style-type:none;
}