* {
	margin: 0;
	padding: 0;
}
html { height: 100%; margin-bottom: 1px; }
body {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 105%;
	line-height: 1.4em;
}
a { color: #A62813; }

a, a:active, *:focus {
	outline-style:none;
}

p, #left ul {
	color: #4B4B4B;
	margin: 0.8em 0;
}
#wrapper {
	margin-left: auto;
	margin-right: auto;
	width: 740px;
}
#header {
	width: 740px;
	margin-top: 55px;
	float: left;
}
#header h1, #header h2, #header h1 a {
	display: block;
	text-indent: -1000em;
	float: left;
}
#header h1 {
	background: transparent url("i/clackmedia.gif") no-repeat top left;
	margin: 33px 0 0 0;
}
#header h1, #header h1 a {
	height: 40px; 
	width: 282px; 
}
#home #header h1 {
	background-image: url("i/clackmedia-anim.gif");
}
#header h2 {
	background: transparent url("i/media-consultancy.gif") no-repeat top left;
	height: 30px; 
	width: 206px;
}
#home #header h2 {
	background-image:  url("i/media-consultancy-anim.gif");
}
#micstop, #micsbottom {
	display: block;
	margin-right: 87px;
	float: right; 
	width: 162px;
}
#micstop {
	margin-top: 3px;
	height: 70px;
	background-image: url(i/mics-top.gif);
}
#micsbottom {
	height: 34px;
	background-image: url(i/mics-bottom.gif);
}
#splitter { 
	width: 100%;
	height: 1px;
	border-top: 1px solid #A62813;
	clear: both;
	line-height: 1px;
}

#menu {
	height: 42px;
	width: 463px;
	float: right;
	margin-top: -1px;
}

#menu a {
	color: #A62813;
	height: 28px;
	display: block;
	text-indent: -1000em;
	font-size: 125%;
	background-image: url('i/menu.gif');
}

/* Normal */
#menu li#aabout a {  background-position: 0 0;  width: 65px; }
#menu li#aservices a { background-position: -65px 0; width: 90px; }
#menu li#aexpertise a { background-position: -155px 0; width: 100px; }
#menu li#acasestudies a { background-position: -255px 0; width: 125px; }
#menu li#acontact a { background-position: -380px 0; width: 83px; }

/* Active Page or Hovered */
#about #menu li#aabout a, #menu li#aabout a:hover { background-position: 0 -28px; }
#services #menu li#aservices a, #menu li#aservices a:hover  { background-position: -65px -28px; }
#expertise #menu li#aexpertise a, #menu li#aexpertise a:hover { background-position: -155px -28px;  }
#casestudies #menu li#acasestudies a, #menu li#acasestudies a:hover { background-position: -255px -28px; }
#contact #menu li#acontact a, #menu li#acontact a:hover { background-position: -380px -28px; }

#menu ul {
	width: 463px;
	list-style: none;
	float: right;
	height: 28px;
	border-bottom: 1px solid #A62813;
}

#menu ul li {
	float: left;
	height: 28px;
}
#content {
	margin-left: auto;
	margin-right: auto;
	width: 740px;
	display: block;
	margin-top: 20px;
	float: left;
}
#content p {
	text-align: left;
}
#left { clear: both; }
#left, #right {
	display: block;
	width: 368px;
	float: left;
	min-height: 300px;
	padding-top: 1em;
}
#left { width: 280px; }
#right { width: 460px; }
body#home #right { width: 450px; }

#left *, #right * { text-align: left; }

#left img { 
	border: 1px solid #A62813; 
	padding: 5px;
	margin-left: -10px;
	margin-top: 1em;
}
#left img.noborder {
	padding: 0;
	border: 0;
}


#footer {
	clear: both;
	width: 740px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-top: 1em;
	float: left;
	border-top: 1px solid #A62813;
}
#footer p {
	font-size: 85%;
	text-align: right;
	color: #A62813;
}

.result {
	font-weight: bold;
	color: #E03126;
}

fieldset { padding: 1em; border: 1px dashed #838484; }
fieldset * {
	color: #838484;
}
legend { background-color: white; padding: 0 0.2em; }
#contact form { margin: 10px 10px 10px 50px; }
label { width: 30%; clear: left; float: left; padding: 0.3em 0; font-size: 90%; text-align: right; color: #838484; }
label span { color: red; }
input.text { width: 60%; float: left; margin: 0.3em; /* MacIE5 hack \*/ width: 65%; /* end hack */ }
textarea { width: 98%; clear: both; }
* html textarea { width: 70%; }
.submit {
	clear: both;
	width: 7em;
	text-align: center!important;
	margin-top: 1em;
}
body#home #right p { font-size: 110%; }