/*
Theme name: ERM Corporate
Author:    	Signpost
Author URI: http://www.signpost.co.za*/

/* Reset */
html, body, 
h1, h2, h3, h4, h5, h4, 
div, span,
form, fieldset, input, textarea, select,
p, ol, ul, li, 
blockquote, em, q, cite, code,
dt, dd, dl,
button,
code,
table, th, tr, td,
img  {
	margin: 0;
	padding: 0;
	border-top-width: 0;
	border-right-width: 0;
	border-bottom-width: 0;
	border-left-width: 0;
}

/* Basics */
body {
	background: url(media/bg-curtains.jpg) #000000 no-repeat center 4px;
	border-top: 4px solid #236ac0;
}
#wrapper {
	width: 770px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(media/bg-content.jpg) #000000 no-repeat center 50px;
}
#wrapper-home {
	width: 770px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(media/bg-content-home.jpg) #000000 no-repeat center 50px;
}
#wrapper-list {
	width: 770px;
	padding: 0px;
	margin: 0px auto 0px auto;
	background: url(media/bg-content-list.jpg) #000000 no-repeat center 50px;
}
h1, h2, h3, h4, h5, h6 {
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 11px;
}
h1 {
	font-size: 22px;
}
h2 {
	font-size: 14px;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 12px;
}
small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #3a5981;
	font-size: 10px;
}
.float-left {
	float: left;
	width: 45%;
}
.float-right {
	float: right;
	width: 45%;
	text-align: right;
}
.clearboth {
	clear: both;
}

/* Links */
a:link {
	color: #6aa5ec;
	text-decoration: none;
}
a:visited {
	color: #6aa5ec;
	text-decoration: none;
}
a:hover {
	color: #6aa5ec;
	text-decoration: underline;
}
a:active {
	color: #6aa5ec;
	text-decoration: none;
}

/* Header */
#header {
	height: 207px;
}
ul#menu {
	height:50px;
	list-style: none;
	background: #000000;
	padding: 0px 0px 0px 50px;
}
ul#menu li {
	float: left;
	text-align: center;
	padding: 0px;
	margin: 0px;
	height: 50px;
}
li#menu-home {
	width: 56px;
}
li#menu-shows {
	width: 56px;
}
li#menu-press {
	width: 56px;
}
li#menu-comedians {
	width: 87px;
}
li#menu-speakers {
	width: 73px;
}
li#menu-magicians {
	width: 82px;
}
li#menu-musicians {
	width: 82px;
}
li#menu-mcs {
	width: 47px;
}
li#menu-book {
	width: 52px;
}
li#menu-contact {
	width: 65px;
}
ul#menu li a {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 50px;
	display: block;
	width: 100%;
	height: 100%;
}
li#menu-home a, li#menu-shows a, li#menu-comedians a, li#menu-speakers a, li#menu-magicians a, li#menu-mcs a, li#menu-musicians a, li#menu-press a, li#menu-book a, li#menu-contact a {
	background-image: url(media/bg-menu.jpg);
	background-repeat: no-repeat;
	background-position: left 1000px;
}
li#menu-home a:hover, #menu-home a.down {
	background-position: left top;
}
li#menu-shows a:hover, #menu-shows a.down {
	background-position: left top;
}
li#menu-comedians a:hover, #menu-comedians a.down {
	background-position:  -138px top;
}
li#menu-speakers a:hover, #menu-speakers a.down {
	background-position: -225px top;
}
li#menu-magicians a:hover, #menu-magicians a.down {
	background-position: -56px top;
}
li#menu-mcs a:hover, #menu-mcs a.down {
	background-position: -298px top;
}
li#menu-musicians a:hover, #menu-musicians a.down {
	background-position:  -56px top;
}
li#menu-book a:hover, #menu-book a.down {
	background-position:  -345px top;
}
li#menu-press a:hover, #menu-press a.down {
	background-position: left top;
}
li#menu-contact a:hover, #menu-contact a.down {
	background-position: -397px top;
}
h1#logo {
	width: 158px;
	height: 110px;
	padding: 12px 0px 35px 27px;
	float: left;
}
h1#logo a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -1000em;
	background: url(media/erm-corporate-logo.gif) no-repeat left top;
}
h1#erm-21 {
	width: 412px;
	height: 110px;
	padding: 12px 0px 35px 27px;
	float: left;
}

