/*
Theme Name: okd
Theme URI: http://www.usfakeids.com 
Author: the okd
Author URI: http://www.usfakeids.com
Description: 这是我们的第一个模板.
Version: 1.0
Tags: 标签
*/
*, *:before, *::after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body{ background: #1C1C1C url(slider.png) no-repeat center fixed; font-family: 'Lato', sans-serif; font-weight: 300; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}

img{ border:0px;}

a{ text-decoration:none;}

a:hover{ text-decoration:none !important;}

li{ list-style:none;}

ul{ padding:0px; margin:0px;}

/* Make HTML 5 elements display block-level for consistent styling */

header, nav, article, footer, address { display: block;}

h1,h2,h3,h4,h5,h6 { font-family: 'Lato', sans-serif; font-weight: 700;}

.clr{ clear:both;}

.clearfix { visibility:hidden; display:block; font-size:0; content:""; clear:both; height:0;}

p{color: #222222; font-size: 14px; font-weight: 500; line-height: 25px;}

.space10{ height:10px;}

.space20{ height:20px;}

.space30{ height:30px;}

.space40{ height:40px;}

.pdd-lr-none{ padding:0px !important;}

.row.no-gutter [class*='col-']:not(:first-child):not(:last-child) { padding-right:0; padding-left:0;}

.no-gutter2 [class*='col-'] { padding-right:0; padding-left:0;}

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



/* header */

.navbar-brand{ height:auto !important;}

.navbar-inverse{ background:none !important; border-bottom:1px solid rgba(255,255,255,0.2) !important;}

.navbar{ margin:0px !important;}

.navbar-nav{ background:none; margin:0px;}

.navbar-nav a{ color:#959595; font-size:14px; font-weight:400; text-transform:uppercase; padding:5px !important; margin:35px 5px; letter-spacing:0.9px;}

.navbar-nav a:hover{ border-bottom:2px solid #e19620; color:#fff;}

.orderNow { background:#e19620; width:117px; padding:7px 0px; display:inline-block; text-align:center; margin:35px 0 35px 22px; border:1px solid rgba(255,255,255,0.5);}

.orderNow:hover{ background: #919f1b; border:1px solid #919f1b;}

.orderNow a, input[type="submit"] { color: #fff; display: block; font-size: 13px; font-weight: 400; letter-spacing: 0.5px; margin: 0 auto; text-transform: uppercase;}



.scrool-nav{ background:#121212 !important;}

.scrool-nav .navbar-brand{ padding:22px 15px !important;}

.scrool-nav .navbar-nav a{ margin:25px 15px;}

.scrool-nav .orderNow{ margin:20px 0 0px 22px;}



.navbar-nav .responsive-view-order-button{ display:none;}



.slider-heading{ text-align:center; margin-top:240px;}

.slider-heading h1{ color:#fff; font-weight:bold; font-size:50px; margin: 20px auto 5px; background: url(https://www.usfakeids.com/wp-content/uploads/2019/05/green-dotted-border-1.png) repeat;

padding:10px 35px; display:inline-block;}

.slider-heading h1 b{ font-weight:700;}

.slider-heading strong{ font-weight:300; font-size:18px ; display:block; padding-bottom:20px; color:#aaaaaa;}

.red-box{ background:rgba(19,19,19,0.9); padding:30px 20px; text-align:left; margin-top:75px; height:266px; width:100%;}

.red-box h2{ color:#e19620; font-size:37px; font-weight:300; text-transform:uppercase; letter-spacing:0.9px;}

/*.red-box:hover h2{ color:#fff;}

.red-box:hover p{ color:#e19620;}*/

.red-box p{ color:#fff; font-size:12px; font-family: 'Raleway', sans-serif; line-height:22px; font-weight:300; padding-top:5px; letter-spacing:0.9px;}

.white-bor{ background:url(../img/white-border-bottom.png) no-repeat left bottom; display:block; font-weight:700; padding-bottom:10px;}

.white-bor2{ background:url(../img/white-border-bottom2.png) no-repeat left bottom; display:block; font-weight:700; padding-bottom:10px;}



.white-box-bor { background: rgba(19, 19, 19, 0.9); display: table; height: 266px; margin-top: 75px; padding: 10px; vertical-align: middle; width: 100%;}

.make-order-box { background: rgba(19, 19, 19, 0.9); border: 5px solid rgba(255, 255, 255, 0.9); color: #e19620; display: table-cell; font-size: 39px; font-weight: 300; height: 246px; padding: 30px 35px; position: relative; text-align: center; text-transform: uppercase; vertical-align: middle; width: 100%;}

.make-order-box a{ color: #e19620;}

.make-order-box b{ display:block; font-weight:700; font-size:56px; line-height:45px; background:url(../img/white-border-bottom3.png) no-repeat center bottom; padding-bottom:20px;}

.make-order-box:hover{ border: 5px solid #e19620;}



/* Trim */

.hvr-trim { display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; position: relative;}

.hvr-trim:before { content: ''; position: absolute; border: rgba(255, 255, 255, 0.9) solid 5px; top: 10px; left: 10px; right: 10px; bottom: 10px; opacity: 0;  -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: opacity; transition-property: opacity;}

.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before { opacity: 1;}



/* ========================== White Container Start Here ============================================= */

#white-container{ background:#1C1C1C; padding:0px 0px;  width:100%;}

.text11{ text-align:justify;}

.text11 h3{ color:#d6d6d6; font-size:55px; font-weight:700; letter-spacing:2px;}

.text11 h3 b{ color:#919f1b; font-weight:700;}

.text11 span{ display:block; color:#898989; text-transform:uppercase; letter-spacing:1.3px; background:url(../img/orange-border-bottom.png) no-repeat left bottom; padding:10px 0 22px; font-size:20px; font-weight:300;}

.text11 p { color: #aaaaaa; font-size: 25px; font-weight: 300; line-height: 32px; margin: 20px 0 45px; letter-spacing:0.5px;}

.text11 a{ display:inline-block;  color:#e19620; }

.text12{ margin-top:40px;}

.text12 p { color: #aaaaaa; font-size: 18px; font-weight: 300; line-height: 32px; margin: 20px 35px 45px; letter-spacing:0.5px;}

.text12 a{ color: #e19620;}



.text13{ margin-top:40px;}

.text13 p { color: #aaaaaa; font-size: 25px; font-weight: 400; line-height: 32px; margin: 10px 0 0; letter-spacing:0.5px;}

.text13 h3{color: #e19620; font-size: 18px;  line-height: 32px; margin: 30px 0 10px; letter-spacing:0.5px;}

.text13 a{ color: #e19620;}

.text13 ul{ margin:10px 0px 0px;}

.text13 ul li{ color: #aaaaaa; font-size: 18px; font-weight: 300; line-height: 32px; margin: 0; letter-spacing:0.5px;}

.text13 span{ font-size:13px; color:#999; line-height:25px; display:block;}





.ids-sell{ background:url(small-map.png) no-repeat right #e19620; background-size:50% cover; height:158px; margin:80px 0 40px;}

.ids-sell strong { color: #bfbfbf; display: block; font-size: 62px; font-weight: 300; height: 158px; padding: 0 30px; text-align: left; width: 285px; letter-spacing:3px; background:#1C1C1C;}

.ids-sell b { color: #e19620; display: block; font-size: 100px; line-height: 60px; text-transform: uppercase;}



.country-list{ padding:30px;}

.country-list ul{ margin:0px; padding:0px;}

.country-list li{ display:inline-block; background:url(../img/arrow.png) no-repeat left 5px; padding:0 0 25px 25px; width:33%;}

.country-list li a{ color:#aaaaaa; font-size:18px; font-weight:400; text-transform:uppercase; letter-spacing:1.5px;}

.ssn-card{ padding:30px 0 60px;}

.country-list li a:hover{ color:#929F1C;}



.our-plan-con{ background:url(../img/img_01.png) no-repeat center #363637; position:relative; height:463px;}

.our-plan-con section{ text-align:center; padding:55px 0;}

.our-plan-con section h4{ text-transform:uppercase; font-weight:700; letter-spacing:4px; color:#e19620; font-size:48px; background: url(../img/orange-border-bottom.png) no-repeat center bottom; padding-bottom:20px;}

.our-plan-con section p{ color:#aaaaaa; font-size:18px; font-weight:400; line-height:30px; padding:15px 100px; margin:0px;}



.our-plan-con .five-boxes{ text-align:center;}

.our-plan-con .five-boxes li{ display:inline-block; margin-right:10px;}

.our-plan-con .five-boxes li:last-child{ margin-right:0px;}

.green-box{ background:url(../img/boxes-top-arrow.png) top no-repeat rgba(145,159,27,0.9); color:#fff; width:212px; height:316px; line-height:50px; display:table-cell; vertical-align:middle;}

.green-box:hover{ background:url(../img/boxes-top-arrow.png) top no-repeat #E19620;}

.green-box:hover span{ background: rgba(145,159,27,0.9); color:#fff;}

.green-box:hover a{ background:#363637;}

.green-box h5{ font-size:60px; font-weight:700; margin:0px;}

.green-box strong{ display:block; font-weight:300; font-size:36px; line-height:30px; padding:15px 0px;}

.green-box span{ display:inline-block; border:2px solid #fff; width:140px; text-align:center; height:65px; line-height:58px; font-size:36px; font-weight:800; background:#363637; color:#e19620;}

.green-box p{ letter-spacing:3px; text-transform:lowercase; font-weight:300; color:#fff; padding-top:10px; margin:0px;}

.green-box a{ font-size:23px; color:#fff; font-weight:400; border:2px solid #fff; width:140px; text-align:center; height:65px; line-height:57px; margin-top:4px; letter-spacing:1px; background:#e19620; display:inline-block;}



.two-buttons{ text-align:center; margin:200px 0px 50px;}

.two-buttons a{ position:relative; z-index:999; display:inline-block; color: #e19620; margin-right: 15px; text-align: center; font-weight: 400; font-size:18px; text-transform:uppercase; letter-spacing: 1px; width: 216px; height: 56px; line-height: 56px;}



/* General button style (reset) */

.btn-2 { border: none; background: none; cursor: pointer; outline: none; position: relative; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.btn-2:after { content: ''; position: absolute; z-index: -1; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

/* Button 1 */

.btn-1 { border: 1px solid #e19620; color: #fff;}

/* Button 1c */

.btn-1c:after { width: 0%; height: 100%; top: 0; left: 0; background: #7A851C;}

.btn-1c:hover,

.btn-1c{ color: #fff; border: 1px solid #1dc0a5;}

.btn-1c:hover:after,

.btn-1c:active:after { width: 100%;}



.our-history{ overflow:hidden;}

.our-history:before{ content:''; background:#919f1b; left:0px; width:50%; position:absolute; height:85px;}

.story-con{ background:#1c1c1c; padding:0px 20px;}

.story-con h6{ color:#e19620; font-size:48px; letter-spacing:4px; font-weight:800; margin:0px;}

.story-con h6 b{ color:#bfbfbf; font-weight:100;  font-size:36px; line-height:33px; display:block;}

.story-con ul li{ color: #aaaaaa;
    font-size: 18px;
    font-weight: 300;
    line-height: 32px;
    margin: 20px 0 5px;
    letter-spacing: 0.5px;
list-style: disc;}

.story-con p { color: #aaaaaa; font-size: 19px; font-weight: 300; line-height: 30px; text-indent: 40px; margin: 0px; padding-top:25px;}

.story-con p:before{ content:''; left:30px; position:absolute; height:23px; width:35px; text-indent:110px; background:url(../img/quote-arrow.png) no-repeat left;}

.story-con a { color: #e19620; display: block; font-size: 20px; font-style: italic; font-weight: 400; line-height: 24px; margin: 0px 0 0; text-align: right;  letter-spacing: 2px;}



.email-box{ background:#e19620; padding:50px 0px;}

.email-box p{ color:#c8c8c8; font-size:15px; line-height:30px; letter-spacing:1px; font-weight:300; margin:30px 0 0;}

.need-email{ text-indent:150px; letter-spacing:2px;}

.need-email:before { background:url(email-icon.png) no-repeat; content: ""; height: 128px; left: 0px; position: absolute; top: -30px; width: 128px;}

.need-email strong{ color:#fff; font-size:36px; font-weight:300; display:block;}

.need-email span{ color:#fff; display:block; font-size:36px; font-weight:300;}

.need-email span b{ font-weight:600;}



footer{ background:url(../img/footer-bg.png) no-repeat center #181818;}

.footer-logo{ padding:90px 0px 0;}

.footer-links{ padding:50px 26px 0px;}

.footer-links strong{ color:#b2b2b2; font-size:18px; font-weight:300; text-transform:uppercase; background:url(../img/footer-bor.png) no-repeat left; display:block; padding-bottom:40px; letter-spacing:1px;}

.footer-links ul{}

.footer-links ul li { color: #8f8f8f; display: inline-block; font-size: 13px; font-weight: 300; padding-bottom: 18px; width: 48%;}

.footer-links ul li a{ color:#8f8f8f; text-transform:uppercase; letter-spacing:1px;}

.footer-links ul li a:hover{ color:#fff;}

.copy-right { color: #8f8f8f; font-size: 13px; font-weight: 300; letter-spacing: 1.5px; padding: 47px 0; text-transform: uppercase;}



/* inner pages css */

.id-page-banner{ background: #1C1C1C url(../img/id-banner.jpg) no-repeat center top fixed;}

.payment-page-banner{ background: #1C1C1C url(../img/payment-banner.jpg) no-repeat center top fixed;}

.faq-page-banner{ background: #1C1C1C url(../img/faq-banner.png) no-repeat center top fixed;}

.contact-page-banner{ background: #1C1C1C url(../img/contact-banner.jpg) no-repeat center top fixed;}

.orderNow-page-banner{ background: #1C1C1C url(../img/order-now.jpg) no-repeat center top fixed;}

.mainId-box{ background:#111; border:1px solid #121212; overflow:hidden; margin-bottom:30px; padding: 25px}

.mainId-box strong{ color:#e19620; font-weight:normal; letter-spacing:1px; display:block; font-size:35px; padding:0px 0px 0px;}

.mainId-box .id-name { color: #999; font-size: 13px; font-weight:normal; margin: 0px; text-transform: uppercase;}

.mainId-box .id-name span{ color:#91af26; margin-left:6px;  font-size: 18px; font-weight:bold;}

.mainId-box .id-card { border: 1px solid #777; margin: 0 auto; padding: 10px; width: 305px; margin:15px 0px;}

.mainId-box .id-card img {width:285px; height:182px;}

.mainId-box p { color: #dddddd; font-size: 13px; font-weight: normal; letter-spacing: 0; line-height: 30px; padding: 0px; margin:0px;}

.mainId-box p span {color:#e19620;}

.mainId-box:hover{ background:#1c1c1c; border:1px solid rgba(237,237,237,0.3)}

.mainId-box:hover .id-card {border:1px solid #e19620;}



.price-payments-con{ background: #363637; }

.price-payments-con section{ text-align:center; padding:55px 0;}

.price-payments-con section h4{ text-transform:uppercase; font-weight:700; letter-spacing:4px; color:#e19620; font-size:48px; background: url(../img/orange-border-bottom.png) no-repeat center bottom; padding-bottom:20px;}

.price-payments-con section p{ color:#aaaaaa; font-size:18px; font-weight:400; line-height:30px; padding:15px 100px; margin:0px;}

.pp-list { margin: 0 0 30px 0px; text-align:center;}

.pp-list li { background: #121212; border: 1px solid #333; display: inline-block; margin-right: 5px; padding: 9px 9px 18px; width:220px; line-height:22px; vertical-align:top;}

.pp-list li:last-child{ margin-right:0px;}

.pp-list li:hover { border:1px solid #91af26;}

.pp-list figure { position: relative; width: 200px;}

.pp-list figure:before { background: rgba(0,0,0,0.5); content: ""; position: absolute; z-index: 999; width: 100%; height: 100%;}

.pp-list li:hover figure:before{ background:none;}

.pp-list figure img { width: 100%;}

.pp-list strong { color: #ddd; display: block; font-size: 18px; font-weight: 300; padding: 15px 0px; text-align: center; text-transform: uppercase;}

.pp-list a{ color:#e19620; width:150px; text-align:center; padding:6px 0; font-size:13px; text-transform:uppercase; border:1px solid #e19620;

margin:0px auto 0px; display:block;}

.pp-list li:hover a{ background:#e19620; color:#fff;}



.faqHeader { font-size: 27px; margin: 20px;}

.panel-heading [data-toggle="collapse"]:after { content: ""; /* "play" icon */ float: right; background:url(../img/faq-icon-down.png) 0px 4px no-repeat; width:20px; height:20px;

/* rotate "play" icon from > (right arrow) to down arrow */

-webkit-transform: rotate(-180deg);

-moz-transform: rotate(-180deg);

-ms-transform: rotate(-180deg);

-o-transform: rotate(-180deg);

transform: rotate(-180deg);

}



.panel-heading [data-toggle="collapse"].collapsed:after {

/* rotate "play" icon from > (right arrow) to ^ (up arrow) */

-webkit-transform: rotate(360deg);

-moz-transform: rotate(360deg);

-ms-transform: rotate(360deg);

-o-transform: rotate(360deg);

transform: rotate(360deg);

}



.panel-text13 { color: #fff; font-size: 15px; font-weight: 400; letter-spacing: 0.5px; line-height: 25px;}

.panel-text13 a{ color:#1C1C1C; text-decoration:underline;}



.cards-img{ margin:30px 0 0 !important; text-align:center;}

.cards-img li{ display:inline-block; margin:10px !important;}



.order-mail-form{ margin:20px 0px;}

.order-mail-form form{ padding:20px; /*background:#7a851c;*/ width:100%; overflow:hidden;}

.order-mail-form form ul{ margin:0px;}

.order-mail-form form ul li{ margin-bottom:15px; color:#A4A4A4;}

.order-mail-form form ul li:last-child{ margin-bottom:0px;}

.order-mail-form form ul li label{display:block; color:#A4A4A4; font-size:14px; margin:0px; line-height:30px; font-weight:400;}

.order-mail-form form ul li input[type="text"], .order-mail-form form ul li input[type="email"], .order-mail-form form ul li textarea, .order-mail-form form ul li select{ border:none; background:#111; border:1px solid #333; padding:10px; width:100%; color:#A4A4A4;}

.order-mail-form form ul li input[type="file"]{ color:#a4a4a4;}

.order-mail-form textarea{ border:none; background:none; border:1px solid rgba(245, 242, 172, 0.26); padding:10px; width:100%; color:#fff;height:100px;}

.form-error-message{ color:#D63A3A; margin-top:6px;}

.order-mail-form form ul li input[type="submit"]{ background:#919f1b; width:200px; padding:10px 0px; display:inline-block; text-align:center; margin-top:15px; border:1px solid rgba(255,255,255,0.5);}

.order-mail-form form ul li input[type="submit"]:hover{ background: #D78A12; border:1px solid #D78A12;}

.form-header{ font-size:28px; color:#919F1B; text-align:center;}

.radio{ width:100%; display:block;}

.radio label{ display:inline-block !important; width:auto; margin:0px; padding:0px !important;}

.form-required{ color:#d63a3a;}

#stickyheader{ z-index:1000 !important;}

.abt-p p{ margin:0px !important; line-height:20px;}

.text1 a{border: none;
    color: #e19620;
    
    display: inline;
	margin-right:0px;
	line-height:32px;
}
.li1 li{ font-size:18px;
    color: #aaa;
    margin-top: 12px;
	margin-left:30px;
    line-height: 25px;
    list-style-type: disc;}

.blog-list{
   
    border:1px solid #e19620;
    padding: 20px;
    margin-bottom: 30px;
   
}
    .blog-list p{
        margin-top: 0px;
       
    }
.container .blog-list [class^="col-"]{
    
    padding: 20px;
    margin-bottom: 20px;
    
}
.btn {
    height: 68px !important;
}

.blog-des p { color: #aaaaaa; font-size: 20px; font-weight: 300; line-height: 32px; margin: 10px 0 0; letter-spacing:0.5px;
text-align: justify;}

.blog-des a{ color: #e19620;}
.blog-listdes h2{
    color:white
}


.zeyou{
	float:left;
	width:560px;
}
.zeyou h2{
	color:#e19620;
}
.zeyou p{
	color:gray;
}


.zeyour{
	float:right;
	width:560px;
}
.zeyour h2{
	color:#e19620;
}
.zeyour p{
	color:gray;
}

.zeyourr {
	width:1100px;
	border:2px solid #1c1c1c;
    float:left;
   
}
.zeyourr p{
	color:gray;
}

.zeyoura{
	width:500px;
	height:300px;
	border:1px solid #1c1c1c;
}
.container p{
	font-size:16px;
}

.acd{
	
	margin-top:200px;
	
	
}
.accordion{
	width:1200px;
	margin:0 auto;
}

.state {
	width: 1200px;
	position: relative;
	padding: 24px;
	box-sizing: border-box;
    height:300px;
	margin: 48px auto 0 auto;
	border-radius: 4px;
	background: white;
}
.state span i  img{
	float: right;
	width: 380px;
	height: 200px;
	border: 3px solid #e19620;
    
	margin-right: 24px;
	
	cursor: pointer;
}
.name {
	font-family: BebasNeue;
	font-size: 28px;
	color: black;
	position: relative;
	top: 20px;
	margin-left: 24px;
	margin-top: 240px;
}
.feature1, .feature2, .feature3 {
	font-family: RobotoMedium;
	color: black;
	font-size: 18px;
	display: block;
	margin-top: 30px;
	margin-left:20px;
	width:300px;
	height:100px;
	
}

.order {
	display: block;
	width: 260px;
	
}
.button {
	width: 250px;
	padding: 12px;
	text-align: center;
	
	border: none;
	box-sizing: border-box;

	
	
	background: #e19620;
	border-radius: 2px;
	
	font-family: BebasNeue;
	font-size: 24px;
	line-height: 24px;
	color: white;
	letter-spacing: 2px;
	text-shadow: 0px 1px rgba(0, 0, 0, 0.3);
	cursor: pointer;
	width: 300px;
}
.sub-menu{
	display: none;
	/*position: absolute;*/
}
#menu-11 #menu-item-99:hover .sub-menu{
	display:block;
}
#menu-11 #menu-item-96:hover .sub-menu{
	display:block;
}
.sub-menu li a:hover{
	border-bottom:2px solid transparent;
	margin-top:100px;
	padding-top:50px;
		
}
.sub-menu li a{
	font-size:13px;
	margin-top:30px;
	padding-top:50px
}
.sub-menu li {
	
	
	padding-top:8px
}
.menu-item-99 a{
	text-align:center;
	margin-bottom:10px;
}
.service-item{
	background: black;
	width:1200;
	height:466;
	margin:0 auto
}
.services-wrap {
    padding: 10px 30px;
    background: #fff;
    border-radius: 4px;
    margin: 0 0 13px;
    height:196.4px
}
.uui{
	height:120px
}
.uui a{
	line-height:60px;
	color:#e19620;
	font-size:25px;
}
.hhy{
  height:200px;
  margin:0 auto;
  width:1200px;
}
.hhy p{
	color:white;
	font-size:20px;
}
.aggv{
	margin:0 auto;
}
#menu-item-96 a{
	margin-bottom:10px
}
.uui a{
	margin-top:70px;
	border-bottom: 1px solid #e19620;
	padding-bottom: 1px
}
.wow{
	font-weight:bold;
}
.hhyu img:hover {
	border-radius: 100%;
 background-color:white;}
.accordion h2{
	color:white;
}
.panel-body {
	font-color:black;
}
.adgg input,select,textarea{
   border:1px  solid #333;
   background-color:#333;
   color:#fff;
}
adgg select{
	color:#fff;
}
.ytp{
	
	
	
	margin-left:343px;
	font-weight:bold;
	
	padding-left:10px
}
.state .name{
	font-weight:bold;
}


.nav-previous a {
float: left;
background: transparent url(imgs/allbgs.png) no-repeat 0px -167px;
padding-left: 14px;
}

.nav-previous a:hover {
float: left;
background: transparent url(imgs/allbgs.png) no-repeat -79px -166px;
padding-left: 14px;
}

.nav-next a{
float: right;
background: transparent url(imgs/allbgs.png) no-repeat 74px -146px;
padding-right: 14px;
}

.nav-next a:hover{
float: right;
background: transparent url(imgs/allbgs.png) no-repeat 74px -184px;
padding-right: 14px;
}

.nav-home {
left: 194px;
position: relative;
top: 18px;
width: 120px;
}

a.top {
background: transparent url(imgs/allbgs.png) no-repeat -138px -197px;
padding-right: 14px;
}

a.top:hover {
background: transparent url(imgs/allbgs.png) no-repeat -56px -196px;
padding-right: 14px;
}

.pagebar {
	padding: 0.2em 0.5em;
	margin-right: 0.1em;
	margin-bottom: 1.0em;
	border: 1px solid #fff;
	background: #fff;
	text-decoration: none;
	text-align: center;
}

.pagebar a, .break, .this-page, .inactive {
    display:inline-block;
    background: #f7f7f7;
    background: -webkit-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: -moz-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: -o-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: -ms-linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    background: linear-gradient(top, #f7f7f7 0%,#f5f5f5 52%,#ebebeb 100%);
    padding: 5px 10px;
    text-decoration: none;
    color: #7e7e7e;
    border: 1px solid #c6c6c6;
    -webkit-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
    -moz-box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
    box-shadow: inset 0 4px 3px rgba(255,255,255,0.6), 0 1px 3px rgba(0,0,0,.2);
    font-weight: bold;
    border-radius:3px; 
}

.pagebar a:visited {
	border: 1px solid #9AAFE5;
	text-decoration: none;
	padding: 0.2em 0.5em;
}


.pagebar .this-page, .pagebar a:hover {
background: #9ad6fb;
    background: -webkit-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: -moz-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: -o-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: -ms-linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    background: linear-gradient(top, #9ad6fb 0%,#77c4fc 100%);
    border: 1px solid #72ade4;
    color: #4879a6;
    -webkit-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
    -moz-box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
    box-shadow: inset 0 1px 4px rgba(255,255,255,0.75), 0 1px 3px rgba(79,126,167,.5);
    -webkit-transition: all 0.25s ease 0s;
    -moz-transition: all 0.25s ease 0s;
    -o-transition: all 0.25s ease 0s;
    transition: all 0.25s ease 0s; }

.pagebar .inactive
{
   color: #ccc;
}  



.container .cgh a img:hover{
background-color:#e19620;
}