* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 12px;
    line-height: 22px;
    font-family: verdana, arial, sans-serif;
    color: #727272;
    backgrounda: url(images/body-pattern.png) repeat 0 0;
    background: #4289c7 url(/i/blue_bg_big.jpg) repeat 0 0;
    background-attachment:fixed; 
    min-width: 100%;
}

/*font-family: 'Raleway', sans-serif;*/

a { color: #00acef; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

article, aside, details, footer, header, menu, nav, section { display: block; }
input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

#screen
{
    position: absolute;
    left: 0;
    top: 0;
    background: #000;
}

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

.shell { width: 981px; margin: 0 auto; }
.container { background: url(images/container.png) repeat-y center 0; box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -moz-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -webkit-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05); -o-box-shadow: 0px 0px 0px 4px rgba(0,0,0,0.05);  }


.button { border:1px solid #D0D0D0; background: #E0E0E0; padding:9px 19px 9px 19px; 	-moz-border-radius: 5px; border-radius: 5px;}

.butt { float:left;padding:0px 7px 0px 23px;border:1px solid #E0E0E0;font-size: 12px;font-family: verdana, arial, sans-serif; text-decoration:none;}
.buttclose { background:#F0F0F0 url(/i/close_14x14.gif) no-repeat 4px 4px; }
.buttadd { background:#F0F0F0 url(/i/add_one_13x13.gif) no-repeat 5px 5px; }
.buttedit { background:#F0F0F0 url(/i/edit_14x14.gif) no-repeat 4px 4px; }
.buttconfirm { background:#F0F0F0 url(/i/accept_one_16x14.png) no-repeat 4px 4px;padding-left:25px; }
.buttwhite { background-color:#FFFFFF; }
.butt:hover { color:#FF0000;}
.buttrunning { background:url(/i/cog_16x16.gif) no-repeat 2px 2px; }
.buttsearch { background:url(/i/search_16x16.png) no-repeat 2px 2px;}
.buttattention { background:url(/i/attention_16x16.gif) #F0F0F0 no-repeat 2px 3px;}


.bubble { display:none;background-color:#00acef;opacity:1;position:absolute;padding:1px;top: -7px;right: -4px;border-radius: 15px;width:21px;height:21px;text-align:center;color:#ffffff;font-size:12px;font-family:Arial; }

.confbutton {background:#4289c7;padding:1px 4px;color:#FFFFFF;border: 2px solid #029cdb;font-family: 'Raleway';font-size: 15px;font-weight: 500; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; }
.readbutton {background-color:#0a7da6;padding:1px 4px;color:#FFFFFF;border: 2px solid #5290c0;font-family: 'Raleway';font-size: 15px;font-weight: 500; border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px; }

.add {padding-left:28px; background-position: center left calc(0.375em + 0.0375rem);background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22438.533px%22%20height%3D%22438.533px%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20438.533%20438.533%22%20style%3D%22enable-background%3Anew%200%200%20438.533%20438.533%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M409.133%2C109.203c-19.608-33.592-46.205-60.189-79.798-79.796C295.736%2C9.801%2C259.058%2C0%2C219.273%2C0%0A%09%09c-39.781%2C0-76.47%2C9.801-110.063%2C29.407c-33.595%2C19.604-60.192%2C46.201-79.8%2C79.796C9.801%2C142.8%2C0%2C179.489%2C0%2C219.267%0A%09%09c0%2C39.78%2C9.804%2C76.463%2C29.407%2C110.062c19.607%2C33.592%2C46.204%2C60.189%2C79.799%2C79.798c33.597%2C19.605%2C70.283%2C29.407%2C110.063%2C29.407%0A%09%09s76.47-9.802%2C110.065-29.407c33.593-19.602%2C60.189-46.206%2C79.795-79.798c19.603-33.596%2C29.403-70.284%2C29.403-110.062%0A%09%09C438.533%2C179.485%2C428.732%2C142.795%2C409.133%2C109.203z%20M347.179%2C237.539c0%2C4.948-1.811%2C9.236-5.428%2C12.847%0A%09%09c-3.62%2C3.614-7.901%2C5.428-12.847%2C5.428h-73.091v73.084c0%2C4.948-1.813%2C9.232-5.428%2C12.854c-3.613%2C3.613-7.897%2C5.421-12.847%2C5.421%0A%09%09h-36.543c-4.948%2C0-9.231-1.808-12.847-5.421c-3.617-3.621-5.426-7.905-5.426-12.854v-73.084h-73.089%0A%09%09c-4.948%2C0-9.229-1.813-12.847-5.428c-3.616-3.61-5.424-7.898-5.424-12.847v-36.547c0-4.948%2C1.809-9.231%2C5.424-12.847%0A%09%09c3.617-3.617%2C7.898-5.426%2C12.847-5.426h73.092v-73.089c0-4.949%2C1.809-9.229%2C5.426-12.847c3.616-3.616%2C7.898-5.424%2C12.847-5.424%0A%09%09h36.547c4.948%2C0%2C9.233%2C1.809%2C12.847%2C5.424c3.614%2C3.617%2C5.428%2C7.898%2C5.428%2C12.847v73.089h73.084c4.948%2C0%2C9.232%2C1.809%2C12.847%2C5.426%0A%09%09c3.617%2C3.615%2C5.428%2C7.898%2C5.428%2C12.847V237.539z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; }
.info {padding-left:30px; background-position: center left calc(0.375em + 0.0375rem);background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2023.625%2023.625%22%20style%3D%22enable-background%3Anew%200%200%2023.625%2023.625%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20style%3D%22fill%3A%23FFFFFF%3B%22%20d%3D%22M11.812%2C0C5.289%2C0%2C0%2C5.289%2C0%2C11.812s5.289%2C11.813%2C11.812%2C11.813s11.813-5.29%2C11.813-11.813%0A%09%09S18.335%2C0%2C11.812%2C0z%20M14.271%2C18.307c-0.608%2C0.24-1.092%2C0.422-1.455%2C0.548c-0.362%2C0.126-0.783%2C0.189-1.262%2C0.189%0A%09%09c-0.736%2C0-1.309-0.18-1.717-0.539s-0.611-0.814-0.611-1.367c0-0.215%2C0.015-0.435%2C0.045-0.659c0.031-0.224%2C0.08-0.476%2C0.147-0.759%0A%09%09l0.761-2.688c0.067-0.258%2C0.125-0.503%2C0.171-0.731c0.046-0.23%2C0.068-0.441%2C0.068-0.633c0-0.342-0.071-0.582-0.212-0.717%0A%09%09c-0.143-0.135-0.412-0.201-0.813-0.201c-0.196%2C0-0.398%2C0.029-0.605%2C0.09c-0.205%2C0.063-0.383%2C0.12-0.529%2C0.176l0.201-0.828%0A%09%09c0.498-0.203%2C0.975-0.377%2C1.43-0.521c0.455-0.146%2C0.885-0.218%2C1.29-0.218c0.731%2C0%2C1.295%2C0.178%2C1.692%2C0.53%0A%09%09c0.395%2C0.353%2C0.594%2C0.812%2C0.594%2C1.376c0%2C0.117-0.014%2C0.323-0.041%2C0.617c-0.027%2C0.295-0.078%2C0.564-0.152%2C0.811l-0.757%2C2.68%0A%09%09c-0.062%2C0.215-0.117%2C0.461-0.167%2C0.736c-0.049%2C0.275-0.073%2C0.485-0.073%2C0.626c0%2C0.356%2C0.079%2C0.599%2C0.239%2C0.728%0A%09%09c0.158%2C0.129%2C0.435%2C0.194%2C0.827%2C0.194c0.185%2C0%2C0.392-0.033%2C0.626-0.097c0.232-0.064%2C0.4-0.121%2C0.506-0.17L14.271%2C18.307z%0A%09%09%20M14.137%2C7.429c-0.353%2C0.328-0.778%2C0.492-1.275%2C0.492c-0.496%2C0-0.924-0.164-1.28-0.492c-0.354-0.328-0.533-0.727-0.533-1.193%0A%09%09c0-0.465%2C0.18-0.865%2C0.533-1.196c0.356-0.332%2C0.784-0.497%2C1.28-0.497c0.497%2C0%2C0.923%2C0.165%2C1.275%2C0.497%0A%09%09c0.353%2C0.331%2C0.53%2C0.731%2C0.53%2C1.196C14.667%2C6.703%2C14.49%2C7.101%2C14.137%2C7.429z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; } 
.cog {padding-left:30px; background-position: center left calc(0.375em + 0.0375rem);background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);background-image: url("data:image/svg+xml,%3Csvg%20version%3D%221.1%22%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20width%3D%22438.529px%22%20height%3D%22438.529px%22%20fill%3D%22%23fff%22%20viewBox%3D%220%200%20438.529%20438.529%22%20style%3D%22enable-background%3Anew%200%200%20438.529%20438.529%3B%22%0A%09%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M436.25%2C181.438c-1.529-2.002-3.524-3.193-5.995-3.571l-52.249-7.992c-2.854-9.137-6.756-18.461-11.704-27.98%0A%09%09c3.422-4.758%2C8.559-11.466%2C15.41-20.129c6.851-8.661%2C11.703-14.987%2C14.561-18.986c1.523-2.094%2C2.279-4.281%2C2.279-6.567%0A%09%09c0-2.663-0.66-4.755-1.998-6.28c-6.848-9.708-22.552-25.885-47.106-48.536c-2.275-1.903-4.661-2.854-7.132-2.854%0A%09%09c-2.857%2C0-5.14%2C0.855-6.854%2C2.567l-40.539%2C30.549c-7.806-3.999-16.371-7.52-25.693-10.565l-7.994-52.529%0A%09%09c-0.191-2.474-1.287-4.521-3.285-6.139C255.95%2C0.806%2C253.623%2C0%2C250.954%2C0h-63.38c-5.52%2C0-8.947%2C2.663-10.278%2C7.993%0A%09%09c-2.475%2C9.513-5.236%2C27.214-8.28%2C53.1c-8.947%2C2.86-17.607%2C6.476-25.981%2C10.853l-39.399-30.549%0A%09%09c-2.474-1.903-4.948-2.854-7.422-2.854c-4.187%2C0-13.179%2C6.804-26.979%2C20.413c-13.8%2C13.612-23.169%2C23.841-28.122%2C30.69%0A%09%09c-1.714%2C2.474-2.568%2C4.664-2.568%2C6.567c0%2C2.286%2C0.95%2C4.57%2C2.853%2C6.851c12.751%2C15.42%2C22.936%2C28.549%2C30.55%2C39.403%0A%09%09c-4.759%2C8.754-8.47%2C17.511-11.132%2C26.265l-53.105%2C7.992c-2.093%2C0.382-3.9%2C1.621-5.424%2C3.715C0.76%2C182.531%2C0%2C184.722%2C0%2C187.002%0A%09%09v63.383c0%2C2.478%2C0.76%2C4.709%2C2.284%2C6.708c1.524%2C1.998%2C3.521%2C3.195%2C5.996%2C3.572l52.25%2C7.71c2.663%2C9.325%2C6.564%2C18.743%2C11.704%2C28.257%0A%09%09c-3.424%2C4.761-8.563%2C11.468-15.415%2C20.129c-6.851%2C8.665-11.709%2C14.989-14.561%2C18.986c-1.525%2C2.102-2.285%2C4.285-2.285%2C6.57%0A%09%09c0%2C2.471%2C0.666%2C4.658%2C1.997%2C6.561c7.423%2C10.284%2C23.125%2C26.272%2C47.109%2C47.969c2.095%2C2.094%2C4.475%2C3.138%2C7.137%2C3.138%0A%09%09c2.857%2C0%2C5.236-0.852%2C7.138-2.563l40.259-30.553c7.808%2C3.997%2C16.371%2C7.519%2C25.697%2C10.568l7.993%2C52.529%0A%09%09c0.193%2C2.471%2C1.287%2C4.518%2C3.283%2C6.14c1.997%2C1.622%2C4.331%2C2.423%2C6.995%2C2.423h63.38c5.53%2C0%2C8.952-2.662%2C10.287-7.994%0A%09%09c2.471-9.514%2C5.229-27.213%2C8.274-53.098c8.946-2.858%2C17.607-6.476%2C25.981-10.855l39.402%2C30.84c2.663%2C1.712%2C5.141%2C2.563%2C7.42%2C2.563%0A%09%09c4.186%2C0%2C13.131-6.752%2C26.833-20.27c13.709-13.511%2C23.13-23.79%2C28.264-30.837c1.711-1.902%2C2.569-4.09%2C2.569-6.561%0A%09%09c0-2.478-0.947-4.862-2.857-7.139c-13.698-16.754-23.883-29.882-30.546-39.402c3.806-7.043%2C7.519-15.701%2C11.136-25.98l52.817-7.988%0A%09%09c2.279-0.383%2C4.189-1.622%2C5.708-3.716c1.523-2.098%2C2.279-4.288%2C2.279-6.571v-63.376%0A%09%09C438.533%2C185.671%2C437.777%2C183.438%2C436.25%2C181.438z%20M270.946%2C270.939c-14.271%2C14.277-31.497%2C21.416-51.676%2C21.416%0A%09%09c-20.177%2C0-37.401-7.139-51.678-21.416c-14.272-14.271-21.411-31.498-21.411-51.673c0-20.177%2C7.135-37.401%2C21.411-51.678%0A%09%09c14.277-14.272%2C31.504-21.411%2C51.678-21.411c20.179%2C0%2C37.406%2C7.139%2C51.676%2C21.411c14.274%2C14.277%2C21.413%2C31.501%2C21.413%2C51.678%0A%09%09C292.359%2C239.441%2C285.221%2C256.669%2C270.946%2C270.939z%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E"); background-repeat: no-repeat; } 

#header { margin-bottom: 15px;  position: relative; padding-top: 25px;  height: 53px; background: url(images/border-title.png) repeat-x 0 bottom; }
#logo { width: 129px; font-size: 0; line-height: 0; position:absolute; top: 23px; left: 21px; }
#logo a { height: 40px; display: block; background: url(images/logo.png) no-repeat 0 0; text-indent: -4000px; }
.search { width: 210px; margin-left: auto; padding-right: 0px; }
.search input.field { float:left; width: 166px; padding:0 8px; height: 24px; line-height: 24px;  border: 1px solid #d3d3d3; font-size: 11px; color:#bebebe; background: #ededed; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.search input.search-btn { float:left;  font-size: 0; line-height: 0; text-indent: -4000px; cursor: pointer; width: 20px; height: 26px; border: 0; background: url(images/search-ico.png) no-repeat 0 0; }

#navigation { padding:0 21px;  margin-bottom: 15px; }
#navigation ul { list-style:none; list-style-position: outside; }
#navigation ul li { padding: 0 10px; float: left; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; }
#navigation ul li:first-child { padding-left: 0; }
#navigation ul li a { color: #4a4a4a; padding: 0 7px; display:block; height: 21px; line-height: 21px; border: 2px solid transparent; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; }
#navigation ul li.active a,
#navigation ul li a:hover { border: 2px solid #029cdb;  background: url(images/nav-btn.png) repeat-x 0 0; color:#fff; text-decoration: none; }
#navigation a.nav-btn { display:none; }

.slider-holder { position: relative; margin-bottom:30px;   }

.slider { background: url(images/slider-bg.jpg) no-repeat 0 0; width: 938px; height: 417px; position:relative; overflow: hidden; padding:0 21px; }
.slider ul { list-style:none; list-style-position: outside; }
.slider ul li { float: left; width: 938px; height: 417px; }
.slider .slide-cnt { width: 450px; height: 220px; position:relative; overflow: hidden; float: right; padding-top: 30px;  }

.slider h4 { color:#fff; font-size: 16px; font-family: 'Raleway', sans-serif;  font-weight: 500; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; text-transform: uppercase; }
.slider h2 { color:#f8f8f8; font-family: 'Raleway', sans-serif; font-size: 56px; line-height:56px; padding-bottom: 12px; font-weight: 700; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px; }
.slider p { color:#fff; }
.slider p a { color:#fff; text-decoration: underline; }
.slider p a:hover { text-decoration: none; }

.slider img { float:left; margin-right:50px; margin-left: 24px;  }
.slider .socials { width: 158px; margin-left: auto; padding-top:18px;  }
.slider .socials a { width: 31px; height: 30px; float:left; margin-left: 6px;  background: url(images/socials.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; }

.slider .socials a.facebook-ico { background-position: 0 0; }
.slider .socials a.facebook-ico:hover { background-position:0 bottom; }

.slider .socials a.twitter-ico { background-position:-37px 0; }
.slider .socials a.twitter-ico:hover { background-position:-37px bottom; }

.slider .socials a.skype-ico { background-position:-75px 0; }
.slider .socials a.skype-ico:hover { background-position:-75px bottom; }

.slider .socials a.rss-ico { background-position: -114px 0; }
.slider .socials a.rss-ico:hover { background-position: -114px bottom; }

#thumbs-wrapper { width: 434px; padding: 0 20px; position: absolute; bottom: 18px; right: 21px; overflow: hidden; }
#thumbs-wrapper a#prev { width: 12px; height: 17px; position:absolute; top: 50%; margin-top: -8px; left: 0; background: url(images/left-arr.png) no-repeat 0 0;}
#thumbs-wrapper a#next { width: 12px; height: 17px; position: absolute; top: 50%; margin-top: -8px; right: 0px; background: url(images/right-arr.png) no-repeat 0 0; }
#thumbs { height: 80px; width: 434px; position:relative; overflow: hidden; padding-top:7px; }
#thumbs a { margin-bottom:8px; width: 94px; height: 69px; margin-right: 8px; float:left; background: #fff; padding: 3px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; -o-border-radius: 4px; border: 1px solid #d5d5d5; }
#thumbs a img { width: 94px; height: 69px; float:left; }

#thumbs a.selected { height: 76px; position:relative; margin-top: -7px; opacity: 1; } 
#thumbs a.selected img { height: 76px; }

.main { padding:0 20px; min-height:1200px; }

.login { font-family: 'Raleway', sans-serif; font-size: 17px; color:#4a4a4a; font-weight:400; }
.submenu { font-family: 'Raleway', sans-serif;font-size: 15px;font-weight: 500;line-heightxxxx: 36px; }
.gentext { font-family: 'Raleway', sans-serif; font-size: 17px; color:#4a4a4a; font-weight:400; }

.featured { background: #f1f1f1; border: 1px solid #e5e5e5; padding: 10px 18px 10px 18px; margin-bottom: 42px;  position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.featured h4 { font-family: 'Raleway', sans-serif;  line-height: 43px; font-size: 17px; color:#4a4a4a; font-weight:400; }
.featured h4 strong { color:#00acef; font-weight: 600; }
.featured a.blue-btn { background: url(images/blue-btn.png) repeat 0 0; width: 189px; height: 39px; text-shadow: rgba(0,0,0,0.5) 0px 1px 0px;  position: absolute; top: 50%; margin-top: -20px;  right: 9px; display: block; font-size: 16px; font-weight: 500; color:#fff; text-align: center; line-height: 39px; border: 2px solid #0a7fb5; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; text-decoration: none; font-weight: 500; font-family: 'Raleway', sans-serif; text-shadow: rgba(0,0,0,0.5) 0px 1px 1px;
}
.featured a.blue-btn:hover { background-position:0 bottom; }

.featured a:hover {border-bottom:3px solid #0098D3; }
.featured a.nounderline:hover { border:1px solid #E0E0E0; }

.product { background: #f1f1f1; border: 1px solid #e5e5e5; padding: 10px 18px 10px 18px; margin-bottom: 42px;  position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; }
.product a.lista:hover {border-bottomxx:1px solid #0098D3; color:#ff0000;}

  #custom-handle {
    width: 4.3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
  }
  
.mylist { float:left;width:100%;background: url(/css/images/border-title.png) repeat-x 0 bottom;}
.mylist a {color:#4a4a4a;}
.mylist a:hover { color:#ff4a4a;background-color:#f6f6f6;}
.mylist ul { list-style:none; list-style-position: outside; }
.mylist ul li { padding: 10px 10px 12px; background: url(images/border-title.png) repeat-x 0 bottom; font-family: 'Raleway', sans-serif; font-weight:600; }
.mylist ul li.odd { background-color:#f6f6f6;  }

.main h3 { font-size: 16px; font-family: 'Raleway', sans-serif; color:#4a4a4a; font-weight: 500; padding-bottom: 12px; margin-bottom: 8px; background: url(images/border-title.png) repeat-x 0 bottom;}
.main h5 { font-size: 12px; }
.main h5 { padding-bottom: 10px; }
.main a.more { background: url(images/blue-arr.png) no-repeat 0 6px; text-decoration: underline; padding-left: 8px; font-weight: 500; font-family: 'Raleway', sans-serif; }
.main a:hover { text-decoration: none; }

.main .cols { padding-bottom: 38px;  }
.main .cols .col { float:left; width: 286px; padding-right: 20px; }
.main .cols .col.last { padding-right: 0; }
.main .cols .col img.left { margin-right: 24px; margin-bottom:10px;  }
.main .cols .col a { text-decoration: underline; }
.main .cols .col ul { list-style:none; list-style-position: outside; }
.main .cols .col ul li { padding: 10px 10px 12px; background: url(images/border-title.png) repeat-x 0 bottom; font-family: 'Raleway', sans-serif; font-weight:600; }
.main .cols .col ul li.odd { background-color:#f6f6f6;  }
.main .cols .col ul li a { padding: 0px 10px; display:block; background: url(images/bullet.png) no-repeat 0px 9px; }
.main .cols .col ul li.first { padding-top:2px; }

.main .entries { background: url(images/entries.png) repeat-y 0 0; position:relative; margin: 0 -20px; padding: 20px; margin-bottom: 1px; border-bottom: 1px solid #e8e8e8;  }
.main .entries h3 { margin-bottom: 15px;  background: url(images/entry-title.png) repeat-x 0 bottom; }
.main .entries .entry { width: 286px; float:left; padding-right: 40px; }
.main .entries .entry.last { padding-right:0; }
.main .entries .entry p.meta { color: #cbcbcb; }
.main .entries .entry p.meta a { color: #cbcbcb; }
.main .entries .entry-inner { padding-bottom: 18px; margin-bottom: 16px; background: url(images/entry-title.png) repeat-x 0 bottom; }
.main .entries .entry .date { margin-right: 15px;  position: relative; float:left; padding: 14px 12px; width: 40px; height: 34px; background: url(images/date-ico.png) no-repeat 0 0; } 

.main .entries .entry .date strong { color:#00acef; font-size: 22px; line-height: 22px; font-family: arial, sans-serif; font-weight: bold; display:block; }
.main .entries .entry .date span { font-weight: bold; font-size: 9px; color:#c6c6c6; position:relative; margin-top: 0px; display:block; line-height:9px;  }
.main .entries .entry .date em { -webkit-transform: rotate(-90deg); line-height: 12px;
-moz-transform: rotate(-90deg);	 font-weight: bold; font-style: normal; width: 12px;  color:#bdbdbd; font-size: 12px; position:absolute; bottom: 20px; left: 41px; }

.testimonials { padding-bottom: 30px; }
.testimonials p { font-style: italic; font-family: georgia ,arial, serif; font-size: 14px; color:#898989; }
.testimonials p strong { font-size: 43px; position:relative; bottom: -19px; font-weight: normal; padding-right: 4px;  }
.testimonials p.author { font-size: 12px; text-align: right; }
.testimonials p.author strong { font-size: 12px; bottom: 0; font-weight:bold;  }

#footer { background: url(images/footer-border.png) repeat-x 0 0; padding: 18px 20px 18px 10px; }
.footer-nav { float: left; }
.footer-nav ul { list-style:none; list-style-position: outside; }
.footer-nav ul li { float: left; border-right: 1px solid #afaca9;  padding:0 10px; font-size: 10px; line-height: 10px; }
.footer-nav ul li a { color: #afaca9; }
.footer-nav ul li a:hover { color: #878684; text-decoration: none; }
.footer-nav ul li.last { border-right: 0; }

#footer p.copy { font-size: 10px; color:#afaca9; line-height: 10px; float: right; }
#footer p.copy a { font-size: 10px; color:#00acef;  line-height: 10px; text-decoration: underline; }
#footer p.copy a:hover { text-decoration: none; }
#footer p.copy span { padding:0 7px; }



/* ipad portrait */
@media only screen and ( min-width: 768px) and ( max-width: 981px ) {
	body { width: auto; }
	.shell { width: auto; width: 768px; }

	.container { background-image:url(images/container-tablet.png); }
	.slider { width: 725px; height: 366px; background-image:url(images/slider-tablet.png); }
	.slider ul li { width: 724px; }
	.slider img { width: 316px; height: 286px; margin-left: 0; margin-right: 20px;  }
	.slider h3 { font-size:16px; }
	.slider h2 { font-size: 47px; line-height: 54px; } 
	.slider .slide-cnt { width: 380px; height: 190px; }

	#thumbs-wrapper { width: 356px; }
	#thumbs a { width: 75px; height: 56px; }
	#thumbs a.selected { width: 75px; height: 65px; }
	#thumbs a.selected img { width: 75px; height: 65px; }
	#thumbs a img { width: 75px; height: 56px; }

	.featured h4  { font-size: 16px; line-height: 28px; }

	.main .cols .col { width: 222px; padding-right: 30px; }
	.main .cols .col img.left { float: none; display: block; margin:0 auto 12px; }

	.main .entries { background-image:url(images/entries-tablet.png);  }
	.main .entries .entry { width: 225px; padding-right: 24px;  }
	.main .entries .entry img { width: 100%; }
	.main .entries .entry .cnt {  height:100%; overflow: hidden; }

	.footer-nav { float:none; display: block; padding-bottom: 12px; }
	#footer p.copy { float: none; display:block; padding-left: 10px;  }
}

/* mobile*/
@media only screen and ( max-width: 640px) { 
	body { width: auto; }

	.search { display:none; }
	#logo { position:relative; margin:0 auto; top: 0px; left:0;  }
	
	#header { background: transparent; margin-bottom:0; }

	#navigation { position:relative; z-index: 100; padding:0 0px; margin:0 10px;  }
	#navigation a.nav-btn {  margin-bottom: 15px; text-decoration: none; padding:0 36px 0 10px; line-height:30px;  display:block; background: url(images/navigation.png) repeat-x 0 0; height: 30px; position: relative; }
	#navigation a.nav-btn span { background: url(images/dd-nav-arrs.png) no-repeat 0 bottom; width: 20px; height: 15px;  position:absolute; top: 8px; right: 12px; }
	#navigation a.nav-btn.active span { background-position:0 0; }

	#navigation ul { display:none;  position: absolute; top: 30px; left: 0; width: 100%; }	
	#navigation ul li { float:none; height: 30px; border-top: 1px solid #fff; display:block; padding:0 0 0 0; background: url(images/navigation.png) repeat-x 0 0; }
	#navigation ul li a { border: 0; line-height:30px;  float:none; height: 30px; display: block; font-size: 14px; padding-left: 20px; padding-right: 20px; width:100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; -o-border-radius: 0px; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }	
	#navigation ul li a:hover { background-image:url(images/blue-btn.png); border:0;  }
	#navigation ul li.active span { background: transparent; border:0; }
	#navigation ul li.first { display:none; }

	.shell { width: 320px; }
	.container { background-image: url(images/container-mobile.png); width: 320px; }
	.main { padding:0 10px; }
	.slider ul li { width: 724px; }
	.slider img { width: 316px; height: 286px; float:none; display:block;  margin: 0 auto; }
	.slider h3 { font-size:16px; }
	.slider h2 { font-size: 47px; line-height: 54px; } 
	.slider .slide-cnt { width: 380px; height: 190px; float:none; display:block; }

	#thumbs-wrapper { display: none; }

	.slider-holder { width: 320px; margin:0 auto; }
	.slider { background-image:url(images/slider-mobile.png); padding:0 10px; width:300px;  margin:0 auto;   height: 388px;}
	.slider .slide-cnt { width: 300px;  float:none; display:block; padding-top: 12px; }
	.slider h4 { display:none; }
	.slider h2 { font-size: 38px; text-align: center; }
	.slider p { color:#cee7f1; }
	.slider ul li { width: 300px; }
	.slider .socials { display:none; }
	.slider img { float:none; display:block; margin:0 auto; width: 194px; height: 178px; }

	.slider .arrs a { position:absolute; top: 250px; z-index: 30; background: url(images/slider-arr.png) no-repeat 0 0; width: 26px; height: 37px; }
	.slider .arrs a.prev-arr { left: 10px; background-position:0 0; }
	.slider .arrs a.next-arr { right: 10px; background-position: right 0; }

	.main .cols .col { padding-bottom: 20px; float:none; display:block;padding-right:0; width: auto;  } 
	.main .cols .col img.left { float:none; display:block; margin: 0 auto;  }
 	.main .entries { margin:0 -10px;  }
	.main .entries .entry { width: auto; padding-right:0; float:none; display:block; margin-bottom:14px;  }
	
	.featured h4 { line-height: 26px; padding-bottom: 6px; }
	.featured a.blue-btn { float: none; display:block; right:0; left:0;  position:relative; margin: 0 auto; top:0;  width: 260px; }
	.featured { padding: 10px; }
	
	#footer { padding-left: 0; padding-right:0;  }
	.footer-nav { float:none; display:block; height: 12px; margin:0 auto; width: 310px; vpadding-bottom: 8px; text-transform: uppercase; }
	.footer-nav ul li { font-size: 8px; border-right:0; padding:0 2px; }
	#footer p.copy { font-size: 8px; text-align:center; float:none; display:block; }
}




@media only screen and ( max-width: 767px) and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) { 
	#navigation a.nav-btn { background-image:url(images/navigation@2x.png); -webkit-background-size: 2px 30px; -moz-background-size: 2px 30px; background-size: 2px 30px; }
}