@charset "utf-8";


/* reset properties */

*{margin: 0; padding: 0; border: 0; font-weight: normal;} strong{font-weight: bold;} #welcome strong{font-weight: normal;}


/* Common properties */
#nav-box, #container, #container2, #intro, #flash, #content, #learnMore{width: 974px; margin: 0 auto; }
a:hover{color: #1a79d5;}
a{ text-decoration: none; color: #497b40;   cursor: pointer; }


/* -------- Global Styles ------------ */


body {text-align: left; background: #ebede6 url(images/bg.jpg)  repeat-x;}




h1{ color: #5e5d5b; font-size: 20px; font-family: Tahoma, Geneva, sans-serif;  margin-bottom: 0px; line-height: 35px; letter-spacing: 1px;}

h2 { color: #5e5d5b; font-size: 16px; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 2px; line-height: 30px; }

h3 { color: #5e5d5b; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; margin-bottom: 0px; line-height: 30px; }

P { color: #5e5d5b; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; line-height: 20px; letter-spacing: .2px; }

h4 { color: #5e5d5b; font-size: 14px; font-family: Tahoma, Geneva, sans-serif; line-height: 25px; letter-spacing: .5px; margin-bottom: 20px; }

.bullets ul{margin-top: 15px; color: #342d17; line-height: 30px;  font-size: 10px; margin-left: 20px; list-style-image: url("images/leaf.jpg"); }

/* Logo and Nav box */
#nav-box{height: 143px; position:relative}
#nav-box img{position: absolute; margin-top: 40px; margin-left: 2px;}


#learnMore {height: 10px;}
#learnMore  a{ border-left: 1px solid #5e5d5b; border-bottom: 0px;  padding: 8px 4px 4px 8px; font-weight:bold;} .col a:hover{background: #eefbfc; color: #333; padding: 2px 1px;}
#learnMore P { color: #FFF; line-height: 30px; letter-spacing: 1px; margin-left: 550px; margin-top: 1px;} 

/* Start Main Navigation */

#nav{
	
	position: absolute;

	right: 0;
	height: 40px;
	margin-top: 70px;}
/*-----------------------------nav-----------------------*/

#nav ul{list-style-type: none; margin: 0; padding: 0; float: left;
/*contain floated list items */}
#nav li {margin: 0px; padding: 0px; float: left;margin-right:25px;}
#nav a {display: block; color: #342d17; text-decoration:none;
padding:5px; font-family: Georgia, "Times New Roman", Times, serif;
text-transform: uppercase; font-size: 16px; text-align: left;
letter-spacing: 1.5px; text-align:right;}
#nav a:hover {background-color:#8ba541;text-decoration:none;}

   #nav a{outline:none;}
		    #nav a.nav_on{background-color::#8ba541;;}
        #nav .menu_expand {width:200px;display:none;background-color:#dad6c6;position:absolute;z-index:5;}
		    #nav .menu_expand a {text-align:center;border-bottom:1px solid #3e3e3e;}
		    #nav .menu_expand a:hover{background-color::#dad6c6;}

/*----------------------------------------------index---------------------------------*/

/* flash*/
#banner{ height: 385px;}


/*intro*/
#intro{ height: 185px; background-image: url(images/done_19.jpg);}
#introLeft{ position:relative; float: left;  width:435px; margin-left: 25px;}
#introMiddle{ position:relative; float: left;  width:163px;}
#introMiddle img{ margin-top: 135px; margin-left: 23px;}
#introRight{ position:relative; float: left;  width:300px;}
#introRight h1{ margin-left: 90px; margin-top: 30px; font-size: 25px; line-height:40px; color: #7fb651;}


/*content*/
#content{  width:916px; height: 600px;}
#box{ postion: relative; float:left; width: 290px; height: 220px; margin-top: 20px;}
#middleBox{ postion: relative; float:left; width: 290px; height: 220px; margin-top: 20px; margin-left: 20px; margin-right: 20px;}
#colCommerical{width: 285px; float: left; text-align: left; padding-left: 22px; padding-right: 24px; background: url(../images/divider.gif) top right no-repeat;}

/*----------------------------------------------Secondary Pages---------------------------------*/

#leftCol{ postion: relative; float: left; width: 618px; height: 800px; background-color: fcfaf4; }
#leftCol #banner{  postion: relative; float: left; width: 618px; height: 221px; margin-bottom: 0px; margin-bottom: 50px;}
#leftCol #content{ postion: relative; float: left; width: 590px; height: 550px;  margin-right: 20px;}


#rightCol{ postion: relative; float: left; width: 334px; height: 100%; background-color: fcfaf4; }
#rightCol #note{ postion: relative;  height: 221px; background-image:url(images/note.jpg);}
#rightCol #note h2{ postion: relative; height: 200px;  margin-top: 0px; margin-right:0px;margin-left:47px; font-size: 17px; line-height: 35px;}
#rightCol #side{ postion: relative; float: left; width: 290px;  margin-top:50px; margin-left: 50px; }

#leftCol #banner #body{  postion: relative; float: left; width: 621px; height: 327px;}

ul.list {  color: #5e5d5b; font-size: 12px; font-family: Tahoma, Geneva, sans-serif; line-height: 33px; text-align:left; list-style: none;}

/*li.service2 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 14px; color: #4a3636; line-height: 25px;  text-align:left; list-style: none;}*/

/*---------------contact---------------*/

 #form {  postion: relative; float: left; width: 254px; height: 400px;  margin-right: 50px;}
 #map { postion: relative; float: left; width: 294px; height: 400px;}

div#contact{ 
width: 210px; 
} 

div#contact label, div#contact input, div#contact textarea{ 
display: block; 
width: 100%; 
} 

div#contact input, div#contact textarea{ 
background: #F5F4ED;  
border: 1px solid #AEADAA; 
} 

div#contact textarea{ height: 150px; }

div#contact input{ line-height: 20px; }

div#contact label{ color: #515151; font-size: 12px; margin: 3px 0 3px 0;}
div#contact .submit{ width: 85px; color: #53452e; margin-top: 15px; }


#footer{ height: 150px; background: #FFF; border-top: solid 1px #5e5d5b; margin-top: 15px;}



  
#nav_com li a { position:absolute; top: 0px; margin: 0px; display:block; height: 106px; text-indent: -9999px; overflow:hidden; font-size: 1%;text-decoration:none;}



a#com{ height: 104px; width: 286px; background:url("images/com_nav.jpg") no-repeat; text-indent: -99999px; display: block;}
a#com:hover{ background-position: 0 -104px; }

a#printers{ height: 104px; width: 286px; background: url("images/print_nav.jpg") no-repeat; text-indent: -99999px; display: block;}
a#printers:hover{ background-position: 0 -107px; }

a#res{ height: 104px; width: 286px; background: url("images/res_nav.jpg") no-repeat; text-indent: -99999px; display: block;}
a#res:hover{ background-position: 0 -104px; }

a#equip{ height: 104px; width: 286px; background: url("images/equip_nav.jpg") no-repeat; text-indent: -99999px; display: block;}
a#equip:hover{ background-position: 0 -104px; }

a#instu{ height: 104px; width: 286px; background: url("images/instu_nav.jpg") no-repeat; text-indent: -99999px; display: block;}
a#instu:hover{ background-position: 0 -105px; }

a#collection{ height: 104px; width: 286px; background: url("images/collection_nav.jpg") no-repeat; text-indent: -99999px; display: block;}
a#collection:hover{ background-position: 0 -104px; }

a#button{ height: 23px; width: 88px; background: url("images/readmore_button.jpg") no-repeat; text-indent: -99999px; display: block; margin-top: 125px; margin-left: 42px;}
a#button:hover{ background-position: 0 -23px; }