@charset "utf-8";

/* CSS Document */


body {
background-color:#b9b9b9;
margin:auto;
}


#wrapper {
width:920px;
margin:auto;
padding-top:5px;
}

p {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
line-height:150%;
}

.bold {
font-weight:bold;
font-size:12px;
}

.orange {
font-weight:bold;
color:#fbb020;
}

h1 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:14px;
}

h2 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:14px;
}


h3 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#000000;
font-size:12px;
}

h4 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#ffffff;
font-size:14px;
border: 1px solid #000000;
background-color:#000000;
padding:5px 5px 5px 5px;
}

h5 {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-style:italic;
font-size:14px;
}



ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
}

li {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:13px;
}

/*link state one*/

a.one:link {
color: #000000; text-decoration: underline;
font-weight:bold; 
}

a.one:visited {
color: #000000; text-decoration: underline;
font-weight:bold;
}

a.one:hover {
color: #fbb020; text-decoration: underline;
font-weight:bold;
}

/*link state 1 end*/

/*link state 2*/

a.two:link {
color: #000000; text-decoration: underline; 
font-weight:bold; 
}

a.two:visited {
color: #000000; text-decoration: underline;
font-weight:bold; 
}

a.two:hover {
color: #ffffff; text-decoration: underline;
font-weight:bold; 
}

/*link state 2 end*/

/*link state 3*/

a.three:link {
color: #000000; text-decoration: underline; 
font-weight:bold;
font-size:10px;
}

a.three:visited {
color: #000000; text-decoration: underline;
font-weight:bold;
font-size:10px;
}

a.three:hover {
color: #ffffff; text-decoration: underline;
font-weight:bold;
font-size:10px; 
}

/*link state 3 end*/


a img {
border: 0px solid #ffffff;
}

/*header control*/

#header{
background:url("http://www.in-derby.co.uk/images/header_bg.jpg") repeat-x;

width:920px;
margin:auto;
}


.hright {
float:right;
text-align:right;
}

.hleft {
margin:auto;
float:left;
text-align:left;
}

.logo {
margin-top:20px;
float:left;
text-align:left;
}

.hmiddle {
float:left;
margin:57px 150px 0 90px;
text-align:left;
}


/*header control end*/


/*navigation control*/

#nav {
float:left;
text-align:left;
background-color:#ffffff;
width:920px;
}

#navlist {
  list-style-type:none; 
  padding:0; 
  width:500px; 
  height:5em; 
  margin:0 auto;
  }
#navlist li {
  display:block; 
  width:7em; 
  height:2em; 
  float:left; 
  margin-right:0.2em;
  }
#navlist a {
  display:block; 
  width:7em; 
  height:2em; 
  position:relative; 
  text-decoration:none;
  }
#navlist a em {
  display:block; 
  font-style:normal; 
  width:7em; 
  height:1.5em; 
  color:#000000; 
  border-bottom:0.5em solid #000000; 
  position:absolute; 
  top:0; 
  left:0; 
  cursor:pointer;
  text-align:center;
  }
#navlist a:hover {
  color:#fbb020;
  }
#navlist a:hover em {
  border-bottom:0.5em solid #fbb020;
  }
#navlist a:active, #navlist a:focus {
  width:0; 
  height:0;
  outline:0; /* for browsers that understand */
  }

#navlist a:active em, #navlist a:focus em {

  /* change the em bottom border and text to blue on
  active/focus thus giving a suitable alternative to
  the dotted border */
  border-bottom:0.5em solid #fbb020; 
  color:#fbb020;
  outline:0; /* for browsers that understand */
  }
 

/*navigation control end*/


/*centre control*/


#centre {
* background:url("http://www.in-derby.co.uk/images/centre_bg.jpg") repeat-y;
min-height:500px;
width:920px;
margin:auto;
}

html>/**/body #centre {
background-color: #ffffff;
height: 100%;
}

.cmain {
float:left;
text-align:left;
margin: 0 0 30px 30px;
width:890px;
}

.cleft {
float:left;
text-align:left;
margin: 40px 0 0 30px;
width:310px;
}


.cmiddle {
margin:auto;
float:left;
text-align:left;
margin: 30px 10px 0 10px;
width: 280px;
}

.cright {
margin:auto;
float:right;
text-align:left;
margin: 30px 30px 0 0;
width:280px;
}

.clr {
float:left;
text-align:left;
margin: 0 30px 0 0;
width:560px;
}

.cright_contact {
margin:auto;
float:left;
text-align:left;
margin: 0 0 0 30px;
width:370px;
}

.cleft_contact {
margin:auto;
float:left;
text-align:left;
margin: 0 0 0 0;
width:250px
}

.form {
margin:auto;
float:left;
text-align:left;
margin: 0 10px 0 10px;
width: 200px;
}

.map {
margin:auto;
float:right;
text-align:left;
margin: 0 30px 0 0;
width:280px;
}

/*centre control end*/

/*rounded corners control*/

.bl {background: url("images/bl.gif") 0 100% no-repeat #fbb020; width:650px; margin-top:30px;}
.br {background: url("images/br.gif") 100% 100% no-repeat; width:650px;}
.tl {background: url("images/tl.gif") 0 0 no-repeat;}
.tr {background: url("images/tr.gif") 100% 0 no-repeat; width:650px;}
.clear {font-size: 1px; height: 5px; width:650px;} 

.container {
clear: left;
}

/*rounded conrner control end*/

/*listings control*/

p.listing_link {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:12px;
line-height:150%;
text-align:center;
}


.featureleft {
padding:20px 10px 10px 20px;
float: left;
text-align: left;
width: 150px;
}


.featureright {
* padding:20px 10px 10px 10px;
float: left;
text-align: left;
width: 430px;
margin-right: 20px;
}

html>/**/body .featureright {
padding: 5px 10px 10px 10px;

}

#listing {
* float:left;
width:650px;
* margin: 10px 0 0 0;
}

/*listings control end*/

/*adsense control*/

.adright {
float: right;
text-align: center;
position: relative;
padding-right: 30px;
}


/*adsense control end*/


/* contact form control */


.warningAlert,.successAlert,.errorAlert {
	text-align:center;
	font:Verdana, Arial, Helvetica, sans-serif;
	padding:9px;
	margin-top:20px;
}
.successAlert a,.warningAlert a,.errorAlert a {
	font-weight:700;
}
.successAlert {
	color:#333;
	border:3px solid #8fc15e;
	background:#edf9d9;
}
.successAlert a {
	color:#360; !important
}
.warningAlert,.errorAlert {
	color:#000;
	border:3px solid #cd6531;
	background:#ffe6cd;
}
.warningAlert a,.errorAlert a {
	color:#b46131; !important
}


/* contact form end*/


/*footer control*/

#foot {
background-color:#ffffff;
* height:94px;
width:920px;
margin:auto;
}

html>/**/body #foot {
min-height: 94px;
}


.fright {
float:right;
text-align:right;
}

.fleft {
margin:auto;
float:left;
text-align:left;
}

.fmiddle {
float:left;
margin:30px 0 0 200px;
text-align:center;
}

/*footer control end*/

/*fade control*/

#fade{
margin:0;
}


/*fade control end*/