/* CSS Document */

body {
	margin:0;
	padding:0;
	font:normal 76% freesans, verdana, arial, sans-serif;
	color:#ffffff;
	background: #fff;
	text-align:center;
	text-rendering: optimizeLegibility;
}

a {
	color: #ddd; /*#f7f8e1,f8f6d9, e1f0f9, f7e6f9, fae6f5 */
	text-decoration:underline
}

a:hover, a:focus {
	text-decoration: underline;
	color: #ffffff;
}

img {
	border: 0;
}

#container {
	width:726px;
	margin:20px auto;
	background: #ffffff;
	text-align:left;
}

#header {
	position:relative;
	background: #ffffff url(common/images/lm-header.gif) no-repeat;
	height:84px;
}

#topNav {
	position:absolute;
	padding: 0;
	bottom: 3px;
	left: 8px;
	margin: 0;
	height: 33px;
}

#topNav ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}

#topNav ul li {
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	margin: 0;
}

#topNav a {
	display: block;
	float: left;
	text-align: center;
	padding: 10px 8px 0 8px;
	margin: 0;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font: bold 12px freesans, arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	height: 23px;
}

#topNav a:hover, #topNav a.selected {
	text-decoration: none;
	color: #E1DDBE;
}
/*New*/
#topNav li:last-child a {border:none}

#wrapper {
	float:left;
	width:100%;
	background-color:#444444;
}

/*
#pageTitle {
	width:694px;
	height: 23px;
	margin: 0 8px 0 8px;
	padding: 28px 8px 0 8px;
	background-color:#444444;
	background-image: url(common/images/titleBG.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#pageTitle h1 {
	margin:0;
	padding: 0 0 0 0.2em;
	font-size: 100%;
	font-weight: bold;
}
*/

#pageTitle {
	position:relative;
	display:block;
	margin: 4px 8px;
	padding: 1px 10px;
	background-color:#333
}

#pageTitle h1 {
	font: bold 1.6em/1em freesans, verdana, arial, sans-serif;
	padding: 0 0 0 0.4em;
	border-left: 0.4em solid #9f3192;
}

#right {
	float: right;
	width: 200px;
	min-height:100px;
	margin: 8px 0 0 0;
	padding: 4px 8px 8px 8px;
	background: url(common/images/rightBG.gif) top no-repeat;
}

#right h1{
	margin: 8px 0 0 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

#right p{
	margin: 8px 0 0 0;
	padding: 0;
}

#right ul {
	border: 0;
	margin: 12px 10px 0 10px;
	padding: 4px 0 0 0;
	list-style: none;
	background: #444444;
}
	
#right li {
	display: block;
	border: 0;
	margin: 0 4px 4px 4px;
	padding: 0 0 0 0;
}

#right ul li a {
	display: block;
	color: #ffffff;
	background: #333333;
	margin: 0;
	padding: 2px 2px 2px 2px;
	font: bold 12px freesans, Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#right ul li a:hover {
	text-decoration: none;
	color: #454545;
	background: #ffffff;
}

#content {
	margin: 8px 216px 0 0;
	padding: 0 0 8px 8px;
	min-height:300px;
	/*background-color:#cc0000;*/
}

#content h1, .textBlock h2, .textBlockRight h2{
	margin: 8px 0 18px 10px;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}

#content p {
	margin: 8px 0 0;
	padding: 0;
	text-align:justify;
}

#textBlock {
	background: url(common/images/textBlockTop.gif) no-repeat top;
	padding: 4px 12px 8px 12px;
	margin: 0 0 12px 0;
}

#textBlockRight {
	background: url(common/images/rightBG.gif) no-repeat top;
	padding: 4px 12px 8px 12px;
	margin: 0 0 12px 0;
}

/* Now done properly as classes */
.textBlock {
	background: url(common/images/textBlockTop.gif) no-repeat top;
	padding: 4px 12px 8px 12px;
	margin: 0 0 12px 0;
}

.textBlockRight {
	background: url(common/images/rightBG.gif) no-repeat top;
	padding: 4px 12px 8px 12px;
	margin: 0 0 12px 0;
}

blockquote {margin:10px 0;padding: 5px 0 5px 15px;border-left:4px solid #666}
blockquote span {display:block;margin:5px 0 0;text-align:right}

#footer {
	background: #ffffff url(common/images/lm-footer.gif) no-repeat;
	clear:left;
	width:716px;
	padding: 10px 10px 0 0;
	text-align: right;
	height:25px;
	color: #FFF;
}

#footer ul {
	border: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	}

#footer ul li {
	list-style: none;
	display: block;
	float: left;
	text-align: center;
	margin: 0;
}

#footer ul li a {
	display: block;
	float: left;
	text-align: center;
	padding: 0px 8px 0 8px;
	margin: 0;
	border-right: 1px solid #ffffff;
	color: #ffffff;
	font: bold 12px free sans, verdana, arial, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	height: 33px;
}

#footer ul li a:hover, #topNav ul li a.selected {
	text-decoration: none;
	color: #E1DDBE;
}

/* Change the year for site footer here */
div#footer span:after {
	content: "2011";
}


/* SLIMBOX
-------------------------------*/
#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(common/images/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(common/images/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(common/images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(common/images/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


/* Dynamic pages
----------------------*/
label {display:block}
input {margin:0.4em 0;padding: 0.2em}

/*Small Device Styles*/
@media handheld, only screen and (max-device-width:480px)
{
body {font:normal 100%/1.5 "Droid Sans",sans-serif !important;background-color:#444}
#container, #wrapper, #header, #topNav, #content, #pageTitle, .textBlock, h2, #footer, .vcard, .resize {width:auto !important;margin:0;float:none}
#right, #engineer, #customer, #footer ul, #topNav li:nth-child(6), #topNav li:nth-child(7) {display:none !important}

#header {background:none;height:auto;text-align:center;}
#header:before {content:"Lightmasters UK Ltd";display:block;padding:5px;color:#781671;font:bold 22px/1.5 "Trebuchet MS",sans-serif}

#topNav {position:relative;bottom:auto;left:auto;display:block;overflow:auto;height:auto;border-top:1px solid #fc69ff;background-color:#72166B}
#topNav li {width:22% !important;border:none !important}
#topNav li a {float:none;width:100%;height:auto !important;padding:6px 0 !important;margin:0!important;text-transform: none !important;border:none !important;font-size:13px !important}
#home, #topNav li:nth-child(1) {text-indent:-999em;background:transparent url(common/images/iconhome.png) center no-repeat;width:12% !important}

#content {padding:0}
p, blockquote, .textBlock ul li, .textBlock a {overflow:auto;font-size:12px !important}
.gallery_flow {display: block;float:none !important}

#pageTitle, h1 {padding:0;margin:0;font-size:18px !important}
#pageTitle {padding:10px}
#pageTitle, h2 {border-top:1px solid #292929;border-bottom:1px solid #555;background-color:#333;text-shadow:0.1em 0.1em 0 #222}
.textBlock {background:none;margin:0;padding:5px 10px}
h2 {margin:0 !important;margin-left:-10px !important;margin-right:-10px !important;padding:5px 10px !important;}

.textBlock p a img {float:left;margin:5px}

a {-webkit-tap-highlight-color:rgba(223,4,142,0.3)}

.dull {color:#555;font-weight:normal}

#footer {height:auto;text-align:center;padding:4px !important;font-size:0.8em;border-top:1px solid #333;background:#72166B}
}