body {
margin:0 auto;
padding:0;
text-align:center;
font-size: 11px;
font-family:Verdana;
color: #fff;
line-height: 18px;
background-image:url(assets/images/background_texture.jpg);
}

#images {
display:inline;
margin-left:0em;
}

#right_content a img{
border:#fff;
padding-left:0em;
padding-bottom:.8em;
}

.figures {
color:#666;
margin-top:2em;
margin-left:1.7em;
padding-bottom:1em;
}

#wrapper {
position:relative;
text-align:left;
border-left:1px solid #fcfcfc;
border-right:1px solid #fcfcfc;
background-image:url(assets/images/wrapper_background.jpg);
background-repeat:repeat-y;
width: 750px;
margin-right:auto;
margin-left:auto;
padding-left:20px;
padding-right:20px;
}

#header {
width:750px;
background-image:url(assets/images/header.jpg);
background-repeat:no-repeat;
margin-left: auto;
margin-right: auto;
height:190px;
}

#right_content h1 {
font-family:Verdana;
position:relative;
display:inline;
color:#00CC00;
font-size:20px;
bottom:.5em;
padding: 2px 0px 11px 0px;
}

#date {
font-size:10px;
position:absolute;
font-family:Verdana;
top:.2em;
left:63.5em;
color:#999;
}


/*NAVIGATION SECTION*/
#sub_header {
position:relative;
background:  url('assets/images/a16.gif') repeat-x;
height: 24px;
margin: 0px;
top:13.6em;
margin-bottom:0em;
}

#primary_menu {
position:absolute;
MARGIN-left:10px;
padding-top:2px;
}

#primary_menu li{
font-size:11px;
font-family:Verdana;
display:inline;
text-decoration:none;
margin-right:23px;
}

#primary_menu li a {
text-decoration:none;
color:#FFD800;
}

#primary_menu li a:hover {
text-decoration:none;
color:#FFF;
}


/* BODY */
#content {
position:relative;
/*background-image:url(assets/images/content_back.gif);*/
background-repeat:repeat-y;
}

#left_content {
float:left;
background-image:url(assets/images/content_back.gif);
width:162px;
margin-top:-5px;
padding:1.5em;
padding-top:0em;
padding-right:.5em;
margin-bottom: 10px;
padding-left:.1em;
}

#left_content_contact {
float:right;
width:60%;
right:10em;
padding:2em;
border-left: 1px solid #ccc;
color:#666;
margin-bottom: 10px;
}

#left_content p, left_content_gallery p, #left_content_contact p {
color:#fff;
padding:0;
margin:0;
padding-top:0em;
}

#left_content h3 {
font-size:12px;
padding-left:5px;
padding-top:15px;
clear:both;
color:#999;
margin-bottom:15px;
}

#right_content h2, #right_content_contact h2 {
color:#666;
display:block;
font-family:Verdana;
font-size:14px;
padding-left:0px;
}

#right_content {
position:relative;
float:right;
margin:0px;
width:558px;
padding:1.5em;
padding-left:0em;
padding-right:1em;
padding-bottom:1.4em;
padding-top:2.4em;
margin-top:0px;
}

#products li{
display:inline;
}

#right_content li{
color:#666;
margin-left:1.8em;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	font-size: 10px;
	padding-left:.3em;
	padding-right:.4em;
	}


#right_content p {
padding-left:0em;
margin: 0;
font-size:12px;	
color: #888;
}

#right_content h3 {
margin: 0;
margin-left:-2em;
padding-left:0em;
font-size:12px;
line-height:18px;
color:#CCFFCC;
background-image:url(assets/images/left_h2_back.gif);
background-repeat:no-repeat;
background-position:center;
}

/*Layout for the product home pages*/
#product_home_left {
float:left;
position:absolute;
margin-top:1em;
left:2em;
width: 250px;
}

#product_home_right {
width: 250px;
margin-top:1em;
position:absolute;
left:205px;
}

