|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/bluerae/clients/amag/staging/css/ |
Upload File : |
/* Resets */
* { font-size:100.01%; max-height:10000px; }
html{ font-size:62.5%; height:100%; }
body{
margin:0;
background:#b0bc21 url(../images/bg-page.png) 50% 0;
font:1.4em/1.071em "pt-sans", "pt-sans-n4", Arial, Helvetica, sans-serif;
color:#616265;
height:100%;
min-width:983px;
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:none;
}
img { border-style:none; }
input,
textarea,
select { font:12px Arial, Helvetica, sans-serif; vertical-align:middle; color:#616265; }
form, fieldset { margin:0; padding:0; border-style:none; }
hr { border: 0; height: 1px; background-color: #bdbdbe; width: 100%; overflow: hidden; }
.floatright { float: right; margin: 0 0 12px 12px; }
/* Links */
a { text-decoration:none; color:#a3a50f; }
a:hover { color:#807e83; }
a:active { background-color:transparent; }
/* wrapper */
.wrapper{
min-height:100%;
width:100%;
background:url(../images/bg-wrapper.png) repeat-y 50% 0;
position:relative;
}
.w1{
width:941px;
margin:0 auto;
padding:20px 21px;
position:relative;
}
#header:after,
#main:after,
.box-holder:after,
.nav-container:after,
.bottom-panel dl:after{
clear:both;
content:'';
display:block;
}
/* header */
#header{
padding:0 0 0 14px;
margin:0 0 16px;
position:relative;
z-index:4;
max-width:955px;
}
/* logotype */
.logo{
text-indent:-9999px;
float:left;
background:url(../images/logo.png) no-repeat;
width:216px;
height:71px;
margin:1px 0 0;
position:relative;
}
.logo a{
display:block;
height:100%;
overflow:hidden;
}
#header .nav-holder{
float:right;
position:relative;
max-width:700px;
}
/* top-navigation */
#header .top-nav{
float:right;
margin:0 -4px 57px 0;
padding:0;
list-style:none;
text-transform:uppercase;
font-size:0.7em;
line-height:1.091;
}
.top-nav li{
float:left;
background:url(../images/separator-top-nav.png) no-repeat 0 50%;
padding:0 4px 0 12px;
}
.top-nav li:first-child{background:none;}
.top-nav li a{color:#807e83;}
.top-nav li a:hover{color:#a3a50f;}
/* navigation */
.nav-container{
clear:right;
width:700px;
}
* +html .nav-container{width:auto;}
#nav{
margin:0 -11px 0 0;
padding:0;
list-style:none;
position:relative;
float:right;
}
#nav>li{
float:left;
border-left:1px solid #dee49e;
padding:0 11px 2px 12px;
position:relative;
}
#nav li.active a,
#nav li.hover a{color:#807e83;}
#nav>li>a{
font-size:1.143em;
line-height:1em;
float:left;
position:relative;
}
#nav .drop{
padding-top:10px;
position:absolute;
left:-28px;
top:14px;
display:none;
}
#nav .last .drop{
left:auto;
right:10px;
}
#nav ul{
margin:0;
padding:9px 20px 8px 21px;
list-style:none;
background:#999500;
-webkit-box-shadow:0 5px 5px rgba(0, 0, 0, 0.45);
box-shadow:0 5px 5px rgba(0, 0, 0, 0.45);
width:126px;
}
#nav li.hover .drop{display:block;}
#nav ul a,
#nav li.hover ul a{color:#d1d78e;}
#nav li a.current{color:#807e83;}
#nav ul a:hover{font-weight:700;}
#nav ul li{
border-top:1px solid #bbb847;
padding:2px 0 4px;
}
#nav ul li:first-child,
#nav>li:first-child{border:0;}
/* main */
#main { width:100%; }
.box{
-webkit-box-shadow:0 5px 4px rgba(0, 0, 0, 0.26);
box-shadow:0 5px 4px rgba(0, 0, 0, 0.26);
overflow:hidden;
margin:0 0 18px;
padding:5px 10px 18px 31px;
}
.box h2{
border-bottom:1px solid #bdbdbe;
margin:0 0 9px -23px;
font-size:1.286em;
line-height:1.111em;
font-weight:400;
padding:0 0 4px 23px;
}
/* content */
#content{
float:left;
width:618px;
position:relative;
overflow:hidden;
margin:0 -10px;
padding:0 10px;
}
#content p{
margin:0 0 6px;
}
#content h1 sup { font-size: .6em; }
/* main-image */
#content .main-image{
position:relative;
margin:0 0 23px;
padding:0;
}
.main-image img{vertical-align:top;}
#content .main-image .image-overlay{
position:absolute;
left:0;
top:0;
z-index:2;
background:url(../images/bg-image-overlay.png) no-repeat;
width:618px;
height:265px;
}
.main-image .text{
color:#fff;
font-size:1.929em;
line-height:1.185em;
position:absolute;
right:0;
bottom:23px;
width:309px;
letter-spacing:-1px;
word-spacing:2px;
padding:0 5px 0 0;
z-index:3;
}
#content h1{
font-size:1.6em;
line-height:1.1em;
color:#a3a50f;
font-weight:400;
margin:0 22px 6px -16px;
border-bottom:1px solid #bdbdbe;
word-spacing:-1px;
padding:0 0 2px 16px;
}
.box.welcome-box{padding:7px 18px 5px 16px;}
.welcome-box .text-holder{
overflow:hidden;
padding:0 0 0 16px;
}
.alignright{
float:right;
margin:-6px 0 5px 9px;
}
.box-holder{
padding:0 0 23px;
margin:0 -18px 0 0;
width:636px;
position:relative;
}
.box-holder .box{
float:left;
width:255px;
min-height:238px;
margin:0 18px 0 0;
}
.box-holder .box:first-child{width:263px;}
#main .box-holder .box p { font-size: 1.0em; line-height: 1.1em; }
#main .box-holder .box img { margin: 4px 0 10px 0; }
.more{
font-size:0.714em;
line-height:1.2em;
color:#9c9a00;
}
.more:hover{color:#807e83;}
/* bottom-panel */
.bottom-panel{
overflow:hidden;
border:solid #ccc;
border-width:1px 0;
color:#666;
padding:12px 8px 14px;
font-size: .8em;
line-height: 1.3em;
}
.bottom-panel .info-holder{
float:left;
width:216px;
margin:0 2px 0 16px;
}
.bottom-panel .info-holder:first-child{margin:0;}
.bottom-panel address{font-style:normal;}
.bottom-panel dl{
width:100%;
margin:0;
}
.bottom-panel dt{
float:left;
color:#b0bc21;
min-width:11px;
}
.bottom-panel dd{
margin:0;
display:block;
}
.bottom-panel a{color:#666;}
.bottom-panel a:hover{color:#b0bc21;}
.bottom-panel h3{
color:#b0bc21;
font-weight:normal;
text-transform:uppercase;
margin:0;
}
.bottom-panel .bottom-nav{
padding:0;
margin:0;
text-transform:uppercase;
list-style:none;
overflow:hidden;
}
.bottom-panel .bottom-nav li{padding:0 0 3px;}
.bottom-panel .bottom-nav a{color:#b0bc21;}
.bottom-panel .bottom-nav a:hover{color:#666;}
/* sidebar */
#sidebar{
float:right;
width:305px;
position:relative;
}
#sidebar .box{
padding:10px 10px 22px 20px;
margin:0 0 9px;
}
#sidebar .box img{vertical-align:top;}
#sidebar .box h2{
padding:0 0 3px 10px;
margin:0 0 17px -11px;
}
/* info-area */
#sidebar .info-area{
padding:9px 0 15px;
background:#80a3c0;
margin:0 0 18px;
height: 242px; min-height: 241px;
}
#sidebar .info-area h2{
margin:0;
border:0;
color:#fff;
font-size:1.143em;
line-height:1.125em;
padding:0 0 6px 20px;
}
.info-area img{
vertical-align:top;
margin:0 0 6px;
}
.info-area .text-area{
text-align:center;
color:#fff;
font-size:0.857em;
line-height:1.083em;
padding:0 20px 10px;
word-spacing:1px;
}
.info-area .text-area h3{margin:0 0 6px;}
.info-area .text-area p{margin:0;}
.info-area .text-area p a{
font-weight:700;
color:#fff;
font-size:0.833em;
}
.info-area .text-area p a:hover{text-decoration:underline;}
/* list */
#sidebar .list{
margin:-8px 0 -16px;
padding:5px 0 0;
list-style:none;
font-size:0.857em;
line-height:1.083em;
}
#sidebar .list li{padding:0 0 13px;}
#sidebar .list h3{
margin:0 0 6px;
text-transform:uppercase;
}
#sidebar .list p{margin:0;}
#sidebar .list p strong{margin-right:15px;}
#sidebar .copyright{
display:block;
font-size:0.857em;
color:#808285;
padding:13px 0 10px;
}
.heading-block{
border:solid #e6e7be;
border-width:1px 0;
padding:2px 12px 6px 2px;
margin:-11px 0 15px;
position:relative;
}
#main .heading-block h1{
font-size:30px;
color:#dbdcb6;
margin:0;
line-height:34px;
font-weight:normal;
}
/* main-holder */
.main-holder{
width:100%;
overflow:hidden;
}
/* twocolumns */
#twocolumns{
float:right;
width:747px;
padding:17px 0 0;
}
/* twocolumns sidebar */
#twocolumns #sidebar{
float:right;
width:147px;
padding:3px 0 0;
}
#sidebar .callout-block{
background:#629fd7;
color:#fff;
padding:9px 10px 21px 11px;
margin:0 0 6px;
line-height:18px;
}
#sidebar .callout-block p{margin:0;}
#sidebar .image-holder{overflow:hidden;}
#sidebar .image-holder img{vertical-align:top;}
/* twocolumns content */
#twocolumns #content{
float:left;
width:570px;
padding:0;
margin:0;
}
#twocolumns #content.wide { width: 747px; }
#twocolumns #content .page-intro{
font-size:24px;
color:#5997d2;
display:block;
line-height:26px;
letter-spacing:-1px;
word-spacing:1px;
margin:0 0 18px;
}
#twocolumns #content p{
line-height:18px;
font-size:13px;
margin:0 0 15px;
}
#twocolumns #content h2{
font-size:17px;
color:#5997d2;
font-weight:normal;
margin:0;
line-height:22px;
}
#twocolumns #content h3{
font-size:14px;
font-weight: bold;
line-height:22px;
color:#4d4e53;
margin:0;
}
#twocolumns #content .bottom-block{
overflow:hidden;
padding:9px 0 0;
position:relative;
}
.bottom-block ul{
margin:0;
padding:0;
list-style:none;
color:#808285;
font-size:12px;
position:relative;
}
.bottom-block ul li{
float:left;
border-left:1px solid #ccc;
padding:0 6px;
position:relative;
}
.bottom-block ul li:first-child{ border:0; padding:0 6px 0 0;}
.bottom-block ul a{color:#808285;}
.bottom-block ul a:hover{color:#a3a50f;}
/* aside */
.aside{
float:left;
width:159px;
position:relative;
}
/* sub navigation */
.aside .sub-nav{
margin:0 0 71px;
padding:0;
list-style:none;
line-height:16px;
position:relative;
overflow:hidden;
}
.aside .sub-nav a{color:#807e83;}
.aside .sub-nav li{
border-top:1px solid #e6e7be;
padding:2px 0 3px 3px;
}
.aside .sub-nav li:first-child{
border:0;
padding-top:0;
}
.aside .sub-nav a:hover,
.aside .sub-nav .active a{color:#a3a50f;}
.aside .sub-nav .active a{font-weight:bold;}
.aside .image-holder{position:relative;}
.aside .image-holder img{vertical-align:top;}
.aside .image-holder .image-overlay{
position:absolute;
top:0;
left:0;
background:url(../images/bg-image-overlay2.png) no-repeat 0 100%;
width:159px;
height:100%;
}