@charset "UTF-8";
/* CSS Document */













/*****/

#downloads-page-title { width:100%; height:90px; margin:0px auto 0px auto; padding:20px 0px 25px 0px; background:#000; border-bottom:1px solid #171717; }
#downloads-page-title > ul { width:785px; margin: 0 auto; padding:20px 0 0 15px; }
#downloads-page-title > ul > li { font-family:'Oswald', Helvetica, Arial, sans-serif; font-weight: 400; font-size: 26px; padding: 0; margin:0; list-style-type:none; color:#FFF }	
#downloads-page-title > ul > li > span { font-family:'Oswald', Arial,Helvetica, sans-serif; font-weight:300; font-size: 20px; padding: 0; margin:0 list-style-type:none; color:#CCC }	

#downloads-page-title > ul > li.symbol { float:right; margin:0px 20px 0 0; padding:0px 0 1px 0; /*border:1px solid #F00;*/ }	
#downloads-page-title > ul > li.evologo { float:left; margin:0px; padding:0px; width:240px; /*border:1px solid #F00;*/ }	
#downloads-page-title > ul > li.evologo img { width:230px }	

#downloads-page-title > ul > li > h1 { font-family: Arial,Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size: 20px; padding: 0; margin:0 list-style-type:none; color:#FFF; display:inline; }
#downloads-page-title > ul > li > h2 { font-family: Arial,Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; font-size: 32px; padding: 0; margin:0 list-style-type:none; color:#FFF; display:inline; }

/*************************************************/


#mainvideo { margin: 0px auto 0px auto; padding:0px; color: #111; display:block; background: #000; height:550px; /*border: 1px solid #F00;*/ }
#mainvideo > video { height:550px; width:950px; /*border: 1px solid #F00;*/  }

#mainvideo > ul { margin:10px 0 0 0; padding:10px 0 0 20px; }
#mainvideo > ul > li > { margin:0; padding:0; }
#mainvideo > ul > li > a { font:Arial, Helvetica, sans-serif; font-size: 13px; font-weight:normal; color:#FFF; text-decoration:none; background:url(images/orangebutton.png) no-repeat center left; padding:1px 0 0 22px;  }
#mainvideo > ul > li > a:hover { color:#AAA; }


	

#gotopage { width:950px; height:50px; margin:0px auto; background:#222 url(../images/bg/corner-xxs.png) bottom right no-repeat; /*border:1px solid #F00;*/ }
#gotopage > ul { width:auto; height:48px; margin:0px 0px; padding:0px; float:right; /*border:1px solid #F00;*/ }
#gotopage > ul > li { width:auto; height:46px; margin:0px 0px; padding:12px 30px 0 25px; float:left; list-style-type:none;font-family: 'Oswald' Arial, Helvetica, sans-serif; font-size:18px; color:#AAA; background:url(../images/buttons/go-white-sm.png) no-repeat left 15px;  /*border:1px solid #F00;*/ }
#gotopage > ul > li > a { width:auto; height:46px; margin:0px 0px; padding:0px 0 0 0; list-style-type:none; font-family: 'Oswald' Arial, Helvetica, sans-serif; font-size:18px; color:#FFF; text-decoration:none; /*border:1px solid #F00;*/ }
#gotopage > ul > li > a.build { color:#F70; /*border:1px solid #F00;*/ }
#gotopage > ul > li > a:hover { color:#FFF; /*border:1px solid #F00;*/ }




/*****/
#contents.home01 { width: 718px; height:auto; padding:10px 0px 30px 0px; float:right; /*border:1px solid #F00;*/ }
#contents.home01 > ul { width:auto; padding:0px 0 0px 12px; margin:0 0 0 0px; display:inline-block; /*border:1px solid #F00;*/ }
#contents.home01 > ul > li { width: 224px; height:285px; list-style-type: none; display:inline-block; padding:0 0px 0 0; margin:0 5px 18px 0; background: url(../images/bg/corner-sm.png) no-repeat bottom right; float:left; /*border:1px solid #F00;*/ }
#contents.home01 > ul > li > a.link01 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#FFF; text-decoration:none; border:none; margin:0; padding:0 0px 0 20px; float:left; width:210px; /*border:1px solid #6C0;*/ }
#contents.home01 > ul > li > a.link01 > b { color:#F70; text-decoration:none; }
#contents.home01 > ul > li > a:hover { color:#FFF; }
#contents.home01 > ul > li > a > img { padding: 0 0 20px 0; }

#contents.home01 > ul > li.green { width: 224px; height:235px; list-style-type: none; display:inline-block; padding:0 0px 0 0; margin:0 5px 10px 0; background:url(images/bg03.jpg) no-repeat -1px bottom ; /*border:1px solid #F00;*/ }
#contents.home01 > ul > li.green > a.link01 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:11px; color:#6c0; text-decoration:none; border:none; margin:0; padding:0 0px 0 20px; /*border:1px solid #6C0;*/ }
#contents.home01 > ul > li.green > a.link01:hover { color:#6c0; }


#contents.home01 > #downloadsnav { border-bottom:1px solid #222; padding:2px 0 10px 0; margin:10px 0 0 0; }
#contents.home01 > #downloadsnav > ul.menu { margin:6px 18px 0px 0; padding: 0 0px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F70; text-align:right;  }
#contents.home01 > #downloadsnav > ul.menu > li { text-align:right; padding: 0 0px; list-style-type:none; display: inline-block; }
#contents.home01 > #downloadsnav > ul.menu > li > a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#FFF; text-decoration:none; padding: 4px 8px; background:#333 }
#contents.home01 > #downloadsnav > ul.menu > li > a:hover { color:#666; background:#FFF; } 
#contents.home01 > #downloadsnav > ul.menu > li > a.currentpage { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#F70; text-decoration:none; font-weight:bold }

