@charset "UTF-8";

html,
body {	margin:0;
		padding:0;
		height:100%;}



p { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #545454; line-height: 150%; }
h1{ font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #1B618C; font-weight: normal; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14pt; color: #82A5C5; line-height: 150%; font-weight: normal; border-bottom-width: thin; border-bottom-style: solid; border-bottom-color: #CCC; }
h3 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 20pt; color: #366581; font-weight: lighter; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-style: italic; }
h4 { font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 16pt; color: #5F7F9E; font-weight: lighter; margin: 0px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-style: italic; }

ul { font-family: Arial, Helvetica, sans-serif; font-size: 9pt; color: #545454; line-height: 150%; }

.clear { clear: both; }
#container { position: relative; min-height:100%;}

#wrap-header { height: 150px; background-color: #000; background-image: url(../images/bg-header.gif); background-repeat: repeat-x; background-position: bottom; }
#header { margin: auto; height: 150px; width: 975px; }
#logo { float: left; width: 230px; padding-top: 15px; padding-left: 20px; padding-bottom: 19px; }
#header-right { float: right; height: 100px; width: 725px; }

#wrap { background-image: url(../images/bg-back.gif); background-repeat: repeat-x; background-position: top; padding-bottom: 120px; min-height:600px  }

#content-wrap { margin: auto; width: 975px; padding-bottom: 15px; min-height:100% }
#header-right-top { height: 100px; width: 725px; background-image: url(../images/phn.gif); background-repeat: no-repeat; background-position: right bottom; }
#nav-menu { height: 50px; width: 725px; float: left; }
.banner { margin: auto; height: 380px; width: 930px; padding-top: 10px; padding-bottom: 10px; }

#half { width: 450px; height: auto; font-size: 12pt; }


.box { float: left; height: auto; width: 460px; margin-top: 5px; margin-right: 5px; margin-bottom: 5px; padding-top: 15px; padding-right: 5px; padding-bottom: 5px; padding-left: 10px; }
.box-02 { height: auto; width: 1000px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; margin: auto; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; }
.shadow-top { float: left; width: 30px; }
.shadow-wrap { float: left; width: 30px; height: 100%; }
.box-content { float: left; width: 400px; }
.shadow-center { float: left; width: 30px; background-image: url(../images/boxshadow-center.gif); background-repeat: repeat-y; height: 120px; }
.shadow-bottom { float: left; width: 30px; }
.content-main { width: 975px; margin: auto; padding-top: 10px; border-top-width: thin; border-top-style: solid; border-top-color: #F0F3D5; padding-left: 20px; }

#footer-wrap { background-image: url(../images/bg-footer.gif); background-repeat: repeat-x; background-position: top; height: 120px; background-color: #2C687E; position:absolute; bottom:0; width:100%; }
		
#footer-main { width: 935px; margin: auto; padding-right: 20px; padding-bottom: 20px; padding-left: 20px; padding-top: 15px; }
#footer-main p { margin: auto; line-height: 120%; font-size: 11px; color: #FFF; }.column { float: left; width: 300px; height: 400px; margin-left: 20px; font-family: Arial, Helvetica, sans-serif; }