/* Common */
body,table,input,select,textarea { 
  font-family:Verdana, Helvetica, sans-serif; 
  font-size:11px;
  line-height:15px;
}

/* Remove padding and margin */
*
    {
    margin: 0;
    padding: 0;
    border: 0;
}

body { 
  margin:0; 
  padding:0; 
  color:#000;
  background-color: #cd003d;
}

img { 
  border:0;
}

form { 
  margin:0; 
  padding:0;
}

p,dl { 
  margin:1em 0 1em 0; 
}

h1 {
  color:#86BD0D;
  font-size:22px;  
  line-height:28px;
  font-family:Arial, Verdana, sans-serif;
}

span h1 {
  border-bottom:#86BD0D solid 1px;
  width:250px;
}

h2 {
  font-size:18px;
  color:#86BD0D;
  font-weight:normal;
  font-style:italic;
  margin:10px 0 5px 0;
  line-height:20px;
}

span h2 {
  border-bottom:#86BD0D solid 1px;
  width:250px;
  color:#86BD0D;
  font-size:22px;  
  line-height:28px;
  font-family:Arial, Verdana, sans-serif;
  font-style:normal;
  margin:0;
  font-weight:bold;
}

.text-column-wide span h2 {
  width: 500px;
}

h3 {
  color:#fff;
  font-size:18px;
  font-weight:normal;
  margin:10px 0 10px 0;
  padding:10px 0 0 0; 
  line-height: 18px; 
}

h4 {
  font-size:14px;    
  margin:10px 0 5px 0;
  color:#808080;
}

h5 {
  font-size:13px;    
  margin:10px 0 5px 0;
  color:#86BD0D;
}

.clear:after {
  content:".";
  height:1px;
  display:block;
  clear:both;
  visibility:hidden;
}

.clr {
  clear: both;
}

.imgL {
  float:left;
}

.imgR {
  float:right;
}

a {
  color:#CE003C;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

dl.col {
  line-height:18px;
}

dl.col dt { 
  float:left; 
  width:6em;
  font-weight:bold;
}

dl.col dd { 
  margin-left:7em;
}

#content .noborder {
  border: 0;
}

/* Layout */

#constrain
{	
	position:relative;
	width:915px;
	background:#ffffff url('../images/g-bg-gradientL.gif') repeat-y top left;
	margin:0 auto 0 auto;
  padding:0 0 0 12px;	
}

#wrapper
{
	width:915px;
  background: #ffffff url('../images/g-bg-gradientR.gif') repeat-y top right;
	margin:0 auto;		
	padding:0 12px 0 0;
}

#header {
  height:192px;  
  background: #ffffff url('../images/g-bg-header.gif') repeat-x top left;  
}

#content .main {
  padding:30px 55px 85px 55px;
  min-height:250px;      
}

#content .background-1 { background: #ffffff url('../images/p-hot-chilli-group.jpg') no-repeat bottom center; min-height: 430px;}
#content .background-2 { background: #ffffff url('../images/p-woman-chilli.jpg') no-repeat bottom right; }
#content .background-3 { background:none; }
#content .background-4 { background: #ffffff url('../images/p-jane-baxter-laugh.jpg') no-repeat bottom right; }
#content .background-5 { background: #ffffff url('../images/p-hot-chilli-group.jpg') no-repeat bottom right; }
#content .background-6 { background: #ffffff url('../images/p-hot-chilli-group.jpg') no-repeat bottom left;}

#footer {
  background-color:#AE1D3C;
  line-height:30px;
  font-size:11px;
  font-family:Verdana, Arial, sans-serif;
  padding:0 20px;
}

#footer .author {
  float:right;
}

#footer .author a {
  text-decoration:none;
  color:#fff;
}

#footer .author a:hover {
  color:#C1D82F;
}

/* Navigation */

#nav-top {
  position:absolute;
  top:148px;
  right:35px;
  width:400px;
  font-size:11px;
  font-family:Verdana, Arial, sans-serif;
}

