@charset "UTF-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	background-color: #FFF;	
}
.list {
	background-color: #ccc;
	height: 35px;
	text-align: center;
	border: 1px solid #222;
	color: #000;
	vertical-align: middle;
}

h1{
	color:#000
} 
	
h2{
	width:100%;
	font-size:24px;
	font-weight:bold;
	color:#000;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 0px;
	/*text-transform:uppercase;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ccc;*/
	
}

h3{
	color:#181818;
	font-size: 16px;
	text-transform: uppercase;
}


#services {
	width: 100%;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#ColumnBoth{
	display:inline;
	float:left;
	width:100%;
	margin:0px;
}
#ColumnLeft, #ColumnRight {
	display:inline;
	float:left;
	width:48%;
	margin:0px;
}
#ColumnLeft{
	padding-right:10px;
}
#ColumnRight{
	padding-left:10px;
}
p.intro {
	font-size:1.15em;
	font-weight:bold;
}
.links{
	text-decoration: none;
	background-color: #181818;
	color:#FFF;
	padding: 5px;
	font-size: 10px;
	text-transform: uppercase;
	border: 1px solid #222;
}
.attention{color:#181818; font-family:Arial, Helvetica, sans-serif; font-size:12px; background-color: #F37900;}
ul.servicesNav, ul.servicesNav ul{list-style-type:none; margin:0; padding:0; width:100%; text-transform:uppercase; font-family:Arial,Helvetica,sans-serif; font-size:10px}
ul.servicesNav a{ display:block;  text-decoration:none}
ul.servicesNav li{ margin-top:1px}
ul.servicesNav li a{ background:#222;  color:#fff;  padding:0.5em}
ul.servicesNav li a:hover{ background:#000}
ul.servicesNav li ul li a{ background:#ccc;  color:#000;  padding-left:20px}
ul.servicesNav li ul li a:hover{ background:#aaa;  border-left:5px #000 solid;  padding-left:15px}
.code{border:1px solid #ccc; list-style-type:decimal-leading-zero; padding:5px; margin:0}
.code code{display:block; padding:3px; margin-bottom:0}
.code li{background:#ddd; border:1px solid #ccc; margin:0 0 2px 2.2em}
.indent1{padding-left:1em}
.indent2{padding-left:2em}

/* ============================================================================================================================
== BLOCKQUOTE WITH RIGHT-ANGLED TRIANGLE
** ============================================================================================================================ */

blockquote {
    margin:1em 0;
}

blockquote p {
    margin:0; 
    font-size:1.6em;
	font-family: Cambria, Georgia, sans-serif;
}

.example-right {
	position:relative;
	padding:15px 30px;
	margin:8px 0 0 0;
	color:#fff;
	/*background:#5a8f00;*/ /* default background for browsers without gradient support */ /*Removed and localised in function page header output so we can set on a per page basis*/
	/* css3 */
	/*background:-webkit-gradient(linear, 0 0, 0 100%, from(#b8db29), to(#5a8f00));*/ /*Removed and localised in function page header output so we can set on a per page basis*/
	/*background:-moz-linear-gradient(#b8db29, #5a8f00);*/ /*Removed and localised in function page header output so we can set on a per page basis*/
	/*background:-o-linear-gradient(#b8db29, #5a8f00);*/ /*Removed and localised in function page header output so we can set on a per page basis*/
	/*background:linear-gradient(#b8db29, #5a8f00);*/ /*Removed and localised in function page header output so we can set on a per page basis*/
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* display of quote author (alternatively use a class on the element following the blockquote) */
.example-right + p {margin:15px 0 2em 85px; font-style:italic;}

/* creates the triangle */
.example-right:after {
	content:"";
	position:absolute;
	bottom:-50px;
	left:50px;
	border-width:0 20px 50px 0px;
	border-style:solid;
	/*border-color:transparent #5a8f00;*/ /*Removed and localised in function page header output so we can set on a per page basis*/
    /* reduce the damage in FF3.0 */
    display:block; 
    width:0;
}
