/*
Sole Technology, May 11, 2007
URL: http://soletechnology.com
Created by: bill@ghettocooler.net, http://thecolab.com, http://ghettocooler.net 
Site Design by:	The CoLab
Notes: Specific to the Home Page, naturally
*/

/* overwrite P defaults */
p {
	margin:0 0 4px 0;
	line-height:1.2;
	}
	
#flash {
	margin:0 0 13px 0;
	height:353px;
	}
	
	#flash .msg {
		float:right;
		text-align:right;
		width:170px;
		margin:270px 20px 0 0;
		}
		
	.msg a, .msg a:link, .msg a:visited {
		color:#fff;
		}
		
/* ======== Mission ======== */

#mission {
	overflow: hidden;
	margin:0 0 13px;
	height: 353px;
	}

	#mission h2 {
		width: 251px;
		height: 354px;
		text-indent: -9909px;
		float: right;
		color: inherit;
		background: transparent url(/app/css/images/mission-statement.png) no-repeat 0 0;
		}
			
	#mission ul {
		width: 512px;
		float: left;
		}	
		
/* ================ */
		
			
	ul.tablist {
		height:300px;
		position:relative;
		margin:13px 0 0 0;
		color: inherit;
		background:transparent url(/app/css/images/tablist-nav-line.png) no-repeat 0 74px;
		}
		
	ul.tablist li {display:inline;}
	
		.tablist li span {
			cursor:pointer !important;
			float:left;
			width:89px;height:80px;
			text-indent:-9009px;
			background:transparent url(/app/css/images/tablist-nav.png) no-repeat 0 0;
			}
			
			.tablist li.activated span, .tablist li span:hover {background-position:0 -80px;}

		.tablist li span#etnies_tab {width:81px;background-position:-89px 0;}
			.tablist li.activated span#etnies_tab,
			.tablist li span#etnies_tab:hover {background-position:-89px -80px;}

		.tablist li span#girl_tab {width:103px;background-position:-170px 0;}
			.tablist li.activated span#girl_tab,
			.tablist li span#girl_tab:hover {background-position:-170px -80px;}

		.tablist li span#es_tab {width:83px;background-position:-273px 0;}
			.tablist li.activated span#es_tab,
			.tablist li span#es_tab:hover {background-position:-273px -80px;}

		.tablist li span#emerica_tab {width:90px;background-position:-356px 0;}
			.tablist li.activated span#emerica_tab,
			.tablist li span#emerica_tab:hover {background-position:-356px -80px;}

		.tablist li span#altamont_tab {width:83px;background-position:-446px 0;}
			.tablist li.activated span#altamont_tab,
			.tablist li span#altamont_tab:hover {background-position:-446px -80px;}

		.tablist li span#thirtytwo_tab {width:95px;background-position:-529px 0;}
			.tablist li.activated span#thirtytwo_tab,
			.tablist li span#thirtytwo_tab:hover {background-position:-529px -80px;}

		.tablist li span#plus_tab {
			cursor: pointer;
			width:77px;
			background-position:-624px 0;
			}
			.tablist li.activated span#plus_tab,
			.tablist li span#plus_tab:hover {background-position:-624px -80px;}

		.tablist li span#sti_tab {width:75px;background-position:-701px 0;}
			.tablist li.activated span#sti_tab,
			.tablist li span#sti_tab:hover {background-position:-701px -80px;}
			
			ul.tablist li ul, 
			ul.tablist li div.brand {
				position:absolute;
				top:93px;left:0;
				display:none;
				width:776px;height:170px;
				}
				.tablist div.brand div.brandcontent, 
				.section div {
					float:left;
					width:237px; /* 250px */
					padding:0 0 0 13px;
					}
					.section div {margin:0 0 0 13px;}
					.work div {margin:0;}
				.tablist h2,
				.section h2 {
					font-size:2.3em;
					line-height:1;
					text-transform:uppercase;
					margin:12px 0 0 0;
					}
					.section div h2 {margin:0;}
				.tablist a,
				.section div a {
					text-decoration:none;
					border-bottom:1px dashed #7ecd32;
					}
				.tablist div.brand div.brandcontent a:before,
				.section div a:before {
					content:'>> ';
					}
				.tablist div.brand img,
				.work img {
					float:left;
					margin-left:13px;           
					}
		.tablist li.activated ul,
		.tablist li.activated div.brand {
			display:block;
		}
	.section {
		height:170px;
		padding:13px;
		margin-top:13px;
		background:#fff;
		}
	.work {
		padding:50px 13px 0 13px;
		height:352px;
		}	
		.section img {float:left;}
/* for use when available jobs are on HP */
/*		.work ul {
			margin:6px 0 4px 14px;	
			}			
			.work ul li {margin:0 0 6px 0;}	
			.work ul a, 
			.work ul a:link,
			.work ul a:visited {
				border:none;
				color:#2e2e2e;
				}
				.work ul a:before {content:'';}
				.work ul a:hover,
				.work ul a:active {
					color:#7ecd32;
					}
*/
		.quote {
			width:250px;height:170px;
			margin:0 0 0 13px;
			background:#7ecd32;
			text-align:right;
			color:#4ca700;
			}
			.quote p {padding:5px 16px 0 0;}