/* ----------------------------------------------------------------------------------- */
/* -------------| BODY & DETAILS |---------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

html {
height: 100%;
}

body {
background: url('bg.gif');
margin: 0;
height: 100%;
font-family: Trebuchet MS, Arial;
color: #000;
font-size: 12px;
line-height: 19px;
}

img {
border: 0;
}

h1 {
font-size: 24px;
font-weight: 500;
color: #71b2c9;
line-height: 1em;
margin: 0;
margin-bottom: 14px;
}

h2 {
font-size: 20px;
font-weight: 500;
color: #6b753a;
margin: 0;
margin-bottom: 14px;
}

h3 {
font-size: 13px;
font-weight: 700;
color: #98b000;
margin: 0;
}

.line1 {
height: 4px;
font-size: 0px;
margin-top: 15px;
margin-bottom: 15px;
background: url('dotted_on.gif');
}



/* ----------------------------------------------------------------------------------- */
/* -------------| LINKS |------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#main a {
color: #049dd8;
text-decoration: none;
background: url('dotted2_off.gif') repeat-x bottom;
}

#main a:hover {
color: #92a900;
text-decoration: none;
background: url('dotted2_on.gif') repeat-x bottom;
}

#panel_link a {
font-size: 11px;
color: #586a00;
text-decoration: none;
background: url('dotted_on.gif') repeat-x bottom;
}

#panel_link a:hover {
color: #90a02d;
text-decoration: none;
background: none;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| STRUCTURE |--------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#gradient {
background: url('bg-gradient.png') repeat-x;
position: absolute;
width: 100%;
height: 100%;
}

#main-top {
background: url('main-top.png') no-repeat;
width: 728px;
height: 9px;
margin: 0 auto;
}

#container {
background: url('container.png') repeat-y;
position: relative;
width: 728px;
min-height: 400px;
margin: 0 auto;
padding-bottom: 30px;
}

#main {
float: right;
width: 466px;
padding-left: 20px;
padding-right: 24px;
margin-top: 30px;
min-height: 300px;
color: #396576;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| PANEL |------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#panel {
float: left;
width: 195px;
min-height: 300px;
margin-top: 30px;
padding-left: 19px;
font-size: 13px;
color: #000;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| HEADER |------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */

#space {
height: 30px;
margin: 0 auto;
}

#logo {
position: absolute;
padding-top: 8px;
margin-left: 140px;
width: 167px;
height: 74px;
}

#header {
background: url('header.png') no-repeat;
width: 728px;
height: 285px;
margin: 0 auto;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| NAVIGATION |-------------------------------------------------------- */
/* ----------------------------------------------------------------------------------- */

#navi {
position: absolute;
width: 200px;
margin-top: 30px;
margin-left: 495px;
color: #000;
text-align: right;
line-height: 20px;
}

#navi a {
color: #000;
text-decoration: none;
}

#navi a:hover {
color: #90a02d;
font-size: 20px;
text-decoration: none;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| FOOTER |------------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */

#footer {
background: url('main-bottom.png') no-repeat;
width: 708px;
height: 9px;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
padding-top: 8px;
color: #fff;
font-family: Arial;
font-size: 10px;
line-height: 16px;
}

#foot {
position: absolute;
width: 708px;
}

#footer a {
color: #f6ffc4;
text-decoration: none;
background: url('dotted_off.gif') repeat-x bottom;
}

#footer a:hover {
color: #fff;
text-decoration: none;
background: url('dotted_on.gif') repeat-x bottom;
}



/* ----------------------------------------------------------------------------------- */
/* -------------| CONTACT FORM |------------------------------------------------------ */
/* ----------------------------------------------------------------------------------- */


.field, textarea, .submit {
font-family: Trebuchet MS, Arial;
font-size: 12px;
}

.field {
background: url('field.jpg');
border: 0;
width: 234px;
height: 16px;
padding: 5px;
}

textarea {
background: url('textarea.jpg');
border: 0;
width: 234px;
height: 102px;
padding: 5px;
}

.submit {
background: url('submit.jpg');
border: 0;
font-size: 11px;
font-weight: 700;
height: 24px;
width: 88px;
margin-top: 6px;
color: #fff;
}