/* main.css */

html {
	background: white;
	margin: 0; padding: 0;
}

body {
	margin: 0; padding: 0;
	position: relative;
	font-family: arial, sans-serif;
}

h1 {font-size: 18pt;}
h2 {font-size: 12pt;}
h3 {font-size: 11pt;}
h4 {font-size: 9pt;}
h5 {font-size: 8pt;}
h6 {font-size: 8pt; font-weight: bold;}

img {border: 0;}

p, li {font-size: 10pt;}

a {color: red; text-decoration: none;}

/* TITLEBAR **********/
#titlebar {
	width: 100%; 
	background: black; 
	margin: 0; padding: 0; 
}
#top-env {background: black;}
#titlebar-inner {
	background: black url('images/header24.jpg') top center no-repeat;
	width: 960px;
	text-align: center; height: 119px;
	margin: 0 auto; padding: 0;
	position: relative;
}
#titlebar-inner h1 {text-indent: -9999px; margin: 0; padding: 0;}
#titlebar-inner h1 a {
	margin: 0; padding: 0;
	display: block; width: 540px; height: 119px;
	position: absolute; left: 300px;
}

/* TITLEMENU *************/
#titlemenu {position: absolute; top: 15px; left: 10px;}

div.titlebox p {padding: 0; margin: 0 0 9px 0;}

div.titlebox a {
	padding: 0; margin: 0;
	display: block; width: 193px; height: 16px;
	position: relative; top: -9px; left: 84px;
}

span.titleboxtext {display: none;}

/* MAINMENU *************/
#mainmenu-actual {
	width: 960px; margin: 0 auto;
	position: relative;
}

#currentpage {color: red !important;}

#mainmenu {
	background: black url('images/redline.png') top left repeat-x;
	color: white;
	clear: both;
	height: 37px; /*27*/
}
#mm-dropdown {position: absolute; top: 12px; right: 100px;}

#mm-standard {position: relative; left: 60px; top: 13px;}
#mm-standard li {
	display: inline;
	margin-right: 30px;
}
#mm-standard li a {
	color: white;
	font-weight: bold; 
	text-decoration: none;
}

/* MAIN WIDTHS *************/
#main {width: 800px; margin: 0 auto;}
#main1, #main2, #main3 {float: left;}
#main1, #main3 {width: 185px;}
#main2 {width: 400px;}

/* THIS CLASS MAKES #MAIN2 AS BIG AS #MAIN2 & #MAIN3 COMBINED 
   ONLY USE IT ON #MAIN2 WHEN THERE IS NO #MAIN3 */ 
.size23 {width: 600px !important; padding-right: 0 !important;}

/* BREADCRUMBS *************/
#breadcrumbs {margin: 0; padding: 0;}
#breadcrumbs ul {margin: 0; padding: 0;}
#breadcrumbs li {
	display: inline; 
	font-size: 12px; font-weight: bold;
	padding: 0 5px;
}

#breadcrumbs a {text-decoration: none; color: red;}
#currentbread {color: black !important;}

/* MAIN1 *************/
div.sidebox {
	border: 1px solid #bbb;
	margin: 5px 0; padding: 5px;
}
#sidebox h4 {color: red; font-size: 16pt; padding: opx;}

#leasebox {color: #aaa; text-align: center;}
#leasebox h3 {font-size: 20pt;}

