/*
-----------------------------------------------
Style Sheet

Site:		www.sunxlasermarkers.co.uk
Author:		James Herbert    
Version:	2007
----------------------------------------------- */

@import url("reset.css");
@import url("main_menu.css");
@import url("contact.css");

/* 
GLOBAL ELEMENTS ------------------------------- */

html, body {
  height: 100%; /* Required */
}

body {
	font:70%/140% Verdana, Arial, sans-serif;
	color:#FFF;
	margin:0;
	background:#C61217 url(../gfx/corner.png) top left no-repeat;
}

br {
	clear: both;
}

hr {
	height:1px;
	color:#6B0A0C;
	background:#6B0A0C;
}

h2 {
	margin:0; 
	padding:0 10px 10px; 
	font:normal 2.2em/1em Arial, Verdana, sans-serif;
}

h3 {
	margin:0; 
	padding:6px 10px 0; 
	font:normal 1.6em/1.4em Arial, Verdana, sans-serif;
}

h4 {
	margin:0; 
	padding:6px 10px 0; 
	font:bold 1em/1.4em Verdana, Arial, sans-serif;
}
p {
	margin:0 16px 0 0; 
	padding:10px; 
	font:normal 1em/1.6em Verdana, Arial, sans-serif;
}

.clear {
	clear:both;
}

img {
	margin:0.5em 1em;
}

sub {
	font:normal 0.75em/1em Verdana, Arial, Helvetica, sans-serif;
	padding:0;
}

h2 sub, h3 sub {
	font:bold 0.75em/1em Verdana, Arial, Helvetica, sans-serif;
}

/* 
LINKS ----------------------------------------- */

a:link, a:active, a:visited {
	color:#FFF;
	text-decoration:none;
}

a:hover {
	color:#FFF;
	text-decoration:underline;
}

a.orange, a.orange:link {
	color:#FC0;
	text-decoration:underline;
}

a.orange:hover {
	color:#F90;
	text-decoration:underline;
}

/*
CONTANINER ------------------------------------ */

#container {
	position:absolute;
	margin:0; /* Left aligned */
	min-width:740px;
	max-width:1024px; 
}

/* 
BRANDING -------------------------------------- */

#header h1 {
	float:left;
	position:relative;
	width:166px; /*Size of the logo area*/
	height:67px;
	overflow:hidden;
	z-index:50;
}

#header h1 span {
	position:absolute;
	top:0;
	width:100%;
	height:100%;
	background:transparent url(../gfx/sunx.png) no-repeat 0 0;
	z-index:60;
}

#header ul {
	float:right;
	padding:0;
	margin:16px;
}

#header ul li { 
	display:inline; 
}

#header ul li a {
	padding:0 1em;
	float:left;
}

.divide {
	background:url(../gfx/divide.png) right no-repeat;
}

/* 
CONTENT ----------------------------------------- */

#content-home {
	margin-top:20px;
	margin-left:210px;
	padding:8px 0;
	min-height:512px;
	width:556px;
	/*border-bottom:1px solid #FFF;*/
}

#content {
	margin:20px 206px 0;
	padding:8px 0;
	min-height:512px;
	/*border-bottom:1px solid #FFF;*/
}

#content ul {
	padding:1em 2em;
	list-style:outside disc;
}

#content li {
	padding:1em;
	font:normal 1em/1.4em Verdana, Arial, sans-serif;
}

ul#news li {
	font:normal 1em/2em Verdana, Arial, sans-serif;
}

ul#sitemap li { 
	font:normal 1em/1.4em Verdana, Arial, sans-serif;
	padding:0;
	margin:0;
}

span {
	padding:12px 34px 12px 0;
	background:url(../gfx/download.png) right no-repeat;
	font-weight:bold;
}

#intro { /*Flash intro on homepage */
	width:564px;
	height:246px;
	background:#C61217 url(../gfx/flash_bg.jpg) no-repeat;
}

.fix-width {
	width:556px;
}

.scale-width {
	width:80%;
}

/* Home page boxes */

ul#home { 
	padding:0;
	margin:6px 0;
}

ul#home li { 
	display:inline; 
	width:180px;
	height:130px;
	padding:0;
}

ul#home li a {
	float:left;
	width:180px;
	height:0;
	display:block;
	padding:0;
	padding-top:130px;  
	overflow:hidden;
}

a#catalogue { 
	background:url(../gfx/catalogue.jpg) no-repeat 0 0; 
	margin-right:6px;
}

a#callback { 
	background:url(../gfx/callback.jpg) no-repeat 0 0; 
	margin-right:6px;
}

a#sensors { 
	background:url(../gfx/sensors.jpg) no-repeat 0 0; 
}

/*  */

.intro-text {
	font:normal 42px/46px Arial, Helvetica, sans-serif;
	padding:16px;
	color:#FFF;
}

.lrg {
	color:#FC0;
	margin:0; 
	padding:6px 10px 0; 
	font:normal 1.8em/1.4em Arial, Verdana, sans-serif;
}

/* Application */

ul#lpv, ul#lp4, ul#lp3 {
	padding:0 0.5em;
	margin:0;
}

ul#lpv li, ul#lp4 li, ul#lp3 li { 
	display: inline; 
	float:left;
	width:116px;
	height:150px;
	margin:4px;
	padding:0;
}

ul#lpv li img, ul#lp4 li img, ul#lp3 li img {
	padding:0;
	margin:0;
}

/* 
RIGHT COLUMN -------------------------------------- */

#rightColumn {
	position:absolute;
	right:0;
	top:94px;
	width:200px;
	margin:0 0.5em;
	padding:0;
}

#rightColumn-wide {
	position:absolute;
	right:1em;
	top:74px;
	width:240px;
	margin:0;
	padding:0;
}


.border-left {
	border-left:1px solid #FFF;
}

/* 
FOOTER ------------------------------------------ */

#footer {
	clear:both;
	margin-top:32px;
}

.left {
	float:left;
	padding-left:18px;
}

.right {
	float:right;
}

/* 
ACCESSABILITY ----------------------------------- */

#skip {
	display: none; 
}