/* site.css */

body {
	font-family: Verdana, "Bitstream Vera Sans", sans-serif;
	background-color: #FFF;
	background-image: url(/images/template/bg.png);
	background-repeat: repeat-x;
	margin-top: 0px;
}


/* Headings
 * --------------------------------------------------------------------- */

	h1,h2,h3,h4,h5,h6 { color: #111; }


/* Text Elements
 * --------------------------------------------------------------------- */

	a                 { color: #125AA7; -moz-outline: none; }
	a:hover           { color: #000; }
	blockquote        { color: #666; }
	
	pre {
		background: #eee;
		border:     1px solid #ddd;
	}
	
	hr {
		background: #B2CCFF;
		color:      #B2CCFF;
	}


/* Tables
 * --------------------------------------------------------------------- */

	table {
		border-top:     1px solid #ddd;
		border-left:    1px solid #ddd;
	}
	th,td {
		border-bottom:  1px solid #ddd;
		border-right:   1px solid #ddd;
	}
	table.no_border, table.no_border td, table.no_border th {
		border:     0px solid #ddd;
	}


/* Default Classes
 * --------------------------------------------------------------------- */

	p.quiet { color: #666; }
	.alt    { color: #666; }
	
	p.title, a.title {
		color: #111;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 2em;
		margin-bottom: 0.75em;
	}
	
	#header p.title { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
	
	p img       { float: none; }
	img.no_padding {padding:0;margin:0}
	
	.img-right {
		float: right;
		margin: 0 0 .5em .5em;
	}
	.img-left {
		float: left;
		margin: 0 .5em .5em 0;
	}


/* Top Navigation
 * --------------------------------------------------------------------- */

#logo {
	background-image: url(./images/homepage/TechTattoosLogoSmall.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 200px;
	height: 130px;
	display: block;
	text-indent: -3000px;
	margin-top: 14px;
}

#site_navigation ul {
	background-color: #111;
	list-style-type: none;
	margin-top: 8px;
	-moz-border-radius: .4em .4em .4em .4em;
	-webkit-border-top-left-radius: .4em;
	-webkit-border-top-right-radius: .4em;
	-webkit-border-bottom-left-radius: .4em;
	-webkit-border-bottom-right-radius: .4em;
	border: 1px solid red;
	background-image: url(/images/template/site_navigation_bg.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
	padding: 0 1em;
}

#site_navigation ul li {
	padding: 7px 0;
	float: left;
}

#site_navigation ul li a {
	padding: 8px 1em 8px 1em;
	color: #FFF;
	text-decoration: none;
	margin-right: 1px;
}

#site_navigation ul li a:hover {
/*
	background-image: url(/images/template/site_navigation_bg-hover.png);
*/
	background: red;
	background-repeat: repeat-x;
	background-position: 0 50%;
}

body#home #site_navigation ul li a.home,
body#company #site_navigation ul li a.company,
body#products #site_navigation ul li a.products,
body#support #site_navigation ul li a.support,
body#store #site_navigation ul li a.store,
body#contact #site_navigation ul li a.contact {
	background-image: url(/images/template/site_navigation_bg-active.png);
	background-repeat: repeat-x;
	background-position: 0 50%;
}


/* Section Navigation
 * --------------------------------------------------------------------- */
 
 #sidebar {
 	border-width: 0 0 0 0;
 	border-color: #DEDEDE;
 	border-style: solid;
 }
 
 
/* Section Navigation
 * --------------------------------------------------------------------- */

#section_navigation {
	list-style-type: none;
	margin-left: 0;
}
#section_navigation li {
	float: left;
	margin-bottom: .25em;
	text-decoration: none;
}
#section_navigation li a {
	padding: .2em 1em;
	text-decoration: none;
	background-color: #FFF;
	display: block;
}

/* Sidebar Navigation
 * --------------------------------------------------------------------- */
 
	#sidebar_navigation {
		list-style-type: none;
		margin-left: 0;
		margin-right: 0;
	}
		#sidebar_navigation li {
			margin-bottom: .25em;
		}
			#sidebar_navigation li a {
				padding: .2em 1em;
				display: block;
			}
	
	body.about #sidebar_navigation li a.about,
	body.history #sidebar_navigation li a.history,
	body.events #sidebar_navigation li a.events,
	body.newsletters #sidebar_navigation li a.newsletters,
	body.press #sidebar_navigation li a.press,
	body.reviews #sidebar_navigation li a.reviews,
	body.privacy #sidebar_navigation li a.privacy,
	
	#sidebar_navigation.n1 li a.n1,
	#sidebar_navigation.n2 li a.n2,
	#sidebar_navigation.n3 li a.n3,
	#sidebar_navigation.n4 li a.n4,
	#sidebar_navigation.n5 li a.n5,
	#sidebar_navigation.n6 li a.n6,
	#sidebar_navigation.n7 li a.n7,
	#sidebar_navigation.n8 li a.n8,
	#sidebar_navigation.n9 li a.n9,
	#sidebar_navigation.n10 li a.n10,
	#sidebar_navigation.n11 li a.n11,
	#sidebar_navigation.n12 li a.n12,
	#sidebar_navigation.n13 li a.n13,
	#sidebar_navigation.n14 li a.n14,
	#sidebar_navigation.n15 li a.n15,
	#sidebar_navigation.n16 li a.n16,
	
	#sidebar_navigation.store li a.store,
	#sidebar_navigation.reseller li a.reseller,
	#sidebar_navigation.license li a.license {
		color: #000;
		font-weight: bold;
		background-color: #EEE;
		text-decoration: none;
		display: block;
		-moz-border-radius: .9em .9em .9em .9em;
		-webkit-border-top-left-radius: .9em;
		-webkit-border-top-right-radius: .9em;
		-webkit-border-bottom-left-radius: .9em;
		-webkit-border-bottom-right-radius: .9em;
	}
	
	#sidebar_content {
		padding: 0 1em;
	}
	
