@charset "utf-8";

body {
	margin: 0px;
	background: #91152d;
	padding: 0px;
	font-family: Georgia, serif;
	font-size: 87.5%;
	line-height: 1.4;
	}

div#page {
	margin: 0 auto;
	max-width: 1000px;
	min-width: 760px;
	}

h1, h2, p, ul, ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	}
h1 {
	float: left;
	font-size: 2em;
	margin-bottom: 0.25em;
	}
h2 {
	padding-top: 36px;
	font-size: 1.57em;
	line-height: 1em;
	text-transform: uppercase;
	text-align: right;
	}
h2 img {
	margin-top: 0.5em;
	border: 1px solid #c1c2bc;
	}
h3 {
	font-size: 1em;
	}
strong {
	text-transform: uppercase;
	}

img {
	border: none;
	vertical-align: bottom;
	}
img.teaser {
	float: right;
	margin-left: 1em;
	border: 1px solid #c1c2bc;
	}
a {
	color: #91152d;
	font-weight: bold;
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
	
form {
	margin: 0 1em 0 2em;
	border: 1px solid #c1c2bc;
	padding: 0.5em 0;
	}
input, textarea {
	font-family: Georgia, serif;
	font-size: 100%;
	border: 1px solid #c1c2bc;
	background-color: white;
	padding: 1px;
	width: 90%;
	}
input.button {
	font-weight: bold;
	cursor: pointer;
	background-color: #c1c2bc;
	border-color: #b1b2ac;
	width: auto;
	}
	
div.clear-floats {
	clear: both;
	height: 0px;
	}


/*--Header---------------------------------------------*/
div#header {
	background: #d0d1cb url(../images/bg-header.jpg) repeat-x;
	padding-top: 7px;
	padding-bottom: 9px;
	height: 104px;
}

div#logo {
	float: left; 
}

div#panel {
	float: right;
	margin-right: 2em;
	background: url(../images/panel.jpg) no-repeat;
	height: 104px;
	width: 242px;
}
div#panel ul {
	margin: 18px 26px;
}
div#panel li {
	float: left;
	display: block;
	background: url(../images/led-off.jpg) no-repeat left top;
	padding-top: 14px;
}

div#status {
float: right;
margin-right: 1em;
padding-top: 16px;
width: 5em;
font-weight: bold;
line-height: 1em;
text-transform: uppercase;
text-align: center;
font-size: 114%;
}

p#call {
margin-top: 50px;
border: 1px solid #c1c2bc;
padding: 2px 1px;
font-weight: bold;
float: left;
text-transform: uppercase;
text-align: center;
font-size: 129%;
line-height: 1;
	}

/*--Stage----------------------------------------------*/
div#stage {
	float: left;
	background: #d9dad5 url(../images/bg-stage.jpg) repeat-y right;
	padding-bottom: 1em;
	width: 100%;
}

div#left-col {
	float: left;
	width: 49.5%;
	}
div#left-col h3 {
	text-transform: uppercase;
	margin: 0.5em 2em;
	}
div#left-col p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	padding-left: 2em;
	text-align: justify;
}
div#left-col div.split {
	width: 49.5%;
	float: left;
	}

div#colours {
	clear: right;
	padding-top: 1em;
	text-align: right;
}
div#colours img {
	margin-bottom: 3px;
	border: 1px solid #c1c2bc;
}


div#left-col ul {
	list-style-type: disc;
	margin-left: 2em;
	margin-bottom: 0.5em;
	}
div#left-col ol {
	margin-left: 2em;
	margin-bottom: 0.5em;
	}
div#right-col {
	float: right;
	padding-top: 40px;
	width: 50%;
	}
div#right-col p {
	margin-bottom: 0.5em;
	padding-right: 2em;
	padding-left: 2em;
	text-align: justify;
	}
div#right-col ul {
	list-style-type: disc;
	margin: 0 2em 0.5em 2em;
	}
div#right-col img.main {
	float: right;
	margin-right: 2em;
	border: 1px solid #c1c2bc;
	}

div#right-col h3 {
	font-size: 100%;
	text-transform: uppercase;
	margin: 0.5em 2em;
	}
	
