﻿	html,
	body {
		margin:0;
		padding:0;
		height:100%;
				
	}

	@font-face {
				font-family: 'karamfontthin';
				src: url('helvetica.eot');
				src: url('helvetica.eot?#iefix') format('embedded-opentype'),
						 url('helvetica.woff') format('woff'),
						 url('helvetica.ttf') format('truetype'),
						 url('helvetica.svg#helvetica') format('svg');
						}
	@font-face {
				font-family: 'karamfont';
				src: url('helveticathin.eot');
				src: url('helveticathin.eot?#iefix') format('embedded-opentype'),
						 url('helveticathin.woff') format('woff'),
						 url('helveticathin.ttf') format('truetype'),
						 url('helveticathin.svg#helveticathin') format('svg');
				font-weight: normal;
				font-style: normal;
		}


#homebar {
	position:absolute;
	top: 50%;
	width:100%;
	height:200px;
	margin-top: -100px; /*set to a negative number 1/2 of your height*/
	background-color:#1f1f1f;
	opacity:0.8;
}
#signature {
	position:absolute;
	bottom: 0;
	right:0;
	background-color:#fff;
	opacity:0.8;
	color: #1F1F1F;
    font-family: karamfontthin;
    font-size: 9pt;
}

	
#bg 
{
	position:fixed; 
	top:-50%; 
	left:-50%; 
	width:200%; 
	height:200%;
	z-index:-1;
}

#bg img 
{
	position:absolute; 
	top:0; 
	left:0; 
	right:0; 
	bottom:0; 
	margin:auto; 
	min-width:50%;
	min-height:50%;
}

#logohomepage
{
	position:absolute;
	top: 50%;
	width:321px;
	height:74px;
	margin-top: -34px; /*set to a negative number 1/2 of your height*/
	left:50%;
	margin-left:-160px;
	text-align:center;
}

#header
{
	position:relative;
	top: 0;
	height:140px;
	background-image:url('images/headerback.png');background-repeat:repeat;
	
	border-bottom:thick #99A63D solid;

}
	
#innerheader
{
	position:relative;
	width:960px;
	left:50%;
	margin-left:-480px;

}
#servicesitem
{
	width:423px;
	height:146px;
	float:left;

}
#servicesboxtext
{
		width:180px;
	height:135px;
	margin-left:230px;
	margin-top:10px;
	font-family:karamfontthin;
	font-size:11pt;
	color:#1f1f1f;


}
		
#menudiv 
{
		height:121px;
		width:530px;
		position:absolute;
		top:-15px;	
		right:-10px;
		z-index:10;
}

#menudiv ul 
{
		 height:121px;

		list-style-type:none;
	}

#menudiv ul li 
{ 
		display: inline; 		
		padding-right: 25px;
}

#menudiv ul li a
{  
		}
#menudiv ul a:hover
{
		 }

	
#logo 
{
		height:74px;
		width:321px;
		position:absolute;
		top: 35px;	
		left:0px;
		z-index:6;	
}

#container
{

	position:absolute;
	top: 50%;
	width:960px;
	height:245px;
	margin-top: -50px; /*set to a negative number 1/2 of your height*/
	left:50%;
	margin-left:-480px;
	background-image:url('images/homeback.png');
	background-repeat:no-repeat;
	
}
#productscontainer
{

	position:absolute;
	top: 145px;
	width:960px;
	height:900px;
	padding-top:25px;
	left:50%;
	margin-left:-480px;
	background-image:url('images/pagesover.png');
	
}

#aboutcontainer
{

	position:absolute;
	top: 145px;
	width:920px;
	height:500px;
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
	
	left:50%;
	margin-left:-470px;
	background-image:url('images/pagesover.png');
	
}
#servicescontainer
{

	position:absolute;
	top: 145px;
	width:920px;
	height:300px;
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
	
	left:50%;
	margin-left:-470px;
	background-image:url('images/pagesover.png');
	
}

#newproductscontainer
{

	position:absolute;
	top: 145px;
	width:920px;
	
	padding-top:50px;
	padding-left:40px;
	padding-right:40px;
	
	left:50%;
	margin-left:-470px;
	background-image:url('images/pagesover.png');
	
}

#lefttopcontainer
{

	position:absolute;
	width:455px;
	height:37px;
	left:15px;
	z-index:10;
	top:0px;
    padding:4px 0px 0px 4px;
	
}



#leftbottomcontainer
{

	position:absolute;
	width:455px;
	height:204px;
	
	
	left:10px;
	z-index:10;
	bottom:0px;
	
}

#righttopcontainer
{

	position:absolute;
	width:455px;
	height:37px;
		right:15px;
	z-index:10;
	top:0px;
	padding:4px 0px 0px 4px;
	
}

#rightbottomcontainer
{

	position:absolute;
	width:505px;
	height:204px;
		right:0px;
	z-index:10;
	bottom:0px;
}


.enterhomepage 
{
	font-family:karamfont;
	font-size:11pt;
	
}

.enterhomepage a
{
		text-decoration:none;
		color:#fff;
}		

a.link
{
		
		color:#99a63d;
		font-weight:bold;
}		

a.link:hover
{
		
		color:#111111;
		
}
.enterhomepage a:hover
{
		text-decoration:underline;
}


.titles 
{
	font-family:karamfontthin;
	font-size:20pt;
	color:#fff;
}
.titlesblack 
{
	font-family:karamfontthin;
	font-size:16pt;
	color:#000;
}
.titlesblacklarge 
{
	font-family:karamfontthin;
	font-size:20pt;
	color:#000;
}

.subtitles 
{
	font-family:karamfont;
	font-size:11pt;
	color:#1f1f1f;
	text-decoration:underline;
}


.bodytext 
{
	font-family:karamfontthin;
	font-size:11pt;
	color:#1f1f1f;
}

.greenbodytext 
{
	font-family:karamfontthin;
	font-size:13pt;
	color:#99a63d;
}


.smallbodytext 
{
	font-family:karamfont;
	font-size:8pt;
	color:#1f1f1f;
}

#productsbox {
position:relative;
     background-image:url('images/box.png');background-position:left; background-repeat:no-repeat;
     padding-left:70px;
    width: 80px;
    height: 60px;
    padding-right:10px;
}
#productsbox:hover {
     background-image:url('images/boxover.png');background-position:left; background-repeat:no-repeat;
 }

a.productsbox{
position:absolute;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    top:0;
    left:0;
}

#servicesbox{
position:relative;
     background-image:url('images/writing.png');background-position:left; background-repeat:no-repeat;
     padding-left:60px;
    width: 100px;
    height: 65px;
}
#servicesbox:hover {
     background-image:url('images/writingover.png');background-position:left; background-repeat:no-repeat;
 }

a.servicesbox{
position:absolute;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    top:0;
    left:0;
}

#contactbox{
position:relative;
     background-image:url('images/phone.png');background-position:left; background-repeat:no-repeat;
     padding-left:60px;
    width:80px;
    height: 65px;
}
#contactbox:hover {
     background-image:url('images/phoneover.png');background-position:left; background-repeat:no-repeat;
 }

a.contactbox{
position:absolute;
    display: block;
    height: 100%;
    width: 100%;
    text-decoration: none;
    top:0;
    left:0;
}
