/* ------------------------------------------------------------------------
Basic Style Sheet - Crusader Corporate Workwear

Author: Oliver Coningham
Website: http://www.aztec4design.com/
Email: oliver@aztec4design.com
-------------------------------------------------------------------------*/


/* DO NOT ALTER THIS PART OF THE CSS */

.sIFR-flash 
	{
	visibility: visible !important;
	margin: 0;
	}
	
.sIFR-replaced 
	{
	visibility: visible !important;
	}
	
span.sIFR-alternate 
	{
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
	}
	
.sIFR-flash + div[adblocktab=true] 
	{
	display: none !important;
	}
	
.sIFR-hasFlash h2
	{
	line-height: 18px !important;
	height: 18px;
	visibility: hidden;
	margin: 0 0 1em 0;
	}
	
.sIFR-hasFlash h3
	{
	line-height: 15px !important;
	height: 15px;
	visibility: hidden;
	margin: 0 0 1em 0;
	}
	

/* =General
-------------------------------------------------------------------------*/

* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
body
	{ 
	background: #272727 url('../images/background.jpg') repeat-x top left;
	}

#skip
	{ 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}
		
#container
	{ 
	margin: auto; 
	width: 770px;
	}

#flash-logo
	{
	display: block;
	float: right;
	height: 59px;
	margin: 25px 0 16px 0;
	width: 260px;
	}
	
#flash-tagline
	{
	display: block;
	float: left;
	height: 20px;
	margin: 40px 0 0 10px;
	width: 170px;
	}
	
.yellow
	{
	color: #ffff00;
	}

.hide, hr, h1
	{
	display: none;
	}
	
.smaller
	{
	font-size: 90%;
	}
	
strong
	{
	color: #ffff00;
	}
			
	
/* =Links
-------------------------------------------------------------------------*/

a
	{
	outline: none;
	}
	
#content a
	{
	color: #ffff00;
	padding: 3px;
	}
	
#content a:hover
	{
	background-color: #ffff00;
	color: #272727;
	padding: 3px;
	text-decoration: none;
	}
		
		
/* =Navigation
-------------------------------------------------------------------------*/

#nav
	{
	background-color: #272727;
	clear: both;
	height: 35px;
	list-style: none;
	margin-left: 10px;
	width: 760px;	
	}

#nav li
	{
	float: left;
	}

#nav a
	{
	display: block;
	height: 35px;
	text-indent: -25000px;
	width: 125px;
	}

#nav a:hover, #nav .selected
	{
	background-position: 0 -35px;
	}
	
#nav-home a
	{
	background: url('../images/nav-home.gif') no-repeat top left; 
	margin-right: 2px;
	}
	
#nav-mission a
	{
	background: url('../images/nav-mission.gif') no-repeat top left; 
	margin-right: 2px;
	}
	
#nav-why a
	{
	background: url('../images/nav-why.gif') no-repeat top left; 
	margin-right: 2px;
	}
	
#nav-markets a
	{
	background: url('../images/nav-markets.gif') no-repeat top left; 
	margin-right: 2px;
	}
	
#nav-customer a
	{
	background: url('../images/nav-customer.gif') no-repeat top left; 
	margin-right: 2px;
	}
	
#nav-contact a
	{
	background: url('../images/nav-contact.gif') no-repeat top left; 
	}
	
	
/* =Slideshow
-------------------------------------------------------------------------*/

#slideshow
	{
	background: url('../images/slideshow-bg.gif') no-repeat top left; 
	clear: both;
	float: left;
	height: 270px;
	margin-top: 15px;
	padding: 13px 0 0 13px;
	width: 387px;	
	}
	
	
/* =USP List
-------------------------------------------------------------------------*/

#usp
	{
	float: right;
	list-style: none;
	margin-top: 44px;
	text-indent: -25000px;	
	}
	
#usp a
	{
	display: block;
	height: 44px;
	margin-bottom: 15px;
	width: 367px;
	}

