/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h3, h4, h5, h6,  blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol,  li, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	margin-left:10px
	margin-right:10px
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/**---------------------------------------------------------------------Mobil CSS---------------------------------------------------------------

@media only screen and (max-device-width: 600px) {
		div#wrapper { 	width: auto; margin: auto; text-align: left; min-height: 400px	}

		div#top ul li {font-size:140%}
			div#top {height:auto}
	}

/*background-image: url(media-queries-phone.jpg);
			height: 93px;
			position: relative;
		}

		div#header h1 {
			font-size: 140%;
		}

		#content {
			float: none;
			width: 100%;
		}

		#navigation {
			float:none;
			width: auto;
		}----------------------------------------**/


/* Containers*/



/* margin or padding  top rt bottom LT or top/bot rt/lt*/

/*---------------logo---------------------*/
.MsoNormal{
	margin-left:20px
}

# logo {
	width:100%; height:auto;background-image:url('../images/header.jpg')
}



html, body {
   margin: 0; padding: 0;
}
#wrapper { max-width: 1020px;	margin: 0px auto;padding:0px;	background-color #ffffcc; border5px solid #E5E500;
border-radius: 10px;
margin-top: 15px;
margin-bottom: 15px;}

.first {
	font-size:18px; color:#336699; font-style:italic; text-align:center; padding-top:50px
}
.container:{ max-width: 1000px; background-color:#ffffcc; }

.nav nav-pills {margin-riight:60px}

#top img { 	float:left; padding:4px }

#top { 	width: 100%;  hight: 35px;padding : 2px; overflow: hidden; background-color: #534E48;}

#top ul { width:60%; height:30px; float:left;  margin:0px 20px 0px 0px; }

#top ul li { display: inline; color: #000000; font-size:14px; float: left; margin:0px 20px 0px 0px;}

#top ul li a { float:left; padding:10px 20px;text-decoration:none }

#top a:link { color:#ffffff; }

#top a:visited { color:#ffffff; }
#top a:active { color:#ffffff; }
#top a:hover { color:#ffffff; background-color:orange }
#top a:focus { color:#ffffff; }


hr {
    height: 4px;
    background-color:#E5E500;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 60%;
}




#contact { 	margin:20 50 0 0; color:ffffff;	float:right; padding:10px;	background-color:eeeeee; }

#contact img { 	height:45; width:182; }

#contact ul li { display:inline; }

#topnav {	background-color: ffffcc; clear:both; overflow: hidden;margin-bottom:0px}

#topnav ul { width:100%; float:inherit; margin:0 0 0 0; background-color: ffffcc;  }

#topnav ul li { display:inline; font-size: 19px;}

#topnav ul li a { float:left; padding:10px 20px;text-decoration:none }

#topnav a:link { color:#4C4C4A; }

#topnav a:visited { color:#4C4C4A; }
#topnav a:active { color:#4C4C4A; }
#topnav a:hover { color:#000000; background-color:green }
#topnav a:focus { color:#4C4C4A; }

banner {width:100%; float:left; margin: 0px auto; height:418px;padding-bottom:20px; overflow: hidden; border-top:2px #000000 solid;  }


#content ul {	width: 100%;	background-color: ffffff;	margin-left: 80px }

#content ul li { display:inline; margin-left:5px;  margin-right:5px; }



#content  {	width: 100%;  padding: 5px;  background-color:white;  }

#content img {padding:25px;}

#our-products img {padding:25px; }
#foot2 {
	font-size:x-small
}


#contentm {padding:40px }
/*


#our-products { width:100%; background-color:white }

#our-products img {100%; }

*/




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


#footer-cont {
	width:90%; overflow: hidden; border-bottom:1px white solid; color:black;margin-left:10px; margin-right:10px
 }





#footer-cont ul {list-style-type: none; margin-top:0px;float:left;
 -webkit-margin-before: 0.6em;
-webkit-margin-after: 0.1em;
-webkit-margin-start: 5px;
-webkit-margin-end: 0px;
-webkit-padding-start: 5px;
 }
#footer-cont ul li a {	text-decoration:none; color:black;font-size:11px; margin-top:0px; margin-left:20px

}

#footer2 {	width:90%;background-color:#ffffcc; overflow: hidden; margin:0px;padding-bottom:10px;border-top:1px gray solid  }



#footer2 p  {float: left;  margin:10px 100px 10px 120px; font-size:12px; color:white; }


#footer3 { 	width:100%; background-color:#323232; ; overflow: hidden;padding :0px;margin-top:0px }
#footer3 ul { border-top:1px gray solid 	 }
#footer3 ul li { 	display:inline; padding:20px; color:white }

#foot2 {
	margin-left:20px; margin-right:20px
}