/* CSS Document
Coded by Sarah Parmenter of You Know Who Design. 
http://www.youknowwhodesign.com
 */

/* Modified CSS Style reset - Sarah Parmenter. 
----------------------------------------------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a { outline:none; }

/* Mitchells
----------------------------------------------------------------------------------------- */
html,body { background:#3e1100; font-family:Helvetica, Arial, Verdana , sans-serif; font-size:small; margin:20px 0; }
h1 { color:#f2af32; font-family:italic "Times New Roman", Times, serif; font-size:250%; font-style:italic; font-weight:normal; }
h2 { font:bold 160% Arial, Helvetica, sans-serif; margin-bottom:15px; color:#333333; }
h3 { font:bold 120% Arial, Helvetica, sans-serif; margin-bottom:15px; color:#333333; }
p { font-size:90%; line-height:18px; }
#container { width:841px; margin:auto; background:url(../images/background.jpg) top left repeat-y #fff; }
#header { background:url(../images/top-header.gif) top left repeat-x; height:109px; }
#bottom { clear:both; }
#footer { background:url(../images/footer.gif) repeat-x top; height:6px; clear:both; position: relative; }
#opening_times{ width:147px;position: absolute; height:220px; color: #fff; top:-233px; left:35px;}

#col1 {
float:left;
width:219px;
background:#4e3227 url(../images/back-nav.jpg) repeat-x;
}
#col1 ul { list-style:none; padding-top:15px; }
#col1 li { text-align:center; color:#FFFFFF; }
#col1 li a { display:block; height:11px; padding:18px 0; color:#FFFFFF; text-decoration:none; background:url(../images/bottom_line.png) center bottom no-repeat; }
#col1 li a:hover { display:block; background:url(../images/sidebar.gif) repeat-x; color:#FFFFFF; }
#col2 { float:left; width:622px; }
#col3 {
float:left;
padding:30px;
width:562px;
/*min-height: 500px;*/
}

#footer { clear:left; }
.clear { clear:both; }
#topimage { height:304px; }
#logo { width:395px; float:right; }
#tagline { width:325px; float:left; padding:65px 0 0 20px; font-family:"Times New Roman", Times, serif; font-size:26px; font-style:italic; color:#543019; }
#homepage1 { float:left; width:210px; margin-right:3px; }
#homepage2 { float:left; width:349px; margin-top:10px; }
#content1 { float:left; width:275px; margin-right:12px; }
#content2 { float:left; width:275px; }
.picture { border:5px solid #f2af32; margin-bottom:13px; }
.jobstext { color:#f2af32; font-family:Arial, Helvetica, sans-serif; font-size:110%; font-weight:bold; text-transform:uppercase; }

/* Mitchells Jobs Form
----------------------------------------------------------------------------------------- */
.formjobs { }
.formjobs label { display:block; color:#fbb040; font:bold 90% Arial, Helvetica, sans-serif; text-transform:uppercase; }
.formjobs input { margin-bottom:10px; }
.submitbutton { background:#fbb040; font:bold 100% Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFFFFF; border:0; padding:.2em; }

/*Start Locations
----------------------------------------------------------------------------------------- */
.locations dl { float:left; clear:left; margin:20px 0; }
.locations dt { float:left; width:120px; margin-right:50px; }
.locations dd { width:364px; float:left; border:1px solid #fae498; height:161px; }
.locationplaces { font:bold 140% Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fbb040; }
.locationtel { font:bold 120% Arial, Helvetica, sans-serif; color:#000; }
.mgbottom { margin-bottom:30px; }
.prices { color:#fbb040; font-weight:bold; }
.table th,.table td { padding:10px; }

/*Products
----------------------------------------------------------------------------------------- */
.products dl { float:left; clear:left; margin:20px 0; }
.products dt { float:left; width:400px; margin-right:50px; }
.products dd { width:100px; float:left; }

/*The Team
----------------------------------------------------------------------------------------- */
.theteam { float:left; width:145px; padding:0 20px 20px 0; border-right:2px solid #e3e3e3; line-height:30px; margin-right:20px; margin-top:20px; }
.teamtitles { font:bold 110% Arial, Helvetica, sans-serif; text-transform:uppercase; color:#fbb040; }
.team dl { margin:15px 0; }
.team dt { float:left; font:italic 12px Arial, Helvetica, sans-serif; width:500px; margin-bottom:5px; }
.team dd { width:500px; color:#f3b440; font-weight:bold; clear:left; margin-bottom:10px; }
#salons { display:none; background:#704433; font-size:11px; }
#salons ul { padding:0; margin:0; }
#salons li { padding:0; }

/* Gallery
----------------------------------------------------------------------------------------- */
#gallery { margin:20px 0; }
#gallery img { margin:0 5px 5px 0; border:1px solid #4e3227; }
#gallery a:hover img { margin:0 5px 5px 0; border:1px solid #f5b136; }
#siteby { width:841px; margin:auto; clear:both; margin-top:15px; text-align:right; font-size:11px; color:#9b5f47; }
#siteby a,#siteby a:hover { color:#9b5f47; text-decoration:none; }

/* Chelmsford Services
------------------------------------------------------------------------------------------ */
.small { font-size: 10px; text-align: justify; }