#usp a:hover, #usp .selected
	{
	background-position: 0 -44px;
	}
		
#usp-creative a
	{
	background: url('../images/usp-creative.gif') no-repeat top left; 
	}
	
#usp-sourcing a
	{
	background: url('../images/usp-sourcing.gif') no-repeat top left; 
	}
	
#usp-service a
	{
	background: url('../images/usp-service.gif') no-repeat top left; 
	}
	
	
/* =Content
-------------------------------------------------------------------------*/

#content
	{
	clear: both;
	color: #ccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em; 
	padding-left: 10px;
	}
	
#content p
	{
	line-height: 1.5em;
	margin-bottom: 1.25em;
	}
	
#why #content-features, #reliable #content-features
	{
	margin-top: 32px
	}
	
#markets #content-features, #customer #content-features, #contact #content-features, #creative #content-features, #service #content-features  
	{
	margin-top: 30px
	}
	
#home #content-features
	{
	margin-top: 26px;
	}
	
#content-text
	{
	float: left;
	width: 367px;
	}
	
#content-features
	{
	float: right;
	width: 367px;
	}
	
#tshirt-feature
	{
	background: url('../images/tshirt.jpg') no-repeat top left;
	display: block;
	height: 225px;
	text-indent: -25000px;
	width: 367px;
	}
	
#telephone
	{
	background: url('../images/telephone.gif') no-repeat top left;
	display: block;
	height: 44px;
	text-indent: -25000px;
	width: 367px;
	}
	
#button a, #button a:hover
	{
	background-color: #272727;
	border: 0;
	color: #272727;
	}
		

/* =Numbered List
-------------------------------------------------------------------------*/

#mission #content-features 
	{
	margin-top: 40px
	}
	
ol
	{
	list-style: none;
	margin: 0 0 1.25em 15px;
	}
	
ol li
	{
	line-height: 1.5em;
	margin-bottom: 1.25em;
	padding-left: 56px;
	}
	
#mission-01
	{
	background: url('../images/icon-01.gif') no-repeat 0 50%;
	height: 41px;
	padding-top: 10px;
	}
	
#mission-02
	{
	background: url('../images/icon-02.gif') no-repeat 0 50%;
	height: 46px;
	padding-top: 5px;
	}
	
#mission-03
	{
	background: url('../images/icon-03.gif') no-repeat 0 50%;
	height: 41px;
	padding-top: 10px;
	}
	
#mission-04
	{
	background: url('../images/icon-04.gif') no-repeat 0 50%;
	height: 41px;
	padding-top: 10px;
	}
	
#mission-05
	{
	background: url('../images/icon-05.gif') no-repeat 0 50%;
	height: 46px;
	padding-top: 5px;
	}
	
#mission-06
	{
	background: url('../images/icon-06.gif') no-repeat 0 50%;
	}
	
#mission-07
	{
	background: url('../images/icon-07.gif') no-repeat 0 50%;
	}
	
#mission-08
	{
	background: url('../images/icon-08.gif') no-repeat 0 50%;
	height: 46px;
	padding-top: 5px;
	}
	
#mission-09
	{
	background: url('../images/icon-09.gif') no-repeat 0 50%;
	}
	
#mission-10
	{
	background: url('../images/icon-10.gif') no-repeat 0 50%;
	}
	
	
/* =Footer
-------------------------------------------------------------------------*/

#flash-banner
	{
	clear: both;
	height: 65px;
	margin: 1.25em 0;
	width: 760px;
	}
		
#stitching	
	{
	background: url('../images/stitching.gif') no-repeat top left;
	clear: both;
	height: 10px;
	width: 760px;
	float: left;
	}
	
#address	
	{
	float: left;
	font-size: 80%;
	margin-top: 10px;
	}
	
#aztec	
	{
	float: right;
	font-size: 80%;
	margin-top: 10px;
	}