/**
 * Light Blue (Aqua) - #7DF
 * Mid Blue - #7BF
 * Dark Blue - #235
 * Orange - #FA4
 */

/**
 * Basic
 */
 
body	{
	margin:0;
	padding:0;
	background:#235;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:87.5%;
	color:#235;
	}

h1	{
	margin:0;
	letter-spacing:.2em;
	line-height:1em;
	font-size:1.75em;
	border-bottom:1px solid #FA4;
	color:#E93;
	color:#FA4;
	color:#7BF;
	color:#235;
	}

h2	{
	font-size:1.5em;
	line-height:1.1666em;
	margin:1.1666em 0;
	border-bottom:1px solid #7BF;
	}

h3	{
	font-size:1.25em;
	line-height:1.4em;
	margin:1.4em 0;
	}

h4	{
	font-size:1em;
	line-height:1.75em;
	}

dl {
	margin:1.75em 0;
	padding:0;
	}

p, li, dt, dd, th, td {
	font-size:1em;
	line-height:1.75em;
	}

p	{
	margin:1.75em 0 0;
	text-align:justify;
	}

ul	{
	margin:0;
	padding:0 0 0 15px;
	}

a:link,
	a:active,
	a:visited
	{
	color:#7BF;
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}



/**
 * Container
 */

#container {
	background:#FFF url(site/head-back.png) repeat-x top left;
	float:left;
	width:100%;
	}

#container-inside {
	width:80%;
	min-width:760px;
	max-width:1100px;
	margin:0 auto;
	}



/**
 * Header
 */

#head	{
	position:relative;
	height:165px;
	}

#accessibility_area {
	position:absolute;
	top:-1000px;
	}

#title	{
	width:156px;
	height:165px;
	background:url(site/head-logo.png) no-repeat 0px 45px;
	}

#subtitle em {
	position:absolute;
	bottom:0px;
	left:22%;
	background:url(site/head_subtitle.png) no-repeat bottom left;
	height:125px;
	width:150px;
	}

#head_right {
	position:absolute;
	top:0px;
	right:0px;
	height:135px;
	width:260px;
	background:url(site/head_right.png) no-repeat top right;
	}

#head strong span,
	#head em span
	{
	position:absolute;
	top:-1000px;	
	}



/**
 * Nav
 */

#nav	{
	/**
	 * Upper background
	 */
	}

#nav ul {
	/**
	 * Lower background
	 */
	padding:0;
	margin:0;
	list-style:none;
	}

#nav li {
	display:block;
	padding:0;
	border-bottom:1px solid #FFF;
	}

#nav li a:link,
	#nav li a:active,
	#nav li a:visited,
	#nav .nav_active_link,
	#nav .nav_subactive_link
	{
	display:block;
	padding:0 .25em;
	color:#235;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:.1em;
	}

#nav .nav_active_link,
	#nav .nav_subactive_link:link,
	#nav .nav_subactive_link:active,
	#nav .nav_subactive_link:visited,
	#nav li a:hover,
	#nav .nav_subactive_link:hover
	{
	background:#235;
	color:#7DF;
	}



/**
 * Main
 */

#main	{
	float:left;
	width:100%;
	background:url(site/main-back-right.png) #FFF no-repeat top right;
}

#main-inside {
	float:left;
	width:100%;
	background:url(site/main-back-left.png) no-repeat top left;
/* Vertical rythm tester:
	background:url(site/backtest.png) left 10px;*/
	padding-top:10px;
}



/**
 * Sides
 */

#sides	{
	float:left;
	width:22%;
	text-align:right;
	min-height:100px;

}

#sides-inside {
	padding:0 0 0 20px;
}



/**
 * Sides: Thumbs
 */

#sides .thumbs {
	list-style:none;
	margin:0;
	padding:0 0 .5em;
	width:100%;
}
/*
#sides .thumbs li {
	padding:.5em 0 0;
	margin:auto;
	width:133px;
}
*/


/**
 * Bodycopy
 */

