/* CSS Document */
/* pink: #E41370
/* dk pink: #a10d59
/* turqoise: #3ca8a7
/* green: #97bf0d
/* grey: #C7C7C7
/* dk grey: #555555
 */
h3{ clear:both;}
html { background: #C7C7C7; } 
body { padding-top: 20px; background: #C7C7C7; font-family: Helvetica, Arial, sans-serif; color: #555555; }
#container { margin-left: auto; margin-bottom: 0; margin-right: auto; margin-top: 0px; width: 980px; background: white; }
#header { padding: 20px 30px; background: url(/images/header-corner.gif) top right no-repeat; text-align: left; }
#header p {  font-size: 1.2em; font-style:  italic; margin: 0; padding: 5px 0 0 0; }


#bar { background: #E41370; height: 66px; text-align: right; }
/*move the div that holds the flash overlay up over the top of the corner image*/
#bar-inner { position: relative; top: -50px; margin-bottom: -50px; }

#creative-marketing #bar { background-color: #97bf0d; }
#public-relations #bar {  background-color: #3ca8a7; }
#strategic-marketing #bar {  background-color: #a10d59; }
#event-organisation #bar {  background-color:#634c78; }

#nav { background: #000000; color: #FFFFFF; padding: 5px 30px; text-align: right;}
#nav ul { list-style-type:  none; }
#nav ul li { display: inline; }
#nav a {  color: white;  font-size: 15px; text-decoration: none; padding: 0 0 0 20px;  }
#nav a:hover { color: #E41370; }
#nav a.current, #nav a.current:hover { color: #888888; }


#content { padding:  20px 30px; }

#contact-details { padding:  0; text-align:  right; }
#contact-details .telephone { font-size: 2em; display:  block; padding: 0 0 8px 0; }
#contact-details .email { font-size: 1.2em; }

#content-inner { width: 500px; float: right; }
#content-inner img { float: left; margin: 0 12px 0 0; }

#content { background:  url(/images/bg-main.gif) bottom left no-repeat; min-height: 300px; }
#creative-marketing #content { background-image: url(/images/bg-creative.gif);  }
#public-relations #content { background-image: url(/images/bg-pr.gif);  }
#strategic-marketing #content { background-image: url(/images/bg-strategic.gif);  }
#event-organisation #content { background-image:url(/images/bg-event.gif); }

#footer { background: #C7C7C7; clear: both; padding: 8px 30px; text-align: right;}
#footer a { }

h1,h2 { color: #E41370; }

#creative-marketing .content h1, .content h2 a.creative-marketing,  #nav a:hover.creative-marketing  { color: #97bf0d; }
#public-relations .content h1, .content h2 a.public-relations,  #nav a:hover.public-relations { color: #3ca8a7;  }
#strategic-marketing .content h1, .content h2 a.strategic-marketing,  #nav a:hover.strategic-marketing { color: #a10d59;  }
#event-organisation .content h1, .content h2 a.event-organisation,  #nav a:hover.event-organisation { color: #634c78;  }

.content h2 a:hover { color: #333333;  }

.content a, .content a:visited { color:#E41370; text-decoration: none; }
.content a:hover { color:#333333; }

#admin-controls { clear: both; }

/* Forms */

form { margin: 10px 10px 10px 0; padding: 10px 20px; width: 400px; float: left; text-align: left;border: #DDD 1px solid; }
p.legend { margin: 1em; }
p.legend em { color: #C00; font-style: normal; }
form p { margin: 0; }
form p.note { margin-left: 140px; font-size: 90%; color: #333; }
form fieldset { margin: 10px 0; padding: 10px; border: #DDD 1px solid; }
form legend { font-weight: bold; color: #888888; }
form div { padding: 0 0 0 10px; }
form fieldset div { padding: 0.25em 0; }
label, span.label { margin-right: 10px; padding-right: 10px; width: 120px; display: block; float: left; text-align: right; position: relative; }
label em, span.label em { position: absolute; right: 0; font-size: 120%; font-style: normal; color: #C00; }
input:focus,textarea:focus { background-color: #FFC; border-color: #FC6; }
div.controlset label, div.controlset input { display: inline; float: none; }
div.controlset div { margin-left: 140px; }
div.buttonrow { margin-left: 140px; }
div.errors { padding: 10px 50px 0 50px; background: #c6d8de; margin: 0 0 20px 0; border: solid 1px #416b89; }
div.errors li { color: #C00; font-style: normal; font-size: 12px; line-height: 1.4em; }
div.info { padding: 10px 50px 10px 50px; background: #c6d8de; margin: 8px 0 8px 0; border: solid 1px #416b89; }

input[type='submit'] { background:#E41370; border:solid 1px #a10d59; color:white; border-top: solid 1px #ff76b3; border-left: solid 1px #ff76b3; }
input[type='submit']:hover { background:#a10d59; border:solid 1px #ff76b3; color:white; border-top: solid 1px #a10d59; border-left: solid 1px #a10d59; }
form iframe { margin: 0 0 10px 0; }


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