body {padding:35px 0; background:url("../design/bg.gif") 0 0 repeat-x; font:0.75em/1.6 "arial", sans-serif;}
h1, h2, h3, h4, h5, h6, address, blockquote, dl, fieldset, ol, p, table, ul, form {margin:15px 0;}

/* ----------------------------------------------------------------------------------------------------------
Layout
---------------------------------------------------------------------------------------------------------- */

#main {width:955px; margin:0 auto;}

#header {position:relative; height:75px; overflow:hidden;}
 #header #logo {position:absolute; right:25px; top:0;}
    #header #logo p {position:relative; width:179px; height:71px; overflow:hidden; margin:0; padding:0;}
    #header #logo p span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; background:url("../design/logo.gif") 0 0 no-repeat; cursor:pointer;}
    #header #nav {position:absolute; left:5px; top:0; margin:0; padding-top:30px; list-style-type:none; font-size:90%; font-weight:bold; text-transform:uppercase;}
    #header #nav li {display:inline; margin:0; padding:0;}
    #header #nav a {float:left; height:26px; margin-right:5px !important; padding-left:11px; background:url("../design/nav-l.gif") 0 0 no-repeat; text-decoration:none; cursor:pointer; overflow:hidden;}
    #header #nav a span {float:left; display:block; padding:5px 15px 5px 4px; background:url("../design/nav-r.gif") 100% 0 no-repeat;}
    #header #nav a:hover {background-position:0 -52px;}
    #header #nav a:hover span {background-position:100% -52px;}
    #header #nav li.active a {background-position:0 -26px;}
    #header #nav li.active a span {background-position:100% -26px;}

#footer {clear:both; padding:18px 25px 0 25px;}
    #footer p {margin:0;}
    #footer p.f-right .footer-rss {padding:5px 0 5px 27px; background:url("../design/footer-rss.gif") 0 0 no-repeat; font-weight:bold;}
    
/* ----------------------------------------------------------------------------------------------------------
Page: Homepage
---------------------------------------------------------------------------------------------------------- */

.box-01 {position:relative; width:955px; height:310px; margin-bottom:18px; background:url("../design/box-01b.jpg") 0 0 no-repeat; overflow:hidden;}
    .box-01 #righttray {position:absolute; top:235px; left:740px; height:30px;}
    .box-01 #news {position:absolute; top:245px; left:25px;}
    .box-01 #news p {margin-right:240px; color:#414748;}
    .box-01 #slogan {position:absolute; right:0px; top:200px;}
    .box-01 #slogan h1 {position:relative; width:545px; height:50px; overflow:hidden; margin:0; padding:0; font-size:200%; font-weight:bold; color:#d2e0eb;}
    .box-01 #slogan h1 span {display:block; position:absolute; top:0; left:0; z-index:1; width:100%; height:100%; margin:0; padding:0; }

