/* ==========================================================================
   Project: 	ATLM - Military
   Changes:		11/25/13 - File created
   Created by:	Third Wave Digital (www.thirdwavedigital.com)
   ========================================================================== */

/* ==========================================================================
   Forms
   ========================================================================== */
  

  
/* ==========================================================================
   Box Layout
   ========================================================================== */
   
div,article,section,header,footer,nav,ul,li,p,address,dl,form {position:relative;-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;position:relative;} 

/* ==========================================================================
   Typography
   ========================================================================== */
   
@font-face{font-family:'sansationbold'; src:url('/css/fonts/sansation-bold-webfont.eot'); src:url('/css/fonts/sansation-bold-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/sansation-bold-webfont.woff') format('woff'),url('/css/fonts/sansation-bold-webfont.ttf') format('truetype'),url('/css/fonts/sansation-bold-webfont.svg#sansationbold') format('svg'); font-weight:normal; font-style:normal}

@font-face{font-family:'sansationregular'; src:url('/css/fonts/sansation-regular-webfont.eot'); src:url('/css/fonts/sansation-regular-webfont.eot?#iefix') format('embedded-opentype'),url('/css/fonts/sansation-regular-webfont.woff') format('woff'),url('/css/fonts/sansation-regular-webfont.ttf') format('truetype'),url('/css/fonts/sansation-regular-webfont.svg#sansationregular') format('svg'); font-weight:normal; font-style:normal}

/* ==========================================================================
   Headings
   ========================================================================== */
   