#bodycopy {
	padding-left:22%;
}

#bodycopy-inside {
	padding:0 31px 2em;
}

#bodycopy_base {
	clear:both;
}



/**
 * Foot
 */

#foot	{
	clear:both;
	float:left;
	width:100%;
	background:url(site/foot-back.png) repeat-x top left;
	font-size:.7em;
	color:#FFF;
}

#foot-inside {
	width:80%;
	min-width:760px;
	max-width:1100px;
	margin:0 auto;
	background:url(site/foot-back-left.png) no-repeat left top;
	}

#foot-inside-inside {
	margin-left:30px;
	padding-top:40px;
	background:url(site/foot-back-right.png) no-repeat right top;
	}

#foot ul {
	float:right;
	list-style:none;
	margin:0;
	padding:40px 30px;
}

#foot li {
	float:left;
	margin:0;
	padding:0 .25em;
}

#foot li a:link,
	#foot li a:active,
	#foot li a:visited
	{
	color:#FFF;
	text-decoration:none;	
}

#foot li a:hover {
	text-decoration:underline;
}

#foot dl {
	float:left;
	margin:0;
	padding:10px 10px 20px 0;
}

#foot dt {
	float:left;
	clear:left;
	margin:0 .25em .25em 10px;
	padding:0;
	font-weight:bold;
	text-align:right;
	width:40px;
}

#foot dd {
	padding:0;
	margin:0 0 .25em 50px;
}

/**
 * General blocks
 */
.intro-block {
	font-size:1.143em;
	background:#9CF;
	padding:10px;
	line-height:1.531em;
	margin-bottom:1.531em;
	max-width:540px;
 /* Light Blue (Aqua) - #7DF
 * Mid Blue - #7BF
 * Dark Blue - #235
 * Orange - #FA4
*/	}

/**
 * Product Overview Page (about)
 */
#product-features {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	float:left;
	margin-bottom:2em;
}

#product-features li {
	float:left;
	width:175px;
	margin:0 .5em .5em 0;
	padding:5px;
	background:#BCD;
}

#product-features img {
	border:none;
	display:block;
}

#product-features-x {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

#product-features-x li {
	float:left;
	width:280px;
	margin:0;
	padding:0;
}

#product-features-x img {
	border:none;
	display:block;
}

#product-features-x span {
	display:block;
	background:url(/tpl/site/bubbletop.png) no-repeat center top;
	padding:10px 10px 0;
	}

.product-features-break {
	clear:left;
}

#product-dimensions {
	clear:both;
	padding-top:1em;
	}

#product-dimensions img {
	float:left;
}

#product-dimensions table {
	border-collapse:collapse;
	margin:0 0 0 5px;
}

#product-dimensions strong {
	color:#FA4;
}

#product-dimensions thead th {
	background:#235;
	color:#7DF;
}

#product-dimensions th,
	#product-dimensions td
	{
	text-align:left;
	padding:0 1px;
}

#industry-examples {
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:100%;
	}

#industry-examples li {
	float:left;
	padding-right:5px;
	}

#industry-examples img {
	border:none;
	-moz-opacity:.75;
	opacity:.75;
	}

#industry-examples a:hover img {
	-moz-opacity:1;
	opacity:1;
	}

/**
 * Pricing Page (prices)
 */

#pricing-table {
	width:100%;
	border-collapse:collapse;
}

#pricing-table thead th {
	background:#235;
	color:#7DF;
}

#pricing-table tbody th {
	color:#FA4;
	text-align:right;
	}

#pricing-table td {
	text-align:right;
	text-align:center;
}

#pricing-table .subhead-row th {
	background:#89A;
	background:#BCD;
	color:#235;
	text-align:center;
}



/**
 * General elements.
 */
.thumbs {
	list-style:none;
	margin:0;
	padding:0;
	width:100%;
	float:left;
}

.thumbs li {
	float:left;
	padding:0 .5em .5em 0;
}

.thumbs-newrow {
	clear:left;
}

.thumbs img {
	border:none;
	display:block;
}