/* Global reset from http://meyerweb.com/eric/tools/css/reset/ */

/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	/*line-height: 1;*/
	/* Next 2 lines are dacm's additions */
	background-color: #FFFFFF;
	color: #000000;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Start */

html, body
{
	height: 100%;
}

body
{
	color: #787878;
	background-color: #181818;
	font-family: "DejaVu Sans", "Helvetica", sans-serif;
	font-size: 13px;
}

#page
{
	color: #737474;
	background-color: #e8e8e8;
	background-image: url('../images/page.png');
	background-repeat: repeat-y;
	background-position: top center;
}

#page-i
{
	background-image: url('../images/top.png');
	background-repeat: repeat-x;
	background-position: top left;
	min-height: 736px;
}

#page-ii
{
	background-image: url('../images/header.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 1013px;
	min-height: 712px;
	margin: 0 auto;
}

#header
{
	height: 539px;
	position: relative;
	overflow: hidden;
}

#header-contact
{
	display: block;
	width: 160px;
	height: 37px;
	margin: 0 21px 0 auto;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	line-height: 2.7;
}

#header-navbar,
#footer-navbar
{
	margin: 109px 12px 0 209px;
	height: 56px;
	list-style: none;
	/*overflow: hidden;*/
	color: #000000;
	font-size: 16px;
	float: left;
	padding: 0;
	border-right: 1px solid #E0E0E0;
}

#header-navbar li,
#footer-navbar li
{
	display: block;
	float: left;
	height: 100%;
	margin: 0;
	line-height: 3.5;
	position: relative;
	border-left: 1px solid #E0E0E0;
	border-right: 1px solid #B0B0B0;
}

#header-navbar li.first-child
{
	border-left: none;
}

#header-navbar li a,
#header-navbar:hover li a.active,
#footer-navbar li a,
#footer-navbar:hover li a.active
{
	display: block;
	height: 100%;
	margin: 0;
	padding: 0 1.5em;
	color: #333333;
	text-shadow: #FFFFFF 1px 1px 0;
	text-decoration: none;
}

#header-navbar li.first-child a,
#header-navbar:hover li.first-child a,
#header-navbar:hover li.first-child a.active
{
	padding-left: 0;
}

#header-navbar li a:hover,
#header-navbar li a.active,
#header-navbar li a.active:hover,
#footer-navbar li a:hover,
#footer-navbar li a.active,
#footer-navbar li a.active:hover
{
	color: #327899;
	/*color: #1F1B45;*/
	text-decoration: none;
}

#header-slider
{
	overflow: hidden;
	width: 719px;
	height: 313px;
	padding: 53px 74px 0 220px;
}

#header-slider-conservatories,
#header-slider-double-glazing,
#header-slider-bespoke-services
{
	width: 53px;
	height: 100%;
	float: left;
	background-repeat: no-repeat;
	background-position: top left;
}

#header-slider-conservatories
{
	background-image: url('../images/slider-conservatories.jpg');
}

#header-slider-double-glazing
{
	background-image: url('../images/slider-double-glazing.jpg');
}

#header-slider-bespoke-services
{
	background-image: url('../images/slider-bespoke.jpg');
	width: 613px;
}

.slider
{
	width: 613px;
	height: 100%;
}

#body
{
	padding: 0;
	margin-bottom: -138px;
	overflow: hidden;
}

#main
{
	float: left;
	width: 653px; /* 1013 - 360 */
	padding-bottom: 138px;
}

#main-i
{
	padding: 35px 30px 20px 38px;
}

#side
{
	float: right;
	width: 360px;
	padding-bottom: 21px;
}

#side-start
{
	background-image: url('../images/full-side.png');
	background-repeat: no-repeat;
	background-position: 0 12px;
	width: 360px;
	height: 386px; /* 213 + 173 */
}

#side-start-i
{
	padding: 12px 26px 2px 2px;
}

#side-start-i a,
#side-start-i a:hover
{
	display: block;
	padding: 55px 34px 9px 145px;
	height: 60px; /* 124 - padding-top - padding-bottom */
	text-decoration: none;
	color: gray;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
}

.side-square
{
	margin-top: 20px;
	background-image: url('../images/side-2.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 360px;
	height: 333px;
}

.side-square-i
{
	padding: 20px 45px 20px 20px;
	overflow: hidden;
	color: #FFFFFF;
}

.side-square-i .title
{
	text-transform: uppercase;
	font-size: 15px;
	color: #E7E7E7;
}

.side-square-i strong,
.side-square-i .strong
{
	color: #FFFFFF;
}

.side-square img
{
	border: 1px solid #FFFFFF;
	margin-right: 1em !important;
	display: block;
}

.sidebox
{
	background-image: url('../images/side-middle.png');
	background-repeat: repeat-y;
	background-position: top left;
	color: #666A73;
	font-size: 12px;
	margin: 23px 0 1em 0;
	width: 360px;
}

.sidebox-i
{
	background-image: url('../images/side-top.png');
	background-repeat: no-repeat;
	background-position: top left;
}

.sidebox-ii
{
	background-image: url('../images/side-bottom.png');
	background-repeat: no-repeat;
	background-position: bottom left;
	min-height: 349px; /* 195 + 195 - padding-top - padding-bottom */
	padding: 40px 11px 1px 1px;
	position: relative;
}

.nobox
{
	padding-right: 4px;
}

.sidebox .body
{
	padding: 10px 15px;
}

.sidebox p
{
	text-align: left;
}

#gallery
{
	display: block;
	clear: both;
	width: 930px;
	height: 182px;
	margin: 0 auto;
	background-image: url('../images/gallery.png');
	background-repeat: no-repeat;
	background-position: top left;
}

#footer
{
	clear: both;
	background-image: url('../images/bottom.png');
	background-repeat: repeat-x;
	background-position: 0px 138px;
	font-size: 11px;
	line-height: 1.5;
	color: #787878;
	min-height: 127px;
}

#footer-i
{
	background-image: url('../images/footer.png');
	background-repeat: no-repeat;
	background-position: top center;
	width: 1013px;
	padding-top: 138px;
	min-height: 127px; /* 265 - padding-top */
	margin: 0 auto;
}

#footer-navbar
{
	padding: 32px 0 0 0;
	margin: 0 12px 0 12px;
	height: 36px;
	color: #8A8F99;
	border-bottom: 1px solid #AEB1BA;
}

#footer-navbar li
{
	line-height: 2.6;
}

#footer-navbar li a,
#footer-navbar:hover li a.active
{
	color: #8A8F99;
}

#footer-navbar li a:hover,
#footer-navbar li a.active,
#footer-navbar li a.active:hover
{
	color: #8A8F99;
	background-image: none;
}

#footer-contact
{
	margin: 0 40px 0 auto;
	padding: 32px 0 39px 0;
	width: 160px;
}

#footer-contact-i
{
	display: block;
	height: 37px;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	line-height: 2.7;
}

#footer-facebook,
#footer-twitter
{
	display: block;
	float: right;
	width: 29px;
	height: 30px;
	margin-right: 19px;
}

#footer-twitter
{
	margin-right: 12px;
}

#footer-text
{
	text-align: left;
	padding: 73px 13px 0 13px;
	text-transform: uppercase;
}

#footer-text a
{
	color: #787878;
	text-decoration: none;
}

#footer-credits
{
	float: right;
}

.read-more,
.all-services,
.gallerybutton
{
	display: block;
	background-image: url('../images/button-readmore.png');
	background-repeat: no-repeat;
	background-position: top left;
	width: 103px;
	height: 30px;
}

.all-services
{
	background-image: url('../images/button-allservices.png');
}


.gallerybutton {
	background-image: url('../images/button-gallery.png');

}

.tick
{
	background-image: url('../images/tick.png');
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 44px;
	font-size: 28px;
	margin: 0;
	font-weight: normal;
	text-align: left;
	color: #000000;
	font-family: "DejaVu Sans", "Helvetica", sans-serif;
	min-height: 39px;
}

#tab-call-me-back
{
	width: 200px;
	position: fixed;
	top: 247px;
	right: -200px;
}

#tab-call-me-back-i
{
	position: relative;
	padding: 10px;
	border: 1px solid black;
	background-color: #FFFFFF;
}

#tab-call-me-back-i a.tab
{
	width: 48px;
	height: 200px;
	background-image: url('../images/tab-call-me-back.png');
	background-repeat: no-repeat;
	background-position: top left;
	position: absolute;
	top: 0;
	left: -48px;
}

#tab-call-me-back-i input.text
{
	margin-bottom: 35px;
	width: 90%;
}
/****/

sup,
sub  { font-size: 70%; }

sup { vertical-align: top;    }
sub { vertical-align: bottom; }

a       { color: #1F1B45; text-decoration: none; }
a:hover { color: #1F1B45; text-decoration: underline; }

h1, .h1 { font-size: 28px; margin: .67em 0; font-weight: normal; text-align: left; color: #252424; font-family: "DejaVu Sans", "Helvetica", sans-serif; }
h2, .h2 { font-size: 18px; margin: .83em 0; font-weight: normal; text-align: left; color: #252424; font-family: "DejaVu Sans", "Helvetica", sans-serif; }
h3, .h3 { font-size: 16px; margin: 1em   0; font-weight: normal; text-align: left; color: #252424; }

h1:first-child, .h1:first-child,
h2:first-child, .h2:first-child,
h3:first-child, .h3:first-child
{
	margin-top: 0;
}

p,
li,
dt,
dd
{
	line-height: 1.2;
}

p
{
	text-align: justify;
	margin: 1.2em 0;
}

div.text-block > p             { text-indent: 3em  !important; }
div.text-block > p:first-child { text-indent: 0    !important; }

h1 + p,
h2 + p,
h3 + p,
h4 + p,
h5 + p,
h6 + p
{
	text-indent: 0 !important;
}

table
{
	margin: 1em auto;
}

th,
td
{
	font-weight: normal;
	padding: 0.1em;
	text-align: left;
	padding: 6px;
}

th
{
	font-weight: bold;
	text-align: left;
}

form > div
{
	overflow: hidden;
}

form dl > dt
{
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0 !important;
}

form dl > dd
{
	margin: 0 0 0.5em 2em;
	padding: 0 !important;
}

.button,
input.submit,
.button:hover,
.button:active,
.button:visited,
input[type=submit],
input[type=button]
{
	display: block;
	-moz-box-sizing: content-box;
	float: right;
	padding: 0 8px;
	width: 87px; /* 103 - padding-left - padding-right */
	height: 33px; /* 30 - padding-top - padding-bottom + 3 */
	background-color: transparent;
	background-image: url('../images/button.png');
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #1F1B45;
	font-weight: normal;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	text-transform: lowercase;
	border: none;
	cursor: pointer;
}

input[type=text],
input.text,
input[type=password],
input.password,
select,
textarea
{
	width: 93%;
	border: 1px solid #D1D2D5;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #F7F7F7;
	color: #000000;
	padding: 3px 6px;
	margin-bottom: 0.6em;
}

input.empty-on-click,
textarea.empty-on-click
{
	color: #999999;
}

ol,ul
{
	padding-left: 1.5em;
	margin: 1em 0;
}

ol ol,
ol ul,
ul ol,
ul ul
{
	margin: 0;
}

ul { list-style-type: disc; }
ol { list-style-type: decimal; }

ol > li,
ul > li
{
	margin: 0.25em 0;
}

img
{
	border: 1px solid #252424;
}

img.left
{
	display: block;
	float: left;
	clear: left;
	margin-right: 1em;
}

img.right
{
	display: block;
	float: right;
	clear: right;
	margin-left: 1em;
}

img.centre
{
	display: block;
	margin: 1em auto;
}

.clear
{
	clear: both;
}

.columns
{
	overflow: hidden;
}

.columns > div
{
	float: left;
	margin: 0;
	padding: 0;
}

.columns.two > *
{
	width: 50%;
}

.columns.three > *
{
	width: 33%;
}

.columns.four > *
{
	width: 25%;
}

.columns > * > div
{
	padding: 0 3em;
}

.columns > *:first-child > div
{
	padding-left: 0;
}

.columns > *:last-child > div
{
	padding-right: 0;
}

.columns p
{
	text-align: left;
}

ul.areas
{
	overflow: hidden;
	padding: 0;
	list-style: none;
}

ul.areas > li
{
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	width: 25%;
	display: block;
	font-size: 14px;
}

#breadcrumbs
{
	padding: 0;
	list-style: none;
}

#breadcrumbs > li
{
	display: inline;
}

#breadcrumbs > li:before
{
	content: ' > ';
}

#breadcrumbs > li:first-child:before
{
	content: '';
}

.free
{
	text-transform: uppercase;
	font-weight: bold;
}

address,
.address
{
	font-style: normal;
}

strong,
.strong
{
	font-weight: bold;
	color: #252424;
}

em,
.em
{
	font-style: italic;
}

label,
.label
{
	font-weight: bold;
}

.quotation
{
	margin: 0;
	padding: 0;
	color: #1F1B45;
	font-weight: bold;
	font-style: italic;
	font-size: 10px;
}

.quotation blockquote
{
}

.quotation .name
{
	display: block;
}

.coloured
{
	color: #1F1B45;
}


.uppercase
{
	text-transform: uppercase;
}

hr
{
	color: #eaeae0;
	background-color: #eaeae0;
	border: none;
	margin: 1em 0;
	height: 2px;
}

td
{
	vertical-align: top;
}

td img
{
	/*display: block;*/
	border: 1px solid #000000;
}

.gallery
{
	text-align: center;
}

.door
{
	width: 100%;
}

.door td
{
	text-align: center;
	font-weight: bold;
}

.door img
{
	border: none;
}

.sub-gallery
{
	width: 100%;
}

.sub-gallery td
{
	width: 33%;
	text-align: center;
}

.galleries p,
#side p
{
	text-align: left;
}

.gallery-info
{
	margin-top: 0;
}

.side-square a
{
	color: #327899;
}

.bro {
	margin-top: 45px;
	float: left;
}

.broimg {
	float: left;
}

.broimg:hover {
	float: left;
	cursor: pointer;
}

.brotext {
	color: black;
	margin-left: 10px;
	margin-top: 15px;
	float: left;
	width: 170px;
}

#bro2 {
	margin-top: 45px;
	float: left;
}

.thumbs {
	margin-left: 30px;
	margin-top: 49px;
	float: left;
}

#thumb2 {
	margin-left: 30px;
	margin-top: -138px;
	float: left;
}

.thumbstitle {
	width: 150px;
	background-color: #b8b8b8;
	color: white;
	text-align: center;
	font-size: larger;
}

#inactiveslider {
	width: 903px;
	height: 225px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 25px;
	background-repeat: no-repeat;
	-moz-box-shadow:0px 0px 10px #333;
	-webkit-box-shadow:0px 0px 10px #333;
	box-shadow:0px 0px 10px #333;
}

#gallerytitle {
	margin-left: 30px;
	font-size: 18px;
	font-family: Arial;

}

#subtitleschuco {
	color: #575858;
	font-size: 17px;
}

.layout {
	margin-top:10px;
	float: left;
	margin-bottom:10px;
}

.layoutimage {
	float:left;
}

.layouttext{
	float:right;
	margin-left: 20px;
	width: 363px;
}

#t1{
	float:left;
	margin-top: 10px;
}

#bifoldtitle{
	margin-top: -10px;
}