h1,h2,h3 {font-family:'sansationbold'; margin: 15px 0px 15px 0px; padding: 0px;font-weight: normal; font-style: normal;}
h1, h2, h3, address {color:#2a3842;}
h1, h2 {
	padding:3px 0px 3px 35px;
	background-image: url(../img/icon-star.png);
	background-repeat: no-repeat;
	background-position: left top;
}
h1 { font-size:24px;}
h2 {font-size: 30px}
h3, h4 {font-size:18px}
h4 {color:#c32a27;}
address {font-style:normal;line-height: 18px;}    

/* ==========================================================================
   Links
   ========================================================================== */
   
a, object, player, embed, video, img, input { outline: none }  
a { color:#c32a27; text-decoration: none; outline: 0; -webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
a:hover, a:active, a:focus {color:#000;text-decoration: underline;}
a img { border: none; }

/* ==========================================================================
   Basic Elements
   ========================================================================== */
   
::selection, ::-moz-selection, ::-webkit-selection {color: #fff; background: #466a74; text-shadow: none;}  
body {
	font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif;
	font-size: 15px;
	line-height: 22px;
	margin: 0px;
	padding: 0px;
	color: #4d4d4d;
	text-rendering:optimizeLegibility;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	text-size-adjust:100%;
	-webkit-font-smoothing:antialiased;
	-moz-font-smoothing:antialiased;
	-ms-font-smoothing:antialiased;
	-o-font-smoothing:antialiased;
	font-smoothing:antialiased;
	background-color: #fff;
	background-image: url(../img/bkg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
hr {display: block;clear: both; height: 1px;border: 0;border-top: 1px dotted #666;margin: 1em 0;padding: 0;}
	  
/* ==========================================================================
   Main containers
   ========================================================================== */
   
#main-wrapper {width: 1010px; margin:0px auto 0px auto;}

header{width:1010px; margin: 0px auto 0px auto; padding: 0px 0px 0px 0px; position: relative;font-family:'sansationbold'}
	header:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	header>a>img { position: absolute; z-index:9993; float:left; left: 20px;top: 110px;}
		
	header #ql {
	text-align:center;
	margin:0px;
	padding:9px 5px 10px 5px;
	position: absolute;
	right:0px;
	top: 0px;
	z-index:9995;
	width:132px;
	height:63px;
	float: right;
	line-height: 14px;
	background-image: url(../img/bkg-atlm-btn.jpg);
	background-repeat: no-repeat;
}
	header #ql a {font-size:14px; color:#fff; font-family: Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", serif}
	header #ql a:hover {text-decoration:underline}
	
	header nav {
	position: absolute;
	right:0px;
	z-index: 9994;
	top: 0px;
	text-transform:uppercase;
	left:0px;
	background-image: url(../img/bkg-header-nav.png);
}
	header nav ul:nth-child(1) {
	width:100%;
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	left:0px;
	font-size:16px;
	height:63px;
	background-image: url(../img/bkg-header-nav.png);
	background-repeat: repeat;
}
	header nav ul:nth-child(1)  li {float: left; position: relative; margin:0px;padding: 20px 20px 0px 30px;}
	header nav ul:nth-child(1)  li a { color:#ccc; display: block; }
	header nav ul:nth-child(1)  li ul {min-width:120px;  z-index: 99;top: 40px; left: auto;  padding: 8px 10px 10px 10px; display: none; text-align: left; width: auto; position: absolute; background:#ccc;}
	header nav ul:nth-child(1)  li:last-child ul {min-width:120px;  z-index: 99;top: 40px; right:20px;  padding: 8px 10px 10px 10px; display: none; text-align: left; width: auto; position: absolute; background:#ccc;}
	header nav ul:nth-child(1)  li ul li, header nav ul:nth-child(1)  li ul li:last-child {white-space:nowrap; float: none; padding:0px}
	header nav ul:nth-child(1)  li ul li a {color:#2a3842; margin: 0px; padding: 3px; height: auto; }
	header nav ul:nth-child(1)  li.active a {color:#fff; text-decoration:underline}
	header nav ul:nth-child(1)  li.active ul li a { color:#fff;}
	header nav ul:nth-child(1)  li.active ul li a { color:#2a3842;}
	header nav ul:nth-child(1)  li a:hover, header nav ul:nth-child(1)  li.active ul li a:hover {color:#c32a27;}
	header nav ul:nth-child(1)  li ul li a:hover {text-decoration:underline;}
	header nav ul:nth-child(1)  li ul ul {display: none;position: absolute; top:-11px;left: 100%; margin:0px; padding:10px}
	

		
#content {width: 1010px; margin:134px auto 0px auto;  padding:0px; min-height:600px; background: none;}
	#content:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
	
#sidebar {float:left; width:254px; padding:0px;margin:348px 0px 0px 20px; }
	#sidebar .contact {
	text-align:center;
	width:186px;
	height:67px;
	padding: 23px 0px 0px 0px;
	margin: 0px 0px 20px 50px;
	font-family: 'sansationbold';
	font-size:18px;
	text-transform:uppercase;
	background-image: url(../img/bkg-contact-btn.jpg);
	background-repeat: repeat-x;
}
	#sidebar .contact a {color:#fff}
	#sidebar .contact a:hover {text-decoration:underline;color:#000}
	#sidebar .sidebar-img {margin-top:100px}
	
	
section {width:670px; float:right;padding:40px 45px 30px 45px; margin:0px 0px 0px 0px; border:1px solid #ccc; background:#fff; -webkit-border-radius: 8px;
border-radius: 8px; min-height:850px}
	section h2 {margin: 10px 0px 25px 0px;}

	
#slides {position: absolute;margin: 138px 0px 0px 0px;left: 350px;font-family: 'sansationbold';color: #fff;}
	#slides div {width:618px; height:412px; display: block; }
	#slides .slides_container {z-index:9989;border-bottom:3px solid white; border-right:3px solid white}
	#slides .caption {margin: -420px 0px 0px 10px;width: 220px;font-size: 30px;text-align: left;height: 105px;z-index: 9990;padding: 10px;line-height:34px}
	#slides .caption p {max-height:150px;text-shadow: 1px 1px 0px #000;filter: dropshadow(color=#000, offx=1, offy=1);}
	#slides .btn {text-align:center;border-right:1px solid black;border-bottom:1px solid black;width:128px; height:30px; background:#96000e; padding: 5px 0px 0px 0px;margin: 40px 0px 0px 23px;}
	#slides .btn a {font-size:16px; text-transform:uppercase; color:#fff}
	#slides .btn a:hover {text-decoration:underline; color:#000}
	#slides .pagination {margin: 10px 0px 0px 0px; padding: 0px; position:relative; left:-3px; z-index:9992; line-height:1px; }
	#slides .pagination li {font-size:0px; margin:0px; float:left; color:navy }
	#slides .pagination li a {display:block; width:49px; height:6px; background:url(/img/slideshow/pagination-off.jpg) 0px 0px; margin:0px 3px 0px 3px; overflow:hidden; }
	#slides .pagination li.current a {background:url(/img/slideshow/pagination-on.jpg) 0px 0px;}
	#slides .pagination li a:hover {background:url(/img/slideshow/pagination-on.jpg) 0px 0px;}
	
			
footer {line-height:16px; width:100%; min-height:500px;background:#fff}
	footer #footer-wrapper {width:1010px;margin:35px auto 0px auto;height:362px;padding:0px 0px 30px 0px;color:#000;font-size:14px;border-top:1px dotted gray;}
	footer a, footer address {color:#000; }
	footer a:hover {text-decoration:underline;}
	footer .text-left {text-align:left;float:left; margin:15px 0px 0px 0px; width:250px}
	footer address {margin:25px 0px 15px 0px}
	footer .text-right {text-align:right; float:right; margin:40px 0px 0px 0px; width:300px}
	footer nav { width:1010px; margin: 300px auto 0px auto; border-top: 1px dotted gray}
	footer nav ul {margin: 20px auto 0px auto;padding: 0px;list-style: none;font-size: 14px;width: 680px;}
	footer nav ul li {font-family:'sansationregular'; float: left; position: relative; text-transform:uppercase; margin:0px;padding: 20px 15px 60px 15px;}
	footer nav ul li.active a{color:#000; text-decoration:underline}
			
/* ==========================================================================
   Homepage
   ========================================================================== */
   
#homepage {}
	#homepage body {background: url(/img/bkg.jpg) top repeat-x #fff}
	#homepage #sidebar {height:100px; margin:482px 0px 0px 20px;}
	#homepage #content {
	width: 1010px;
	margin:40px auto 0px auto;
	padding:25px 0px 20px 0px;
	min-height:350px;
}
		#homepage #content:after { content: "."; display: block; height: 0px; clear: both; visibility: hidden;}

	#homepage section {width:670px;margin: 0px 0px 0px 35px; padding: 0px 35px 10px 25px;float:left; border-right: 1px dotted gray; background:none; -webkit-border-radius: 0px;border-radius: 0px;border-left:none;border-top:none;border-bottom:none}
	#homepage section, #homepage section+section {min-height: 300px; }
	#homepage section+section {width: 300px; border-right: none; margin: 0px;padding: 25px 30px 32px 30px;}
	#homepage section+section+section {border-right: none; color:#fff; width: 920px;margin: 45px 0px 0px 60px;padding: 0px;}
	#homepage section+section+section h1 {color:#fff}
	#homepage section+section+section .subheader {color:#ccc}
	
/* ==========================================================================
   One Column Layout
   ========================================================================== */
   
#admin {}
	#admin section {width: 1010px; min-height:600px; margin:-15px 0px 20px 0px}	
	
/* ==========================================================================
   CMS
   ========================================================================== */
   
.img-left { float: left; margin: 0px 20px 20px 0px; }
.img-right { float: right; margin: 0px 0px 20px 20px; }
.small {font-size: 14px;}
.medium {font-size:24px; }
.large {font-size:30px; }
.dark-blue {color:#2a3842}
.red {color:#c32a27}
.black {color:#000}
.white {color:#fff}
.textcenter {text-align:center}
.textright {text-align:right}
.left {float:left}
.right {float:right}
.margin-top {margin-top:10px;}
.margin-bottom {margin-bottom:10px;}
.margin-left {margin-left:10px;}
.margin-right {margin-right:10px;}
.caps {text-transform:uppercase}
.bold {font-weight:bold;}
.no-margin {margin:0px}
.subheader {font-family:'sansationbold';color:#2a3842; font-size:18px; margin:10px 0px 10px 0px; line-height: 24px;}
.button {background: #96000e;font-family: 'sansationbold';padding: 0px 8px 0px 8px;color: #fff;right: 0px;font-size: 15px; float:right;margin: 0px;}
.button a:hover {text-decoration:underline; color:#000;}

.fancybox-opened {overflow: visible !important; z-index:10001 !important}


   
/* ==========================================================================
   Browser Update
   ========================================================================== */

#upgrade {margin: 10px auto 10px auto; padding: 10px; background: #fff;color: #000; text-align: center; width: 75%; z-index: 999; position: relative; border: 1px solid red;}
	#upgrade a { font-weight: bold; text-decoration: underline; color: red; }
	
   
/* ==========================================================================
   Helpers
   ========================================================================== */
   
.hidden, .nodis {display: none !important;visibility: hidden;}
.clearfix:before,.clearfix:after {content: " "; display: table; clear: both;}
.clearfix { *zoom:1; }

  
/* ==========================================================================
   IE
   ========================================================================== */

.ie {}   
.ie8 #slides .caption p, .ie9 #slides .caption p {text-shadow: none; filter: none}