body{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	margin: 0px;	
	color:#666;
	background:#28333d url(../images/chilli_bg.jpg) fixed bottom left;
}

*{
margin:0px;
padding:0px;
}
a img{border:0px;}

a {
color:#333;
}

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

#global{
	width:772px;
	padding:0px;
	margin:0px auto;
	font-size:1.1em;
}


/*Bottom area*/
#bottom {
border-top:2px solid #CBCBCB;
background:#f0f0f0;
padding-top:10px ;

}

#news, #testimonials {
	float:left;
	width:364px;
	margin:0px;
	padding:0px 10px;

}

#news h4 {
font-size:1em;
color:#000;
margin-top:10px;
}
.date {
color:#999;
margin-top:3px;
}

#news p {
margin-bottom:5px;
}

#news a {
	font-weight:bold;
}
.spacer{
clear:both;
 }

#testi {
	background:url(../images/testimonial_bottom.gif) no-repeat bottom left; 

}

#testi .title {
	margin-top:10px;
	font-weight:bold;
}

.topbit {
	background:url(../images/testimonial_top.gif) no-repeat top left;
	padding:15px;
	padding-right:20px;
	min-height:150px;
}

*html .topbit {
	height:150px;
}


/* FOOTER */
#footer{
clear:both;
margin:0em;
padding-top:0.5em;
font-size:0.9em;
color:#ccc;
}

#footer a{ font-weight:bold; color:#CCC}
#footer a:hover{ font-weight:bold; color:#666 }

#login_info{
margin:0.3em auto;
width:760px;
text-align:center;
}

/**/
H1 {font-size:2em} 
H2 {font-size:1.75em; color:#666; margin:0.3em 0px;}  
H3 {font-size:1.75em; margin:0px;}  
H4 {font-size:1.25em} 

/* links */
/*a,a:active{
color:#666;

}
a:hover{
color:#FFF;
}*/

/* HEADER */
#header {
height:285px;
}

*  html #header {
	margin-bottom:-5px;
}
#accessibility{
text-align:right;
margin:0.5em auto;
width:769px;
font-size:1.1em;
}
#accessibility ul{ list-style:none; padding:0px 0.5em}
#accessibility li{ list-style:none; display:inline; padding:0.5em;}
#accessibility a{color:#FFF; text-decoration:none;}
#accessibility a:hover{color:#fff; text-decoration:underline;}

#logo{float:left; margin-right:0.4em;}

#strapline {
	background:#666 url(../images/strapline.gif) no-repeat right bottom;
	border:1px solid #000;
	margin:5px 0px 5px 255px;
	height:73px;
	color:#fff;
}

#strapline p {
	display:none;
}

#banner{
	text-align:center;
	float:left;
	min-height:127px;
	
}

#banner img{width:382px;}



#preamble {
	background:#666;
	border:1px solid #999;
	min-height:127px;
	width:342px;
	margin-right:5px;
	float:left;
	color:#fff;
	padding:20px;
	font-size:1.05em;
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70);
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
/* Hides from IE5-mac \*/
* html #preamble {height:127px;}
/* End hide from IE5-mac */

#preamble h2 {
font-size:1.3em;
color:#fff;
}

/*---main navigation and button rollovers---*/
#navigation {margin-left:16px; height:30px;}
#navigation ul{  padding:0px;}

ul.nav {
    list-style-type:none;
    line-height:0px;
    font-size:0;

}

ul.nav li, .newsbutton {
	text-indent: -10000px; 
	margin-right:1px; 
	margin-top:0px;
	background:none; 
	list-style-type:none; 
	padding-left: 0px; 
	float:left;
}

ul.nav li a, .newsbutton a { 
	display: block; 
	text-decoration:none;
	background: none; 
	list-style-type:none;
}

.newsbutton {float:right;}

/*rollovers*/

a#profile  { background: url(../images/menu/profile.jpg) no-repeat; height:31px; width:70px; }
a#planning { background: url(../images/menu/planning.jpg) no-repeat; height:31px; width:146px; }
a#service  { background: url(../images/menu/services.jpg) no-repeat; height:31px; width:84px; }
a#media    { background: url(../images/menu/media.jpg) no-repeat; height:31px; width:114px;}
a#contact  { background: url(../images/menu/contact.jpg) no-repeat; height:31px; width:92px; }

a#profile:hover, a#profile.active, a#planning:hover, a#planning.active,
a#service:hover, a#service.active, a#media:hover, a#media.active,
a#contact:hover, a#contact.active
{ background-position:0 -31px; }


/* Quick links */
#quicklinks {
	min-height:155px;
}

*html #quicklinks {
	margin-bottom:10px;
}
#quicklinks a {
	color:#333;
	text-decoration:none;
	padding-right:13px;
	background:url(../images/arrow.gif) no-repeat right;
}

