/* -- Structure -- */

* {
 margin:0;
 padding:0;
}

body {
 text-align:center;
 font:normal 14px/22px "Trebuchet MS", Arial, sans-serif;
 background:#000 url(http://www.hamptonconservatories.co.uk/images/site/bits/main_bg.jpg) 50% top repeat-x;
}

body#welcome {
 color:#fff;
 background:#000 url(http://www.hamptonconservatories.co.uk/images/welcome.jpg) 50% 35px no-repeat;
}

#background {
background:transparent url(/images/site/general/foot_bg_new.gif) 50% bottom repeat-x;
}

#wrapper {
 text-align:left;
 width:876px;
 margin:0 auto;
 color:#fff;
}

#container {
 padding:55px 40px 40px 40px;
 border-bottom:5px solid #D3C5B9;
 color:#333;
 overflow:hidden;
 clear:both;
 background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/top_repeater.gif) 0 -5px repeat-x;
}

#content {
overflow:hidden;
margin-top:12px;
}

#news #content, #news_alt #content {margin-top:0;}

.general_content {padding-right:150px;}

#our_conservatories #container {
 overflow:hidden;
 background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/nav_sprite.gif)  left -5px repeat-x;
 padding:60px 0 0 0;
 border-bottom:0;
}

#how_we_do_things #container.alt {
 overflow:hidden;
 background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/nav_sprite.gif)  196px -5px repeat-x;
 border-bottom:0;
 padding-bottom:10px;
}

#how_we_do_things #container {
 overflow:hidden;
 background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/nav_sprite.gif)  196px -5px repeat-x;
}

#magazine #container, #magazine_alt #container {
 overflow:hidden;
  background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/nav_sprite.gif)  196px -5px repeat-x;
}


#for_architects #container {
 overflow:hidden;
 background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/top_repeater.gif) 0 -5px repeat-x;
 border-bottom:0;
 padding-bottom:10px;
}

#how_we_do_things .container {
  border-bottom:5px solid #D3C5B9;
  color:#333;
 overflow:hidden;
 clear:both;
 padding:30px 40px 40px 40px;
 background-color:#fff;
}

#for_architects .container {
  border-bottom:5px solid #333;
  color:#fff;
  background-color:#404040;
  overflow:hidden;
 clear:both;
 padding:30px 40px 40px 40px;
}

#request_a_brochure .container, #contact_us .container,  #builders container {
  border-bottom:5px solid #D3C5B9;
  color:#333;
 overflow:hidden;
 clear:both;
 padding:12px 40px 40px 40px;
 background-color:#fff;
}

#request_a_brochure #container {
 overflow:hidden;
 background:#fff url(http://www.hamptonconservatories.co.uk/images/site/bits/nav_sprite.gif)  388px -5px repeat-x;
  border-bottom:0;
  padding-bottom:0px;
}

#contact_us #container,  #builders #container  {
 overflow:hidden;
  border-bottom:0;
  padding-bottom:0px;
}

#news #content {
width:500px;
float:left;
}

#magazine #content, #jobs #content, #press #content {
width:630px;
float:left;
}

.col {
 float:left;
 width:250px;
 padding-right:20px;
}

.col_long {
float:left;
width:525px;
padding-right:20px;
}

.col_last {
 float:left;
 width:250px;
 padding-right:0;
}

.side_col {
margin-top:50px;
float:right;
padding-right:6px;
width:124px;
font-size:12px;
color:#999;
}

#footer {
clear:both;
padding-top:12px;
overflow:hidden;
padding:12px 0 60px 0;
}

#home #footer {padding-bottom:0px;}

.recent_project {
float:left;
width:201px;
padding-right:16px;
}

.recent_image {padding-right:15px;}

.clear {clear:both;}

#gallery {text-align:center;}

.comment {
padding:20px;
border:1px solid #ccc;
margin-bottom:12px;
}

.left_foot {
float:left;
margin-left:20px;
}

.right_foot {
float:right;
margin-right:20px;
margin-top:6px;
}