.box-02 {width:955px; background:url("../design/box-02.gif") 0 0 repeat-y;}
    .box-02-top {width:955px; height:6px; background:url("../design/box-02-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
    .box-02-bottom {width:955px; height:8px; margin-bottom:18px; background:url("../design/box-02-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}

    .box-02 .col {position:relative; float:left; padding-bottom:11px; z-index:100; background-position:100% 100%; background-repeat:no-repeat;}
    .box-02 .col.left {width:325px; height:244px; background-image:url("../design/image-01.jpg");}
    .box-02 .col.button {position:absolute;bottom:10px;}
    .box-02 .col.center {height:244px; width:300px; background-image:url("../design/image-02.jpg");}
    .box-02 .col.right {height:244px; width:300px; background-image:url("../design/image-03.jpg");}
    .box-02 .col .in {min-height:110px; height:auto;}
    .box-02 .col h2 {margin-top: 5px; font-size:100%; font-weight:bold; text-transform:uppercase;}
    .box-02 .col p {margin:0px 20px;}
    .box-02 .col.left h2, .box-02 .col.left ul {margin-left: 15px; padding-right:20px;}
    .box-02 .col.center h2, .box-02 .col.center ul {padding:0 15px;}
    .box-02 .col.right h2, .box-02 .col.right ul {padding-left:20px;}

.box-03 {position:relative; width:955px; height:195px; margin-bottom:18px; background:url("../design/box-03.jpg") 0 0 no-repeat; overflow:hidden;}
  	.box-03 .container {height:195px; margin-left:15px; overflow:hidden; position:relative;}
    .box-03 h2 {margin-top:24px; font-size:100%; font-weight:bold; text-transform:uppercase;}
    .box-03 .feature {position:relative; float:left; height:130px; margin-left:70px;}
    .box-03 img {border-style:solid; border-width:2px; text-decoration:none;}
    .box-03 .info {position:relative; float:left; height:100px; width:250px; margin-left:15px;}
    .box-03 .info p {margin-top:5px;}

.box-04 {position:relative; width:955px; height:70px; background:url("../design/box-04.gif") 0 0 no-repeat; overflow:hidden; text-align:center;}
    .box-04 .box-04-links {float:left; display:inline; padding:10px; width:933px;}
    .box-04 .box-04-links span {margin:0 10px;}

/* ----------------------------------------------------------------------------------------------------------
Page: Subpage
---------------------------------------------------------------------------------------------------------- */

#title {position:relative; width:955px; height:122px; margin-bottom:18px; background:url("../design/titleb.jpg") 0 0 no-repeat; overflow:hidden;}
#title h1 {margin:0; padding:10px 25px 0 25px; font-size:340%; font-weight:bold; letter-spacing:-1px;}
#title #subnav {position:absolute; left:25px; bottom:13px; margin:0;}
#title #subnav a {font-weight:bold;}
#title #subnav span {margin:0 7px;}

#breadcrumbs {margin:0; padding:3px 25px 10px 25px;}

#servicebg {float:right; display:inline; width:207px; height:227px; margin:10px 10px;}

#contact {float:left; display:inline; margin-left:20px; width:500px;}


.film-right {width:261px; margin-bottom:20px; font-size:90%; line-height:120%;}

.rightcol {float:right; margin: 0 0 0 15px;}

.textblock {margin: 0 0 0 0; line-height:1.2em;}


.cols-top {width:955px; height:6px; background:url("../design/cols-top.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.cols-bottom {width:955px; height:8px; margin-bottom:18px; background:url("../design/cols-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0;}
.cols {background:url("../design/cols.gif") 0 0 repeat-y;}


.content {float:left; width:595px; padding:0 25px 10px 25px;}
.content ul {margin:15px 25px;}
.content ul ul {margin:0 0 0 25px;}
.content ul li {padding-left:13px; background:url("../design/ul.gif") 0 6px no-repeat;}
.content ul ul li {padding-left:13px; background:url("../design/ul-ul.gif") 0 6px no-repeat;}
.content table {margin:15px 0; border-collapse:collapse;}
.content table th, .content table td {padding:7px 10px;}
.content table th {text-align:center; background:url("../design/table-th.gif") 0 100% repeat-x;}
.content dt {font-weight:bold;}
.content dd {margin-left:25px; margin-bottom:15px;}
.content p {margin-left:10px;}
.content h1, .content h2 {font-size:200%;}
.content h3 {font-size:160%;}
.content h4 {font-size:120%;}
.content h5 {margin-left:10px; font-size:110%; font-weight:bold; text-transform:uppercase;}
.content h6 {font-size:100%;}
.content .content-box h2 a {text-decoration:none;}
.content .content-box h3 {margin:10px 0; font-size:100%; font-weight:bold; text-transform:uppercase; clear:both;}
.content .content-box {margin:15px 0; margin-left:-25px; margin-right:-25px; padding:10px;}
.content .content-box img {border-style:solid; border-width:1px;}
.content .content-box .blog {padding: 10px 10px 10px 20px;}
.content .perex {margin:0 -25px 25px -25px; padding:19px 25px 25px 25px; font-size:160%; font-weight:bold; letter-spacing:-1px;}
.content .perex p {margin:0; color:#414748;}

.aside {float:left; width:262px; padding:25px 22px 25px 21px;}
.aside .clients li {padding-left:13px; padding-bottom:10px; background:url("../design/ul.gif") 0 6px no-repeat; font-weight:bold;}
.aside h2 {margin:0; font-size:100%; font-weight:bold; text-transform:uppercase;}
.aside .aside-box {margin:10px 0 20px 0; margin-left:-20px; margin-right:-22px; padding:20px;}
.aside img {margin:10px 0 0 0;}

.foliocontainer {width:594px; margin: 0px auto;}
.foliobox {float:left; width:175px; margin: 0px 12px 10px 11px; padding:0 0;}
.foliothumb {width:177px; height:103px; margin: 0px 0px 5px 0px; overflow:hidden; padding:0px;}
.foliotitle {margin:0px; padding:0px;}
.foliotitle p {margin: 0px 0px; padding: 0px; height:25px; overflow:hidden; text-align:center; font-weight:bold;}
.foliotitle a {text-decoration:none;}


.poster {display:inline; float:right; border-style:none; margin:0 0px 0 15px;}

/* ----------------------------------------------------------------------------------------------------------
Porlet: News
---------------------------------------------------------------------------------------------------------- */


#newsticker ul {list-style: none; min-height:.75em; padding: 0px 15px; padding-right: 30px;}
#newsticker ul li {padding: 10px 0;}
* html #newsticker ul { height: 1.6em; overflow: visible;}
#newsticker li.error {color: #f00;}
#newsticker #togglenewsticker {
	background: transparent url("icon_closenewsticker.gif") no-repeat 0 0;
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 14px;
	height: 14px;
	text-indent: 20px;
	outline: none;
}
* html #newsticker #togglenewsticker {right: 30px;}


/* ----------------------------------------------------------------------------------------------------------
Others
---------------------------------------------------------------------------------------------------------- */

img.f-right {margin-left:15px;}
img.f-left {margin-right:15px;}
.input {padding:7px; background:url("../design/input.gif") 0 0 no-repeat; font:100%/1 "arial",sans-serif;}
.smaller {font:90%/1.8 "tahoma",sans-serif;}