/*-------------------------------------------------
Title:		LifeForce styles for screen media
Author:		John Reed, john@studiobonito.com
Updated:	December 10 2008
------------------------------------------------- */





/* link styles
------------------------------------------------- */
a:link,
a:visited,
a:hover,
a:active {
	color: #0360a6;
	text-decoration: underline;
	}
	
a:hover {
	text-decoration: none;
	}
	
a:active {
	}

#footer a:link,
#footer a:visited,
#footer a:hover,
#footer a:active {
	color: #666;
	}

#footer a:hover {
	color: #0360a6;
	text-decoration: underline;
	}

.product .nav a:link,
.product .nav a:visited,
.product .nav a:hover,
.product .nav a:active {
	color: #999;
	text-decoration: none;
	}

.product .nav a:hover {
	text-decoration: underline;
	}

.product .view {
	display: block;
	font-size: 1.2em;
	width: 21em;
	padding: 0 0 0 1em;
	background: url(../img/ui/bullets/raquo_0360a6.png) no-repeat 0 .1666em;
	}

.more {
	color: #999 !important;
	font-size: .8333em;
	text-decoration: none !important;
	text-transform: uppercase;
	padding: 0 1.2em 0 0;
	}

.more:hover {
	background: url(../img/ui/bullets/raquo_0360a6.png) no-repeat 100% 50%;
	color: #0360a6 !important;
	text-decoration: underline !important;
	}
/* -------------------------------------------------
                                  end link styles */





/* typography
------------------------------------------------- */
h1 {
	font-size: 1.8em;
	line-height: 1;
	margin: 0 0 1em 0;
	}

h2 {
	font-size: 1.4em;
	line-height: 1.2857;
	}
	
	.product h2 {
		font-size: 1.2em;
		font-weight: normal;
		line-height: 1;
		margin: 0 0 1.5em 0;
		text-transform: uppercase;
		}
	
	.product h2 em {
		display: block;
		font-size: 1.666em;
		font-style: normal;
		font-weight: bold;
		}

	.blurb .copy h2 a:link,
	.blurb .copy h2 a:visited,
	.blurb .copy h2 a:hover,
	.blurb .copy h2 a:active {
		padding: 0 0 0 13px;
		background-repeat: no-repeat;
		background-position: 0 .2143em;
		}

h3 {
	color: #0360a6;
	font-size: 1.2em;
	line-height: 1.5;
	text-transform: uppercase;
	}
	
	.nav h3 {
		margin: 0 0 .5em 1.8333em;
		}
	
	.product h3 {
		margin-bottom: 1em;
		}
	
	h2 + h3,
	p + h3 {
		margin-top: 2em;
		}
	
p {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	}
	
	.product p.nav {
		float: right;
		font-size: 1em;
		line-height: 1;
		text-align: right;
		text-transform: uppercase;
		color: #999;
		}

ol,
ul {
	margin: 0 0 1.8em 1.8em;
	}
	
	h2 + ul {
		margin-top: .9em;
		}
	
	.product ul {
		margin: 0;
		}

li {
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 0 .25em 0;
	}
	
	ol li {
		margin-left: 12px;
		}

	ul li {
		list-style: none;
		padding: 0 0 0 12px;
		background: url(../img/ui/bullets/raquo_0360a6.png) no-repeat 0 .41666em;
		}


.vcard {
	font-size: 1.1em;
	line-height: 1.63636;
	margin: 0 0 1.63636em 2em;
	}

.vcard .org {
	font-weight: bold;
	}

.vcard .tel .type {
	color: #999;
	font-size: .90909em;
	text-transform: uppercase;
	}

/* -------------------------------------------------
                                   end typography */





/* navigation
------------------------------------------------- */
ul.nav li,
#nav li {
	list-style: none;
	padding: 0;
	background: none;
	}

.nav li a span,
#nav li a span {
	display: none;
	}
	
.nav li.active a span,
.nav li a:hover span,
#nav li.active a span,
#nav li a:hover span {
	display: block;
	position: absolute;
	width: 6px;
	height: 6px;
	}

.nav li a span.tl,
#nav li a span.tl {
	top: 0;
	left: 0;
	}

.nav li a span.tr,
#nav li a span.tr {
	top: 0;
	right: 0;
	}

.nav li a span.bl,
#nav li a span.bl {
	bottom: 0;
	left: 0;
	}

.nav li a span.br,
#nav li a span.br {
	bottom: 0;
	right: 0;
	}



#nav {
	float: right;
	display: inline;
	margin: 5px 10px .5em 0;
	}

#nav li {
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1;
	margin: 0 .5em 0 0;
	text-transform: uppercase;
	}

#nav li a:link,
#nav li a:visited,
#nav li a:hover,
#nav li a:active {
	float: left;
	display: block;
	position: relative;
	padding: .5em 10px;
	background: #fff;
	color: #0360a6;
	text-decoration: none;
	}
	
	#nav li a span.tl {background: #0360a6 url(../img/ui/corners/sc_0360a6_tl.png) no-repeat 0 0;}
	#nav li a span.tr {background: #0360a6 url(../img/ui/corners/sc_0360a6_tr.png) no-repeat 0 0;}
	#nav li a span.bl {background: #0360a6 url(../img/ui/corners/sc_0360a6_bl.png) no-repeat 0 100%;}
	#nav li a span.br {background: #0360a6 url(../img/ui/corners/sc_0360a6_br.png) no-repeat 100% 100%;}
		

#nav li.active a:link,	
#nav li.active a:visited,	
#nav li.active a:hover,	
#nav li.active a:link,	
#nav li a:hover {
	background: #0360a6;
	color: #fff;
	}
	

ul.nav {
	width: 12em;
	margin: 0 0 0 1em;
	}


ul.nav li {
	font-size: 1.2em;
	line-height: 1;
	}

ul.nav li a:link,
ul.nav li a:visited,
ul.nav li a:hover,
ul.nav li a:active {
	display: block;
	width: 108px;
	margin: 0 0 .25em 0;
	padding: .5em 10px;
	color: #333;
	text-decoration: none;
	}

ul.nav li a:hover,
ul.nav li.active a:link,
ul.nav li.active a:visited,
ul.nav li.active a:hover,
ul.nav li.active a:active {
	font-weight: bold;
	text-decoration: underline;
	}
/* -------------------------------------------------
                                   end navigation */





/* product styles
------------------------------------------------- */
.blurb {
	margin: 2em 0;
	}

.blurb .img {
	float: left;
	width: 18em;
	text-align: center;
	}

.blurb .copy {
	float: right;
	width: 65em;
	padding: 0 0 0 2em;
	}

.product .img {
	float: left;
	width: 27em;
	padding: 0 0 2em 0;
	}

.product .copy {
	clear: right;
	float: right;
	width: 40em;
	padding: 0 0 2em 0;
	}

img.stick {
	float: right;
	}
/* -------------------------------------------------
                               end product styles */