@charset "utf-8";
/* CSS Document */

* {
padding:0;
margin:0;
}
img {
border:none;
}
body {
background:url(../images/bg_body.jpg) left top repeat-x;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#666666;
text-align:center;
}
p {
font-size:12px;
line-height:18px;
padding-bottom:10px;
}
a {
color:#005376;
}
a:hover {
text-decoration:underline;
}
ul {
padding-top:5px;
padding-bottom:5px;
}
li {
font-size:12px;
line-height:18px;
}
#wrapper {
width:915px;
text-align:left;
margin:0 auto;
position:relative;
}
#top_section {
width:915px;
height:111px;
position:relative;
overflow:hidden;
}
#logo {
width:333px;
height:111px;
position:absolute;
top:0;
left:0;
}
#section {
width:915px;
overflow:hidden;
background:url(../images/bg_top_section.jpg) left top no-repeat;
}
#left_section {
width:257px;
float:left;
background:url(../images/left_section_middle.jpg) left top repeat-y;
}
#left_section_top {
width:257px;
overflow:hidden;
background:url(../images/left_section_top.jpg) left top no-repeat;
}
#left_section_bottom {
width:257px;
overflow:hidden;
background:url(../images/left_section_bottom.jpg) left bottom no-repeat;
}
#leftnav {
width:206px;
margin-left:27px;
padding-top:31px;
}
#leftnav ul {
list-style:none;
}
#leftnav ul li a {
height:25px;
padding-top:7px;
font:bold 14px Verdana, Arial, Helvetica, sans-serif;
color:#585858;
text-decoration:none;
padding-left:30px;
display:block;
background:url(../images/bg_leftnav.jpg) left -33px no-repeat;
}
#leftnav ul li a:hover {
color:#000;
background:url(../images/bg_leftnav.jpg) left top no-repeat;
}
#leftnav ul ul {
background:#101010;
margin:0 8px;
padding:3px;
}

#leftnav ul ul li a {
width:134px;
height:15px;
background:url(../images/dot.gif) 30px 10px no-repeat;
color:#999;
font-size:11px;
padding:5px 10px 5px 40px;
}
#leftnav ul ul li a:hover {
color:#000;
background:#FFDF01 url(../images/dot2.gif) 30px 10px no-repeat;
}

#left_section #left_content {
padding-left:30px;
padding-bottom:30px;
}
#left_section .module {
width:195px;
padding-bottom:10px;
padding-top:10px;
background:url(../images/dot.jpg) left bottom repeat-x;
}
#left_section .module ul {
list-style:none;
}
#left_section .module ul li {
height:21px;
display:block;
background:url(../images/bg_arrow_content.gif) left top no-repeat;
padding-left:25px;
}
#left_section .module h1 {
font-size:12px;
}
#flash {
width:400px;
height:400px;
position:absolute;
top:0;
right:0;
}

#cctv{
position:relative;
width:400px;
height:400px;
}

#cctv img{
position:absolute;
left:212px;
top:42px;
}

#header {
width:605px;
height:213px;
margin-top:26px;
padding-bottom:10px;
background:url(../images/header.jpg) left top no-repeat;
}

#middle_section {
width:658px !important;
width:655px;
overflow:hidden;
background:url(../images/middle_section_middle.jpg) right top repeat-y;
}
#middle_section_top {
width:618px;
padding-left:20px;
padding-right:20px;
overflow:hidden;
padding-bottom:40px;
background:url(../images/middle_section_top.jpg) right top no-repeat;
}
#middle_section_bottom {
width:658px;
overflow:hidden;
background:url(../images/middle_section_bottom.jpg) right bottom no-repeat;
}
.content {
padding:10px;
background:url(../images/dot.jpg) left bottom repeat-x;
}
.content h1 {
font-size:20px;
}
.content h2 {
font:20px Verdana, Arial, Helvetica, sans-serif;
color:#666666;
}
.content ul {
list-style:none;
}
.content ul li {
height:21px;
display:block;
background:url(../images/bg_arrow_content.gif) left top no-repeat;
padding-left:25px;
}
#footer {
text-align:right;
padding-right:20px;
}

/* typo3 */
#mailform {
overflow:hidden;
width:100%;
margin-bottom:10px;
}
.csc-mailform, fieldset {
border:1px solid #cdcdcd;
padding:15px 15px 5px 15px;
}
#left_content fieldset {
border:none;
}
#left_content label {
width:175px;
}
.tx_powermail_pi1_fieldwrap_html_text {
margin-bottom:8px;
}
.tx_powermail_pi1_fieldwrap_html_textarea {
margin-bottom:8px;
}
.csc-mailform-field {
overflow:hidden;
width:100%;
padding-bottom:10px;
}
.csc-mailform-label {
font-weight:bold;
padding-bottom:10px;
}
label {
display:block;
float:left;
width:266px;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
fieldset span {
font-size:11px;
}
input, textarea, select {
border:1px solid #cdcdcd;
color:#666;
font:11px Arial, Helvetica, sans-serif;
}
input, textarea {
padding:1px 4px;
}
option {

padding-right:6px;
}
legend {
display:none;
}
.csc-mailform-check, .csc-mailform-radio {
border:none;
}
.csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
width:200px;
}
.csc-mailform .csc-mailform-radio legend {
display:none;
}
.csc-mailform-radio input {
clear:left;
float:left;
background:none;
border:none;
margin-right:5px;
}
* html .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
.csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
width:165px;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
.csc-mailform-submit, .powermail_submit {
background:#000;
border:none;
width:78px;
height:22px;
color:#fff;
margin-top:3px;
}
/* end of typo3 */