.dark_section {
overflow:hidden;
padding:30px 27px 30px 42px;
background:#202020 url(http://www.hamptonconservatories.co.uk/images/site/general/order_brochure_new2.jpg) 0 bottom no-repeat;
}

#for_architects .dark_section {
padding-bottom:60px;
background:#202020 url(http://www.hamptonconservatories.co.uk/images/site/architects_bg.jpg) 0 bottom no-repeat;
}

.t_planning_permission span.doc a {
display:block;
padding:0px 0 0px 23px;
margin:0;
background:transparent url(http://www.hamptonconservatories.co.uk/images/site/bits/pdf.gif) left no-repeat;
}

.dark_section p {
width:420px;
float:left;
font-size:13px;
line-height:19.5px;
color:#B4ABA3;
}

.dark_section a.brochure_link {
background-color:transparent;
display:block;
float:right;
width:167px;
height:41px;
margin-top:72px;
}

.dark_section a.brochure_link span {display:none;}

#for_architects #content a {color:#fff;}


#for_architects #content h3 {font-size:17px;}

.align_right {text-align:right;}

.align_center {text-align:center;}

.jobs_item {
padding:25px;
border:1px solid #ccc;
}

.jobs_item_surround {
margin:20px 0;
border-left:3px solid #ededed;
border-bottom:3px solid #ededed;
}

hr {
border:0;
background-color:#ccc;
height:1px
}

.float_left {float:left;}

.float_right {float:right;}

.absolute {position:absolute;}

.testimonial_container {
border-bottom:10px solid #D3C5B9;
margin-bottom:22px;
margin-top:8px;
background:#333 url(http://www.hamptonconservatories.co.uk/images/site/bits/border_bottom.gif) right bottom no-repeat;
}

.testimonial {
background:transparent url(http://www.hamptonconservatories.co.uk/images/site/bits/border_left.jpg) left repeat-y;
padding:30px;
overflow:hidden;
color:#fff;
}

.mag_title {
float:left;
padding-top:40px;
width:420px;
}

.testimonial img {
float:left;
margin-right:30px;
}

.testimonial em {
padding-top:20px;
text-align:right;
display:block;
color:#A78C74;
}

/* -- Nav -- */


#nav {
float:left;
width:615px;
margin-left:20px;
}

.nav_main01 li {
list-style:none;
float:left;
padding:10px 0 6px 0;
margin-right:14px;
}

.nav_main01 li a {
padding:6px 0;
display:block;
text-decoration:none;
color:#AAA29A;
font-size:13px;
}

.nav_main01 li a:hover, #home .nav_main01 li.itm01 a, #about_us .nav_main01 li.itm02 a, #jobs .nav_main01 li.itm02 a, #jobs_alt .nav_main01 li.itm02 a, #press .nav_main01 li.itm02 a, #press_alt .nav_main01 li.itm02 a, #news .nav_main01 li.itm03 a, #news_alt .nav_main01 li.itm03 a, #for_architects .nav_main01 li.itm04 a, #contact_us .nav_main01 li.itm05 a {color:#fff;}

.nav_main02 {clear:left;}

.nav_main02 li {
list-style:none;
float:left;
margin-right:40px;
}

.nav_main02 li a {
 font-family:Georgia, "Trebuchet MS", Arial, sans-serif;
 font-size:13px;
padding:6px 0;
display:block;
color:#fff;
text-decoration:underline;
font-size:19px;
}


.nav_main02 li a:hover, #our_conservatories .nav_main02 li.itm01 a, #how_we_do_things .nav_main02 li.itm02 a, #request_a_brochure .nav_main02 li.itm03 a {
text-decoration:none;
color:#A78C74;
}

#magazine .nav_main02 li.itm02 a, #magazine_alt .nav_main02 li.itm02 a {
text-decoration:none;
color:#A78C74;
}

.nav_foot {
 list-style:none;
 height:40px;
}

.nav_foot li {
 float:left;
 padding-left:5px;
}

.contact_nav {
float:right;
display:block;
margin-top:8px;
}

