.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

@font-face {
    font-family: 'intro_regular';
    src: url('fonts/intro-webfont.eot');
    src: url('fonts/intro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/intro-webfont.woff') format('woff'),
         url('fonts/intro-webfont.ttf') format('truetype'),
         url('fonts/intro-webfont.svg#intro_regular') format('svg');
    font-weight: normal;
    font-style: normal;

}
a {
    text-decoration:none;
    z-index:1;
}

h1 {
    font-family: intro_regular, Arial, Helvetica;
    color:#f2d99c;
    font-size:24px;
    font-weight: normal;
    letter-spacing: 1px;
}

h2 {
    font-family: intro_regular, Arial, Helvetica;
    color: #f2d99c;
    font-size: 48px;
    font-weight: normal;
    letter-spacing: 1px;
    height: 40px;

}

h3 {
    font-family: Arial, Helvetica;
    color: #e5b96f;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 1px;
}

p {
    font-family: Arial, Helvetica;
    color: #e5b96f;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    letter-spacing: 1px;
}
footer {
        font-size: 12px;
}
body {
    background: url("images/header_bg.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin: 0;
    font-family: Arial, Helvetica;
    color: #e5b96f;
    font-size: 16px;
    font-weight: normal;
    line-height: 16px;
    letter-spacing: 2px;
}

.container {
	margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    width: 100%;
    position: relative;
    clear:both;
}

.wrapper {
	margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    padding: 0px 0px 0px 0px;
    width: 1600px;
}

.wrapperItem {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    width: 1600px;
}

.wrapperContact {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    width: 960px;
}
.wrapperAbout {
    margin-left: auto;
    margin-right: auto;
    padding: 0px 0px 0px 0px;
    width: 960px;
}
.header {
    padding-top:20px;
	height: 150px;
}

img#logo {
    float:left;
    height: 150px;
    display: block;
    padding-left: 20px;
}

#menu {
    position:relative;
    float: right;
	height: 32px;
    font-family: intro_regular, Arial, Helvetica;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    color: #690011;
    width: 960px;

}
#menu ul {
    height: auto;
    padding: 4px 0px 0px 0px;

}
#menu li { 
    display: inline-block;
    float: right;
    text-align: center;
    width: 320px;

}
#menu a {
    text-decoration: none;
	color: #bf0426;

}
#menu a:hover {
    color: #690011;
    text-shadow:none;
}

#paintLine {
    margin-top: 20px;
    position: relative;
    display:block;
    height:20px;
    margin-left: auto;
    margin-right: auto;
    background: url("images/cnt_rep.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}
#paintLineb {
    margin-bottom: 40px;
    position: relative;
    display:block;
    height:20px;
    margin-left: auto;
    margin-right: auto;
    background: url("images/cnt_repb.png") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
}

#quote {
    display:block;
    margin-left: auto;
    margin-right: auto;
    width: 580px;
    position:relative;
    padding-bottom:10px;
}

blockquote {
    background: url("images/quote.png") no-repeat;
    font-style:italic;
    margin: 30px;
    padding: 30px 30px 30px 50px;    
} 
blockquote p {
    color: #690011;
    font-size: 26px;
    line-height: 32px;
}
blockquote a {
    color: #bf0426;
    font-weight: bold;  
}

blockquote a:hover {
    color: #690011;
 
}
.content {
    background-color: #690011;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 830px;
    position: relative;

}

.contentItem {
    background-color: #690011;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 800px;
    position: relative;

}

.contentThere {
    background-color: #690011;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 930px;
    position: relative;

}

.contentContact {
    background-color: #690011;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 560px;
    position: relative;

}
.contentBuy {
    background-color: #690011;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 800px;
    position: relative;

}
.contentAbout {
    background-color: #690011;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 560px;
    position: relative;

}
form {
    padding-top:10px;
    float:left;
    display:block;
    position:relative;
    clear:both;
}
label {
    display:block;
}

textarea {
    width: 440px;
    display:block;
}

input {
    width: 440px;
    display:block;
}

.btn {
    float:left;
    width: 446px;
}
.span3 {
    position:relative;
    display:block;
    float: left;
    text-align: center;
    width: 320px;
    height: 340px; 
    margin: 40px 0px 20px 0px;
}

.span3:hover {
        background-color: #bf0426;
}

.span3 a {
    position: absolute;
    display:block;
    width: 100%;
    height: 100%;
}

img.thumb {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    border-style: solid;
    border-width: 1px;
}

img.seed {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 0px;
}

.span4 {
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 440px;
    margin-top: 40px;
    margin-bottom: 20px; 
    padding-left:20px;
    padding-right:20px;
}

.span5 {
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
    width: 600px;
    margin-top: 40px;
    margin-bottom: 20px; 
    padding-left:20px;
    padding-right:20px;
}
img.about {
    display: block;
    width: 438px;
    height: 398px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}

img.item {
    display: block;
    width: 438px;
    height: 584px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}


img.itemThere1 {
    display: block;
    width: 598px;
    height: 751px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}

img.itemLostres {
    display: block;
    width: 598px;
    height: 606px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}
img.itemSqua {
    display: block;
    width: 598px;
    height: 598px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}
img.itemPyra {
    display: block;
    width: 598px;
    height: 295px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}
img.itemPi2 {
    display: block;
    width: 598px;
    height: 300px; 
    margin-top: 40px;
    padding-bottom: 0px;
    border-style: solid;
    border-width: 1px;
}
.itemText {
    display: block;
    width: 440px;
    height: 440px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
}

.aboutText {
    display: block;
    float: left;
    width: 440px;
    height: 400px;
    padding-bottom: 40px;
    padding-left: 0px;
    padding-right: 10px;
    padding-top: 10px;
}

