/* --------------------------------------------------------------

   reset.css
   * Resets default browser CSS.

-------------------------------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
font-family: inherit; vertical-align: baseline;}

html, body {min-height: 100%; height:100%;}

article, aside, dialog, figure, footer, header,
hgroup, nav, section {display:block;}

body {line-height: 1.5;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* --------------------------------------------------------------
   typography.css
   * Sets up some sensible default typography.
-------------------------------------------------------------- */
/* Default font settings.
   The font-size percentage is of 16px. (0.75 * 16px = 12px) */
html {font-size:100.01%; min-height:100%;}
body {font-size: 85%; color:#3e3b3b; background-image: url(../graphic/bg_main.png); background-repeat: no-repeat;
background-position: top center; background-color: #fcfcfc; background-attachment:fixed;
font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;}

/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 {font-weight: normal; color: #3e3b3b; }
h1 { font-size: 2.15em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 1.80em; margin-bottom: 0.45em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin: 0;}

/* Text elements
-------------------------------------------------------------- */
p           {margin: 0 0 1.5em; }
p img.left  {float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right {float: right; margin: 1.5em 0 1.5em 1.5em; }
a:focus,
a:hover     {color: #759823;ade20e; text-decoration:underline; background:none;}
a           {color: #3e3b3b ; text-decoration: none; font-weight:bold; background:none;}
blockquote  {margin: 1.5em; color: #666; font-style: italic;}
strong      {font-weight: bold;}
em,dfn      {font-style: italic;}
dfn         {font-weight: bold;}
sup, sub    {line-height: 0;}
abbr,
acronym     {border-bottom: 1px dotted #666;}
address     {margin: 0 0 1.5em; font-style: italic;}
del         {color:#666;}
pre         {margin: 1.5em 0; white-space: pre;}
pre,code,tt {font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5;}
span 		{color:#b2e90c;}


/* Lists
-------------------------------------------------------------- */
li ul,
li ol       { margin: 0; background:none;}
ul, ol      { margin: 0 1.5em 1.5em 0; padding-left: 3.333em; }
ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}
/* Tables
-------------------------------------------------------------- */
table       { margin-bottom: 1.4em; width:100%; }
th          { font-weight: bold; }
thead th    { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }
.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }
.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }
/* --------------------------------------------------------------
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   Usage:
   * For text fields, use class .title or .text
   * For inline forms, use .inline (even when using columns)
-------------------------------------------------------------- */
label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input[type=text] {float:right;}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {background-color:#fff; border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {border-color:#666;}

input[type=text] {float:right; width:200px; margin-right:13px;}

input[type=text], input[type=password],
input.text, input.title,
textarea, select {margin:0 auto;}

input.text,
input.title   { width: 370px; padding:5px; }
input.title   { font-size:1.5em; }
textarea      { width: 358px; height: 150px; padding:5px; }

input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
  position:relative; top:.25em;
}

form.inline { line-height:3; }
form.inline p { margin-bottom:0; }

.clear {font-size:0px; margin:0; padding:0; clear:both; line-height:0px; height:0px; width:100%;}

div {float:left; margin:0 auto; padding:0;}

#site {width:980px; min-height:100%; position:relative; float:none; margin-bottom: -100px; clear:both;}
#site a:hover {font-weight:bold;}
#head {clear:both; width:100%; height:100%;}
#logo {width:260px; height:110px;}
#logo a {background:none;}
#main_menu {font-size:.9em; width:650px; height:55px; margin-top:35px; margin-left:70px; background-image: url(../graphic/bg_menu2.png); background-repeat: no-repeat;}
#main_menu ul {margin:0 auto; padding:0;}
#main_menu li {list-style-type:none; float:left; dispaly:block; margin: 3px 0px 0px 0px;}
#main_menu a {color:#b2e90c; font-size:1.15em; padding:11px 10px 10px 9px; font-weight:bold; text-decoration:none; float:left; text-align:center;}
#main_menu a:hover {text-decoration:underline; color:#b4f000; background:transparent;}

#main_content {width:100%; height:320px; margin-top:20px; background-image: url(../graphic/main_content.png); background-repeat: no-repeat; text-align:justify; }
#main_content h1 {margin-top:10px;}

#main_content a:link,a:active {font-weight:bold; background-color:none;}
#main_content a:visited  {background:none; color:#3e3b3b;font-weight:bold;}
#main_content a:hover {color: #759823; text-decoration:underline;background-color:none;}

#main_content .portfolio {width:445px; height:300px; overflow:visible;}
#main_content .description {width:485px; height:300px; margin-left:25px; float:left;}
#main_content .description ul, li {list-style-type:none; padding:2px 0px 2px 0px; margin-left:15px; margin-bottom:0px;}
#main_content .description li {height:28px; margin-bottom:0px;}

#main_content .description li a:link {height:28px; background-image: url(../graphic/mainc_link.png); background-repeat:no-repeat; color:#3e3b3b; height:28px; font-weight:normal; padding-top:3px; display:block; padding-left:20px; background-color:none;}
#main_content .description li a:hover,a:focus {color:#000; height:28px; margin-bottom:0px; background-image: url(../graphic/mainc_hover.png); background-repeat:no-repeat; font-weight:normal; background-color:none;}
#main_content .description li a:visited {height:28px; background-image: url(../graphic/mainc_link.png); background-repeat:no-repeat; color:#3e3b3b; height:28px; font-weight:normal; padding-top:3px; display:block; padding-left:20px; background-color:none;}
#main_content .description li a:hover {color:#000; height:28px; margin-bottom:0px; background-image: url(../graphic/mainc_hover.png); background-repeat:no-repeat; font-weight:normal; background-color:none;}
#main_content .description li a.active {background-image: url(../graphic/mainc_hover.png); background-repeat:no-repeat; background-color:none;}

#offer_boxes {width:100%; min-height:102px; padding-bottom:15px; clear:both; padding-top:25px; line-height:1.3em; font-size:.9em;}
#offer_boxes a:link {color:inherit; font-weight:bold; background:none;}
#offer_boxes a:hover {color: #759823; text-decoration:underline; font-size:inherit; font-weight:bold;  background:none;}
#offer_boxes a:active {color: #759823; text-decoration:underline; font-size:inherit; font-weight:bold;  background:none;}
#offer_boxes a:visited, a:hover {color:inherit; font-weight:bold;  background:none;}
#offer_boxes a:hover {color: #759823; text-decoration:underline; font-size:inherit; font-weight:bold;  background:none;}

#offer_boxes img {float:left; border:none;}
#offer_boxes h3 {margin-top:10px; margin-bottom:5px; font-size:1.3em;}
.product_box1 {width:302px; height:102px; background-image: url(../graphic/offer1_box.png); background-repeat: no-repeat;}
.product_box2 {width:302px; height:102px; background-image: url(../graphic/offer2_box.png); background-repeat: no-repeat; margin:0px 37px 0px 37px;}
.product_box3 {width:302px; height:102px; background-image: url(../graphic/offer3_box.png); background-repeat: no-repeat;}

#extra_desc {float:left; min-height:100px; width:100%; clear:both; text-align:justify;}
#extra_desc h2 {margin-top:18px; margin-bottom:2px;}
#extra_desc h4 {clear:both; padding-top:30px; margin-bottom:10px;}
#extra_desc img {margin: 0 auto; padding:0; margin-right:10px; float:left;}
#extra_desc a:link,a:active {font-weight:bold;}
#extra_desc a:visited  {background:transparent; color:#3e3b3b;}
#extra_desc a:visited  {background:transparent; color:#3e3b3b;font-weight:bold;}
#extra_desc a:hover {color: #759823; text-decoration:underline; background:none;}

#contactarea {max-width:370px; height:100%; float:left;}

.clearfooter {width:100%; height:auto; clear: both; float:left;}
#footer {width:100%; position:relative; height:140px; float:left; color:#b2e90c; font-size:.95em; clear:both; background-image: url(../graphic/bg_footer.png); background-repeat: repeat-x; background-position: top center;}
#footer .footer_content {width:980px; color:#759823; margin:0 auto; padding:0; margin-top:20px; height:100px; float:none;}
#footer .footer_content a:link, a:hover, a:active, a:visited, a:focus {color:#b2e90c; padding: 0px 5px 0px 5px; text-decoration:none; font-weight:normal;}
#footer .footer_content a:hover, a:active {background:gray; text-decoration:underline;}
#footer .footer_info {width:980px; margin:0 auto; padding:0; height:20px; text-align:center; clear:both; float:none;}
#footer .footer_info a:link, a:hover, a:active, a:visited, a:focus {color:#b2e90c; text-decoration:none; font-weight:normal; padding:0; margin:0 auto; background:none;}