#contents.home01 > #downloadsnav > ul.menu > li.prev { text-align:left; } 
#contents.home01 > #downloadsnav > ul.menu > li.next { text-align:right; } 







/*** Group ***/
#leftsidenavigation.group { width:180px; float:left; margin: 0px 0px 0 0px; padding:6px 0px 0 30px; border-right:1px solid #444;*/  }
#leftsidenavigation.group > ul { padding: 0px 0px 15px 0 ; margin:0 0 0 0px; /*border:1px solid #F00;*/ }
#leftsidenavigation.group > ul > h1 { font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:26px; font-weight:normal; line-height:29px; padding:20px 0 18px 5px; margin:0px; text-transform:capitalize; }
#leftsidenavigation.group > ul > h2 { font-family: Arial, Helvetica, sans-serif; color:#FFF; font-size:25px; font-weight:bold; line-height:30px; padding:0px 0 0px 5px; margin:0px 0 15px 0; text-transform:capitalize; float:left; width:170px; /*border:1px solid #F00;*/ }
#leftsidenavigation.group > ul > h3 { font-family:Arial, Helvetica, sans-serif; color:#FFF; font-size:15px; font-weight:normal; line-height:16px; padding:0 0 0 5px; margin:0px; }
#leftsidenavigation.group > ul > li { list-style-type:none; margin:0 0 7px 0; }
#leftsidenavigation.group > ul > li > a { font-family:Arial, Helvetica, sans-serif; color:#CCC; font-size:12px; font-weight:normal; line-height:20px; text-decoration:none; padding:5px 8px; background:#333;  }
#leftsidenavigation.group > ul > li > a:hover { color:#FFF; background:#444;  }

#leftsidenavigation.group > ul > li > a.build:hover { color:#111; background:#F70;  }
#leftsidenavigation.group > ul > li > a.project:hover { color:#111; background:#6C0;  }
#leftsidenavigation.group > ul > li > a.steel:hover { color:#111; background:#09F;  }
#leftsidenavigation.group > ul > li > a.group:hover { color:#111; background:#BBB;  }

#contents.group, 
#contents.steel, 
#contents.build, 
#contents.project { width: 710px; height:auto; padding:0px 0px 60px 0px; margin:0px 12px 0 0; float:right; /*border:1px solid #F00;*/ }

#contents.group > ul, 
#contents.steel > ul, 
#contents.build > ul, 
#contents.project > ul { width:auto; padding:0px 0 0px 0px; margin:0 0 0 0px; display:inline-block; /*border:1px solid #F00;*/ }

#contents.group > ul > li, 
#contents.steel > ul > li, 
#contents.build > ul > li, 
#contents.project > ul > li { width: 222px; height:285px; list-style-type: none; display:inline-block; padding:0 0px 0 0; margin:0 12px 25px 0; float:left; /*border:1px solid #F00;*/ }

#contents.group > ul > li > a.link01,
#contents.steel > ul > li > a.link01,
#contents.build > ul > li > a.link01,
#contents.project > ul > li > a.link01 { font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:14px; line-height:16px; color:#FFF; text-decoration:none; border:none; margin:0 0 10px 0; padding:0 0px 0px 0px; float:left; width: 222px; /*border:1px solid #6C0;*/ }

#contents.group > ul > li > a.link01 > b, { color:#FFF; }
#contents.steel > ul > li > a.link01 > b, { color:#09F; }
#contents.build > ul > li > a.link01 > b, { color:#F70; }
#contents.project > ul > li > a.link01 > b { color:#6C0; }

#contents.group > ul > li > a:hover,
#contents.steel > ul > li > a:hover,
#contents.build > ul > li > a:hover,
#contents.project > ul > li > a:hover { color:#FFF; }

#contents.group > ul > li > a > img,
#contents.steel > ul > li > a > img,
#contents.build > ul > li > a > img,
#contents.project > ul > li > a > img { padding: 0 0 20px 0; }

#contents.steel > ul > li > a.downloadvideosteel { width:50px; text-align:center; font-size:14px; padding:10px; margin:0px 0px 0 0px; color:#FFF; background:#09F; float:left;  }
#contents.steel > ul > li > a.downloadvideosteel:hover { background:#333; }

#contents.build > ul > li > a.downloadvideobuild { width:50px; text-align:center; font-size:14px; padding:10px; margin:0px 0px 0 0px; color:#FFF; background:#F70; float:left;  }
#contents.build > ul > li > a.downloadvideobuild:hover { background:#333; }

#contents.project > ul > li > a.downloadvideoproject { width:50px; text-align:center; font-size:14px; padding:10px; margin:0px 0px 0 0px; color:#FFF; background:#6C0; float:left;  }
#contents.project > ul > li > a.downloadvideoproject:hover { background:#333; }

#contents.group > ul > li > a.downloadvideogroup { width:50px; text-align:center; font-size:14px; padding:10px; margin:0px 0px 0 0px; color:#FFF; background:#666; float:left;  }
#contents.group > ul > li > a.downloadvideogroup:hover { background:#333; }




/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/	
	
#group02 { width:740px; height:auto; background:#111; padding:10px; margin: 0 auto; border:1px solid #F00; }
#group02 > a { font-size:10px; color:#FFF; text-decoration:underline; }
	
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/
/************************************************************************************************************************************************************/