#product_home_far_right {
width: 250px;
margin-top:1em;
position:absolute;
right:-65px;
}

p.bold_3{
background-image:url(assets/images/Product_home_pages/background.jpg);
background-repeat:no-repeat;
background-position: 0px 0px;
width:150px;
MARGIN-TOP:0PX;
padding-top:0px;
padding-left:0px;
padding-bottom:3px;
font-size:11px;
text-align:center;
color:#FF0000l;
}

#product_home_far_right a, #product_home_right a, #product_home_left a{
text-decoration:none;
color:#333333;
}

#product_home_far_right a:hover, #product_home_right a:hover, #product_home_left a:hover{
text-decoration:none;
color:#777;
}


/*Contact page*/
#contact_form {
float:left;
padding-top:25px;
width:303px;
height:330px;
}


#contact_form p {
color:#666
}

#disclaimer {
width: 210px;
float:right;
padding-right:15px;
text-align:left;
line-height:12px;
}

#disclaimer {
font-size:8px;
}

.formbox {
border: 1px solid #0e5aa5;
width:175px;
background-color:#fff;
}

#comments {
background-color:#fff;
width:280px;
margin-right:0px;
border: 1px solid #0e5aa5;
height:122px;
}

#sending {
float:right;
margin-right:0px;
margin-top:5px;
}

p.warning {
float:right;
margin-right:10px;
margin-top:7px;
}

.warning {
font-size:11px;
color:#a14e01;
}

p.warning_quote {
font-size:10px;
color:#a14e01;
}

.right_align_contact_page {
text-align:right;
margin-right:36px;
}

p.address {
width: 210px;
float:right;
padding-right:15px;
text-align:left;
line-height:15px;
font-size:14px;
padding-bottom:65px;
}

.address {
padding-top:20px;
color:#333333;
margin-left:20px;
}

.bold_contact {
font-weight:bold;
font-size:18px;
color:#e71820;
}

.bold2 {
position:absolute;
top:15px;
margin-left:11px;
font-weight:bold;
font-size:18px;
color:#feae19;
}

#map {
margin-left:55px;
margin-bottom:25px;
}

/*BREADCRUMB*/
#breadCrumb li {
display: inline;
}

* /*The "universal rule". Set's border, padding and margin to 0 for all values. NB! If you aren't used to using this kind of code in your CSS you may experience some changes in your overall design. If so, set padding, margin and border in your breadCrumb CSS instead*/
{
padding: 0;
margin: 0;
border: 0;
}

#breadCrumb {
height: 18px; /* This is the height we wan't on our breadcrumb */
padding: 0px 0 0 0px;
margin-top:-30px;
margin-bottom:20px;
color: #ccc; /*This is our color on the text which isn't a link. We want' they to be light grey */
}

#breadCrumb li {
float: left;
display: inline;
margin-left:0px;
padding-bottom:15px;
margin-right: 4px;
}

#breadCrumb a {
color: #ccc; /* Our breadcrumb links are going to be white */
font-weight: bold; /* And bold */
background: url(assets/images/breadcrumb.gif) top right no-repeat;

padding-right: 11px; /* We need to add some padding to the right of the link. This space is where the background image is going to be shown. */
text-decoration: none;
}

#breadCrumb a:hover {
color: #999;
background: url(assets/images/breadcrumb.gif) top right no-repeat;
}



#address h3{
color:#999999;
padding-top:0em;
padding-left:1.1em;
}


/*IMAGES*/
.boxout {
position:absolute;
right:13em;
top:19.5em;
}

.boxout1 {
position:absolute;
float:right;
right:4.5em;
top:29.6em;
}

.boxout2 {
position:absolute;
float:right;
right:7em;
top:25.3em;
}

#boxout {
float:right;
right:12em;
border:1px solid #ccc;
margin-top:1em;
margin-bottom:.5em;
margin-left:1.1em;
}

#boxout_guidline_man {
float:right;
right:12em;
margin-top:1em;
margin-bottom:.5em;
margin-left:1.1em;
}