.aboutText a {
    color: #f2d99c;
    font-weight: bold;  
}
.aboutText a:hover {
    color: #e5b96f;  
}

.button {
    padding-top: 11px;
    padding-left: 20px;
    width: 120px;
    height: 40px;
    font-family: Arial, Helvetica;
    color: #fafafa;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    background: url("images/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}

.button:hover {
        color: black;
        background: url("images/button.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
#footer {
    padding-top:40px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    width: 100%;
    height: 100px;
    position: relative;
    clear: both;
}

#menuLeft {
    float: left;
    height: 32px;
    font-family: intro_regular, Arial, Helvetica;
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 2px;
    color: #690011;
    width: 960px;
}

#menuLeft ul {
    height: auto;
    padding: 10px 0px 0px 0px;

}

#menuLeft li { 
    display: inline-block;
    float: left;
    text-align: center;
    width: 320px;

}

#menuLeft a {
    text-decoration: none;
    color: #bf0426;

}

#menuLeft a:hover {
    color: #690011;
}

@media only screen and (max-width: 1600px) {
    .wrapper {
    width: 960px;
    }
    .wrapperItem {
    width: 960px;
    }
    img.item {
    padding-top: 0px;
    }
    img.itemHori {
    padding-top: 0px;
    width: 438px;
    height: 329px;
    }
    img.itemThere1 {
    padding-top: 0px;
    width: 438px;
    height: 550px;
    }
    img.itemLostres {
    padding-top: 0px;
    width: 438px;
    height: 444px;
    }
    img.itemSqua {
    padding-top: 0px;
    width: 438px;
    height: 438px;
    }
    img.itemPyra {
    padding-top: 0px;
    width: 438px;
    height: 216px;
    }
    img.itemPi2 {
    padding-top: 0px;
    width: 438px;
    height: 220px;
    }
    #menu {
    width: 640px;
    }
    #menu li { 
    padding-bottom: 40px;
    }
    #menuLeft {
    width: 960px;
    }
    #menuLeft li { 
    padding-bottom: 40px;
    }
    .content {
    height: 1640px;
    }
    .contentItem {
    height: 1180px;
    }
    .contentThere {
    height: 720px;
    }
    .span5 {
        width: 440px;
    }
    .itemText {
        height: 322px;
    }

}

@media only screen and (max-width: 960px) {
    .wrapper {
    width: 640px;
    }
    #menu {
    width: 320px;
    }
    #menu li { 

    }
    #menuLeft {
    width: 640px;
    }
    #menuLeft li {
    padding-bottom: 40px;
    }
    .content {
    height: 2040px;
    }
    .contentItem{
    height: 1060px;
    }
    .contentThere{
    height: 1300px;
    }
    .itemText {
    width: 280px;
    height: 374px;
    }
    img.item {
    width: 278px;
    height: 371px; 
    }
    img.itemHori {
    width: 598px;   
    height: 449px;
    }
    img.itemThere1 {
    width: 598px;   
    height: 751px;
    }
    img.itemLostres {
    width: 598px;   
    height: 606px;
    }
    img.itemSqua {
    width: 598px;   
    height: 598px;
    }
    img.itemPyra {
    width: 598px;   
    height: 295px;
    }    
    img.itemPi2 {
    width: 598px;   
    height: 300px;
    } 
    img.about {
    margin-top: 0px;
    }
    .span4 {
    width: 280px;
    }
    .span5 {
    width: 640px;
    }
    .contentContact {
    height: 1020px;
    }
   .contentBuy {
    height: 1260px;
    }
    .contentAbout {
    height: 1020px;
    }
    .wrapperContact {
    width: 620px;
    }
    .wrapperAbout {
    width: 620px;
    }
    .wrapperItem {
    width: 640px;
    }
}
@media only screen and (max-width: 640px) {

    img#logo {
    margin-right: auto;
    padding-right: 41px;
    margin-left: auto;
    float: none;
    }
    .wrapper {
    width: 320px;
    }
    #menu {
    padding-top: 10px;
    }
    #menu li { 
    padding-bottom: 50px;
    }
    #menuLeft {
    width: 320px;
    padding-top: 0px;
    height: 240px;
    }
    #menuLeft li { 
    padding-bottom: 50px;
    }
    .content {
    height: 4040px;
    }
    .header {
    padding-top: 20px;
    height: 350px;
    }
    .contentContact {
    height: 920px;
    }
    .contentAbout {
    height: 940px;
    }
    .contentBuy {
    height: 1140px;
    }
    .wrapperContact {
    width: 320px;
    }
    textarea {
    width: 280px;
    }
    input {
    width: 280px;
    }
    .btn {
    width: 143px;
    }
    .wrapperAbout {
    width: 320px;
    }
    img.about {
    width: 280px;
    height: 280px;
    }
    .aboutText {
    padding-top: 10px;
    width: 280px;
    padding-top: 0px;
    }
    .itemText {
    padding-top: 0px;
    height: 240px;
    }
    img.itemHori {
    width: 278px;   
    height: 209px;
    }
    img.itemThere1 {
    width: 278px;   
    height: 349px;
    }
    img.itemLostres {
    width: 278px;   
    height: 282px;
    }
    img.itemSqua {
    width: 278px;   
    height: 278px;
    }
    img.itemPyra {
    width: 278px;   
    height: 137px;
    }
    img.itemPi2 {
    width: 278px;   
    height: 139px;
    }
    #paintLine{

    }
    .contentItem{
    height: 1250px;
    }
    .contentThere{
    height: 920px;
    }
    .wrapperItem{
    width: 320px;
    }
    #quote {
    width: 320px;
    }

}