h1#erm-21 a {
	width: 100%;
	height: 100%;
	display: block;
	text-indent: -1000em;
	background: url(media/erm-21-logo.gif) no-repeat left top;
}
#tagline {
	float: left;
	width: 530px;
	padding: 55px 0px 0px 0px;
}
#tagline-21 {
	float: left;
	width: 276px;
	padding: 55px 0px 0px 0px;
}
#tagline h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	text-align: right;
	color: #FFFFFF;
	font-size: 16px;
}

#tagline-21 h2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 24px;
	text-align: right;
	color: #FFFFFF;
	font-size: 16px;
}

/* Content */
#content {
	padding: 0px 0px 20px 23px;
	background: url(media/bg-content-panel.jpg) no-repeat 27px 71px;
	float: left;
	width: 720px;
}

#list {
	padding: 0px 27px 20px 23px;
	float: left;
	width: 720px;
}

/* Home */
h1.home-heading {
	padding: 24px 25px 24px 56px;
}
h3.home-text {
	clear: both;
	font-size: 18px;
	line-height: 24px;
	padding: 25px 25px 0px 56px;
}

.entry p {
	clear: both;
	font-size: 12px;
	line-height: 16px;
	padding: 7px 25px 0px 56px;
	font-weight: normal;
}

#content small, p.postmetadata  {
	clear: both;
	font-size: 11px;
	line-height: 20px;
	padding: 7px 25px 0px 56px;
}

h3.thanks-text {
	clear: both;
	font-size: 14px;
	line-height: 24px;
	padding: 15px 45px 150px 56px;
}

h4.home-text {
	clear: both;
	font-size: 15px;
	line-height: 24px;
	padding: 15px 45px 0px 56px;
}

p.thanks-text {
	clear: both;
	font-size: 12px;
	line-height: 24px;
	color: #6aa5ec;
	padding: 15px 45px 150px 56px;
}

/* Thumbnails */
ul.thumbnails {
	list-style: none;
	float: left;
	padding: 0px 0px 10px 0px;
/*	background: url(media/bg-thumbnail-lines.gif) repeat-y 240px top; */
}
ul.thumbnails li {
	width: 196px;
	height: 265px;
	float: left;
	padding: 20px 20px 10px 24px;
	background: url(media/bg-thumbnails.jpg) no-repeat 4px top; 
}
ul.thumbnails li h3 {
	font-size: 20px;
	padding: 5px 0px 5px 0px;
}
h4.booknow {
	width: 83px;
	height: 24px;
	padding: 10px 0px 0px 0px;
}
h4.booknow a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -1000em;
	background: url(media/book-now-83x24.gif) no-repeat left top;
}

/* Profile */
.profile-text {
	width: 350px;
	float: right;
	padding: 0px 20px 0px 0px;
}
h1.profile-heading {
	float: left;
	padding: 24px 0px 24px 0px;
	width: 260px;
}
.profile-text p {
	text-align: justify;
	clear: both;
	padding: 10px 0px 0px 0px;
	line-height: 1.4;
	font-size: 11px;
}
.profile-text h4.booknow {
	float: right;
	padding: 24px 0px 24px 0px;
}
.profile-text h2 {
clear: both;
padding-top:20px; 
font-size: 18px;
}

.profile-text ul {
	padding: 10px 0px 10px 30px;
}

.profile-text ol {
	padding: 10px 0px 10px 30px;
}