.contact_nav ul li {
list-style:none;
float:left;
margin-right:5px;
border:1px solid #ccc;
}

.contact_nav li a {
padding:10px;
display:block;
}

.contact_nav li a:hover, contact_nav li.active a {text-decoration:none;}

#container .contact_nav li.active a {
color:#fff;
text-decoration:none;
}

#container .contact_nav li.active a:hover {
color:#fff;
text-decoration:none;
}

.contact_nav li.active {
background-color:#363636;
border:1px solid #363636;
}

#side_nav {
font-family:Georgia, "trbuchet ms", arial, sans-serif;
margin-left:-20px;
margin-top:8px;
display:block;
overflow:hidden;
}

#side_nav li {
list-style:none;
float:left;
padding:0 20px;
border-right:1px solid #E8E8E8;
}

#side_nav li a {
font-size:16px;
text-decoration:none;
color:#b4b4b4;
}

#side_nav li a:hover, #side_nav li.active a {color:#404040;}

#side_nav a.itm_how_to_buy {color:#404040;}

/* -- Form Elements -- */

#brochure_form, #contact_form, #builders_form {clear:both;}

#brochure_form fieldset, #contact_form fieldset, #builders_form fieldset {
width:227px;
padding:18px;
margin-right:5px;
float:left;
height:468px;
overflow:hidden;
border:none;
background:transparent url(http://www.hamptonconservatories.co.uk/images/site/bits/fieldset_bg.jpg) bottom repeat-x;
}

#brochure_form fieldset.last, #builders_form fieldset.last {margin-right:0;}

#contact_form fieldset.alt {
width:496px;
margin-right:0;
}

#brochure_form, #contact_form,  #builders_form {
padding:0 38px;
color:#fff;
overflow:hidden;
background:#474747 url(http://www.hamptonconservatories.co.uk/images/site/bits/form_bg.jpg) top repeat-x;
}

#brochure_form input, #brochure_form textarea, #contact_form input,  #builders_form input, #builders_form textarea {width:223px;}

#contact_form textarea {width:492px;}

#brochure_form input.sml, #contact_form input.sml,  #builders_form input.sml {width:156px;}

#brochure_form input.check, #builders_form input.check {width:auto;}

#brochure_form select, #contact_form select,  #builders_form select {width:200px;}

#brochure_form input.submit {
width:128px;
float:right;
margin:20px 0;
}

#contact_form input.submit,  #builders_form input.submit {
width:127px;
float:right;
margin:20px 0;
}

#brochure_form .postcode,  #builders_form .postcode {
background-color:#000;
padding:4px 4px 10px 10px;
margin-top:10px;
}

/* -- Header Elements -- */

h1, h2, h3, h4, h5 ,h6 {
 margin:0;
 padding:8px 0 6px 0;
 font-family:Georgia, "trebuchet ms", Arial, sans-serif;
 font-weight:normal;
}

h1 {
display:inline;
float:right;
padding:20px 0px 15px 0;
width:145px;
margin-right:20px;
}

h1 a {
 display:block; 
 width:145px;
 height:73px;
 background:transparent url(http://www.hamptonconservatories.co.uk/images/site/hampton_logo.gif) 0 0 no-repeat;
 padding:0;
 float:right;
}

h1 a span {display:none;}

h2 {
font-size:30px;
line-height:34px;
color:#A18A6C;
}

h3 {
font-size:22px;
line-height:24px;
}

.side_col h3 {
font-size:20px;
color:#666;
line-height:24px;
} 

.left_foot h2 {
color:#fff;
font-size:27px;
float:left;
padding-bottom:0;
padding-top:0;
}



/* -- Lists -- */

.side_col ul li {
list-style:none;
font-size:12px;
color:#999;
}

.styled_list {
font-size:64px;
color:#A18A6C;
width:479px;
margin:0;
font-family:Georgia, "trebuchet ms", Arial, sans-serif;
}

.styled_list li {
margin-left:59px;
padding:30px 0 30px 4px;
border-bottom:1px solid #ccc;
}

.styled_list li.last{border-bottom:none;}

.styled_list li h3 strong {
color:#ccc;
font-weight:normal;
}

.styled_list li h3 {
color:#333;
font-size:22px;
line-height:0 !important;
padding-bottom:20px;
display:block;
}

.styled_list li p {
color:#666;
font-size:14px;
font-family:"trebuchet ms", Arial, sans-serif;
}

.dark_section ul {
float:left;
clear:left;
font-family:"trebuchet ms", Arial, sans-serif;
margin:10px 0 0 20px;
padding:0;
width:420px;
font-size:13px;
line-height:19.5px;
color:#B4ABA3;
}


/* -- Links -- */

.enter_uk span, .enter_us span {display:none;}

#enter {
width:320px;
margin:320px auto 0 auto;
}

