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

body{ background:#F2F2F2; margin:0; padding:0;}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td	{
	  line-height: 1.6; color:#464f5c; font-family:Arial, Helvetica, sans-serif; margin:0; padding:0; 
}
.clear {clear: both; }

/********************************************** Header Top ****************************************/
#main { border-top:#333333 5px solid; height:auto; width:100%; }
#Header{ width:100%; height:80px; margin:0;  padding:0; background:url(../images/topBg.png) repeat-x;}
#Header-wrapp{ width:980px; height:80px; margin:0 auto;  padding:0; }

.Logo { width:180px; height:60px; margin:10px; padding:0; float:left;}
.tagline { width:407px; height:60px; margin:10px 100px; padding:0; float:left;}

.head_right { width:100px; height:40px; margin:35px 0 5px 0; padding:0; float:right;}
.callno_Div { width:355px; height:27px; float:right; background:url(../images/bg_supporttopnav.png) no-repeat right; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; padding:0 0 0 35px;}
.callno_Div img { margin:0 4px 0 4px; float:right; }
.callno_Div strong {color:#0099CC; font-family:Arial, Helvetica, sans-serif; font-size:12px;} 

.topBanner {
	width: 400px;
	height: 40px;
	float:left;
	margin: 50px 0 0 70px;
	position: relative;
}
.topBanner .fl {	position: absolute; right:0;	top: 30px; }

#loginDiv { width:420px; height:70px; margin:10px 10px 0 0; float:right; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
#loginDiv span { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px}
#loginDiv .box  { width:175px; height:40px;  float:left;}
#loginDiv .btn  { width:70px; height:30px;  float:left;  padding:16px 0 0 0;}
#loginDiv .box span { color:#333; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px}
#loginDiv .box input {    width:85%;    border:1px solid #899caa; color:#000; margin-top:2px;   padding:3px 5px;    font-size:12px; }
/*-------------------------------------------------------- Button ---------------------------------------------------*/
.redButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #f5978e;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f5978e;
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	/*background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f24537), color-stop(1, #c62d1f) );
	background:-moz-linear-gradient( center top, #f24537 5%, #c62d1f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24537', endColorstr='#c62d1f');*/
	background-color:#f24537;
	/*-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;*/
	border:1px solid #d02718;
	display:inline-block;
	color:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold; cursor:pointer;
	padding:2px 5px;
	text-decoration:none;
	text-shadow:1px 1px 0px #810e05;
}
.redButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24537) );
	background:-moz-linear-gradient( center top, #c62d1f 5%, #f24537 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24537');
	background-color:#c62d1f;
}
.redButton:active {
	position:relative;
	top:1px;
}
/*----------------------------------------------
.loginButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}
.loginButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}
.loginButton:active {
	position:relative;
	top:0px;
}
*/
/*-------LOGIN STARTS HERE -------*/

/* Login Container (default to float:right) */
#loginContainer {  position:relative;  float:right;  font-size:12px;  width:100px; height:40px; margin:35px 0 5px 0; padding:0; float:right; }
/* Login Button */
#loginButton { display:inline-block;   float:right;   background:#bf1d19 url(../images/buttonbg.png) repeat-x;  border:1px solid #bf1d19; 
    border-radius:3px;  -moz-border-radius:3px;  position:relative;  z-index:30;  cursor:pointer;}
/* Login Button Text */
#loginButton span { color:#fff; font-size:14px; font-weight:bold; text-shadow:1px 1px #333; padding:7px 35px 9px 20px; background:url(../images/loginArrow.png) no-repeat 63px 10px; display:block }
#loginButton:hover {background:url(../images/buttonbgHover.png); }
/* Login Box */
#loginBox { position:absolute; top:34px; right:0; display:none; z-index:29; }
/* If the Login Button has been clicked */    
#loginButton.active { border-radius:3px 3px 0 0;}
#loginButton.active span {    background-position:63px -73px;}
/* A Line added to overlap the border */
#loginButton.active em {    position:absolute;    width:100%;    height:1px;    background:#c73d3a;    bottom:-1px;}
/* Login Form */
#loginForm {   width:248px; border:1px solid #bf1d19;  border-radius:3px 0 3px 3px;  -moz-border-radius:3px 0 3px 3px; margin-top:-1px;   background:#c83e3a;  padding:6px;}
#loginForm fieldset { margin:0 0 12px 0; display:block;  border:0;  padding:0;}

