/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, fieldset, form, label, legend {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
/*ol, ul {list-style: none;}*/
:focus {outline: 0;}

/*********LAYOUT********/
body {background: #fcf2f3 url(../images/bg_body.gif) top center repeat-y; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 12px; color: #707172;}
h1 {font-size: 20px; color: #c90015; margin-bottom: 20px;}
h2 {font-size: 14px; color: #c90015; font-weight: normal; margin-bottom: 5px;}
p {margin-bottom: 5px; line-height: 18px;}
.spec {font-size: 13px; color: #000; margin-bottom: 15px; line-height: 20px;}
input, textarea, select {font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #717171;}


#wrapper {width: 910px; margin: 0px auto;}

/*header*/
#header {position: relative; width: 910px; height:315px;}
#header img {display: block;}
#header img.right { position:absolute; top:0px; right:0px; z-index:1;}
#header #contact {color: #fff; position: absolute; top: 184px; left: 638px; z-index:2;}
#header #contact p {position: relative; margin-left: 120px; margin-bottom: 5px;}
#header #contact p span {display: block; width: 120px; position: absolute; left: -120px;}

/*navigation*/
#navigation {width: 620px; height: 39px; background: url(../images/bg_navigation.gif) top left repeat-x; position: relative; z-index: 100; float: left;}
#navigation ul {margin: 0; position: relative; z-index: 101;}
#navigation ul li {list-style: none; position: relative; background: none;}
#navigation ul li img {display: block; float: left;}
#navigation a {color: #fff; text-decoration: none;}
#navigation a:hover, #navigation a.on {color: #fff; text-decoration: none;}
#navigation a span {display: block; height: 39px; background: none; float: left; cursor: pointer;}
#navigation a:hover span, #navigation li:hover a span {background: url(../images/bg_nav-item-span.gif) bottom left repeat-x;}
#navigation ul {padding-left: 15px;}
#navigation li {height: 39px; line-height: 38px; float: left;}
#navigation a {display: block; padding: 0px 11px; float: left;}
#navigation a span {}
#navigation ul ul {display:none; padding: 0px; background: url(../images/bg_subnav.jpg) top left repeat; border-top: 1px solid #fff; position: absolute; top: 39px; left: 0;}
#navigation ul ul li {width: 170px; height: auto; line-height: normal; padding: 0 11px; float: none;}
#navigation ul ul ul {width: 198px; margin-top: -1px; background: url(../images/bg_subnav_subnav.jpg) top left repeat; border-left: 1px solid #fff; position: absolute; top: 0; left: 192px;}
#navigation ul ul ul li {width: 170px; height: auto; line-height: normal; padding: 0px 14px;}
#navigation ul ul li a {display: block; width: 170px; padding: 5px 0px; border-bottom: 1px dashed #fff; font-weight: normal; float: none;}
#navigation ul ul li a.last {border-bottom: none;}
#navigation ul ul ul li a {display: block; width: 170px; padding: 5px 0px; border-bottom: 1px dashed #fff; font-weight: normal; float: none;}
#navigation ul ul li:hover>a, #navigation ul ul ul li:hover>a, #navigation ul ul li a:hover, #navigation ul ul ul li a:hover {font-weight: bold; background: none;}

#navigation li:hover, #navigation li.on {background: url(../images/bg_nav-item.gif) top left repeat-x;}
#navigation li li:hover {background: none;}

#navigation li ul, #navigation ul li:hover ul ul {display: none;}
#navigation li:hover ul, #navigation li ul li:hover ul {display: block;}

/*search bar*/
#searchBox {width: 290px; height: 39px; background: url(../images/bg_searchbox.gif) top left repeat-x; float: right;}
#searchBox form {width: 254px; margin: 8px 18px; position: relative;}
#searchBox form .txt {width: 156px; height: 14px; line-height: 12px; padding: 3px 7px; border: 1px solid #7f9db9; position: absolute; top: 0; left: 0;}
#searchBox form .go {width: 20px; height: 20px; border: none; background: url(../images/bg_btn-search.gif) top left no-repeat; cursor: pointer; position: absolute; top: 1px; right: 0;}

/*content area*/
#page {clear: both; padding-top: 17px;}

/*content*/
#content {width: 560px; padding-left: 25px; float: left;}
#content .pic {padding: 1px; background: #fff; border: 1px solid #4c4c4c;}

#breadcrumbs {width: 560px; margin-bottom: 20px; font-size: 11px; color: #878889; position: relative;}
#breadcrumbs a {color: #878889; text-decoration: none;}
#breadcrumbs a.on {font-weight: bold;}
#breadcrumbs a:hover {color: #e61e23; text-decoration: underline;}
#breadcrumbs .ico {position: absolute; top: 0; right: 0;}

.picBlock {margin-bottom: 15px;}
.picBlock img {float: left; margin-right: 20px;}

/*sidebar*/
#sidebar {width: 290px; float: right;}
#sidebar .pic {display: block; padding: 1px; background: #fff; border: 1px solid #707172;}

#newsbox {padding: 18px; margin-bottom: 17px; background: #e5e5e6; color: #000;}
#newsbox .pic {margin-bottom: 10px;}
#newsbox h2 {font-size: 12px; text-transform: uppercase;}
#newsbox h2 a {display: block; color: #c90015; text-decoration: none; background: url(../images/icon_send.gif) right center no-repeat;}
#newsbox h2 a:hover {text-decoration: underline;}
#newsbox .go {display: block; width: 168px; height: 16px; line-height: 16px; text-align: center; background: #c73c3b; color: #fff; font-size: 10px; text-transform: uppercase; text-decoration: none; letter-spacing: 1px;}
#newsbox div div {position: relative;}
#newsbox .ico {position:absolute; right: 0; bottom: 0;}

#newsletter {width: 290px; height: 115px; background: url(../images/bg_newsletter-box.jpg) top left no-repeat; position: relative;}
#newsletter form {width: 254px; position: relative; left: 18px; top: 54px;}
#newsletter form .txt {width: 156px; height: 14px; line-height: 12px; padding: 3px 7px; border: 1px solid #7f9db9; position: absolute; top: 0; left: 0;}
#newsletter form .go {width: 172px; height: 16px; padding: 0px 7px 4px 7px; border: none; background: #f3ced1; color: #6f7071; font-size: 10px; text-align: left; cursor: pointer; position: absolute; top: 30px; left: 0;}
#newsletter form .ico {position: absolute; right: 0; top: 34px;}

/*footer*/
#footer {margin-top: 18px; padding: 20px 25px; color: #a9aaaa; font-size: 11px; border-top: 1px solid #e61e23;}
#footer a {color: #a9aaaa; text-decoration: none;}
#footer a:hover {color: #e61e23; text-decoration: underline;}

/*********CLEANER | STUFF********/
.cleaner {clear: both; height: 0px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}