@charset "utf-8";
/****************** Main Page stylesheet   ******************************
**************** GLOBAL RESET + HOLYSHIT:] ******************************
************************************************************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit;}
a {outline: 0} /*anti-firefox*/
/* CLEAR FIX*/

.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0}
.clearfix {display: inline-block}
* html .clearfix {height: 1%}
html[xmlns] .clearfix {display: block}
/************************************************************************
******************* BASE LAYOUT *****************************************
************************************************************************/
html, body, #wrap {height: 100%}
body {background: #EAEAEA url(img/inner_bg_elements.png) repeat-x 0px -300px}
body > #wrap {height: auto; min-height: 100%;}
#wrap {margin: 0 auto;width: 930px;padding: 0 35px}

#main {position:relative; padding-bottom: 187px}

	.shorten {float:left; width: 685px}
#column-right {float:right;width: 212px;padding-top: 355px}
/*#column-right {float:right;width: 224px;padding-top: 355px}*/

#header {position:absolute; top:0; left:-5px;width:940px;z-index:0; overflow:hidden}
#footer {margin: 0 auto;clear:both;position: relative;width: 1000px;height: 157px;margin-top: -157px;background: url(img/main_bg.png) no-repeat;}

/************************************************************************
********************* HEADER ********************************************
************************************************************************/
#header .sub-title {margin: 11px 0 0 61px; line-height: 1}

#header ul li {
    display: inline;
    float: left;
    list-style: none;
}   

#main-menu {clear: left;margin-left: 62px}
#main-menu li {position:relative;padding-left: 16px;margin-right: 36px; background: url(img/decor_elements_8bit.png) no-repeat 0px -292px}
#main-menu li span {position:absolute; top: 23px; left: 0;width: 200px;}

#products-menu {margin: 27px 0 6px 0}
#products-menu :nth-child(7), #products-menu :nth-child(6), #products-menu :nth-child(5) {margin-left: 5px}
#products-menu li {height: 115px; overflow: hidden; margin-left: 4px}

#products-menu li a {display:block;width: 129px;height: 115px;text-align: center;text-decoration:none}
#products-menu > li a {display:table-cell;vertical-align:middle}
#products-menu li a:hover strong {text-decoration: underline}

#products-menu li a i {font-style:normal}
#products-menu li a i {display:inline-block; padding-bottom: 26px}

#products-menu li a span.calc {display:block;margin-top: 5px;width: 129px;height: 34px;background: url(img/decor_elements_8bit.png) no-repeat 31px -700px;}

#logo {position:absolute; top: 30px; left: 0px;width: 234px;height: 40px;text-indent: -9999px;background: url(img/text.png) no-repeat;}
#logo a {display:block;width: 100%;height: 100%;}

#header-slogan {position:absolute; top: 30px; right:5px;height: 40px;text-indent: -9999px;}
#header-bottom-slogan {position:absolute; top: 483px; left: 167px;width: 606px;height: 46px;text-indent: -9999px;background: url(img/text.png) no-repeat 0px -40px;}
/************************************************************************
********************* CONTENT *******************************************
************************************************************************/
#content h1 {margin:0 0 10px 0;padding-left: 24px; background: url(img/decor_elements_8bit.png) no-repeat; background-position: 0px -492px;}
#content h2 {margin: 0 0 12px 0}

#content p {margin-bottom: 16px;}

#column-right ul li {list-style:none;}

#breadcrumb-trail li {margin: 0 0 5px 4px; padding-bottom: 21px; background:url(img/decor_elements_8bit.png) no-repeat 30px bottom}
#breadcrumb-trail li.no_arrow {margin: 0 0 5px 4px; padding-bottom: 21px; background:url(img/decor_elements_8bit.png) no-repeat -10px bottom}
#breadcrumb-trail li b {display:inline-block; margin-left: 15px}

#breadcrumb-offer {margin-top: 9px; padding-top: 25px}
#column-right > #breadcrumb-offer {background: url(img/inner_bg_elements_24bit.png) no-repeat 0px 0px}
/*#breadcrumb-offer > li {display:table}*/
/*#breadcrumb-offer li > a {display:table-cell;vertical-align:top;}*/
/*#breadcrumb-offer li i {display:block; padding-bottom: 0px}*/
/*#breadcrumb-offer li.first-child {background-position: 0px -7px;}*/

#breadcrumb-offer li {background: url(img/inner_bg_elements_bottom.png) no-repeat 23px bottom;-z-height:90px; padding: 0px 0px 30px 0;}
#breadcrumb-offer li a {display:inline-block;margin: 0 30px}

#breadcrumb-offer li.last-child {padding-top: 5px; padding-bottom: 0; height: 85px; background-position: 0px -845px}
#breadcrumb-offer > li.last-child {background-image:url(img/inner_bg_elements_24bit.png)}

.iright {float:right; margin-left: 20px; margin-bottom: 10px}
.ileft {float:left; margin-right: 20px; margin-bottom: 10px}
.icenter {text-align:center; margin: 20px 0 15px 0}
img.ibd {margin-top: 10px; border: 7px solid #CCCCCC}
.ibd span {margin-top: 9px; display:block; text-align: right}

/************************************************************************
********************* FOOTER ********************************************
************************************************************************/
#copyright {position:absolute;top: 37px;left: 35px;}
/*#copyright a {display:block}*/
#copyright a:hover {text-decoration:none}

#dev-info {padding-top: 7px; position:absolute;top: 48px;right: 35px;padding-right: 74px}
#dev-info a {display:block; text-align:right}
#dev-info .rankwing-logo {position:absolute; top: 0px; right: 0px;width: 65px; height: 30px;text-indent: -9999px;background: url(img/main_bg.png) no-repeat 0px -157px;}