#gallerymenu1{
	margin-top: 20px;
	margin-left: 30px;

	float: left;
	background-image: url('../images/gallery/icons/subtitleimgwindow.png');
	width: 250px;
	height: 125px;
}

#gallerymenu2{
	margin-top: 20px;
	margin-left: 30px;
	background-image: url('../images/gallery/icons/subtitleimgdoors.png');
	float: left;
	width: 250px;
	height: 125px;
}

#alitherm-banner300,
#alitherm-banner600,
#alitherm-banner700,
#alitherm-banner800

{
	background-image: url('../images/alithermbanner300.png');
	width:445px;
	height: 56px;
	float: left;
}

#alitherm-banner600 {
	background-image: url('../images/alithermbanner600.png');

}

#alitherm-banner700 {
	background-image: url('../images/alithermbanner700.png');

}

#alitherm-banner800 {
	background-image: url('../images/alithermbanner800.png');

}

.alitherm-info {
	margin-left: 20px;
	float: left;
	width: 425px;
}

#alitherm300,
#alitherm600,
#alitherm700,
#alitherm800

{
	width: 140px;
	height: 188px;
	float: left;
	background-image: url('../images/alitherm300.png');
}

#alitherm600 {
	background-image: url('../images/alitherm300.png');
}

#alitherm700 {
	background-image: url('../images/alitherm300.png');
}

#alitherm800 {
	background-image: url('../images/alitherm300.png');
}

.alithermtable {
	float: left;
}