.enter_uk, .enter_us {
width:150px;
height:44px;
display:block;
}

.enter_uk {
background:transparent url(http://www.hamptonconservatories.co.uk/images/enter_uk.gif) 0 0 no-repeat;
float:left;
}

.enter_us {
background:transparent url(http://www.hamptonconservatories.co.uk/images/enter_us.gif) 0 0 no-repeat;
float:right;
}

.pplink {
float:right;
margin-top:20px;
}

#container a, .container a {color:#333;}

#container a:hover, .container a:hover {
text-decoration:none;
color:#666;
}

h3 a:hover {text-decoration:none;}

#container  .side_col a, .container  .side_col a {
color:#999;
font-size:12px;
}

.side_col a:hover {text-decoration:none;}

/* -- Table Elements -- */

.recent_table td {
vertical-align:top;
padding-bottom:20px;
width:259px;
padding-right:6px;
}

.recent_table td img {
border:4px solid #A18A6C;
margin:6px 0;
}

/* -- Images -- */

img {border:0;}

.plate_left {
float:left;
padding-right:10px;
}

.plate_left_alt {
float:left;
padding-right:10px;
padding-top:4px;
}


.news_item img {
float:left;
padding:6px 10px 0px 0;
}

.right_foot img {
padding:16px 3px 0 0;
}

.right_foot span img {
padding:0 4px 0 0;
}

.begin_tour a {
display:block;
position:absolute;
margin:280px 0px 0 690px;
width:199px;
height:44px;
background:transparent url(/images/site/general/begin_tour.png) 0 0 no-repeat;
display:block;
}

.begin_tour span {display:none;}

#magazine_image {float:right;}

/* -- Typography -- */

p {
 padding:6px 0; 
 margin:0;
}

p.phone_number {
 font-family:Georgia, "Trebuchet MS", Arial, sans-serif;
 font-size:13px;
 float:right;
 padding-right:20px;
}

p.phone_number span, .right_foot p span {
 color:#A78C74;
 padding-left:20px;
}

p.phone_home {
 font-family:Georgia, "Trebuchet MS", Arial, sans-serif;
 font-size:13px;
}

.right_foot p {
text-align:right;
padding:0;
margin:0 0px 0 6px;
}

.left_foot p {
float:left;
clear:left;
padding-top:0;
color:#DACFC5;
}

.category_heading {
padding-bottom:0;
margin-bottom:-1px;
color:#999;
font-size:15px;
}

/* -- Orphans -- */

.astrix {
font-size:22px;
padding-left:2px;
color:#A18A6C;
font-weight:normal;
font-family:Georgia, "Trebuchet MS", Arial;
}

.dull {color:#999;}

#container .dull a {color:#666;}

.capitalize {text-transform:capitalize;}

.brown p {color:#A68C73;}

.form_help {
color:#A18A6C;
font-size:10px;
line-height:12px;
}

.postcode .form_help {color:#999;}

#gallery_player {
background:#000 url(/images/site/general/foot_bg_new.gif) 50% 358px repeat-x;
color:#fff;
}

#gallery_player p {
padding:20px;
text-align:center;
}

#gallery_player a {color:#fff;}

.discrete {
font-size:90%;
color:#999;
}

.discrete a {
color:#666 !important;
}

.required {
float:left;
font-size:80%;
}