/* home page
 * --------------------------------------------------------------------- */

	#homepage_feature {
		display: block;
		height: 400px;
		width: 488px;
		background-image: url(./images/homepage/TechTattoosLogoWithReflection.png);
		background-repeat: no-repeat;
		background-position: 0 0;
		position: relative;
	}
	a.goto_faqs {
		display: block;
		height: 345px;
		position: absolute;
		top: 0;
		text-decoration: none;
		z-index: 1;
		width: 580px;
		left: 0;
		color: white;
		text-indent: -3000px;
	}
	#homepage_feature h2 {
		display: block;
		position: absolute;
		text-align: center;
		top: 0;
	}
	h2.goto_faqs {
		width: 180px;
		left: 144px;
		font-size: 3em;
	}
	#homepage_description{
		padding-top: 300px;
		padding-left: 24px;
		width: 440px;
		text-align: center;
	}
	#footer {
		text-align: center;
		font-size: .8em;
	}

/* portfolio
 * ---------------------------------------------------------------------- */

	#portfolio_half {
		display: block;
		position: relative;
		top: 0;
		text-align: center;
/*
		top: 0;
		width: 50%;
*/
	}
	
	#portfolio_top_bot {
		text-align: center;
	}
	

/* contact
 * --------------------------------------------------------------------- */
 
	.form_table dt+dd, .form_table dd+dt {
			margin-top:1em;
	}
	.form_table dt {
		width: 12em;
		display: block;
		float: left;
		margin: 0;
		text-align: right;
		font-weight: bold;
		font-size: .80em;
	}
	.form_table dd {
		margin-left: 10.5em;
		display: block;
	}


/* Content
 * --------------------------------------------------------------------- */
 
 	.feature_bar {
 		list-style-type: none;
 		margin-left: 0;
 		background-color: #E8E8E8;
 		-moz-border-radius: 0 .6em .6em 0;
 		-webkit-border-top-left-radius: 0;
 		-webkit-border-top-right-radius: .6em;
 		-webkit-border-bottom-left-radius: 0;
 		-webkit-border-bottom-right-radius: .6em;
 		padding: 0;
 		width: 20em;
 		height: 1.3em;
 	}
		.feature_bar li {
			float: left;
			text-decoration: none;
		}
			.feature_bar li a {
				padding: 0em 1em;
				text-decoration: none;
				display: block;
				color: #666;
				border-right: 1px #FAFAFA solid;
				font-size: .85em;
			}
				.feature_bar li a:hover {
					background-color: #FFF;
					color: #125AA7;
					text-decoration: underline;
				}
 
 .feature_item {
 	display: block;
 	width: 48%;
 	float: left;
 	margin-top: 2em;
 	margin-left: 4%;
 	height: 14em;
 }
	 .feature_item.first {
	 	margin-left: 0;
	 }
	 .feature_item h3 {
	 	margin-bottom: .25em;
	 }
		 .feature_item h3 a, .feature_item p a  {
			text-decoration: none;
			color: #000;
		 }
	 .feature_item p {
		font-size: .8em;
	 }
 

/* Store
 * --------------------------------------------------------------------- */
	
	table.purchase_list {
		width: 100%;
		border: 0px;
	}
		table.purchase_list td {
			width: 33%;
			border: 0px;
		}


/* Clearfix
 * --------------------------------------------------------------------- */
 
	.clear_fix:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
	}
	 
	/* Hides from IE-mac \*/
	* html .clear_fix {height: 1%;}
	.clear_fix {display: block;}
	/* 
	
	
/* Misc
 * --------------------------------------------------------------------- */
 
 a.decoration_no {
 	text-decoration: none;
 	color: #000;
 }
 a.button {
 	-moz-border-radius: .9em .9em .9em .9em;
 	-webkit-border-top-left-radius: .9em;
 	-webkit-border-top-right-radius: .9em;
 	-webkit-border-bottom-left-radius: .9em;
 	-webkit-border-bottom-right-radius: .9em;
 	background-color: #D6D6D6;
 	padding: .25em 1.5em;
 	border: 1px solid #CCC;
 	text-decoration: none;
 	color: #000;
 	background-image: url(/images/template/bg_button.png);
 	background-repeat: repeat-x;
 	background-position: 0 0;
 	white-space: nowrap;
 	display: inline-block;
 	margin-bottom: .15em;
 }
 a.button:hover {
 	background-color: #C0C0C0;
 	border-color: #B4B4B4;
 }
 a.button:active {
 	background-color: #E3E3E3;
 	border-color: #B4B4B4;
 }

/* BBSW-specific additions
 * --------------------------------------------------------------------- */
	
	.newfeature {
		background-color: #FFFA8E;
		font-style: italic;
		font-weight: lighter;
	}

/* EOF */