#boxout_brochure {
float:right;
padding-left:15px;
}


#boxouta {
float:right;
right:12em;
margin-top:1em;
margin-bottom:.5em;
margin-left:1.1em;
}

#boxoutb {
float:left;
right:12em;
margin-top:0em;
margin-bottom:.5em;
margin-left:0em;
}

#boxoutc {
float:right;
margin-top:6.5em;
margin-bottom:.5em;
padding-right:1.5em;
}


#boxout_1 {
float:right;
border:1px solid #ccc;
margin-top:1em;
right:1.5em;
margin-bottom:1em;
margin-left:1.1em;
}

#boxout2 {
float:left;
border:1px solid #CCC;
margin-top:2em;
margin-right:3em;
margin-bottom:2em;
margin-left:1.1em;
}

#logo {
float:left;
margin-top:3em;
padding-left:1.5em;
}

.spec li {
width:63px;
padding-left:20px;
background-image:url(assets/images/arrow.up.gif);
background-repeat:no-repeat;
background-position:4px 6px;
float:right;
right:.1em;
}

/*footer section*/
#footer{
position:relative;
width:750px;
border-bottom: 1px solid #ccc;
height:18px;
clear:both;
display:block;
padding-bottom:.5em;
background-color:#666;
border-bottom:10px solid #fff;
}

#footer p{
margin-top:.4em;
text-align:center;
font-size:10px;
color:#FFD800;
}


.menu {
font-size:100%;

}


/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
background-color:#e4e3e3;
width:158px;
}


/* style the list items */
.menu li {
font-size:12px;
padding-left:1.2em;
text-decoration:none; 
display: block;
width:120px;
letter-spacing:1px;
}

.menu a{
font-size:11px;
text-decoration:none;
width:120px; 
line-height:20px;
letter-spacing:1px;
}

.menu a:hover {
font-size:11px;
color:#43d843;
text-decoration:underline;
width:120px; 
line-height:20px;
letter-spacing:1px;
}

.menu h3{
font-size:100%;
text-align:center;
color:#535353;
margin-top:5px;
}


.menu h2{
text-align:center;
color:#535353;
margin-top:5px;
}



#menu {position:relative; top:0px; left:0px; width:75px; background-color:#fff; z-index:1000;}

#menu a.p1, #menu a.p1:visited {display:block; width:75px; height:75px; text-decoration:none; background:#fff; top:0; left:0; border:0;}

#menu a img {border:0;}

#menu a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}

#menu a .large {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}

#menu a.p1:hover .large {display:block; position:absolute; top:-255px; left:50px; width:600px; height:800px; border:10px solid #ccc; overflow:scroll;}

#info {z-index:100; height:22em;}

.bold {
font-weight:bold;
}

#gallery {
padding-left: 75px;
border:1px solid #f1f1f1;
z-index:10;
margin-bottom:20px;
padding-top:15px;
}

.menu h2 {
font-family:Verdana;
font-size: 12px;
color: #333;
border-bottom:1px solid #ccc;
clear:both;
font-weight:normal;
width:138px;
text-align: left;
margin-bottom:.3em;
padding-left:1.5em;
padding-bottom:.3em;
}

@font-face {
	font-family: 'Sansation Regular';
	src: url('Sansation_Regular.eot');
	src: local('Sansation Regular'), local('Sansation'), url('Sansation_Regular.woff') format('woff'), url('Sansation_Regular.ttf') format('truetype'), url('Sansation_Regular.svg#Sansation') format('svg');
}

#right_content h1.fontface {font: 27px/8px 'Sansation Regular', Arial, sans-serif;letter-spacing: 0;}

li.style1 {font: 0px/10px 'Sansation Regular', Arial, sans-serif;}

.menu h2.fontface {font: 12px/18px 'Sansation Regular', Arial, sans-serif;}

#primary_menu li.style1 {font: 11px/20px 'Sansation Regular', Arial, sans-serif;}