/* CSS Document */
body{ background:#020202; padding:0; margin:0; font-family: 'Roboto Slab', serif; font-size:13px;}
img{ border:none;}
.wrapper{ width:881px; margin:0 auto;}
.logo{ float:left; margin:40px 0 17px 11px;}
.content_body{ width:880px; float:left; position:relative; background:url(../images/bg.jpg) repeat-x;}
.content_left{ width:398px; float:left;}
.casual{ margin:68px 0 0 61px; position:absolute; z-index:9999;}
.casual ul{ padding:0; margin:0;}
.casual ul li{ display:block; padding:0 0 0px 0; font-size:16px; color:#2f2f2f; font-weight:bold;}
.casual ul li a{ font-size:16px; color:#2f2f2f; text-decoration:none; font-weight:bold; text-transform:uppercase; font-family: 'Roboto Slab', serif;}
.casual ul li a:hover{ text-decoration:underline;}
.contentslider{ width:880px; float:left; position:relative; height:539px;}
.anim{ position:relative; overflow:hidden; width:880px; height:539px;}
.anim img{ position:absolute; left:0; width:100%; }

.footer{ float:left;}
.footer_left{ float:left; margin:17px 0 39px 61px; background:url(../images/footer_border.jpg) right top no-repeat; padding-right:28px; padding-bottom:5px;}
.footer_left p{ color:#8c8c8c; font-size:15px; margin:10px 0 0 0;}
.footer_left p span{ color:#fff; font-size:20px; margin:0;}
.footer_right{ float:right; width:379px; margin:17px 0 39px 50px;}
.phone{ background:url(../images/phone.jpg) left 0px no-repeat; padding:0 0 0 25px; font-family: 'Open Sans', sans-serif;color:#8c8c8c; margin:0 0 8px 0px; width:160px; float:left;}
.phone a{ font-family: 'Open Sans', sans-serif;color:#8c8c8c; text-decoration:none;}
.phone a:hover{ text-decoration:underline;}
.phone1{ background:url(../images/phone.jpg) left 0px no-repeat; padding:0 0 0 19px; color:#8c8c8c; font-family: 'Open Sans', sans-serif; margin:0 0 8px 0; float:left;}
.phone1 a{ color:#8c8c8c; font-family: 'Open Sans', sans-serif; text-decoration:none;}
.phone a:hover{ text-decoration:underline;}
.mail a{ background:url(../images/mail.jpg) left 2px no-repeat; padding:0 0 0 19px; color:#8c8c8c; font-family: 'Open Sans', sans-serif; margin:0 0 10px 0; float:left; text-decoration:none;}
.mail a:hover{ text-decoration:underline;}

.facebook{ width:187px; float:left; font-family: 'Open Sans', sans-serif;}
.facebook a{ color:#8c8c8c; text-decoration:none; margin-right:10px;}
.facebook a img{ float:left; margin-top:2px; margin-right:10px;}
.facebook a:hover{ text-decoration:underline;}
span[class^='skype_pnh_container'] {display:none !important;}
span[class^='skype_pnh_print_container'] {display:inline !important;}
img.skype_pnh_logo_img {display: none !important }
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}
@media only screen and (min-width: 768px) and (max-width: 960px) {
.wrapper{ width:757px; margin:0 auto;}
.content_body{ width:757px;  height:463px; float:left; position:relative;  background:url(../images/bg.jpg) repeat-x;}
.contentslider{ width:757px; float:left; position:relative; height:463px;}
.contentslider img{ width:100%;}
.footer_left{ float:left; margin:32px 0 30px 10px; background:url(../images/footer_border.jpg) right top no-repeat; padding-right:10px;}
.footer_right{ float:right; width:365px; margin:32px 0 30px 0px;}
.anim{ position:relative; overflow:hidden; width:757px;  height:463px;}
.anim img{ position:absolute; left:0;  width:100%; }
}


@media only screen and (min-width: 480px) and (max-width: 767px) {
.wrapper{ width:470px; margin:0 auto;}
.content_body{ width:470px; height:288px; float:left; position:relative;  background:url(../images/bg.jpg) repeat-x; }
.contentslider{ width:470px; float:left; position:relative; height:288px;}
.contentslider img{ width:100%;}
.casual{ margin:20px 0 0 50px; position:absolute; z-index:9999;}
.footer_left{ float:left; margin:32px 0 20px 0px; background:none; padding-right:0px;}
.footer_right{ float:left; width:379px; margin:00px 0 39px 0px;}
.anim{ position:relative; overflow:hidden; width:470px; height:288px;}
.anim img{ position:absolute; left:0;  width:100%; }

.casual ul{ padding:0; margin:0;}
.casual ul li{ display:block; padding:0 0 0px 0; font-size:13px; color:#2f2f2f; font-weight:bold;}
.casual ul li a{ font-size:16px; color:#2f2f2f; text-decoration:none; font-weight:bold; text-transform:uppercase; font-family: 'Roboto Slab', serif;}
.casual ul li a:hover{ text-decoration:underline;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
.wrapper{ width:310px; margin:0 auto;}
.content_body{  float:left; position:relative;  background:url(../images/bg.jpg) repeat-x; width:310px; }
.contentslider{ width:310px; float:left; position:relative; height:190px;}
.contentslider img{ width:100%;}
.casual{ margin:20px 0 0 50px; position:absolute; z-index:9999;}
/*.footer_left{ float:left; margin:32px 0 39px 61px; background:url(../images/footer_border.jpg) right top no-repeat; padding-right:28px;}*/
.footer_left{ float:left; margin:32px 0 20px 0px; background:none; padding-right:0px;}
.footer_right{ float:left; width:310px; margin:00px 0 39px 0px;}
.anim{ position:relative; overflow:hidden; width:310px; height:190px;}
.anim img{ position:absolute; left:0; width:310px; height:190px; }

.casual ul{ padding:0; margin:0;}
.casual ul li{ display:block; padding:0 0 0px 0; font-size:13px; color:#2f2f2f; font-weight:bold;}
.casual ul li a{ font-size:16px; color:#2f2f2f; text-decoration:none; font-weight:bold; text-transform:uppercase; font-family: 'Roboto Slab', serif;}
.casual ul li a:hover{ text-decoration:underline;}
}