.profile-pics {
	width: 300px;
	float: left;
	padding: 20px 0px 0px 24px;
}
.profile-pics img {
	border: 8px solid #ffffff;
}

/* Booking */
form {
	padding: 20px 0px 0px 0px;
}
#contact {
	padding: 20px 0px 0px 0px;
}
#contact p {
	clear:both;
}
input {
	height: 14px;
	line-height: 24px;
	background: #fff;
	padding: 5px 4px 5px 4px;
	color: #000;
	width: 200px;
}
input.red {
	background: #CC3613;
	colour: #fff;
}
select {
	height: 26px;
	line-height: 24px;
	background: #fff;
	padding: 5px 4px 5px 4px;
	color: #000;
	width: 240px;
}
select.red {
	background: #CC3613;
	colour: #fff;
}
select#day {
	width: 40px;
}
select#month {
	width: 100px;
}
select#year {
	width: 70px;
}
textarea {
	width: 240px;
	padding: 5px 4px 5px 4px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
p.form-line {
	padding: 0px 0px 10px 0px;
}
.label {
	text-align: right	;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 24px;
	float: left;
	width: 40%;
	padding: 0px 20px 0px 0px;
}
.detail {
	text-align: left	;
	font-size: 12px;
	line-height: 24px;
	float: left;
	width: 40%;
	padding: 0px 20px 0px 0px;
}
.address {
	text-align: left	;
	font-size: 12px;
	line-height: 18px;
	float: left;
	width: 40%;
	padding: 4px 20px 0px 0px;
}
input.booknow {
	width: 83px;
	height: 24px;
	display: block;
	text-indent: -1000em;
	background: url(media/book-now-83x24.gif) no-repeat left top;
}
input.booknow:hover {
	cursor: pointer;
}
input.imagebutton {
	padding: 0;
	width: 83px;
	height: 24px;
}

.errorMessage {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #CC3613;
	padding: 10px 14px;
	font-size:11px;
	margin: 0px auto 20px;
	width: 320px;
	color: #fff;
}

.errorMessage ul {
	padding: 0 0 0 0;
	margin: 0 0 0 20px;
}



/* Footer */
#footer {
	clear: both;
	border-top: 4px solid #0e2036;
	margin: 0px 27px 0px 27px;
	padding: 10px 0px 10px 0px;
}

#footerleft {
	clear: left;
	border-top: 4px solid #0e2036;
	margin: 0px 27px 0px 27px;
	padding: 10px 0px 10px 0px;
}

#footer small {
	display: block;
	padding: 0px 0px 30px 0px;
}

/* response */
#respond {
text-align:left;
margin-left: 0px;

}
#respond h3 {margin: 18px 0 0 0px; padding: 0;color: #fff;font-size: 17px; font-weight: normal; position: relative;padding: 15px 0px 0px 56px;}
#respond  p {padding: 0px 0; color: #ccc;font-size: 12px;line-height: 12px; margin: 5px 10px 0 56px;}
textarea { width: 400px; height: 100px; }
#respond input { clear:both;  padding: 5px; width: 160px;}
#respond label,#respond small {  margin: 0; padding: 0;}

#commentform { margin: 0; padding: 0;}
.cancel-comment-reply { margin: 0px; padding: 0;}

#respond input#submit {
clear: both;
width:83px;
float: left;
color:#666;
height:24px;
padding:0 30px;
font-weight:bold;
background: url(media/submit.gif);
border: 0;
cursor: pointer;
overflow:hidden;
text-indent:-9999px;
}
#blog-content {
	float: left;
	width: 510px;
}
#sidebar {
	float: left;
width: 200px;
}
#sidebar h4 {
	font-size: 15px;
	line-height: 22px;
	padding: 15px 0px 0px 0px;
}

#sidebar ul {
padding: 10px 0 0 20px;
}
#content img {
margin: 0px;
border: 3px solid #fff;


}