/* -- =1: reset all elements to a common value ----------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li {list-style:none;display:inline}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:"'";}
abbr,acronym {border:0;font-variant:normal;}
sub {vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
a{font-size: 1.2em }
label{font-size: 1.2em; float: left; clear: left;}

/* -- =2: default classes -------------------------------------------------------------------------- */
.center { text-align: center; }
.floatleft {float:left}
.left { text-align: left !important; }
.small { font-size: 0.9em; }
.smaller { font-size: 0.8em !important; }
.bold { font-weight:bold !important;}
.floatRight { float: right; }
.floatLeft { float: left;}
.clear { clear: both; }


/* -- =3: accessibility ---------------------------------------------------------------------------- */
.aural {
	position: absolute;
	left: -9999px;
	font-size: small;
}

.hide { display: none; }


/* -- =4: Default Styles --------------------------------------------------------------------------- */
/* =4a: colours, sizes, etc of elements */
body {
	font: 62.5%/1.4 arial; /* set font size to 10px (a nice round number) - 1.4 line height */
	height: 100%;
	 background-color:#676767
}

h1 { font-size: 1.5em; text-align:left}

h2 { font-size: 1.3em;  text-align:left;}

h3 { font-size: 1.2em; text-align:left;}

h4 { font-size: 1.1em; }

h5 { font-size: 1.0em; }

h6 { font-size: 0.8em; }

p { font-size: 1.2em;}

a:link{ text-decoration: none;}
a:visited  {text-decoration: none;}
a:hover {text-decoration: none;}
a:active  {text-decoration: none;}

/* -- =5: Layout Styles --------------------------------------------------------------------------- */
#conswraper{ float:left; width:100%; height:100%;}
#container{ width:960px; height:723px; margin:0 auto}
#content{ position:relative; width:100%; height:100%; background:url('images/bg.jpg') top left no-repeat; top:40px; left:0}
#conlogo{ position:relative; top:190px; left:179px; width:602px; height:90px; background:url('images/logo.jpg') top left no-repeat; text-indent:-9999px;}
#condesc{ position:relative; top:330px; left:263px; width:434px; height:47px; background:url('images/desc.jpg') top left no-repeat; text-indent:-9999px;}
#confooter{ position:relative; top:445px; left:235px; width:489px; height:28px; background:url('images/footer.jpg') top left no-repeat; text-indent:-9999px; display:block}