/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline. */
   
   
   .container { background: url(lib/sgrid.png);
   padding: 18px 0px;
    }
   
   
	body#homepage .header { 
	height: 170px; 
	width: 800px; 
	
	margin: 15px auto;
	}
	
	.logo {
	background: url(../images/logo.gif) 0px 0px no-repeat; 
	height: 160px;
	width: 125px;
	float: left;
	}
	
	.logo h1 {
	text-indent: -9999px;
	}
	
	.feature {
	float: right;	
	}
	.headline_retail {
	text-indent: -9999px;
	background: url(../images/headline_zappretailsolutions.gif) 0px 14px no-repeat;
	}
	.headline_leisure {
	text-indent: -9999px;
	background: url(../images/headline_zappleisuresolutions.gif) 0px 14px no-repeat;
	}
	.news5 {
	text-indent: -9999px;
	background: url(../images/headline_zappretailsolutions.gif) 0px 14px no-repeat;
	}
	.contentwrapper {
	background: url(../images/background-gradient_blue.jpg) repeat-x;
	}
	
	.tabs {
	width: 800px;
	margin: 0px auto;
	line-height: 26px;
	}
	.subnav {
	background-color: #56B0FF;
	clear: both;
	}
	.navbar {
	width: 800px;
	margin: 0 auto;
	}
	
	.tabs ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	position:relative;
	
	}
	
	.tabs li {
	display: inline;
	
	}
	
	.tabs li a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	padding: 0px 8px;
	margin-right: 3px;
	background: #000099;
	float:left;
	}
	
	
	.tabs ul li a:hover {
	background: #56B0FF;
	}
	.tabs ul li a:active {
	background: #56B0FF;
	}
	.tabs li.active a {
	background: #56B0FF;
	}

	.tabs ul li a.alt_tab {
	float:right;
	background: #A6E12F;
	
	}



	.navbar ul {
	margin: 0;
	padding: 5px 0px;
	list-style:square;
	
	}
	
	.navbar li {
	display: inline;
	margin-right: 6px;
		
	}
	
	.navbar li a {
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000099;	
	background: url(../images/bullet.gif) 0px 6px no-repeat;
	padding-left: 8px;
	}
	
	.navbar ul li a:hover {
	color: #FFF;
	background: url(../images/bullet2.gif) 0px 6px no-repeat;
	}
	.navbar ul li a:active {
	color: #FFF;
	
	}
	.navbar li.active a {
	color: #FFF;
	background: url(../images/bullet2.gif) 0px 6px no-repeat;
	}
	
	.content_1 {


	}
	.content_2 {
	background-color:#8ECBFF;
	}
	.content_2 p {
	padding: 0px 18px;
	color: #FFFFFF;
	}
	
	
		.subtitle_l {
		background: url(../images/headline-gradient_blue.gif) 0 0 repeat-y #56B0FF;
		height: 36px;
		}
		.subtitle_l h4 {
		color: #FFFFFF;
		font-weight: bold;
		padding-left: 18px;
		padding-top: 8px;
		}
	.subtitle_l img {
		padding: 8px 18px;
		}
		.subtitle {
		background: url(../images/headline-gradient_blue.gif) 0 0 repeat-y #56B0FF;
		height: 18px;
		}
		p.subtitle  {
		color: #FFFFFF;
		font-weight: bold;
		padding-left: 18px;
		margin: 0px;
		}
		
		.nomargin {
		margin: 0;
		padding: 0;
		}
		
		.index ul {
		list-style:none;
		text-decoration: none;
		}
		.index ul h5 {
		color: #FFFFFF;
		margin-bottom: 0px;
		}
		.index ul li {
	font-weight: bold;
	color: #000099;	
	background: url(../images/bullet.gif) 0px 8px no-repeat;
	padding-left: 8px;
	font-weight: normal;
		}
		
		.index ul.active h5 {
		background: url(../images/arrow.gif) 0px 4px no-repeat;
		padding-left: 18px;
		color: #FF6600;
		}	
		
		
		.leisureindex img {
		margin-top: 5px;
		margin-bottom: 20px;
		border-right: solid 80px #83C0F3;
		
		}
		
	.footer {
	height:40px;
	width: 800px;
	margin: 9px auto;
	padding-top: 9px;
	border-top: solid #56B0FF 2px;
	}