/* AragonGroup.com   */
/* The 2M Group 2009 */


/*GENERAL STYLING*/

body {
	text-align:center;
	margin:0;
	padding:0;
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	color:#000000
}

/*HEADER*/

#header {
	width:960px;
	height:114px;
	margin:0 auto 0 auto;
	background-image:url(../images/aragon-header.png);
	background-repeat:no-repeat;
	background-position:bottom;
}


/*NAVIGATION DROP DOWN*/

#navigation {
	width:924px;
	height:30px;
	margin:0 auto 0 auto;
	background-image:url(../images/aragon-navigation.png);
}

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:30px;
	 font-size:13px;
	 text-transform:uppercase;
 }
 
 *html #nav, #nav ul { position:static; }
 
#nav a:link, #nav a:active, #nav a:visited{
	display:block;
	color:#000000;
	text-decoration:none;
	height: 30px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
 }

#nav a:hover{
    color:#fff;
}

#nav li{
	width:231px;
	height:30px;
    float:left;
    position:relative;
	
}

#nav ul {
    position:absolute;
/*    width:12em;*/

	height:20px;
    top:30px;
	font-size:10px;
    display:none;
}

*html #nav ul {left:0px;}

#nav li ul a{
/*    width:12em;*/
	width:221px;
    float:left;
	background-color: #bbbbbb;
	position:absolute;		/*To drop over fading images*/
	z-index: 10;			/*To drop over fading images*/
}

*html #nav li ul a {left:0px;}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
/*    left:12em;*/
	left:221px;
	font-size:10px;
    margin:0px 0 0 10px;
	position:absolute;		/*To drop over fading images*/
	z-index: 10;			/*To drop over fading images*/

    }
	
#nav li ul ul a{
	background-color: #999999;
    }

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
    }
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
    }


/*CONTENT*/

#content {
	width:960px;
	height:436px;
	margin:0 auto 0 auto;
	background-image:url(../images/aragon_content.png);
	background-repeat:repeat-y;
}

*html #content {margin:0 0 0 18px;}

#frame {
	clear:both;
	width:960px;
	height:400px;
}

#content-left {
	width:231px;
	height:400px;
	margin:0 0 0 18px;
	background-image:url(../images/content-shadow.png);
	background-position: top;
	background-repeat:repeat-x;
	float:left;
}

*html #content-left {margin:0 0 0 9px;}


#content-left ul {
	margin:0px;
	padding:0px;
	list-style:none;
}


ul#imagesleft li img{
	
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	z-index: 0;
}

*html #imagesleft li img {left:-115px;position:absolute;}

#imagesleftie {
	width:231px;
	height:400px;
	background-image:url(../images/imganimie.gif);
}

#imagesrightie {
	width:231px;
	height:400px;
	background:url(../images/imganimie.gif) -231px 0 no-repeat;
}

#content-center {
	width:462px;
	min-height:400px;
	margin:0 0 0 0;
	font-size:11px;
	float:left;
	background-image:url(../images/content-shadow.png);
	background-repeat:repeat-x;
	background-position:top;
}

#content-center ul{
	margin:0 0 0 0px;
	padding:0 0 0 12px;
}

#content-right {
	width:231px;
	height:400px;
	margin:0 18px 0 0;
	background-image:url(../images/content-shadow.png);
	background-position: top;
	background-repeat:repeat-x;
	float:right;
}

#content-right ul {
	margin:0px;
	padding:0px;
	list-style:none;
}


ul#imagesright li img{
	
	border:0;
	padding:0;
	margin:0;
	list-style:none;
	z-index: 0;
}

*html #imagesright li img {left:-115px;position:absolute;}


#sub-nav {
	width:400px;
	height:30px;
	margin: 30px auto 10px auto;
	text-align: center;
	font-family: Times New Roman;
	font-size: 11px;
	text-transform: uppercase;
}

#sub-nav a {
	color:#000000;
	text-decoration: none;
}

#sub-nav a:hover {
	color:#666666;
	text-decoration: underline;
}

#text-bloc {
	width:400px;
	height: 320px;
	margin: 10px auto 0 auto;
	font-family: Times;
	font-size: 13px;
	line-height: 16px;
	text-align: justify;
}

#text-bloc a {
	color: #666666;
	text-decoration: none;
}

#text-bloc a:hover {
	color: #000000;
	text-decoration: underline;
}

#text-bloc h1 {
	font-family: Times;
	font-size: 16px;
	line-height:18px;
	margin: 3px 0 0 0;
	padding: 0;
}

#text-bloc li {
	margin-bottom: 4px;
	list-style-type: square;
	text-align: left;
	text-align:justify;
}

.holder {
	float: left;
	margin-right: 10px;
}
.scroll-pane {
	width: 400px;
	overflow: auto;
	float: left;
	height: 300px;
}

 
/*FOOTER*/


#footer {
	width:960px;
	height:65px;
	color:#666666;
	margin:0 auto 0 auto;
	background-image:url(../images/aragon_footer.png);
	text-transform: uppercase;
}

#footer a {
	color:#666666;
	text-decoration:none;
}

#footer a:hover {
	color:#666666;
	text-decoration:underline;
}

#footer-left {
	width:245px;
	height:20px;
	margin:10px 0 0 0;
	font-size:9px;
	float:left;
}

#footer-center {
	width:470px;
	height:20px;
	margin:10px 0 0 0;
	font-size:11px;
	float:left;
}

#footer-right {
	width:245px;
	height:20px;
	margin:10px 0 0 0;
	font-size:9px;
	float:right;
}