@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,800);@import url(http://fonts.googleapis.com/css?family=Podkova:400,700);@import url(normalize.css);h1,h2,h3,h4
{
font-family:'Open Sans','Century Gothic',Tahoma,Serif
}
button,html,input,select,textarea
{
color:#444
}
::-moz-selection
{
background:#fc4;color:#fff;text-shadow:none
}
::selection
{
background:#fc4;color:#fff;text-shadow:none
}
body
{
font:1em/1.4 Podkova,Helvetica,Arial,Tahoma,Serif
}
h1,h2
{
font-weight:700
}
h3,h4
{
color:#10253d
}
h1
{
font-size:2.5em
}
h2
{
font-size:2em;line-height:1em;color:#3891cf
}
h2.orphan
{
margin:0 0 20px
}
h3
{
font-size:1.6em;margin:0 0 10px
}
ol,ul
{
margin:1em 0;padding:0 0 0 30px
}
dd
{
margin:0 0 0 40px
}
nav ol,nav ul
{
list-style:none;margin:0;padding:0
}
a
{
color:#dda100;text-decoration:none
}
a:active,a:focus,a:hover
{
outline:0;color:#3891cf
}
strong
{
color:#000!important
}
.container
{
margin:0 auto;width:1170px
}
span.icon
{
text-transform:none!important
}
#logo,.button,ul[role=navigation]
{
text-transform:uppercase
}
header
{
background:url(light-pattern.png);padding:15px 0 0
}
#logo
{
color:#3891cf;font:30px 'Open Sans','Century Gothic',Tahoma,Serif;font-weight:700;height:32px;display:block;float:left;margin:15px 0 0
}
#logo .icon
{
padding-right:5px
}
.social-icons
{
float:right;margin:0;overflow:hidden
}
.social-icons li
{
float:left;list-style:none;margin:0 0 0 5px;height:24px
}
.social-icons li a.icon
{
display:block;background:#fc4;color:#fff;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;width:20px;height:20px;line-height:20px;text-align:center
}
.thumb-rotator li:after,section[role=banner] article[role=main] aside:after{content:'';display:block;height:100%;left:0;top:0}.social-icons li a.icon:focus,.social-icons li a.icon:hover,.social-icons li a.iconactive
{
background:#3891cf
}
.social-icons li a.icon.flip
{
-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);transform:scaleY(-1);filter:flipv
}
nav
{
float:right;margin:15px 0 0;clear:both
}
ul[role=navigation]
{
margin:0;padding:0;overflow:hidden;font:.9em/1.67em Podkova,Helvetica,Arial,Tahoma,Serif
}
ul[role=navigation] li
{
list-style:none;float:left;margin:0 0 0 10px
}
ul[role=navigation] li a
{
background:#3891cf;border:1px solid #2495b4;border-bottom:0;-moz-box-shadow:0 1px 1px rgba(255,255,255,.3) inset;-webkit-box-shadow:0 1px 1px rgba(255,255,255,.3) inset;box-shadow:0 1px 1px rgba(255,255,255,.3) inset;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;color:#dfe9f2;display:block;padding:7px 20px 5px
}
ul[role=navigation] li a.activePage,ul[role=navigation] li a:active,ul[role=navigation] li a:focus,ul[role=navigation] li a:hover{border-color:#10253d;background:url(leather-pattern.png);color:#fff;-moz-box-shadow:rgba(255,255,255,.8) 0 1px 0;-webkit-box-shadow:rgba(255,255,255,.8) 0 1px 0;box-shadow:rgba(255,255,255,.8) 0 1px 0
}
ul[role=navigation] li a .icon
{
padding-right:10px;font-size:17px
}
section[role=banner]
{
background:url(light-pattern.png);border-bottom:1px solid #dfe9f2
}
section[role=banner]>header
{
background:url(leather-pattern.png);-moz-box-shadow:inset rgba(0,0,0,.1) 0 10px 10px,rgba(255,255,255,.7) 0 10px 10px;-webkit-box-shadow:inset rgba(0,0,0,.1) 0 10px 10px,rgba(255,255,255,.7) 0 10px 10px;box-shadow:inset rgba(0,0,0,.1) 0 10px 10px,rgba(255,255,255,.7) 0 10px 10px;border-top:2px dotted #5e5e5e;border-bottom:4px dotted #5e5e5e;margin:0 0 30px;padding:20px 0
}
section[role=banner]>header>h1,section[role=banner]>header>p
{
margin:0 auto;width:1170px;color:#fc4;font:700 30px Podkova,Helvetica,Arial,Tahoma,Serif;text-align:center;text-shadow:#000 0 1px 0}section[role=banner]>header>p
{
font-size:20px;font-weight:400
}
section[role=banner] article[role=main]
{
margin:0 auto;width:1170px;padding:0 0 30px
}
section[role=banner] article[role=main] .post
{
float:left;width:55%;color:#222
}
.button,.button:focus,.button:hover
{
color:#fff
}
section[role=banner] article[role=main] .post h2
{
font-size:3em;line-height:1;margin:0 0 10px
}
section[role=banner] article[role=main] aside
{
-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;float:right;overflow:hidden;width:40%;position:relative;border:3px solid rgba(0,0,0,.03);padding:2px
}
section[role=banner] article[role=main] aside:after
{
width:100%;position:absolute;background:rgba(255,255,255,.15);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.6)),color-stop(50%,rgba(255,255,255,.15)),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));background:-moz-linear-gradient(center top,rgba(255,255,255,.6) 0,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -6px 0 rgba(0,0,0,.3),inset 0 -7px 0 rgba(255,255,255,.2);-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -6px 0 rgba(0,0,0,.3),inset 0 -7px 0 rgba(255,255,255,.2);box-shadow:inset 0 0 1px rgba(0,0,0,.8),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -6px 0 rgba(0,0,0,.3),inset 0 -7px 0 rgba(255,255,255,.2);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px
}
section[role=banner] article[role=main] aside img{width:100%;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px
}
.button
{
background:#8bc804;border:1px solid #689603;-moz-box-shadow:1px 2px 3px rgba(0,0,0,.1),0 4px 0 #689603,rgba(255,255,255,.1) 0 -1px 0 inset,rgba(255,255,255,.15) 0 1px 0 inset;-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.1),0 4px 0 #689603,rgba(255,255,255,.1) 0 -1px 0 inset,rgba(255,255,255,.15) 0 1px 0 inset;box-shadow:1px 2px 3px rgba(0,0,0,.1),0 4px 0 #689603,rgba(255,255,255,.1) 0 -1px 0 inset,rgba(255,255,255,.15) 0 1px 0 inset;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius:2px;display:block;font:700 22px 'Open Sans','Century Gothic',Tahoma,Serif;word-spacing:3px;padding:10px 15px;text-align:center;width:210px;margin:0 20px 0 0;text-shadow:#689603 0 1px 0
}
.button:active
{
-moz-box-shadow:-1px -2px 3px rgba(0,0,0,.1),0 -4px 0 #689603,rgba(255,255,255,.1) 0 1px 0 inset,rgba(255,255,255,.15) 0 -1px 0 inset;-webkit-box-shadow:-1px -2px 3px rgba(0,0,0,.1),0 -4px 0 #689603,rgba(255,255,255,.1) 0 1px 0 inset,rgba(255,255,255,.15) 0 -1px 0 inset;box-shadow:-1px -2px 3px rgba(0,0,0,.1),0 -4px 0 #689603,rgba(255,255,255,.1) 0 1px 0 inset,rgba(255,255,255,.15) 0 -1px 0 inset;text-shadow:#689603 0 -1px 0
}
.button.orange
{
background:#fc4;border-color:#ffbe11;-moz-box-shadow:1px 2px 3px rgba(0,0,0,.1),0 4px 0 #ffbe11,rgba(255,255,255,.2) 0 -1px 0 inset,rgba(255,255,255,.15) 0 1px 0 inset;-webkit-box-shadow:1px 2px 3px rgba(0,0,0,.1),0 4px 0 #ffbe11,rgba(255,255,255,.2) 0 -1px 0 inset,rgba(255,255,255,.15) 0 1px 0 inset;box-shadow:1px 2px 3px rgba(0,0,0,.1),0 4px 0 #ffbe11,rgba(255,255,255,.2) 0 -1px 0 inset,rgba(255,255,255,.15) 0 1px 0 inset;text-shadow:#aa7c00 0 1px 0
}
.button.orange:active
{
-moz-box-shadow:-1px -2px 3px rgba(0,0,0,.1),0 -4px 0 #ffbe11,rgba(255,255,255,.2) 0 1px 0 inset,rgba(255,255,255,.15) 0 -1px 0 inset;-webkit-box-shadow:-1px -2px 3px rgba(0,0,0,.1),0 -4px 0 #ffbe11,rgba(255,255,255,.2) 0 1px 0 inset,rgba(255,255,255,.15) 0 -1px 0 inset;box-shadow:-1px -2px 3px rgba(0,0,0,.1),0 -4px 0 #ffbe11,rgba(255,255,255,.2) 0 1px 0 inset,rgba(255,255,255,.15) 0 -1px 0 inset;text-shadow:#aa7c00 0 -1px 0
}
.left
{
float:left
}
.thumb-rotator
{
margin:0 0 30px;padding:0 0 20px;overflow:hidden
}
.thumb-rotator li
{
list-style:none;float:left;margin:0 1% 0 0;width:19%;position:relative
}
.thumb-rotator li:after
{
position:absolute;
}
.thumb-rotator li img,.thumb-rotator li:after
{
width:100%;-moz-border-radius:2px;-webkit-border-radius:2px
}
.thumb-rotator li img
{
border-radius:2px;
}
.columns
{
border-bottom:5px solid #dfe9f2;margin:0 0 30px;display:table
}
.columns.top-row
{
margin:0
}
.columns article
{
border-right:5px solid #dfe9f2;display:table-cell;width:21%;padding:15px 2%;vertical-align:top
}
.columns article:first-child
{
padding-left:0
}
.columns article:last-child
{
border-right:0;padding-right:0
}
.columns article h3
{
font-size:1.4em;padding:0;margin:0 0 .5em;color:#444
}
.columns article h3 span
{
padding-right:5px; color: #c30072;
}
.columns article h5
{
background: #ccc; font-size: 1.4em; margin-bottom: 0.4em;
}
.columns article p
{
margin:0 0 10px;  
}
.columns article a:active,.columns article a:focus,.columns article a:hover
{
text-decoration:underline
}
.columns figure img
{
-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:0 3px 3px;border:0;border-top:4px solid #3891cf;margin:0 0 15px;width:100%
}
.columns figure img2
{
-moz-border-radius:0 0 3px 3px;-webkit-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;padding:0 3px 3px;border:0;border-top:4px solid #3891cf;margin:0 0 15px;width:105%
}
.foo-slogan
{
overflow:hidden;padding:30px 0 50px
}
.foo-slogan h2
{
float:left;width:680px;color:#3891cf;margin:0}.foo-slogan .button
{
float:right
}
.c-form h2
{
float:none;margin:0 0 20px
}
.c-form label
{
display:block;margin:0 0 5px
}
.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text]
{
border:1px solid #e0e0e0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;display:block;margin:0 0 15px;padding:10px;width:320px
}
.c-form input[type=email]:focus,.c-form input[type=tel]:focus,.c-form input[type=text]:focus
{
border-color:#3891cf;outline:0;-moz-box-shadow:#dfe9f2 0 0 7px;-webkit-box-shadow:#dfe9f2 0 0 7px;box-shadow:#dfe9f2 0 2px 0,#dfe9f2 0 2px 1px inset
}
.c-form textarea
{
border:1px solid #e0e0e0;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;-webkit-box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;box-shadow:rgba(0,0,0,.05) 0 2px 0,rgba(0,0,0,.05) 0 2px 1px inset;display:block;margin:0 0 20px;padding:10px;width:520px;height:80px
}
.sort-bar,.thumb-list li
{
border-bottom:1px dotted #dfe9f2
}
.c-form textarea:focus
{
border-color:#3891cf;outline:0;-moz-box-shadow:#dfe9f2 0 0 7px;-webkit-box-shadow:#dfe9f2 0 0 7px;box-shadow:#dfe9f2 0 2px 0,#dfe9f2 0 2px 1px inset
}
.c-form .button
{
display:block;float:none
}
.sort-bar
{
font:12px/18px Podkova,Helvetica,Arial,Tahoma,Serif;margin:0 0 30px;padding:10px 0
}
.sort-bar a
{
padding:0 5px
}
.sort-bar a:active,.sort-bar a:focus,.sort-bar a:hover
{
color:#3891cf
}
.more-link
{
color:#333;font-weight:700;white-space:nowrap
}
.thumb-list
{
overflow:hidden;margin:0;padding:0
}
.thumb-list li
{
float:left;margin:0 20px 30px 0;list-style:none;width:277px
}
.thumb-list li:nth-child(4n)
{
margin-right:0
}
.thumb-list li>h3
{
font-size:1.5em;color:#3891cf
}
.thumb-list li>h3 a,.thumb-list li>h3 a:active,.thumb-list li>h3 a:focus,.thumb-list li>h3 a:hover
{
color:#3891cf
}
.thumb-list li>figure a
{
border:1px solid #dfe9f2;display:block;margin:0 0 10px;position:relative;overflow:hidden;-moz-transition:all .3s ease;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease
}
.thumb-list li>figure img
{
background:#fff;display:block;padding:4px;width:calc(100% - 8px)
}
aside[role=complementary]
{
background:#f0f0f0;border-right:1px solid #e0e0e0;display:table-cell;padding:10px 20px;width:180px}aside[role=complementary] h2{font-size:1.4em;color:#000}.content{display:table-cell;padding:10px 0 50px 30px}.content img{border:1px solid #f0f0f0;padding:2px}.content table{width:100%;border-color:#ccc}.content td,.content th{border-color:#ccc;padding:4px 10px}.content th{background:#3891cf;color:#fff;text-align:left}.content tr:nth-child(even) td{background:#f6f6f6}.post-list{margin:0;padding:0}.post-list li{list-style:none;border-bottom:2px dotted #eaeaea;margin:0 0 30px}.post-list li:last-child{border:0;margin:0
}
.meta
{
color:#666;font-size:11px
}
.g-map
{
border:1px solid #f0f0f0;float:right;padding:2px;width:580px
}
section[role=banner] article[role=main].contact .post
{
width:35%
}
footer[role=contentinfo]{background:url(leather-pattern.png);border-top:4px dotted #444;-moz-box-shadow:inset rgba(0,0,0,.1) 0 10px 10px,rgba(255,255,255,.7) 0 10px 10px;-webkit-box-shadow:inset rgba(0,0,0,.1) 0 10px 10px,rgba(255,255,255,.7) 0 10px 10px;box-shadow:inset rgba(0,0,0,.1) 0 10px 10px,rgba(255,255,255,.7) 0 10px 10px;color:#dfe9f2;padding:10px 0
}
footer[role=contentinfo] p
{
margin:0 auto;width:1170px;font:11px/16px Podkova,Helvetica,Arial,Tahoma,Serif;text-align:right;overflow:hidden
}
footer[role=contentinfo] p .left
{
text-align:left
}
@media only screen and(max-width:1200px)
{
.container,section[role=banner] article[role=main]{width:970px}.thumb-list li{width:225px
}
}
@media only screen and (max-width:960px)
{
body
{
font-size:.8125em
}
h2.orphan
{
margin:0 5% 20px;width:90%
}
.container
{
width:100%
}
header
{
background:0 0;padding-top:0
}
#logo
{
background:url(light-pattern.png);border-bottom:1px solid #ccc;margin:0 0 20px;padding:10px 5%;width:90%;float:none;font-size:22px
}
.social-icons
{
display:block;float:none;position:absolute;right:5%;top:12px
}
nav
{
float:none;margin:20px 0
}
ul[role=navigation] li
{
float:none;display:block;margin:0 5% 5px;width:90%
}
ul[role=navigation] li a
{
padding:12px 20px;font-size:14px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;position:relative
}
ul[role=navigation] li a:after
{
content:'';display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(255,255,255,.4)),color-stop(50%,rgba(255,255,255,.15)),color-stop(50%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));background:-moz-linear-gradient(center top,rgba(255,255,255,.4) 0,rgba(255,255,255,.15) 50%,rgba(255,255,255,0) 50%,rgba(255,255,255,0) 100%)
}
ul[role=navigation] li a .icon
{
font-size:22px;vertical-align:text-bottom}section[role=banner]>header>h1,section[role=banner]>header>p{font:700 24px Podkova,Helvetica,Arial,Tahoma,Serif;padding:0 5%;width:90%}section[role=banner]>header>p{font-size:16px;margin-top:15px}section[role=banner] article[role=main]{width:100%;padding:0 0 30px}section[role=banner] article[role=main] .post,section[role=banner] article[role=main] aside{float:none;width:90%;margin:0 5%}section[role=banner] article[role=main] .post h2,section[role=banner] article[role=main] aside h2{line-height:1.2em;font-size:2.3em}section[role=banner] article[role=main] aside{display:none}section[role=banner] article[role=main] .price-table li{display:block}section[role=banner] article[role=main] .price-table li .button,section[role=banner] article[role=main] .price-table li h4,section[role=banner] article[role=main] .price-table li ul{display:none}section[role=banner] article[role=main] .price-table li .dark{margin:0;padding:15px 0 5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}section[role=banner] article[role=main] .price-table li.box{margin:0 5% 10px;width:90%;padding:0}section[role=banner] article[role=main] .price-table li.box .button{margin:10px 5% 0;width:90%}section[role=banner] article[role=main] .price-table li.box:first-child{padding:0 0 20px}section[role=banner] article[role=main] .price-table li.box:first-child .button,section[role=banner] article[role=main] .price-table li.box:first-child h4,section[role=banner] article[role=main] .price-table li.box:first-child ul{display:block}section[role=banner] article[role=main] .price-table li.box:first-child .dark{margin:0 0 10px;padding-bottom:0;-moz-border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0}section[role=banner] article[role=main] .price-table li.gap{display:none}.button
{
width:100%;padding:15px 0;margin:0 0 15px
}
.left
{
float:none
}
.columns article{border:0!important;display:block;width:90%;padding:0;margin:0 5%;font-size:13px
}
.columns article figure
{
display:none;  
}
.columns article figure p
{
margin:0;  
}
.columns article figure img
{
width:100%
}
.columns article:first-child
{
padding:20px 0 10px
}
.columns article:first-child figure
{
display:block
}
.columns article:last-child h3
{
border:0;  
}
.thumb-rotator
{
padding:0 5% 20px
}
.thumb-rotator li
{
float:none;margin:0 0 5px;width:100%;display:none
}
.thumb-rotator li:first-child
{
display:block
}
.foo-slogan
{
overflow:hidden;padding:10px 5% 20px;width:90%
}
.foo-slogan h2
{
float:none;width:100%;font:700 22px/1em Podkova,Helvetica,Arial,Tahoma,Serif;margin:0 0 15px
}
.foo-slogan .button
{
float:none
}
.c-form input[type=email],.c-form input[type=tel],.c-form input[type=text],.c-form textarea
{
padding:10px 3%;width:93%
}
.sort-bar
{
margin:0 5% 20px
}
.sort-bar a
{
line-height:24px
}
.thumb-list
{
margin:0 5%
}
.thumb-list li
{
height:auto!important;margin:0 0 20px!important;width:100%
}
.thumb-list li img
{
padding:2%;width:96%
}
.content,aside[role=complementary]
{
display:block;padding:10px 5%;width:90%
}
.content img,aside[role=complementary] img
{
max-width:90%
}
.content table,aside[role=complementary] table
{
width:95%
}
.content td,.content th,aside[role=complementary] td,aside[role=complementary] th
{
padding:2px 4px
}
footer[role=contentinfo]
{
padding:10px 5%;width:90%
}
footer[role=contentinfo] p
{
width:100%
}
}
.oldies .columns
{
overflow:hidden
}
.oldies .columns article
{
float:left;display:block;width:21%
}
.oldies section[role=banner] article[role=main] .price-table
{
overflow:hidden
}
.oldies section[role=banner] article[role=main] .price-table li
{
float:left;width:215px
}
.oldies section[role=banner] article[role=main] .price-table li.gap
{
width:30px
}
.oldies section[role=banner] article[role=main] .price-table li .dark
{
width:215px
}
.oldies section[role=banner] article[role=main] .price-table li li
{
float:none
}
.ie7 aside[role=complementary]{float:left
}
.ie7 .content
{
width:680px;float:left
}