@charset "utf-8";

/*generals*/
* body, * body html {height: 100%; overflow: hidden;}
* {font-family: Arial, Helvetica, sans-serif; margin:0; padding: 0;}
img {border: 0 none;}
p {margin: 10px 0 0 0;}
.clear {clear: both; height: 1%;}

/*typo*/

h1, h2, .listMenu a {font-size: 15px; line-height: 15px; letter-spacing: 2px;}
a {color: inherit; text-decoration: none;}
.right {text-align: right;}
.copyContent {font-size: 13px; line-height: 20px;}
.copyFooter, .copyFooter a {font-size: 11px; color: white; line-height: 18px; text-decoration: none;}
.copyFooter a:hover {text-decoration: underline;}

.gre, .item1 {color: #ccc;}
.yel, .item2 {color: #fc6;}
.red, .item3 {color: #f66;}
.blu, .item4 {color: #69f;}
.grn, .item5 {color: #9c3;}

/*layout*/
.boxHead {width: 100%; height: 200px; background: url(../img/bgHead.png) top repeat-x;}
.boxMenu {width: 900px; margin: 0 auto 0 auto;}

.listMenu {display: inline; list-style-type: none;}
.listMenu li a {display: block; float: left; height: 30px; padding-top: 145px; text-decoration: none; text-align: center; }
.item1 {width: 115px; background: url(../img/button1.png) no-repeat;}
.item2 {width: 143px; background: url(../img/button2.png) no-repeat;}
.item3 {width: 95px; background: url(../img/button3.png) no-repeat;}
.item4 {width: 81px; background: url(../img/button4.png) no-repeat;}
.item5 {width: 75px; background: url(../img/button5.png) no-repeat;}

.boxMid {width: 100%;}
.boxContent {position: relative; width: 900px; margin: 0 auto 0 auto; padding: 0 0 45px 0;}
.columnContent {width: 240px;  height: 450px; padding: 15px 30px 15px 30px; float: left; }

.galery {width: 480px; height: 450px; padding: 15px 0 15px 30px; float: left;}

.galItem {width: 130px; padding: 0 30px 30px 0; float: left;}

.bullYel {background: url(../img/bulletYel.png) no-repeat 0 2px; padding: 0 0 0 20px;}
.bullRed {background: url(../img/bulletRed.png) no-repeat 0 2px; padding: 0 0 0 20px;}
.bullBlu {background: url(../img/bulletBlu.png) no-repeat 0 2px; padding: 0 0 0 20px;}
.bullGrn {background: url(../img/bulletGrn.png) no-repeat 0 2px; padding: 0 0 0 20px;}

.galDetailsBox {position: absolute; display: none; width: 868px; padding: 15px; bottom: 0; z-index: 999; background: url(../img/blenderDetails.png) bottom no-repeat #ccc; border: 1px solid #333;}
.galDetailsPic {float: left; padding: 0 90px 0 0;}
.galDetailsPic img {max-height: 400px; max-width: 450px; border: 1px solid #333;}
.galDetailsText {width: 300px; float: left;}
.galDetailsClose {position: absolute; top: 0; right: 0; padding: 15px;}
.spacer {width: 100%; height: 30px;}

#pagination {width: 450px; padding: 0 0 0 330px;}
.pagination {padding: 5px 0 0 0; border-top: 1px dotted #ccc;}
.pagination span, .pagination a {padding: 0 5px 0 5px;}
.pagYel .current, .pagYel a:hover {color: #fc6;}
.pagRed .current, .pagRed a:hover {color: #f66;}
.pagBlu .current, .pagBlu a:hover {color: #69f;}
.pagGrn .current, .pagGrn a:hover {color: #9c3;}

.boxBot { width: 100%; background: url(../img/bgHead.png) top repeat-x; }
.boxFooter {width: 900px;height: 100px; margin: 0 auto 0 auto; background: url(../img/bgFooter.png) repeat-x;}
.columnFooter {width: 270px; height: 70px; float: left; padding: 15px;}
.columnFooter ul {list-style-type: none; float: left;}
.columnFooter ul li {width: 135px;}
.linesFooter {background: url(../img/linesFooter.png) 0 2px no-repeat;}