fieldset#body {    background:#fff;    border-radius:3px;   -moz-border-radius:3px;  padding:10px 13px;   margin:0; }

#loginForm #checkbox { width:auto; margin:1px 9px 0 0; float:left;  padding:0; border:0;  *margin:-3px 9px 0 0; /* IE7 Fix */}

#body label {    color:#3a454d;    margin:9px 0 0 0;    display:block;    float:left;}

#loginForm #body fieldset label {    display:block;    float:none;    margin:0 0 6px 0;}

/* Default Input */
#loginForm input {    width:92%;    border:1px solid #899caa;    border-radius:3px;   -moz-border-radius:3px;   color:#3a454d;  font-weight:bold;    padding:8px 8px;    box-shadow:inset 0px 1px 3px #bbb;   -webkit-box-shadow:inset 0px 1px 3px #bbb;   -moz-box-shadow:inset 0px 1px 3px #bbb;  font-size:12px; }

/* Sign In Button */
#loginForm .login { width:auto;  float:left;  background:#339cdf url(../images/loginbuttonbg.png) repeat-x;   color:#fff;   padding:7px 10px 8px 10px;  text-shadow:0px -1px #278db8;  border:1px solid #a50400;  box-shadow:none;  -moz-box-shadow:none;  -webkit-box-shadow:none;   margin:0 12px 0 0;   cursor:pointer;  *padding:7px 2px 8px 2px; /* IE7 Fix */}

/* Forgot your password */
#loginForm span {    text-align:center;   display:block;  padding:7px 0 4px 0;}
#loginForm span a {  color:#fff;  text-shadow:0px 0px #666;  font-size:12px;}
input:focus {    outline:none; }

/********************************************** Silder CSS ***************************************************/

#Home_Banner { width:100%; height:435px; margin:0; padding:0; background:#95bd46;}
#Home_Banner_wrap { width:980px; height:415px; margin:0 auto; padding:10px;}

#Home_Banner_btm { width:100%; height:100px; margin:0; padding:0; background:#3f7abe;}
#Home_Banner_btm_wrap { width:980px; height:100px; margin:0 auto; padding:0 10px;}

/*--------------------------------------------------------------------------------------------------------------------------------*/

#Contener { width:100%; height:auto; margin:0px; padding:0px; background:#e6e6e6;  }
#Contener_wrapper { width:978px; height:auto; margin:0px auto; padding:10px;  }

.Content-body { width:968px; height:auto; margin:0 0 15px 0; padding:5px 5px 30px 5px; background:url(../images/divider-diagonal.png) bottom repeat-x;}
.Content-body h1 {text-align:center;font-family: 'Josefin Slab', serif; font-size:28px; font-weight:700; line-height:30px; color:#333; margin-bottom:15px; }
.Content-body p { margin: 0; line-height: 22px; text-align:center; font:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}
.Content-body .col01 { width:400px; height:70px; margin:10px 25px 10px 35px; padding:0; float:left; padding:10px; }
.Content-body .col01 img {float:left; margin:0 5px 0 0; }
.Content-body .col01 h2 {font-family: 'Josefin Slab', serif; font-size:20px; font-weight:700; line-height:30px; color:#333; }
.Content-body .col01 span { margin:0; line-height:20px; font:Arial, Helvetica, sans-serif; font-size:12px; color:#333;}

.Content-Abt { width:640px; height:auto; margin:0; float:left; padding:15px 5px;}
.Content-Abt h1 {font-family: 'Josefin Slab', serif; font-size:20px; font-weight:700; line-height:30px; color:#333; }
.Content-Abt p { margin: 0; line-height: 22px; font:Arial, Helvetica, sans-serif; font-size:14px; color:#333;}

.Content-projct { width:310px; height:auto; margin:0 0 0 18px; float:left; padding:0px;}
.Content-projct  h1 {font-family: 'Josefin Slab', serif; font-size:20px; font-weight:700; line-height:30px; color:#333; }
.Content-projct .div { width:300px; height:auto; padding:4px; border:1px solid #CCC; border-radius:5px;}






#footer { width:100%; height:auto; background:url(../images/headerBg.jpg); margin:0; padding:0;}
#footer_wrapper { width:1000px; height:80px; margin:0 auto;  border-top:5px solid #95bd46;}

#footer_wrapper .col01 { width:100%; height:25px; text-align:center; margin:20px 0 0 10px; font-family:Arial, Helvetica, sans-serif; color:#ccc; font-size:12px;}