* {
margin : 0;
padding : 0;
vertical-align : baseline;
outline : none;
}
*:focus {
outline : none;
}
ul {
list-style : none;
}
fieldset {
border : 0 solid transparent;
}
img {
border : none;
}
.offscreen {
z-index : 99;
position : absolute;
top : -9000px;
left : -9000px;
}
.clear:after, #content-sidebar-wrapper:after, #content-container:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
height : 0;
font-size : 0;
}
.clear, #content-sidebar-wrapper, #content-container {
display : inline-block;
}
* html .clear, * html #content-sidebar-wrapper, * html #content-container {
height : 1px;
}
.clear, #content-sidebar-wrapper, #content-container {
display : block;
}
.clean {
clear : both;
height : 0;
font-size : 1px;
line-height : 1px;
overflow : hidden;
}
body {
font : normal 100% Verdana, Tahoma, Arial, sans-serif;
color : #646464;
background : #fff url(../img/body_bg.jpg) repeat-x 0 0;
}
#wrapper {
font-size : 0.95em;
background : #fff url(../img/bg.jpg) no-repeat 0 0;
}
a:link, a:visited {
color : #646464;
text-decoration : underline;
}
a:hover, a:active {
color : #afaeae;
text-decoration : none;
}
big {
font-size : 1.2em;
}
small, sup, sub {
font-size : 0.9em;
}
html, body {
height : 100%;
}
#wrapper {
position : relative;
margin : 0 auto 5px;
padding-top : 138px;
padding-left : 76px;
width : 924px;
min-width : 924px;
text-align : left;
}
#wrapper-in {
width : 885px;
background : url(../img/content-sidebar_bg.gif) repeat-y 0 0;
}
#branding {
position : absolute;
top : 0;
left : 76px;
width : 100%;
height : 138px;
}
#content-sidebar-wrapper {
background : url(../img/content-sidebar_top.gif) no-repeat 0 0;
}
#content-wrapper {
float : right;
margin-left : -244px;
width : 100%;
background : url(../img/content-sidebar_top.gif) no-repeat 0 0;
}
#content-container {
margin-left : 244px;
padding-top : 40px;
}
#content-main {
float : left;
width : 627px;
}
#sidebar {
padding : 0 0 0 19px;
padding-top : 40px;
width : 212px;
float : left;
}
#site-info {
clear : both;
background : url(../img/content-sidebar_bot.gif) no-repeat 0 100%;
}
.site-info-in {
margin : 0 0 0 18px;
padding : 10px 30px 0 18px;
height : 35px;
background : url(../img/site-info_bg.gif) no-repeat 0 0;
}
#site-info p {
display : block;
color : #646464;
font-size : 0.65em;
}
#site-info .copyright {
float : left;
width : 300px;
}
#site-info .development {
float : right;
width : 300px;
text-align : right;
}
#site-info p a:link, #site-info p a:visited {
color : #646464;
text-decoration : underline;
}
#site-info p a:hover, #site-info p a:active {
color : #3880bb;
text-decoration : none;
}
#nav-main {
position : absolute;
top : 90px;
right : 39px;
height : 53px;
}
#site-contacts {
position : absolute;
top : 0;
left : 360px;
width : 168px;
color : #9f9f9f;
}
#nav-main {
background : url(../img/nav-main_bg.gif) no-repeat 100% 0;
}
#nav-main ul {
display : block;
padding : 10px 15px 0 15px;
height : 43px;
background : url(../img/nav-main_corner.gif) no-repeat 0 0;
}
#nav-main li {
display : block;
float : left;
height : 53px;
background : url(../img/nav-main_li_bg.gif) repeat-x 0 0;
}
#nav-main li a {
display : block;
float : left;
padding : 12px 20px 0;
height : 38px;
background : url(../img/nav-main_li_del.gif) no-repeat 100% 10px;
font-size : 0.9em;
}
#nav-main li.first a {
padding-left : 30px;
}
#nav-main li.last a {
padding-right : 35px;
background : url(../img/nav-main_li_corner.gif) no-repeat 100% 0;
}
#nav-main li a:link, #nav-main li a:visited {
color : #646464;
text-decoration : none;
}
#nav-main li a:hover, #nav-main li a:active, #nav-main li.current a:link, #nav-main li.current a:visited, #nav-main li.current a:hover, #nav-main li.current a:active {
color : #afaeae;
text-decoration : none;
}
#nav-secondary {
padding : 30px 0 45px;
letter-spacing : -1px;
}
#nav-secondary ul {
display : block;
clear : both;
}
#nav-secondary ul.ul-top {
padding-left : 220px;
padding-bottom : 25px;
}
#nav-secondary ul.ul-bottom {
padding-left : 50px;
}
#nav-secondary ul.ul-bottom li {
padding : 0 10px;
}
#nav-secondary li {
display : block;
float : left;
padding : 0 20px;
background : url(../img/nav-secondary_del.gif) no-repeat 0 3px;
font-size : 0.65em;
}
#nav-secondary li.first {
padding-left : 0;
background : none;
}
#nav-secondary li a {
display : block;
float : left;
color : #646464;
text-decoration : none;
}
#nav-secondary li a:hover {
color : #3880bb;
text-decoration : none;
}
#nav-secondary li.current {
font-weight : bold;
}
#nav-secondary .search {
float : right;
width : 186px;
}
#nav-secondary .search .textfield {
display : block;
float : left;
width : 150px;
height : 17px;
padding : 3px 0 0;
border : 0;
color : #797d7e;
font-size : 0.75em;
background : #b5babc;
}
#nav-secondary .search .textfield-wrapper {
padding-left : 7px;
width : 150px;
height : 20px;
float : left;
background : #b5babc url(../images/search_textfield_corner.gif) no-repeat 0 0;
}
.panel {
position : relative;
top : 10px;
left : 10px;
margin : 0 10px 10px 0;
border : 0;
}
.panel .specific-height {
position : relative;
min-height : 150px;
}
* html .panel .specific-height {
height : 150px;
}
.panel .header {
position : relative;
top : -13px;
padding : 0;
}
* html .panel .header {
display : inline-block;
}
* + html .panel .header {
display : inline-block;
}
.panel .header h2 {
font-size : 0.85em;
font-weight : normal;
}
.panel .header .tl {
background : url(../img/bg_corner_header.png) no-repeat 0 0;
}
.panel .header .tr {
position : relative;
left : 10px;
padding : 0.5em 0 0.5em 0;
background : url(../img/bg_corner_header.png) no-repeat 100% 0;
}
.panel .panel-content {
padding : 0 0 0.1em 1em;
font-size : 0.85em;
}
.panel .corner-tl {
position : relative;
left : -10px;
background : url(../img/bg_corner_panel.png) no-repeat 0 0;
}
.panel.shadow .corner-tl {
background : url(../img/bg_corner_panel_shadow.png) no-repeat 0 0;
}
.panel .corner-tr {
position : relative;
top : -10px;
left : 10px;
background : url(../img/bg_corner_panel.png) no-repeat 100% 0;
}
.panel.shadow .corner-tr {
background : url(../img/bg_corner_panel_shadow.png) no-repeat 100% 0;
}
.panel .corner-bl {
position : relative;
left : -10px;
background : url(../img/bg_corner_panel.png) no-repeat 0 100%;
}
.panel.shadow .corner-bl {
background : url(../img/bg_corner_panel_shadow.png) no-repeat 0 100%;
}
.panel .corner-br {
background : url(../img/bg_corner_panel.png) no-repeat 100% 100%;
}
.panel.shadow .corner-br {
background : url(../img/bg_corner_panel_shadow.png) no-repeat 100% 100%;
}
#sidebar .panel {
margin-bottom : 39px;
}
#sidebar ul {
padding : 0 0 10px;
}
#sidebar li {
padding : 0 0 2px;
}
#sidebar li.current a:link, #sidebar li.current a:hover, #sidebar li.current a:visited, #sidebar li.current a:active {
color : #646464;
text-decoration : none;
}
#content h3 {
font-size : 1.2em;
padding : 20px 0 10px;
}
#content h4 {
font-size : 1em;
color : #3780bc;
}
#content p {
margin : 0 0 1em;
}
#content ul {
padding : 0 0 10px;
}
#content ul li {
padding : 0 0 3px 10px;
background : url(../img/bul_01.gif) no-repeat 0 0.5em;
}
#content ul ul {
padding : 5px 0 10px 10px;
}
#content ul li ul li {
padding : 0 0 0 10px;
background : url(../img/bul1.gif) no-repeat 0 8px;
}
#content ol {
padding : 0 0 10px;
}
#content ol li {
margin : 0 0 0 20px;
}
#content table {
border-collapse : collapse;
margin : 0 0 10px;
}
#content table td {
border : 1px solid #000;
padding : 4px;
vertical-align : middle;
}
#content table tfoot, #content table thead {
font-weight : bold;
}
#content table tfoot, #content table big {
font-size : 1.1em;
}
#branding .logo {
position : absolute;
top : 28px;
left : 24px;
}
#branding h1 {
position : absolute;
top : 37px;
left : 118px;
display : block;
width : 187px;
height : 23px;
background : url(../img/header.gif) no-repeat 0 0;
}
#branding h4 {
position : absolute;
top : 64px;
left : 118px;
display : block;
width : 220px;
height : 11px;
background : url(../img/slogan.gif) no-repeat 0 0;
}
#branding .phone {
position : absolute;
top : 24px;
right : 130px;
display : block;
width : 170px;
height : 70px;
background : url(../img/phone.gif) no-repeat 0 0;
}