@charset "utf-8";
/*  Design by cosmicsolutions  */

@viewport{
    zoom: 1.0;
    width: extend-to-zoom;
}

@-ms-viewport{
    width: extend-to-zoom;
    zoom: 1.0;
}

@media screen and (max-width: 800px) {
   body {background-color: #fff;}
}

body { margin:0; padding:0; background: #fff url(../images/elem/z_opath.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; color: #000; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;}
html, .main { padding:0; margin:0;}
.main { background: url(../images/elem/header_bg.jpg) repeat-x center top;}
.clr { clear:both; padding:0; margin:0; width:100%; font-size:0px; line-height:0px;}
.logo { padding:0; width:auto; float:left;}

h1 { margin:0; padding:4px 0 52px; color:#f1f4f6; font:bold 36px/1.2em "Liberation sans", Arial, Helvetica, sans-serif; letter-spacing:-2px;}
h1 a, h1 a:hover { color:#f1f4f6; text-decoration:none;}
h1 span { color:#FF6600;}
h1 small { margin:0px 0 0 28px; display:block; font:normal 12px/1.2em "Liberation sans", Arial, Helvetica, sans-serif; letter-spacing:normal; color:#FFFFFF;}
h2 { font:normal 24px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#6d6d6d;}
h2 span { color:#FF6600;}
h3 { font:normal 18px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; padding:8px 0; margin:8px 0; color:#6d6d6d;}
h3 span { color:#FF6600;}
h3 small { margin:4px 0 0 8px; display:block; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif; letter-spacing:normal; color:#000000;}

p { margin:8px 0; padding:0 0 8px 0; font:normal 12px/1.8em "Liberation sans", Arial, Helvetica, sans-serif;}
a { color:#FF6600; outline:none; text-decoration:none;}
a:hover { color:#9a9a9a; outline:none; text-decoration:none;}
p.spec { padding:0 0 16px;}
p.infopost { margin-bottom:0; padding:6px 0;}
p.infopost a { padding:0 4px;}
a.rm { color:#fff; padding:8px 20px; text-decoration:none; font-weight:bold; background-color:#FF6600;}
p.infopost a.com { }
.alignright { text-align:right;}
.header, .content, .menu_nav, .fbg, .footer, form, ol, ol li, ul, .content .mainbar, .content .sidebar { margin:0; padding:0;}

/* header */
.header { }
.header_resize { margin:0 auto; padding:0; width:970px;}
img.hbg_img { padding:0; border:6px solid #FF6600;}

/* menu */
.menu_nav { margin:0 auto; padding:18px 0 0; height:37px; float:right;}
.menu_nav ul { list-style:none; padding:0; height:37px; float:left;}
.menu_nav ul li { margin:0; padding:0 0 0 8px; float:left;}
.menu_nav ul li a { display:block; margin:0; padding:8px 20px 26px; color:#969696; text-decoration:none; font-size:13px; font-weight:bold;}
.menu_nav ul li.active a, .menu_nav ul li a:hover { color:#fff; background: url(../images/elem/menu_a.gif) no-repeat center bottom;}

/* content */
.content { }
.content_resize { margin:0 auto; padding:50px 0 8px; width:970px;}
.content .mainbar { background:#F5F5F5; margin:0; padding:0; float:right; width:670px; border: 2px #FF6600 solid;}
.content .mainbar img { padding:4px; border:1px solid #FF6600;}
.content .mainbar img.fl { margin:4px 16px 4px 0; float:left;}
.content .mainbar .article { margin:0 0 24px; padding:0 20px 0 24px;}
.content .sidebar { background:#F5F5F5; padding:0; float:left; width:280px; border: 2px #FF6600 solid;}
.content .sidebar .gadget { margin:0 0 12px; padding:8px 24px 8px 16px;}
.content .sidebar .border {border-bottom:1px solid #d5d5d5; margin-bottom:25px; padding-bottom:20px; color:#858585; line-height:18px} /* testimonials */

ul.sb_menu, ul.mb_menu, ul.ex_menu { margin:0; padding:0; list-style:none; color:#959595;}
ul.sb_menu li, ul.mb_menu li, ul.ex_menu li { margin:0;}
ul.sb_menu li { padding:4px 0; width:220px; background:url(../images/elem/listtype1a.gif) no-repeat 0 11px; padding-left:12px;}
ul.mb_menu li { padding:4px 0; width:500px; background:url(../images/elem/listtype1a.gif) no-repeat 0 11px; padding-left:12px;}
ul.mbb_menu li { padding:4px 0; color:#000000; width:600px; background:url(../images/elem/listtype1a.gif) no-repeat 0 11px; padding-left:12px;}
ul.ex_menu li { padding:4px 0;}
ul.sb_menu li a, ul.mb_menu li a, ul.ex_menu li a { color:#FF6600; text-decoration:none; padding:4px 8px 4px 8px;}
ul.sb_menu li a:hover, ul.mb_menu li a:hover, ul.ex_menu li a:hover { color:#9a9a9a; background-color:; text-decoration:none;}

.content p.pages { margin:0 24px; padding:0 0 24px; font-size:11px; color:#555; text-align:right;}
.content p.pages span, .content p.pages a:hover { padding:8px 12px; color:#fff; background-color:#FF6600; border:1px solid #FF6600;}
.content p.pages a { padding:8px 12px; color:#fff; background-color:#fff; text-decoration:none; color:#9a9a9a; border:1px solid #d9d9d9;}
.content p.pages small { font-size:12px; float:left;}

/* subpages */
.content .mainbar .comment { margin:0; padding:16px 0 0 0;}
.content .mainbar .comment img.userpic { border:1px solid #dedede; margin:10px 16px 0 0; padding:0; float:left;}

/* fbg */
.fbg { background:#384040 url(../images/elem/fbg_bg.jpg)  repeat center center; border-top:8px solid #e4e6de; border-bottom:8px solid #e4e6de; color:#FFFFFF;}
.fbg_resize { margin:0 auto; width:922px; padding:24px;}
.fbggall { margin:0 16px 16px 0; border:2px solid #ccc; float:left; width:64px; height:64px;}
.fbggall:hover { border:2px solid #777;}
.fbggall img { width:64px; height:64px;}
.fbg .c1 h2 { color:#fff; padding-bottom:32px;}
.fbg .c2 h2, .fbg .c3 h2 { color:#fff; padding-bottom:24px;}
.fbg .c2 a, .fbg .c3 a { margin:0; padding:2px 4px; text-decoration:none; color:#FF6600;}
.fbg .c2 a:hover, .fbg .c3 a:hover { color:#9a9a9a; background-color:; text-decoration:none;}
/* .fbg img { margin:0 16px 16px 0; padding:3px; background-color:#fff;} */
.fbg img.flt { margin:0px 0px 0px 0px; background-color:transparent; border:none;}
.fbg .col { margin:0; float:left;}
.fbg .c1 { padding:0 16px 0 0; width:266px;}
.fbg .c2 { padding:0 16px; width:290px;}
.fbg .c3 { padding:0 0 0 16px; width:300px;}
.fbg_below { margin:0 auto; width:922px; padding: 0px;}

/* footer */
.footer { background-color:#3A3C3B; color:#e5e5e5;}
.footer_resize { margin:0 auto; padding:12px 12px; width:922px;}
.footer p.lf { margin:0; padding:12px 0; text-align:left; width:auto; line-height:1.5em;}
.footer p.lf a { }
.footer p.lf span { float:right;}

/* form */
ol { list-style:none;}
ol li { display:block; clear:both;}
ol li label { display:block; margin:0; padding:16px 0 0 0;}
ol li input.text { width:480px; border:1px solid #c0c0c0; margin:0; padding:5px 2px; height:16px; background-color:#fff;}
ol li textarea { width:480px; border:1px solid #c0c0c0; margin:0; padding:2px; background-color:#fff;}
ol li .send { margin:16px 0 0 0;}

/* social media buttons */
.nav-cont1 { width: ; margin: right; float: right; height: 30px; padding-right: 30px;}
.nav-cont1 ul div {display: inline;}
.nav-cont1 li {display: inline; border: 0px solid #000; width: ; float: left;}

.nav-cont2 { width:680px; margin: auto; height:30px; background-color: }
.nav-cont2 ul div { display: inline;}
.nav-cont2 li { display: inline; border: 0px solid #000; width: ; float: left;}

.nav-cont3 { width: ; margin: auto; height: 30px; padding-top: 8px; padding-left: 8px;}
.nav-cont3 ul div {display: inline;}
.nav-cont3 li {display: inline; border: 0px solid #000; width: ; float: ;}

.nav-cont4 { width: ; margin: right; float: right; height: 32px; padding-right: 4px;}
.nav-cont4 ul div {display: inline;}
.nav-cont4 li {display: inline; border: 0px solid #000; width: ; float: left;}

/* social slide icons */
.social-slide {
height: 32px;
width: 32px;
margin: 4px;
float: left;
-webkit-transition: all ease 0.3s;
-moz-transition: all ease 0.3s;
-o-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
transition: all ease 0.3s;
}
.social-slide:hover {
background-position: 0px -32px;
box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.8);
}
.chat-hover {
background-image: url('../images/social/chat.png');
}
.forum-hover {
background-image: url('../images/social/forum.png');
}
.blog-hover {
background-image: url('../images/social/blog.png');
}
.blogger-hover {
background-image: url('../images/social/blogger.png');
}
.facebook-hover {
background-image: url('../images/social/facebook.png');
}
.twitter-hover {
background-image: url('../images/social/twitter.png');
}
.pinterest-hover {
background-image: url('../images/social/pinterest.png');
}
.linkedin-hover {
background-image: url('../images/social/linkedin.png');
}
.google-hover {
background-image: url('images/google-hover.png');
}
.tumblr-hover {
background-image: url('images/tumblr-hover.png');
}
.reddit-hover {
background-image: url('images/reddit-hover.png');
}
.instagram-hover {
background-image: url('images/instagram-hover.png');
}
.stumbleupon-hover {
background-image: url('images/stumbleupon-hover.png');
}

/* scroll to top */
a.back-to-top {
	display: none;
	width: 60px;
	height: 60px;
	text-indent: -9999px;
	position: fixed;
	z-index: 999;
	right: 20px;
	bottom: 20px;
	background: #FF6600 url('../images/elem/up-arrow.png') no-repeat center 43%;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}
a:hover.back-to-top {
	background-color: #000;
}
a:visited.back-to-top {
	text-decoration:none;
}

/* search */
.searchform { float:left; padding:0;}
#formsearch { margin:0; height:30px; padding:12px 0 32px 12px; width:232px;}
#formsearch span { display:block; margin:0; padding:0; float:left; background:url(../images/elem/search.gif) no-repeat top left;}
#formsearch input.editbox_search { margin:0; padding:6px 6px 12px; float:left; width:174px; border:none; background:none; font:normal 12px/1.5em "Liberation sans", Arial, Helvetica, sans-serif; color:#a8acb2;}
#formsearch input.button_search { margin:0; padding:0; border:none; float:left;}