.redborder{border: 1px solid red!important; }
.redborder a {color: #666; text-decoration: none; !important; }
.redborder h4 {background: #ccc; color: #000; text-decoration: none; !important; }
.noborder {border: 0 !important;}

/* MAIN2 *************/
#main2 {padding: 0 15px;}

/* FOR REDLINE DIVIDERS */
.divider {display: block; border-bottom: 1px solid red;}

/* PRODUCTBOXES *************/
div.productbox {border-bottom: 1px solid red;}

div.productbox ul {margin-left: 170px;}
div.productbox img {float: left; margin-left: 0 !important; margin-right: 20px important!;}
div.productbox li, div.productbox h4 {margin-left: 0 !important;}

div.productbox h3, div.productbox h1 {color: red;font-size:16px;}
div.productbox h2 {color: #ccc;font-size:16px;}
div.productbox h4 a {color: red; text-transform: uppercase; text-decoration: none;}

/* PRODUCTBOXES *************/
div.hometop {border-bottom: 1px solid red;}

/*div.hometop * {margin-left: 15px;} */
div.hometop img {float: left; margin-left: 0 !important; margin-right: 10px;}
div.hometop li, div.productbox h4 {margin-left: 0 !important;}

div.hometop h3 {color: #666;}
div.hometop h4 a {color: red; text-transform: uppercase; text-decoration: none;}

/* POPBOXES *************/
#popbanner {
	display: block;
	width: 100%;
	height: 55px;
	background: white url('images/logo.png') 5px 2px no-repeat;
	border-bottom: 1px solid red;
	padding-left: 330px;
}
#popbanner h5{
	position: relative;
	top: 20px;
	margin: 0; padding: 0;
}

#popmain {
	position: relative;
	height: 293px;
	overflow: auto;
	padding: 5px;	margin: 0;
	background: #bbb;
}
#popmain h3 {
	color: red; font-size: 14pt; 
	margin: 5px;
	border-bottom: 2px solid #ccc;
}

/* TABLES *************/
#popmain table {font-size: 10px; border-spacing: 0px;}
#popmain table th {border-bottom: 1px solid red;}
#popmain table td {padding: 2px 5px;}
#popmain table tr.zebra {background: #ccc;}
#popmain tr.nested {background: #eee;}
#popmain tr.nested td {text-align: right;}

/***** PHOTOS *****/
#photos {
	background: transparent;
	float: left;
	display: inline;
	padding: 0;	margin: 0;
	position: relative;
	width: 960px;
	z-index: 0;
}

#photos {
	background: #fff;
	margin-left: 100px;
	margin-right: 100px;
	min-height: 400px;
	width: 600px;
}

/***** PHOTOGALLERY *****/
/* for the lightwindow gallery on /laser-marking-etching/turnkey-solutions/ */
#photogallery {text-align: center;}

/****BLOG****************/
dd.gallery-caption {font-size: 10pt; line-height: 1.3em;}

.blog-entry h4 {margin-bottom: 0;}
.blog-entry p {margin-top: 0;}

/***** VIDEOS *****/
#videos {
	background: transparent;
	float: left;
	display: inline;
	padding: 0;	margin: 0;
	position: relative;
	width: 960px;
	z-index: 0;
}

#videos {
	background: #fff;
	margin-left: 20px;
	min-height: 200px;
	width: 760px;
}

#videos h3 {
	background: transparent;
	font: 18px;
	color: red;
	margin: 0 0 0 10px;	padding: 0;
	width: 760px;
}

.show-dark, .show-light {
	padding: 10px 0;
	width: 760px;
}

.show-dark span, .show-light span {font-size:14px;margin:5px;border-bottom:1px solid #ccc;}
.show-dark span:hover, .show-light span:hover{border:0;}
.show-dark p, .show-light p {
	font: 11px;
	margin: 0;
	padding: 10px;
}

.show-dark {
	background: #eee;
}

.show-light {
	background: #fff;
}

.video {
	background: #fff;
	float: right;
	margin: 0 10px;
	vertical-align: top;
	width: 200px;
}


/* PR *************/
div.pr {border-bottom: 1px solid red;}
div.pr h4 {margin-bottom: 0;}
.dateline {margin-top: 0; font-size: 8pt; font-style: italic;}

/* CONTACTFORM *************/
#contactform span {position: relative;}
.name {left: 38px;}
.phone {left: 35px;}
.fax {left: 51px;}
.email {left: 40px;}
.message {left: 20px;}

/* FOOTER *************/
#footer {
	background: white url('images/footer.png') top left repeat-x;
	clear: both;
	color: #ccc; text-align: center;
	margin: 0;
	height: 200px;
} 
#footer h6 {position: relative; top: 30px;}
#footer p {position: relative; top: 30px; font: 10px; font-color: #eee;}
#footer a {font: 8px; color: #ccc;  text-decoration: none;}

#ce3mark img {position: relative; top: 32px !important;}

/* CLASSES *************/
.center {text-align: center;}
.center2 {position: relative; left: 50px;}