/*   
Theme Name: ACCURACY INTERNATIONAL - TEMP
Theme URI: http://mad4art.com
Description: ACCURACY INTERNATIONAL 
Author: mad4art.com
Author URI: http://mad4art.com
Version: 1.0
*/

* { margin: 0; padding: 0; }
* { border: 0; }
html { }
body {font:15px/1.6 arial, sans-serif; color:white; -webkit-text-size-adjust:none; background:#000 url(images/siteBkg.jpg) top center no-repeat; background-size: 2200px 2296px !important;}

@font-face {
    font-family: 'changelingbold';
    src: url('fonts/changeling-bold-webfont.eot');
    src: url('fonts/changeling-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/changeling-bold-webfont.woff') format('woff'),
         url('fonts/changeling-bold-webfont.ttf') format('truetype'),
         url('fonts/changeling-bold-webfont.svg#changelingbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'BebasNeueRegular';
    src: url('fonts/BebasNeue-webfont.eot');
    src: url('fonts/BebasNeue-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/BebasNeue-webfont.woff') format('woff'),
         url('fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('fonts/BebasNeue-webfont.svg#BebasNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*// TYPOGRAPHY //*/
h1, h2, h3, h4, h5, h6 {font-family: Arial, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.10)}
h1 {font-size: 2em; margin-bottom: 1em;}
h2 {font-size: 1.450em; margin-bottom: 1em;}
h3 {font-size: 1.010em; margin-bottom: 0.6667em;}
h4 {font-size: .9050em; margin-bottom: 1.250em;}
h5 {font-size: .8050em; margin-bottom: 1.25em;}
h6 {font-size: .688em; margin-bottom: 1.25em;}

/*// NAVIGATION //*/
	#top-nav {position:absolute; width:auto; min-width:230px; top:0px; right:20px; padding:0px; z-index:5000;}
	#top-nav ul {height: 40px; margin: auto; text-align:center;}
	#top-nav li {padding: 0 3px 0 6px; display: inline; line-height: 40px; text-decoration: none; text-transform:uppercase; font-size:0.8em; color: #fff; list-style: none; border-left:1px solid #ccc;}
	#top-nav li a {background: rgba(0,0,0,.10); padding:6px; display: inline; line-height: 40px; text-decoration: none;  color: #fff; text-shadow:0px -1px 3px rgba(0,0,0,.90);}
	#top-nav li a:hover {color: red; background:black; padding:6px;}
	#top-nav li:nth-of-type(1) {border:0;color:red !important;}

	#sec-nav {position:relative; width:auto; font-family: 'BebasNeueRegular', Arial, sans-serif; font-size:1.4em; letter-spacing:.02em;}
	#sec-nav ul { list-style: none; margin: 0 0 15px 0; text-align:center;}
	#sec-nav li { margin:0px 0 10px; text-transform:uppercase; border:solid 1px #4c4c4c; background:transparent url(images/bkg_secNavBtn.jpg) top center no-repeat;}
	#sec-nav li a {font-size:1.1em; width:auto; line-height:50px; display:block; color:#fff; text-decoration:none; text-align:center;}
	#sec-nav li a:hover {background:rgba(0,0,0,.60); color:#555;}
	#sec-nav li:nth-of-type(1) a {border:0;}
	
	#bottom-nav {margin:0 auto 30px;}
	#bottom-nav ul {background: transparent; height: 30px; margin: auto;}
	#bottom-nav li {padding: 0 0 0 4px; display:inline; text-decoration:none; color: #fff; list-style: none; border-left:1px solid #333;}
	#bottom-nav li a {background: #000; text-decoration: none; color: #fff; padding: 5px 10px;}
	#bottom-nav li a:hover {color: red; background:#111;}
	#bottom-nav li:nth-of-type(1) {border:0;}

	.nav {list-style:none; margin:5px 0; text-align:center; text-transform:uppercase; font-family: Arial, sans-serif; text-shadow:1px 1px 1px rgba(0,0,0,.60); font-size:1.4em;}
	.nav ul li {position:relative; display:inline; font-weight:normal;}
	.nav ul li a {display:inline-block; color:#fff; line-height:50px; width:243px; border:solid 1px #3c3c3c; text-indent:-9999px;}
	.nav ul li a:hover {display:inline-block; color:#777; text-shadow:0px -1px 3px rgba(0,0,0,.90);}
	.nav ul li:nth-of-type(1) a {background:transparent url(images/btn_ax.png) no-repeat;}
	.nav ul li:nth-of-type(1) a:hover {background-position:0 -50px;}
	.nav ul li:nth-of-type(2) a {background:transparent url(images/btn_at.png) no-repeat;}
	.nav ul li:nth-of-type(2) a:hover {background-position:0 -50px;}
	.nav ul li:nth-of-type(3) a {background:transparent url(images/btn_ax50.png) no-repeat;}
	.nav ul li:nth-of-type(3) a:hover {background-position:0 -50px;}
	.nav ul li:nth-of-type(4) a {background:transparent url(images/btn_aics.png) no-repeat;}
	.nav ul li:nth-of-type(4) a:hover {background-position:0 -50px;}
	.nav ul li:nth-of-type(5) a {background:transparent url(images/btn_rifle.png) no-repeat;}
	.nav ul li:nth-of-type(5) a:hover {background-position:0 -50px;}
	
	#mob-nav {position:absolute; top:0; z-index:100; width:100%; max-width:1100px; min-height:44px; color:white; text-align:center; display:block;}
	
	.mobMenu {position:relative; list-style:none; text-align:center; text-transform:uppercase; font-family: 'pt_sansbold', Arial, sans-serif; font-size:1.2em; text-decoration:none !important; border-top:1px solid transparent; background: rgba(5, 5, 5, .95)}
	.mobMenu li {position:relative; display:block; font-weight:normal;}
	.mobMenu li a {display:block; padding:8px; color:#e4e4e4; background: rgba(30, 30, 30, 0.95); margin:0 0 1px;}
	.mobMenu li a:hover {padding:8px; color:#fff; background:#bf0702; text-decoration:none;}
	
	#mobMenuBtn {cursor:pointer !important; width:1.4em; display: block; background:red; font-size:1.35em; text-align: center; width:44px; height:44px;}
	#mobMenuBtn {background: rgba(0, 0, 0, 0.9) url(images/menubtnSM.png) center center no-repeat;}
	#mobMenuBtn:hover {background-color:#bf0702;}
	.mobMenu.js, .mobMenu2.js {display: none;}

/*// START //*/
#page-wrap2 {position:relative; top:0; left:0; width:1200px; height:2000px; margin:0 auto 0; background:black url(images/tempImg.jpg) top center no-repeat;}
#page-wrap2 h1 {font-size:1.1em; font-family: 'changelingbold', Arial, sans-serif !important; letter-spacing:.09em;}
#page-wrap2 p {margin-bottom:20px;}
.logoclick a:hover {opacity:0.5;}
.comingSoon p {font-family: 'BebasNeueRegular', Arial, sans-serif; font-size:1.2em; letter-spacing:.03em; padding:5px; background:#000; display:block; position:absolute; top:1px; left:7px; padding:5px 10px 1px; color: #cc0000;}

header {position:relative; background:rgba(0,0,0,.50); max-width:1250px; margin: 0 auto; width:100%;}
#logoholder {position:relative; width:100%; max-height:183px;}
#hdrimages{position:relative; width:100%; max-height:653px; text-align:center;}

/*///// nav styles for video links rw-08.12.15 /////*/

#hdrimages div.video-legend{position:absolute;top:5%;left:10%;width:120px;}
#hdrimages div.video-legend p{color:#000;}
#hdrimages div.video-legend span{float:left;}
#hdrimages li{position:absolute;}
#hdrimages li.ax-folding-stock-video{top:44%;left:30%;}
#hdrimages li.ax-safety-video{top:36%;left:34%;}
#hdrimages li.ax-barrel-change-video{top:40%;left:75%;}

#hdrimages li.at-lower-accessory-video{top:60%;left:23%;}
#hdrimages li.at-folding-stock-video{top:46%;left:33%;}
#hdrimages li.at-safety-video{top:36%;left:38%;}
#hdrimages li.at-lower-rail-video{top:58%;left:58%;}

a.video{color:#9a1d2b !important;}

#hdrimages li a, div.video-legend span {display:block;width:18px;height:18px;text-indent:-9999px;background:#9a1d2b;}

/*///// end nav styles for video links /////*/

.logoclick a:hover {opacity:0.5;}
#main {position:relative; background:rgba(0,0,0,.50); max-width:1250px; margin: 0 auto; width:100%; padding-top:20px;}
#content {margin:3% 0;}
#secContent {margin-top:1%;}
#overlayMain {position:absolute; top:0px; left:-43px; z-index:9000; width:33px; height:926px; background:transparent url(images/main_overlay.png) no-repeat;}
.readHeight {min-height: 800px;}
.readHeight h2{margin:20px 0 0; font-size:1.4em;}
.readHeight p{margin:0 0 20px;}
.readHeight ul, ol {list-style-position: outside; padding: 0; margin-left:1.5em;}
.readHeight li ul, li ol {margin: 0 1.5em;}
.readHeight img {width:100%;}
.secPic2 {float:left;}
.main1 {background:transparent; margin:0 15px 1.5% 0; color:white;}
.main1 img{border:1px solid #222;}

/*// FOOTER //*/
footer {position:relative; max-width:1250px; margin: 0 auto; width:100%; min-height:100px; color:white !important; background:#000; padding:50px 0px 20px; text-align:center;}
footer p {font: 11px/1.4 Arial,sans-serif !important;}

/* UP ARROW */
#topbtnplace {float:right; z-index:9999;}
#back-top {position:fixed; bottom:5px; z-index:9999; margin:0 0 0 -70px; display:block; }
#back-top a {width:50px; display:block; text-align:center; font:.7em/100% Arial, Helvetica, sans-serif; text-transform:uppercase; text-decoration:none; text-indent:-9999px; color:#fff; transition:1s;}
#back-top a:hover{color:#000;}
/* arrow icon (span tag) */
#back-top span {width:50px; height:40px; display:block; margin-bottom:7px; background:#cc0000 url(images/top_btn.png) no-repeat center center; border-radius:5px; transition:1s;}
#back-top a:hover span {background-color:#0197cf;}

/* FORMS */
.wpcf7-form{
    height: auto;
    overflow: hidden;
	padding:10px;
	margin: 0px auto;
	max-width: 570px;
}
.wpcf7-form img{
	height:15px;
	width:15px;
	display:block;
}
.wpcf7-form h2{
    font-size : 12px;
    text-align: right;
	float:left;
	width:70px;
	padding-right:10px;
	line-height:40px;
}
.wpcf7-form input {
	border:#ccc solid 1px;
    padding: 4px;
    line-height: 16px;
    font-size: 14px;
	margin:0 0 10px 0;
	width:97%;
}
.wpcf7-form textarea {
    border:#ccc solid 1px;
	line-height: 16px;
    font-size: 14px;
    height: 110px;
	padding: 4px;
	outline: none;
	resize: none;
	margin:5px 0 0px 0;
	width: 96%;
}
.wpcf7-form p{
    font-size : 14px;
    margin:0;
    padding:0 0 10px;
    color: #999;
}
.wpcf7-not-valid-tip{
	color: #f00;
	font-size: 10px !important;
	display: block;
	padding:0 0 20px;
	line-height: 10px;
}

.wpcf7-mail-sent-ok{
	position:absolute;
	padding: 0px;
	font-size: 11px;
	margin:40px auto 15px !important;
	border: none !important;
	color: rgba(82, 246, 11, 1) !important;
	text-align:center;
}
.buttons_form {
	 display:inline-block;
     padding: 0px;
     height: 30px;
     width: 140px !important;
     cursor: pointer;
     color: #fff;
     border-radius: .5em;
     border: solid 1px #980c10;
     background: #d81b21;
}
#captchaimg {margin:0 2px -8px 0; padding:0; display:inline; width:70px !important; height:26px;}
#captchainput {width:110px;}

#formButton {width:100px; margin:0 auto 0;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor:pointer; color: #fff; text-transform:uppercase; font-weight: bold; border-radius: 5px; background:#444; padding:5px 20px; border:1px solid #333; margin:10px 0 0 0;}
button, input[type="button"], input[type="reset"], input[type="submit"]:hover {background:#222;}
button, input[type="button"], input[type="reset"], input[type="submit"]:active {background:#222;}


/* HYPERLINKS */
a {text-decoration: none; color:red;}
a:hover {text-decoration: underline}
a:focus {outline: thin dotted}
a:hover, a:active {outline: none} /* Better CSS Outline Suppression */

/* MEDIA */
figure {margin: 0}
img, object, embed, video {max-width: 100%;	_width: 100%;} /* Fluid images */
img {border: 0;	-ms-interpolation-mode: bicubic} /* Improve IE's resizing of images */
svg:not(:root) {overflow: hidden} /* Correct IE9 overflow */

/* MICRO CLEARFIX HACK */
.cf:before, .cf:after {content:"";display:table} /* For modern browsers */
.cf:after {clear:both}

/* DEFAULT MOBILE STYLE */
/* column grid */
.g1,.g2,.g3,.g4,.g5,.g6,.galsubg1,.galsubg2,.g7,.g9 {display:block; position: relative; margin-left: 1%; margin-right: 1%}
/* 1 column grid */
.g1,.g2,.g3,.g6{width:98.0%;}


/* media Queries

FOLDING FLUID GRID
< 767px			- 1-Column Fluid Grid
768px - 1023px	- 2-Column Fluid Grid
> 1024px			- 3-Column Fluid Grid
Change widths as necessary
------------------------------------------- */
/* MOBILE PORTRAIT */
@media only screen and (min-width: 10px) {
	.g6 {min-height:150px; background:#505050;}
	.g7 {display:inline-block;}
	.g9 {width:180px; display:inline-block;}
	#secPic {display:none;}
	#logo {width:85%;}
	#overlayMain {display:none;}
	#top-nav, #main-nav, #bottom-nav {display:none !important;}
	.titles {background:white; padding:8px; margin:0; text-align:center;}
	.titles h1{margin:0 !important; display:inline-block; line-height:10px;}
	.pageTitleLG {font-family: 'changelingbold', Arial, sans-serif !important; font-size:.75em !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase; line-height:30px; text-shadow:none; color:black;}
	.pageTitle {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 0.5em !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;  text-shadow:none; color:#cacaca;}
	#sec-nav li a {line-height: 40px;}
	.ui-state-default, .ui-state-active {font-size: 1.35em !important;}
	.readHeight {padding: 0 !important;}
	.readHeight h2 {font-size: 1.2em !important;}
	.ui-accordion .ui-accordion-content {padding: 1em !important;}
	body {background:#000;}
}

/* MOBILE PORTRAIT */
@media only screen and (min-width: 100px) {
	.pageTitleL1 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 14px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;margin-top:50px;padding-top:20px;}
	.pageTitleL2 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 14px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;}
	.homePara{
		display:none;
		max-width:720px;
		margin:auto;
		font-size:12px;
		margin-top:7px;
		padding-bottom:20px;
	}
}


/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
	
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
	.pageTitleL1 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 16px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;margin-top:50px;padding-top:20px;}
	.pageTitleL2 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 16px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;}
	.homePara{
		display:none;
		max-width:720px;
		margin:auto;
		font-size:12px;
		margin-top:7px;
		padding-bottom:20px;
	}
}

/* TABLET/NETBOOK */
@media only screen and (min-width: 766px) { 
	
	/* COLUMN GRID */
	.g1,.g2,.g3,.g4,.g5,.g7 {display:inline; float: left}
	
	/* 2 COLUMN GRID */
	.g1 {width:25.333%}
	.g2 {width:63.667%; margin-left: 7%;}
	.g3 {width:98.0%}
	.g4 {width:33%; margin-left:0%;}
	.g5 {width:62%; margin-left:1%;}
	.g6 {width:25%; margin-left:1%; margin-right:0%; float:right; min-height:600px; }
	.g7 {width:71%; margin-left:2%;}
	.g9 {width:220px; display:inline-block;}
	
	#secnavmenu {display:inline-block;}
	#logo {width:100%;}
	.readHeight {min-height:400px;}
	#overlayMain {display:none;}
	#secPic {display:block;}
	#mob-nav {display:none !important;}
	#top-nav, #main-nav, #bottom-nav {display:block !important;}
	.titles {background:white; padding:15px 10px 15px 10px; margin:0; text-align:center;}
	.titles h1{margin:0 !important; display:inline-block;}
	.pageTitleLG {font-family: 'changelingbold', Arial, sans-serif !important; font-size:1.5em !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase; line-height:30px; text-shadow:none; color:black;}
	.pageTitle {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 1em !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase; line-height: 30px; text-shadow:none; color:#cacaca;}
	.pageTitleL1 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 24px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;margin-top:50px;padding-top:10px;}
	.pageTitleL2 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 24px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;}
	.homePara{
		display:block;
		max-width:720px;
		margin:auto;
		font-size:12px;
		margin-top:14px;
		padding-bottom:20px;
	}
	#sec-nav li a {line-height: 50px;}
	.ui-state-default, .ui-state-active {font-size: 1.65em !important;}
	.readHeight {padding: 0 20px !important;}
	.readHeight h2 {font-size: 1.4em !important;}
	.ui-accordion .ui-accordion-content {padding: 1em 3.2em !important;}
	body {background:#000 url(images/siteBkg.jpg) top center no-repeat;}
}

/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 1024px) { 
	.pageTitleLG {font-family: 'changelingbold', Arial, sans-serif !important; font-size:1.5em !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase; line-height:30px; text-shadow:none; color:black;}
	.pageTitle {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 1em !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase; line-height: 30px; text-shadow:none; color:#cacaca;}
	.pageTitleL1 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 30px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;margin-top:50px;padding-top:20px;}
	.pageTitleL2 {font-family: 'changelingbold', Arial, sans-serif !important; font-size: 30px !important; font-weight: normal; letter-spacing:.05em; text-transform:uppercase;text-shadow:none; color:#fff;}
	.homePara{
		max-width:720px;
		margin:auto;
		font-size:14px;
		margin-top:14px;
		padding-bottom:20px;
	}
	
	/* 3 COLUMN GRID */
	.g1 {width:22%; margin-left:3%;}
	.g2 {width:65.667%; margin-left:3%;}
	.g3 {width:90%; margin-left:6%; margin-right:6%;}
	.g4 {width:30%; margin-left:0%;}
	.g5 {width:65%; margin-left:1%;}
	.g6 {width:25%; margin-left:1%; margin-right:0%; float:right; background:#505050;}
	.g7 {width:71%; margin-left:2%;}
	.g9 {width:270px; display:inline-block;}
	.readHeight {min-height: 800px;}
	#overlayMain {display:block;}
}