/*===== PNG FIX FOR IE 5.5 & 6.0=====*/

img, div { behavior: url(iepngfix.htc) }

/*===== PRE-DEFINED TAGS STYLES=====*/

body {
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	background-color:#d27d01;
}

h1 {
	font-size: 18px;
	color: black;
	margin:0px;
	}

h2 {
	font-size: 1.5em;
	color: black;
	margin:0px;
	}

p {
	margin-bottom: 10px;
	}
	
ul {
	margin:0px;
	padding:0px;
	list-style:none;
	}
li {
	margin:0px;
	padding:0px;
	list-style:none;
	}

hr {
	color : black;
	height : 1px;
	padding : 0;
	border-color : black;
	border-width : 1px 0 0 0;
	border-style : solid;
	margin: 10px;
	}

/*===== A LINK STYLES=====*/

a img {
	border:0;
	}
a {
	text-decoration: none;
	color: red;
	outline: none;
	}
a:link { 
	color: red; 
	}
a:visited { 
	color: red; 
	}
a:hover { 
	color: red; 
	text-decoration: underline; 
	}
a:active { 
	color: red; 
	}

/*===== CLASS STYLES =====*/

.clear { clear:both; height:0px; font-size:0px; }

/*===== STRUCTURE STYLES =====*/
#container{
	width:100%; height:100%;
}

#topbar{
	width:100%; height:20px; background-color:#eee081; position:fixed;
}

#contentarea{
	width:650px; height:800px; background-color:#f5a42e; position:absolute; padding-left:50px; margin-top:20px;
}

#contentarea #logo{
	width:245px; height:185px; float:left; text-align:center; padding-top:20px;
}

#welcome{
	 color:#4d666c; width:360px; text-align:justify; float:right; padding-left:20px; padding-right:20px; padding-top:10px;
}
#welcome strong{
	font-size:24px; font-weight:bold; font-style:italic; color:#7a9fa8;
}

#nav{
	width:354px; height:165px; float:left;
}

#nav ul{
	float:left; width:354px; height:185px; margin-top:-20px;
}
#nav li{
	float:left; width:108px; height:185px; margin-right:10px;
}

#nav #nav1 a{
	 width:108px; height:185px; background-color:#d27d01; display:block; background-image:url(../images/nav1_bg.png); background-repeat:no-repeat; background-position:top; text-indent:-5000px;
}
#nav #nav1 a:hover{
	  background-color:#eee081; display:block; text-indent:-5000px;
}
#nav #nav2 a{
	 width:108px; height:185px; background-color:#d27d01; display:block; background-image:url(../images/nav2_bg.png); background-repeat:no-repeat; background-position:top; text-indent:-5000px;
}
#nav #nav2 a:hover{
	 width:108px; height:185px; background-color:#eee081; display:block;
}
#nav #nav3 a{
	 width:108px; height:185px; background-color:#d27d01; display:block;  background-image:url(../images/nav3_bg.png); background-repeat:no-repeat; background-position:top; text-indent:-5000px;
}
#nav #nav3 a:hover{
	 width:108px; height:185px; background-color:#eee081; display:block;
}

#nav3{
	margin-right:0px;
}

#testimonial{
	width:320px; height:123px; float:right; margin-right:-30px; margin-top:42px; background-color:#c49551;
}
#testimonial p{
	width:300px; height:93px; padding:10px; font-size:14px; color:#F1EFBE; line-height:18px; text-align:justify; margin:0px;
}
#testimonial h6{
	width:320px; height:10px; margin:0px; padding:0px; background-color:#F1EFBE; 
}

#products{
	width:680px; height:285px; margin-right:-30px; float:right; background-color:#f1efbe;
}

#products p{
	width:640px; height:195px; margin:0px; padding:0px; font-size:32px; font-weight:bold;  padding-left:20px; padding-right:20px; padding-top:20px; padding-bottom:20px; color:#FFFFFF; font-style:italic; line-height:35px;
}
#products p span{
	color:#D27D01; font-weight:900;
}

#products h6{
	width:680px; height:10px; margin:0px; padding:0px; background-color:white; 
}


#scroller{
	width:280px; margin-left:700px; padding-top:20px;
}

#scroller ul{
	width:280px;
}

#scroller li a{
	width:240px; height:240px; background-color:#ddd584; margin-bottom:10px; padding:10px; display:block;
}
#scroller li a:hover{
	background-color:white;
}

#phone{
	width:270px;height:30px;position:absolute;z-index:5000;top:5px;left:410px;font-size:20px;font-weight:bold;color:#4d666c;padding-top:5px;
}

#phone strong{
	color:white;	
}
#footer{
	width:650px; height:500px; float:right; margin-top:12px;
}

#footer img{
	float:left;	
}

#footer p{
	width:400px; float: right; text-align:right; font-size:12px; color:#F1EFBE;
	margin:0px; padding:0px;
}