/*
** project: Zero Grazer
** date:    2008/03/13
*/
/*html { background: white url("../source/reference.png") no-repeat top; }*/



body
{
	background: transparent;
	color: #666666;
	font-family: "Georgia", "Times New Roman", serif;
	margin: 0;
}

* { margin: 0; padding: 0; font-size: 10px;}
textarea, input, select, option, optgroup, button { font: 1em "Arial", "Helvetica", sans-serif; }

li, dt, dd, p { font-size: 1.2em;}
li *, dt *, dd *, p * { font-size: 1em; }
p {font-size: 1.45em;}

fieldset, img { border: none; }
button { overflow: visible; cursor: pointer; }
legend { display: none; }

ul { margin: 1em 4em; }

a
{
	color: #648CA0;
	text-decoration: underline;
}

a:focus, a:hover { text-decoration: underline; }

img { display: block; }

pre {color: #000; font-size: 1.2em;}

/*
** global classes
*/
div.wrapper
{
	width: 913px;
	padding-left: 19px;
	padding-right: 19px;
	margin: 0 auto;
}

div.wide-wrapper
{
	width: 951px;
	margin: 0 auto;
}

a.more
{
	color: #648CA0;
	text-decoration: underline;
	text-transform: lowercase;
	padding-left: 6px;
	background: transparent url("../images/more_link_arrow.png") no-repeat 0% 60%;
}

div#content p img
{
	padding: 3px;
	display: inline;
	border: 1px solid #DDDDDD;
}

div#content p img.to-right
{
	float: right;
	margin-left: 20px;
}

div#content p img.to-left
{
	float: left;
	margin-right: 20px;
}

div#content h1
{
	font-weight: normal;
	font-size: 2.4em;
	text-transform: uppercase;
	color: #0B7101;
	margin-bottom: 1ex;
}

div#content h2
{
	font-weight: normal;
	font-size: 1.7em;
	text-transform: uppercase;
	color: black;
	margin-top: 1em;
	margin-bottom: 1ex;
}

div#content p
{
	margin: 0;
	margin-bottom: 1.5ex;
	line-height: 1.4;
}

div#content ul
{
	line-height: 1.6;
}

div#content p.first
{
	font-weight: bold;
	margin-bottom: 1ex;
}


/*
** navigation
*/
div#navigation { height: 87px; }

div#navigation img.logo
{
	float: left;
	margin-left: -2px;
}

div#navigation ul
{
	padding-left: 16px;
	padding-top: 2px;
	margin: 0;
	margin-top: 36px;
	width: 218px;
	height: 18px;
	float: right;
	background: #AAAAAA url("../images/navigation_background.png") no-repeat center center;
	font-family: "Arial", sans-serif;
	text-transform: uppercase;
	text-align: center;
	list-style: none;
 }

div#navigation ul li
{
	float: left;
	margin-right: 18px;
	line-height: 17px;
}

div#navigation ul li.last { margin-right: 0; }

div#navigation ul li a
{
	font-size: 0.8em;
	color: white;
	text-decoration: none;
}

div#navigation ul li a:focus, div#navigation ul li a:hover { text-decoration: underline; }



/*
** header
*/
div#header
{
	height: 250px;
	background: transparent url("../images/header_background.png") repeat-x bottom;
}

div#header ul.menu
{
	width: 913px;
	padding-left: 19px;
	padding-right: 19px;
	padding-top: 16px;
	margin: 0 auto;
	height: 229px;
	text-transform: uppercase;
	font-weight: bold;
	background: #0F8804 url("../images/header.jpg") no-repeat top;
	list-style: none;
}

div#header ul.menu li
{
	float: left;
	padding-right: 12px;
	margin-right: 12px;
	background: transparent url("../images/menu_item.png") repeat-y top right;
}

div#header ul.menu li.before-last
{
	padding-right: 0;
	margin-right: 0;
	background: transparent;
}

div#header ul.menu li.last
{
	float: right;
	padding-right: 0;
	margin-right: 0;
	background: transparent;
}

div#header ul.menu li a
{
	color: white;
	text-decoration: none;
}

div#header ul.menu li a:focus, div#header ul.menu li a:hover
{
	color: #F1EE06;
	text-decoration: none;
}



/*
** location links (breadcumbs)
*/
div.location
{
	border-bottom: 1px solid #F1F1F0;
}

div.location p
{
	width: 913px;
	padding: 14px 19px;
	margin: 0 auto;
	font-family: "Arial", sans-serif;
	font-size: .9em;
	text-transform: uppercase;
}

div.location p a
{
	color: #666666;
	text-decoration: none;
}

div.location p a.active { color: #0B7101; }

div.location p a:focus, p.location a:hover { text-decoration: underline; }



/*
** main content for home page
*/
div.two-columns
{
	background: #F1F1F0;
	border-bottom: 7px solid #ECECEB;
	float: left;
	width: 100%;
	padding: 18px 0;
	text-align: right;
}

div.two-columns div.first-column
{
	float: left;
	width: 418px;
	margin-left: 2px;
}

div.two-columns div.second-column
{
	float: left;
	width: 418px;
	margin-left: 36px;
	padding-left: 34px;
	border-left: 1px solid #DDDDDD;
}

div.two-columns h1
{
	font-weight: normal;
	color: black;
	font-size: 1.8em;
	text-transform: uppercase;
	margin-bottom: 1.4ex;
	text-align: left;
}

div.two-columns p
{
	line-height: 1.5;
	text-align: left;
}

div.two-columns p.first
{
	font-weight: bold;
	margin-bottom: 1ex;
}

div.two-columns div.quote { background: transparent url("../images/quote_end.png") no-repeat 87% 87%; }

div.two-columns div.quote p.start
{
	padding-left: 32px;
	margin-bottom: 1ex;
	background: transparent url("../images/quote_start.png") no-repeat 0px 5px;
}

div.two-columns div.quote p.author
{
	color: black;
	font-weight: bold;
	margin-bottom: 1.5em;
	padding-left: 32px;
}

div.two-columns a { font-size: 1.1em; }



/*
** main content
*/
div#content
{
	float: left;
	width: 951px;
	margin-top: 21px;
	padding-bottom: 50px;
	clear: both;
	border-bottom: 2px solid #F0F0EF;
}

div#content div#main
{
	border-left: 1px solid #EBEBEB;
	float: right;
	width: 640px;
	padding-right: 40px;
	padding-left: 30px;
}



div#content div#side
{
	float: left;
	width: 234px;
}

div#content div#side h3
{
	text-transform: uppercase;
	font-size: 1.3em;
	background: #F1F1F0 url("../images/blog_title_background.png") no-repeat 0% 0%;
	padding-left: 22px;
	padding-top: 6px;
	height: 21px;
	color: black;
	margin-bottom: 13px;
}

div#content div#side div.post
{
	padding-left: 23px;
	padding-right: 23px;
}

div#content div#side div.post h4
{
	font-size: 1.1em;
	color: black;
	margin-bottom: .5ex;
}

div#content div#side div.post p.date
{
	font-size: 1em;
	margin-bottom: 1ex;
}

div#content div#side div.post p
{
	margin-bottom: 1em;
	line-height: 1.29;
}

div#content div#side div.post p.read-more
{
	width: 79px;
	padding-left: 8px;
	height: 18px;
	padding-top: 1px;
	background: #F1F1F0 url("../images/blog_read_more_background.png") no-repeat 0% 0%;
}

div#content div#side div.post p.read-more a
{
	color: #666666;
	text-decoration: none;
	text-transform: lowercase;
}



ul.three-columns
{
	margin: 0;
	clear: both;
	padding-top: 29px;
	list-style: none;
}

ul.three-columns li
{
	float: left;
	line-height: 1.25;
	width: 260px;
	padding-left: 29px;
	margin-left: 29px;
	border-left: 5px solid #F1F1F0;
}

ul.three-columns li p { font-size: 1em; }

ul.three-columns li.first
{
	padding-left: 0;
	margin-left: 6px;
	border-left: none;
}

ul.three-columns h2
{
	font-size: 1.2em;
	text-transform: uppercase;
	color: black;
	margin-bottom: 1ex;
}

ul.three-columns img { margin-top: 15px; }



/*
** footer
*/
div#footer
{
	float: left;
	width: 901px;
	font-size: 1.1em;
	border-top: 1px solid #F0F0EF;
	border-bottom: 7px solid #F0F0EF;
	padding: 10px 25px;
	margin-top: 42px;
}

div#footer ul
{
	margin: 0;
	display: inline;
	list-style: none;
}

div#footer ul li
{
	font-size: 1em;
	display: inline;
	margin-left: 5px;
	border-left: 1px solid #CCCCCC;
	padding-left: 7px;
}

div.clear {clear: both; overflow: hidden; height: 0;}
.secret {display: none;}
.answer {margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #ebebeb;}
.testimonial-quote {font-style: italic;}
.testimonial-signature {margin-bottom: 1.5em; padding-bottom: 1.5em; border-bottom: 1px solid #ebebeb; color: #666; text-align: right;}
.column1 {float: left; width: 310px;}
.column2 {float: right; width: 310px;}
.columnVideo {margin: 20px 0px; text-align: center;}
.in-action-descr {clear: both; margin-bottom: 30px; background: #f1f1f1; padding: 5px; text-align: center;}
.row {padding-top: 20px;}