#nav-top li {
  display:inline;
  vertical-align:bottom;
  margin:0 0 0 15px;
}

#nav-top a {
  text-decoration:none;
  color:#000;  
}

#nav-top a:hover {
  color:#D31145;
}

#nav-bottom li {
  display:inline;
  margin:0 20px 0 0;
}

#nav-bottom a {
  text-decoration:none;
  color:#fff;
}

#nav-bottom a:hover {
  color:#C1D82F;
}

/* Content */

.text-column {
  width:250px;
  float:left;
  margin:0 15px 0 0;
}

.text-column p {
  margin:10px 15px;
}

.text-column img {
  border-bottom:#C1D82F solid 1px;
}

.text-column-wide {
  width:500px;
  float:left;
  margin:0 15px 0 0;
}

.text-column-wide p {
  margin:10px 15px;
}

.text-column-wide img {
  border-bottom:#C1D82F solid 1px;
}

/* Flexi Buttons */

#content a.button {
  background: transparent url('../images/g-button-1-r.gif') no-repeat scroll top right;
  color:#fff;
  display: block;
  float: left;
  font-family:Trebuchet MS, Verdana, sans-serif;    
  font-size:18px;
  height: 26px;    
  margin:0 6px 15px 0;
  padding-right: 30px; /* sliding doors padding */
  text-decoration: none;
  cursor:pointer;    
}

#content a.button span {
  background: transparent url('../images/g-button-1-l.gif') no-repeat;
  display: block;
  line-height: 26px;
  padding: 0 8px 5px 20px;
}

#content a:hover.button {
  color:#c1d82f;  
}

#content a.button-two {
  background: transparent url('../images/g-button-2-r.gif') no-repeat scroll top right;
  padding: 0 5px 0 0;
}

#content a.button-two span {
  background: transparent url('../images/g-button-2-l.gif') no-repeat;
  padding: 0 8px 5px 35px;
}

/* Fixed Buttons */

a.content-button {
  font-family:Trebuchet MS, Verdana, sans-serif;
  text-decoration:none;
  font-size:20px;
  color:#fff;
  text-align:center;
  width:182px;
  line-height:26px;
  display:block;
  margin:10px 0 0 25px;  
}

a:hover.content-button {
  color:#c1d82f;
}

#content .button1 { 
  background: #fff url('../images/g-button-1.gif') no-repeat bottom left;
  padding: 0 12px 0 0;
  width:170px;  
}
#content .button2 { 
  background: #fff url('../images/g-button-2.gif') no-repeat bottom left;  
}

.contact {
  width:250px;
  height:216px;
  background: #ffffff url('../images/g-box-highlight.gif') no-repeat bottom left;
  margin:15px 0 0 25px;
  padding:0 15px;
  color:#fff;
}

.contact a {
  color:#fff;
  text-decoration:none;
}

.contact a:hover {
  text-decoration:underline;
}

.contact dt {
  font-style:italic;
}

#content ul {
  margin:10px 0 20px 15px;
  padding:0 0 0 15px;
  line-height:20px;
  list-style-image:url('../images/g-list-icon.gif');
  color:#CE003C;
}

.text-column-wide dt {
  font-weight:bold;
}

.article {
  margin:15px 0 0 0;
}

input
{
	border: 1px solid black;
}

textarea
{
	border: 1px solid black;
	width: 400px;
}

#respond
{
	color: #D6003C;
	font-style: italic;
}

.logos {
  padding:0 0 0 15px;
}

.logos img {
  border:none;
  margin:0 10px 10px 0;
}

.highlight-g {
  width:235px;
  height:186px;
  background: #ffffff url('../images/g-highlight-green.gif') no-repeat bottom left;
  margin:15px 0 0 25px;
  padding:0 15px;
  display: block;
}

.highlight-g p {
  width: 155px;
  margin: 0 0 1em 0;
}

.highlight-g a {
  color: #000;
}

p.highlight {
  background-color: #d7e67b;
  padding: 10px;
  font-size: 1.5em;
  line-height: 1.5em;
  text-align: center;
}