div#latest {
	margin: 0 2em;
	}
div#latest h3,
div#latest h4 {
	border-top: 1px solid #c1c2bc;
	margin: 0.5em 0 !important;
	padding-top: 0.5em;
	}
div#latest p {
	padding: 0;
	font-size: 86%;
	}

div#news {
	margin: 0 2em;
	}
div#news h3,
div#news h4 {
	border-top: 1px solid #c1c2bc;
	margin: 1em 0 0.5em !important;
	padding-top: 0.5em;
	}
div#news p {
	padding: 0;
	/*font-size: 86%;*/
	}

table {
	margin: 0 2em;
	font-size: 100%;
	line-height: 1.3;
	}
td {
	padding: 0 0 0 2px;
	vertical-align: top;
	border-top: 1px solid #c1c2bc;
	}
td h3 {
	margin: 0 !important;
	padding-top: 0.7em;
	padding-bottom: 0.2em;
	}
	
td img {
	border: 1px solid #c1c2bc;
	border-top: none;
	/*margin-top: 0.2em;*/
	}
td strong {
	text-transform: none;
	}
td.desc {
	border-top: none;
	font-style: italic;
	}


/*--Gallery---------------------------------------*/

div#gallery {
	float: left;
	width: 160px;
	margin: 0 0 0.5em 2em;
	}

div#gallery h3 {
	text-transform: uppercase;
	margin: 0;
	}
div#right-col div#gallery p {
	padding: 0;
	margin-right: 82px;
	font-size: 79%;
	line-height: 1.2;
	text-align: left;
	}
div#gallery img {
	float: right;
	border: 1px solid #c1c2bc;
	height: 78px;
	}


/*--Thumbnails---------------------------------------*/

div#thumbs {
	float: left;
	margin: 0 1em 0 2em;
	width: 60px;
}
div#thumbs img {
	display: block;
	margin: 0 auto 6px;
	border: 1px solid #c1c2bc;
	height: 53px;
}
div#loadarea {
	float: left;
	border: 1px solid #c1c2bc;
	margin-right: 6px;
	margin-bottom: 1em;
}
div#loadarea img {
	height: 236px;
}

/*--Specifications------------------------------------*/
div.specs {
	float: left;
	margin-left: 2em;
	margin-bottom: 0.5em;
}
div#right-col div.specs h3 {
	font-size: 0.93em;
	margin: 0.5em 0;
}
div.specs ul{
	font-size: 0.86em;
	list-style-type: none;
}


/*--Footer---------------------------------------------*/

p.call2action {
	margin: 1em 2em;
	text-align: center !important;
	}
p.call2action img {
	margin: 0 1em;
	border: 1px solid #c1c2bc;
	}
	
div#supply {
	margin: 0 2em;
	}
div#supply p {
	font-size: 79%;
	padding: 0.5em 0;
	text-align: justify;
	}
div#footer {
	clear: both;
	background: #cdcec9 url(../images/bg-footer.jpg) repeat-x;
	padding: 0 2em;
	height: 31px;
	line-height: 31px;
}
div#footer p {
	font-size: 86%;
	float: left;
}
div#footer ul {
	float: right;
	list-style-type: none;
}
div#footer li {
	display: inline;
	margin-left: 2em;
}

p.credit {
	text-align: center;
	font-size: 86%;
	margin-top: 0.5em;
	}
p.credit a {
	color: #3C0913;
	font-weight: normal;
	}


/*--Context---------------------------------------*/
p#phomep,
p#pmachn,
p#pcoffe,
p#pabout,
p#pconta {
display: none;
margin-top: 0.8em;
color: #91152d;
font-size: 86%;
}

body.bhomep li#lhomep,
body.bmachn li#lmachn,
body.bcoffe li#lcoffe,
body.babout li#labout,
body.bconta li#lconta {
	background-image: url(../images/led-lit.jpg);
}

p.leader strong { text-transform: none; }

p.testimonial {
margin: 0.5em 0;
padding: 0 2em;
font-style: italic;
}

div.slides {
padding-left: 2em;
}
div.slides  img {
border: 1px solid #c1c2bc !important;
}