/*---------------------------------------------------------------- 
  Copyright (C) 2009 MDD Graphic Design
  
  Author: Annie Corriveau - http: //wwww.mdd.ie/
---------------------------------------------------------------- */


/* Header -> 
***************************************************************************** */

#topmenu {
	width: 620px;
	height:57px;
	padding: 0;
	marging: 0;
	}

		#topmenu li {
			float: left;
		}
		
		#topmenu li a {
			display: block;
			height: 57px;
			text-indent: -9999px;
			overflow: hidden;
			}


#topmenu a.home {width: 66px; background: url(../images/menu/home.png) no-repeat;}
#topmenu a.home:hover {width: 66px;background-position: 0 -57px;}
#body_home a.home {width: 66px;background-position: 0 -57px;}


#topmenu a.about {width: 97px; background: url(../images/menu/about.png) no-repeat;}
#topmenu a.about:hover {width:97px; background-position: 0 -57px;}
#body_about a.about {width:97px; background-position: 0 -57px;}


#topmenu a.quality {width: 142px; background: url(../images/menu/quality.png) no-repeat;}
#topmenu a.quality:hover {width: 142px; background-position: 0 -57px;}
#body_quality a.quality {width:142px; background-position: 0 -57px;}

#topmenu a.markets {width: 78px; background: url(../images/menu/markets.png) no-repeat;}
#topmenu a.markets:hover {width: 78px; background-position: 0 -57px; }
#body_markets a.markets { width: 78px; background-position: 0 -57px; }

#topmenu a.services {width: 83px; background: url(../images/menu/services.png) no-repeat;}
#topmenu a.services:hover { width: 83px; background-position: 0 -57px;}
#body_services a.services { width: 83px; background-position: 0 -57px;}

#topmenu a.contact {width: 95px; background: url(../images/menu/contact.png) no-repeat;}
#topmenu a.contact:hover { width: 95px; background-position: 0 -57px;}
#body_contact a.contact { width: 95px;background-position: 0 -57px;}

	
hnju

.transparent_class {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}




/* Wrap -> Contaniner
***************************************************************************** */

.pics {
	float:left;
	display:list-item;
	padding: 40px 0px 0px 0px;
	text-align:center;
	font-size: 1.2em;
	color:#C70811;
	text-align:center;
	list-style-type: none;
}

.ums {
	float:right;
	width: 400px;
	margin:15px 0px 0px 0px;
	height:auto;
}




/* Left Navigation
************************************* */
#leftnav{
	width:250px;
	letter-spacing: .1em;
	font-variant: small-caps;
	font-weight: lighter;

}



#leftnav ul {
	font-size: 1.2em;
	
}
	
	#leftnav ul li {
	display:block;
	margin-bottom: 20px;

	}
		
		#leftnav ul li a {
			width:170px;
		 	height: 35px;
			padding: 10px 5px 20px 7px;
			text-decoration:none;
			text-align:left;
			
		}

#leftnav a {width: 170px;height: 35px;text-decoration: none; background: url(../images/menu/leftnav.png) no-repeat;}
#leftnav a:hover {width: 170px;height: 35px;text-decoration: none; font-weight: bold; background-position: -174px 0; }


/* Template. Auxiliary
***************************************************************************** */
 .list {
 	margin: 0px 0px 0px -40px;
	*margin-left: -10px;
	list-style: url(../images/list_icon.png);
	list-style-position: outside;	
	*list-style-position: inside;
}

.color{color:#E7AD00;}

.link{text-decoration:none;color: #5B5B5B; }



#outer{
    position:relative;
    width:300px;
    background:red;
}

#inner{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:200px;
}

#inner2{
    position:absolute;
    left:250px;
    top:0;
    height:100%;
    width:200px;
}




/* Bottom -> Footer
***************************************************************************** */
#footer p{
	text-align: left;
	font-size: 1em;
	line-height: 1.5em;
	color: #3E3E3E;
}

.copyright{
	font-weight: bold;
	color:#C70811;
}

#iso {
	width: 100px;
	height: 146px;
	background: url(../images/iso.png) no-repeat;
	margin: 0px 70px 0px 0px;
	_margin: 0px 60px 0px 0px;
	float:right;
}
	
#horse {
	width: 110px;
	height: 146px;
	background: url(../images/horse.png) no-repeat;
	margin: 0px 200px 0px 0px;
	_margin: 0px 100px 0px 0px;
	float:right;
}