/** BASIC */

html, body {
	height: 100%;
}

/** HEADER */

#header {
	margin: 0px auto;
}

/** LOGO */

#logo {
	float: left;
	width: 700px;
	height: 75px;
	background: url(../images/homepage01.jpg) no-repeat left top;
}

#logo .logoimage {
	padding-top: 18px;
	padding-left: 20px;
}
#logo-hidden {
    float: left;
}

#logo-hidden h1, #logo-hidden h2 {
	text-indent: -999em;
}

/** TOP MENU */

#topmenu {
	float: right;
	width: 200px;
	height: 75px;
}

#topmenu ul {
	margin: 0px;
	padding: 30px 0px 0px 41px;
	list-style: none;
	line-height: normal;
}

#topmenu li {
	float: left;
}

#topmenu a {
	display: block;
	float: left;
	width: 45px;
	height: 29px;
	text-indent: -999em;
}

#topmenu1 { /* background: url(../images/homepage02.jpg) no-repeat left top; */ }
#topmenu2 { background: url(../images/homepage03.jpg) no-repeat left top; }
#topmenu3 { background: url(../images/homepage04.jpg) no-repeat left top; }

/** BANNER */

#banner {
	width: 880px;
	height: 94px;
	margin: 0px auto;
	padding: 0px 10px;
	background: #FFFFFF;
}

/** PAGE */

#page {
	width: 900px;
	margin: 0px auto;
}

.subpage #page {
	background: #FFFFFF url(../images/subpage2_01.jpg) no-repeat left top;
}

#bg {
	min-height: 460px;
}

/** CONTENT */

#content {
	float: right;
	width: 615px;
	padding: 44px 47px 20px 39px;
}

.subpage #content {
	float: none;
	width: auto;
}

/** SIDEBAR */

#sidebar {
	float: left;
}

/** BOX1 */

#box1 {
}

/** BOX2 */

#box2 {
	float: left;
	width: 375px;
}

/** BOX3 */

#box3 {
	float: right;
	width: 203px;
}

/** BOX4 */

#box4 {
}

/** BOX5 */

#box5 {
	padding-top: 18px;
}

/** BOX6 */

#box6 {
	padding-top: 18px;
}

/** COMMENT FORM */

#commentform {
    margin: 5px 10px 0 0;
    width: 620px;
}

#commentform input {
    margin: 5px 5px 1px 0;
    padding: 2px;
    width: 100%;
}

#commentform textarea {
    width: 100%;
    height: 150px; 
    padding: 2px;
}

#commentform .submit {
	float: right;
	width: 150px;
	margin-right: -8px;
}

/** DEMO */
.demobutton {
	padding: 1px; 
	float: left;
}

.demobuttontext {
	margin: -30px auto auto;
	text-align: center;
	font-size: 1.4em;
}

.style1 {
	font-weight: bold;
}

.ul-product {
    margin-bottom: 32px;
}

.ul-product li {
    margin-left: 16px;
	margin-top: 8px;
    margin-bottom: 16px;
}

.ul-product h1 {
   font-size: 14px;
   font-weight: bold;
   color: #004772;
   margin-bottom: 4px;
}

.ul-product2 {	
	margin-top: 12px;
}

.ul-product2 li {
    margin-left: 16px;
    margin-bottom: 2px;
}

.ul-product3 {  
    margin-top: 12px;
}

.ul-product3 li {
    margin-bottom: 2px;
}

.more:link, .more:visited {
    color:#666666;
    padding-left:0.5em;
}

p.caption {
    font-size: 10px;
}

.about-links {
    text-align: center;
}

.about-links span {
    margin-left: 20px;
    margin-right: 20px;
}