#private, #corporate {
	float:left;
	width:362px;
	min-height:130px;
	background:#fff;
	border:1px solid #666;
	padding:10px;
	margin-top:3px;
	font-size:11px;
}

* html #private, * html #corporate {height:180px;}

*:first-child+html #private, *:first-child+html #corporate {
height:130px;
}

#private {
	margin-right:4px;
}

#private p, #corporate p {
	border-top:1px solid #ccc;
	padding:0.6em 0px;

}

#private p:hover, #corporate p:hover {
	background:#f0f0f0;
}



/* CONTENT */
#wrap { 
	margin:0.5em 0px;

}

#content {
	background:#fff;
	padding:10px;
}


#content ul{margin:0px 1em;}
#content li{padding:0.3em 0px;}

/* Login */
/* Login Page */
#login{
margin:0px 1em 1em 1em;
border:1px solid #ccc;
}
.cssform h1{
margin:0px 0px 1em 0px;
padding:0px;
font-size:120%;
}
.cssform{margin:1em;}
.cssform p{
margin: 0;
padding: 1em 0px;
border-top: 1px dashed gray;
}
.cssform label{
font-weight: bold;
float: left;
width: 150px; 
}
.cssform input[type="text"]{
width: 180px;
}


/*-------------------media centre-------------------*/

#col1 .box {
width:250px;
float:left;
}

#col1 {
height:210px;
margin-top:20px;
}

.news.box .more, .testimonials.box .more, .pr.box .more {
margin-bottom:10px;
padding-bottom:10px;
border-bottom:1px solid #ccc;

}

p.more {
margin-bottom:15px;
}

.box a {
text-decoration:none;
font-weight:bold;
color:#666;
}

.box a:hover {
color:#ccc;
}
.more, .back {
margin-top: 10px;
}

.viewbtn {
background: url("../images/btngrad.gif")repeat-x bottom;
padding:5px;
border:1px solid #ccc;
margin-bottom:15px;

}

a.viewbtn {
text-decoration:none;
color:#000;
font-weight:bold;
}

a:hover.viewbtn {
color:#ccc;
}

.description {
font-weight:bold;
margin-bottom:10px;
}

/*-----------------------  FORMS ---------------------------------- */
form{margin:0px; padding:0px;}
.css label{
font-weight:bold;
display:block;
margin:0em 0px ;
padding:0.5em 0px 0px 0px;
}
.css span.description{color:#999999; display:block;}
.css input{margin-top:0.5em;}
.css textarea{
width:90%;
}

#contact{ margin-top:1em;}
#contact label{
display:block;
font-weight:bold;
margin-bottom:2px;
}
#contact input,
#contact textarea{
border:1px solid #696969;
background:#2C2C2C;
color:#999;
}
#contact textarea{ width:80%; height:100px;}
#contact input.field{width:50%;}

/* ERROR AND SUCCESS*/
.success,.msgerror{
position:relative;
padding:1em 2em;
font-weight:bold;
margin: 0.5em 1em;
list-style:square;
color:#000;
}
.success  {
background-color: #ebf4e6;
border:1px solid #6faf4b;
}
.msgerror{
border:1px solid #af3434;
background: #debfc6;
color:#af3434;
}
.success a, .msgerror a{color:black;}
#error{
border:1px solid #986265;
background: #f4e7ea;
margin-bottom:1em;
}
#error h2{ 
background:#E3C0C0; 
margin:0px;
color:#986265;
border-bottom:1px solid #986265;
}
#error ul{
margin:1em 2em;
color:#000;
list-style:inside
}
.incorrect{
border:1px solid #986265;
background-color:#F4E7EA;
}
label.error,
span.description_error
{color:#986265;}

span.description_error{ 
font-size:0.9em;
margin-left:1em;
}

hr{visibility:hidden;}

.css h2 { 
border-bottom:1px solid #fff;
font-size:1.25em;
margin:0.5em 0px;
}
.css input,.css textarea{
border:1px solid #696969;
padding:0.2em;
}


/*common*/

dd{margin:0.5em 1em;}
dt{font-weight:900;}
kbd{
border:1px solid #ddd; 
border-color:#ddd #333 #333 #ddd;
padding:0.15em 0.4em;
background:#f8f8f8;
color:#1999;
font-weight:bold;
font-family:Verdana;
font-size:0.9em;
}


/********************* PAGES MANAGEMENT *********************/
.page{
clear:both;
margin:1em 0px 0.5em 0px;
border-top:1px solid #7F7F7F;
padding:0.5em;
color:#7F7F7F;
}
.page a, .page .this{
border:1px solid #6AB6E1;
margin:2px;
text-decoration:none;
padding:2px 5px;
color:#fff;
}
.page .this, .page a:hover{
background-color:#68B7E0;
color:#000;
border-color:#68B7E0;
}

.page .firstlast{
padding:2px 0.5em;
}