@charset "UTF-8";
/* CSS Document */

html,body {font-family: 'Gudea',arial, sans-serif; margin:0; padding:0; width:100%; background:  #FC9F0B; font-size:100%; /*16px*/ color:#666666;}
body { -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto;}

h1 {font-size:3.125em; /*50px, 50/16 */ font-weight:normal; color: #FC9F0B; line-height:normal; padding:0; margin:0;}
h2 {font-size:2.06em; /*30px, 30/16 */ font-weight:normal;}
h3 {font-size: 1.6em; /*25*/  font-weight:normal;}
h4 {font-size: 1.2em; /*18*/ padding:0; margin:0; font-weight:normal; color:  #FC9F0B; display:block; margin-bottom:0.625em; /*10px*/}


#guiOuter {float:left; width:100%; height: auto; clear:both; background:#ffffff url(/images/bg_top_green.jpg) top left repeat-x;}
#guiWrap { max-width:1040px;/*960+80*/ height:auto;	padding-left:4.6875%; /*45*/ background:#ffffff; margin:0 auto; }

/************ Header *************/
#guiHeader {float: left; height:7.1em; width:100%; }
#guiHeader #guiLogo {float:left; width:24.807692307692%;/*258 / 1040*/ height:114px; background: url(/images/logo.jpg) left bottom no-repeat;}
#guiHeader #guiHeaderTop{float:left; height:2.25em /*46px*/; width:75.192307692%; /*782*/ padding:0.625em 0 0 0; text-align:right;}
#guiHeader #guiHeaderTop #guiHeaderLogin{float:right;}
#guiHeader #guiHeaderTop .login{float:left; color:#CCCCCC; border: 1px solid #CCCCCC; width:100px; height:1.37em;/*18px*/ margin-right:0.625em; /*10px*/}
#guiHeader #guiHeaderTop .button {background:url(/images/formsend_green.jpg);}
#guiHeader #guiMenu {float:left; height:3.375em; width:75.192307692%;/*782*/ background: url(/images/menu1_bg.jpg) top left;}

/************ Menu 1 *************/
#guiHeader #guiMenu ul {list-style-type:none; margin:0; height:3.375em; padding:0 2.083333333333%; color:#ffffff; font-size:1em;}
#guiHeader #guiMenu ul li a{float:left; display:block; height:2.15em; padding:0.6em 0.5em; margin:0 1.153846153846%; color:#ffffff; text-decoration:none;}
#guiHeader #guiMenu ul li a:hover {background: url(/images/menu1_on.jpg) center; background-position: 50% 99%; background-repeat:no-repeat;}
#guiHeader #guiMenu ul li a.menu1On {background: url(/images/menu1_on.jpg) center; background-position: 50% 99%; background-repeat:no-repeat; font-weight:bold;}

/************ Content Home *************/
#guiContentHome {float:left; width:100%; padding:7.4em 0;}
#guiContentHome .guiContentColWrap {float:left; width:100%; padding:0; margin:0;}
.guiContentColIndex {float:left; width:29.583333333333%; /*284*/}
.guiContentColSentence{float:left; width:29.583333333333%; /*284*/ border-bottom:2px solid #666666;}
.middle {float:left; margin:0 5.625%; /*54*/}
#guiContentHome .guiContentColSentence p.highlight {float:left; font-size:1.25em; /*20*/}

/************ Content *************/
#guiContent {float:left; width:100%; padding:0; margin-bottom:0.9375em;/*15px*/}
#guiContentColLeft {float:left; width:24.807692307692%;/*258 / 1040*/ margin-top:3.125em;/*50px*/}
#guiContentColLeft #guiMenu2 {float:left; width:100%;/*258*/ list-style-type:none; padding:0; margin:0;}
#guiContentColLeft #guiMenu2 li a{display:block; width:70%;/*258*/ line-height:normal; height:1.5625em; padding:0.3125em 0 0 0.3125em; margin:0.3em 0; /*5/16*/ color:#666666; text-decoration:none; }
#guiContentColLeft #guiMenu2 li a:hover {background: #FC9F0B url(/images/menu2_on.jpg) right; line-height:normal;padding-left:0.3125em;background-repeat:no-repeat; color:#ffffff; text-decoration:none;}
#guiContentColLeft #guiMenu2 li a.menu2On {background: #FC9F0B url(/images/menu2_on.jpg) right; line-height:normal;padding-left:0.3125em;background-repeat:no-repeat; color:#ffffff; text-decoration:none;}

#guiContentColRight {float:left; width:75.1923%;}

.guiContentColHeadline {background:url(/images/header_pic.jpg) right bottom; background-repeat:no-repeat; height:11.5em; /*11.5em-7.625*/}
.headline {font-size:2.7em; /*48px, 48/16 */ font-weight:normal; color: #FC9F0B; line-height:normal; padding-top:1.125em; /*18px*/ margin:0; float:left; width:61.253561254%; /*430px*/}
.guiContenColFirstText {color: #FC9F0B; font-size:1.125em; /*18/16*/ margin-bottom:1.125em;/*18px*/}
.guiContentParagraph {float:left; width:100%; font-size:1em; padding-bottom:2.375em;/*38px*/ margin-bottom:2.375em;/*38px*/ border-bottom:1px solid #666666;}
.last {border:none;}
.guiContentParagraphLeft {float:left; width:45.014245014%; /*316px/702*100*/ margin-right:2em; /*35px*/}
.guiContentParagraphRight {float:left; width:45.014245014%; /*316px/702*100*/ margin-left:2em; /*35px*/}

.guiContentParagraphLeft ul {float:left; list-style-type:none; padding:0; margin:0; color: #FC9F0B;}
.guiContentParagraphLeft ul li {display:block; /*18*/ padding:0 0 0 1em ; /*5px, 12px*/ margin:0; background:url(/images/content_list.jpg) top left no-repeat;}

.guiContentParagraphRight ul {float:left; list-style-type:none; padding:0; margin:0; color: #FC9F0B;}
.guiContentParagraphRight ul li {display:block; padding:0 0 0 1em ; /*5px, 12px*/ margin:0; background:url(/images/content_list.jpg) top left no-repeat;}

/************ Footer *************/
#guiWrapFooterOuter {float:left; position:relative; width:100%; height: auto; margin-bottom:40px; background: #FC9F0B;}
#guiFooter {margin:0 auto; max-width:1040px;/*960+80*/ font-size:0.875em; /*14px*/ padding:1.0416% 0 0 4.6875%; /*10* *45*/  text-align:right; color:#ffffff; height:50px; background: #FC9F0B;}
#guiWrapFooterOuter #guiFooter a, a.link, a.active, a.visited {color:#ffffff; text-decoration:none;}