@charset "utf-8";
/* 
 *reset.css
 */
* {
	margin:0;
	padding:0;
}
img {
	border: none;
}
ins, a {
	text-decoration:none;
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
caption {
	text-align: center;
	padding: 5px 0;
}
:focus, a:focus {
	outline:0
}
ol, ul, li {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
header, footer, nav, aside, article, section, hgroup, details, summary {
	display: block;
	padding: 0;
	margin: 0;
	list-style: none!important;
	border: 0 none;
	outline: none;
}
.alignleft, .left {
	float:left!important;
}
.alignright, .right {
	float:right!important;
}
img.alignleft, .entry .alignleft {
	margin-right: 20px;
	margin-bottom:5px!important;
}
img.alignright, .entry .alignright {
	margin-left: 20px;
	margin-bottom:5px!important;
}
.a-right {
	text-align:right;
}
.a-center {
	text-align:center;
}
.half {
	width: 49%;
}
.required {
	color:#ea3232;
}
#wp-calendar {
	width: 100%;
	margin-top: 5px;
}
#wp-calendar caption {
	font-weight: bold;
	color: #222;
	text-align: center;
	font-size: 14px;
	padding-bottom: 4px;
}
#wp-calendar thead {
	font-size: 11px;
}
#wp-calendar tbody {
	color: #aaa;
}
#wp-calendar tbody td {
	padding: 3px 0 2px;
	background: #f5f5f5;
	border: 1px solid #ccc;
	text-align: center;
}
#wp-calendar tbody .pad {
	background: none;
	border: 0;
}
#wp-calendar tfoot #next {
	text-align: right;
}
.wp-caption {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: italic;
	color:#999;
}
.wp-caption-text {
	text-align: center;
	margin-top:5px;
	padding-right:10px;
}

.alignleft .wp-caption-text {
	text-align:right;
}
form label {
	font-size:12px;
	text-transform: uppercase;
	display:block; padding-bottom:8px;
}
input[type=text], input[type=email], textarea {
	font: 12px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	color:#797979;
	padding: 10px 9px;
	border: solid 1px #D6D6D6;
	background: #fff;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
}
input[type=text]:focus, input[type=email]:focus, textarea:focus{
	border:1px solid #9F9F9F;
}

input[type=submit] {
	font-size: 12px;
	padding: 0 20px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	height:34px;
	line-height:34px;
	border: none;
	padding: 0 30px 0 10px;
	cursor: pointer;
	background: url(../images/bg-btn.gif) no-repeat right top;
	border-radius: 3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow: inset 0 1px 0 #576f73;
}
button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit:lines; text-transform:uppercase;} /* <- Safari & Google Chrome Fix */
button { overflow:visible; width:auto; border:0; padding:0; margin:0; background-color: transparent; cursor:pointer; display:inline-block;   }
.entry {
	line-height: 1.65em;
	margin-bottom: 15px;
}
.entry > * {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	margin-bottom: 15px;
}
.entry ul li, .entry ol li{
	padding-left:12px;
	background-image:url(../images/layout/list-bullet.png);
	background-repeat:no-repeat;
	background-position:0px 9px;
}

form label {
	font-weight: bold;
}
/*
 *960.css
 */
body {
	min-width:960px
}
.container_12, .container_16 {
	margin-left:auto;
	margin-right:auto;
	width:960px
}
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 {
	display:block;
	float:left;
	margin-left:10px;
	margin-right:10px
}
.grid_17 {
	display:block;
	float:left;
	margin-left:0px;
	margin-right:10px
}
.push_1, .pull_1, .push_2, .pull_2, .push_3, .pull_3, .push_4, .pull_4, .push_5, .pull_5, .push_6, .pull_6, .push_7, .pull_7, .push_8, .pull_8, .push_9, .pull_9, .push_10, .pull_10, .push_11, .pull_11, .push_12, .pull_12, .push_13, .pull_13, .push_14, .pull_14, .push_15, .pull_15 {
	position:relative
}
.container_12 .grid_3, .container_16 .grid_4 {
	width:220px
}

.container_12 .grid_6, .container_16 .grid_8 {
	width:460px
}
.container_12 .grid_9, .container_16 .grid_12 {
	width:700px
}
.container_12 .grid_12, .container_16 .grid_16 {
	width:940px
}
.alpha {
	margin-left:0
}
.omega {
	margin-right:0
}
.container_12 .grid_1 {
	width:60px
}
.container_12 .grid_2 {
	width:140px
}
.container_12 .grid_4 {
	width:200px
}
.container_12 .grid_5 {
	width:300px
}
.container_12 .grid_22 {
	width:450px
}
.container_12 .grid_25 {
	width:300px
}
.container_12 .grid_7 {
	width:540px
}
.container_12 .grid_8 {
	width:620px
}
.container_12 .grid_10 {
	width:780px
}
.container_12 .grid_11 {
	width:860px
}
.container_16 .grid_1 {
	width:40px
}
.container_16 .grid_2 {
	width:100px
}
.container_16 .grid_3 {
	width:160px
}
.container_16 .grid_5 {
	width:280px
}
.container_16 .grid_6 {
	width:340px
}
.container_16 .grid_7 {
	width:400px
}
.container_16 .grid_9 {
	width:520px
}
.container_16 .grid_10 {
	width:580px
}
.container_16 .grid_11 {
	width:640px
}
.container_16 .grid_13 {
	width:760px
}
.container_16 .grid_14 {
	width:820px
}
.container_16 .grid_15 {
	width:880px
}
.container_12 .prefix_3, .container_16 .prefix_4 {
	padding-left:240px
}
.container_12 .prefix_6, .container_16 .prefix_8 {
	padding-left:480px
}
.container_12 .prefix_9, .container_16 .prefix_12 {
	padding-left:720px
}
.container_12 .prefix_1 {
	padding-left:80px
}
.container_12 .prefix_2 {
	padding-left:160px
}
.container_12 .prefix_4 {
	padding-left:320px
}
.container_12 .prefix_5 {
	padding-left:400px
}
.container_12 .prefix_7 {
	padding-left:560px
}
.container_12 .prefix_8 {
	padding-left:640px
}
.container_12 .prefix_10 {
	padding-left:800px
}
.container_12 .prefix_11 {
	padding-left:880px
}
.container_16 .prefix_1 {
	padding-left:60px
}
.container_16 .prefix_2 {
	padding-left:120px
}
.container_16 .prefix_3 {
	padding-left:180px
}
.container_16 .prefix_5 {
	padding-left:300px
}
.container_16 .prefix_6 {
	padding-left:360px
}
.container_16 .prefix_7 {
	padding-left:420px
}
.container_16 .prefix_9 {
	padding-left:540px
}
.container_16 .prefix_10 {
	padding-left:600px
}
.container_16 .prefix_11 {
	padding-left:660px
}
.container_16 .prefix_13 {
	padding-left:780px
}
.container_16 .prefix_14 {
	padding-left:840px
}
.container_16 .prefix_15 {
	padding-left:900px
}
.container_12 .suffix_3, .container_16 .suffix_4 {
	padding-right:240px
}
.container_12 .suffix_6, .container_16 .suffix_8 {
	padding-right:480px
}
.container_12 .suffix_9, .container_16 .suffix_12 {
	padding-right:720px
}
.container_12 .suffix_1 {
	padding-right:80px
}
.container_12 .suffix_2 {
	padding-right:160px
}
.container_12 .suffix_4 {
	padding-right:320px
}
.container_12 .suffix_5 {
	padding-right:400px
}
.container_12 .suffix_7 {
	padding-right:560px
}
.container_12 .suffix_8 {
	padding-right:640px
}
.container_12 .suffix_10 {
	padding-right:800px
}
.container_12 .suffix_11 {
	padding-right:880px
}
.container_16 .suffix_1 {
	padding-right:60px
}
.container_16 .suffix_2 {
	padding-right:120px
}
.container_16 .suffix_3 {
	padding-right:180px
}
.container_16 .suffix_5 {
	padding-right:300px
}
.container_16 .suffix_6 {
	padding-right:360px
}
.container_16 .suffix_7 {
	padding-right:420px
}
.container_16 .suffix_9 {
	padding-right:540px
}
.container_16 .suffix_10 {
	padding-right:600px
}
.container_16 .suffix_11 {
	padding-right:660px
}
.container_16 .suffix_13 {
	padding-right:780px
}
.container_16 .suffix_14 {
	padding-right:840px
}
.container_16 .suffix_15 {
	padding-right:900px
}
.container_12 .push_3, .container_16 .push_4 {
	left:240px
}
.container_12 .push_6, .container_16 .push_8 {
	left:480px
}
.container_12 .push_9, .container_16 .push_12 {
	left:720px
}
.container_12 .push_1 {
	left:80px
}
.container_12 .push_2 {
	left:160px
}
.container_12 .push_4 {
	left:320px
}
.container_12 .push_5 {
	left:400px
}
.container_12 .push_7 {
	left:560px
}
.container_12 .push_8 {
	left:640px
}
.container_12 .push_10 {
	left:800px
}
.container_12 .push_11 {
	left:880px
}
.container_16 .push_1 {
	left:60px
}
.container_16 .push_2 {
	left:120px
}
.container_16 .push_3 {
	left:180px
}
.container_16 .push_5 {
	left:300px
}
.container_16 .push_6 {
	left:360px
}
.container_16 .push_7 {
	left:420px
}
.container_16 .push_9 {
	left:540px
}
.container_16 .push_10 {
	left:600px
}
.container_16 .push_11 {
	left:660px
}
.container_16 .push_13 {
	left:780px
}
.container_16 .push_14 {
	left:840px
}
.container_16 .push_15 {
	left:900px
}
.container_12 .pull_3, .container_16 .pull_4 {
	left:-240px
}
.container_12 .pull_6, .container_16 .pull_8 {
	left:-480px
}
.container_12 .pull_9, .container_16 .pull_12 {
	left:-720px
}
.container_12 .pull_1 {
	left:-80px
}
.container_12 .pull_2 {
	left:-160px
}
.container_12 .pull_4 {
	left:-320px
}
.container_12 .pull_5 {
	left:-400px
}
.container_12 .pull_7 {
	left:-560px
}
.container_12 .pull_8 {
	left:-640px
}
.container_12 .pull_10 {
	left:-800px
}
.container_12 .pull_11 {
	left:-880px
}
.container_16 .pull_1 {
	left:-60px
}
.container_16 .pull_2 {
	left:-120px
}
.container_16 .pull_3 {
	left:-180px
}
.container_16 .pull_5 {
	left:-300px
}
.container_16 .pull_6 {
	left:-360px
}
.container_16 .pull_7 {
	left:-420px
}
.container_16 .pull_9 {
	left:-540px
}
.container_16 .pull_10 {
	left:-600px
}
.container_16 .pull_11 {
	left:-660px
}
.container_16 .pull_13 {
	left:-780px
}
.container_16 .pull_14 {
	left:-840px
}
.container_16 .pull_15 {
	left:-900px
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:30px;
}
.clear2 {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:10px;
}
.much-codes .clear{
	height:10px;
}
.clearfix:after, button:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
* html .clearfix, *:first-child+html .clearfix, * html button, *:first-child+html button {
	zoom:1
}
/*
 *text.css
*/
.navigation div > ul > li > a, .logo h1, p.link-more, .widget h2, .about-the-author h2, form label, button, .box header, .grid header h1 {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
    font-weight: normal;
	word-spacing: 3px;
	line-height: 0;
    font-style: normal;
}

.navigation2 div > ul > li > a {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: none;
    font-weight: normal;
	word-spacing: 3px;
	line-height: 1;
    font-style: normal;
}
.much-codes > h3, .single-post h3 {
    font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	text-transform: uppercase;
    font-weight: normal;
	word-spacing: 3px;
	line-height: 1;
    background: url(../images/layout/page-title-bg.png) no-repeat 50% 100%;
    font-size: 22px;
    text-align: center;
    padding:  0 0 20px 0;
    font-weight: bold;
}
.single-post .widget h3{
	text-align: left;
	background: none;
	padding:0px;
}
.single-post h3{ padding-top:10px; }
.heading, .grid .button > span, .comments-box h2, #respond h2, .footer h2 {
	text-transform: uppercase;
    font-weight: normal;
	word-spacing: 3px;
	line-height: 1;
    font-style: normal;
}
h1, h2, h3, h4, h5, h6 { font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
body {
	font-family: Verdana, Geneva, sans-serif;
	line-height: 1.4;
}
h1, h2, h3, h4 {
	font-weight: normal;
}
hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}

.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5 {
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

h1 {
	font-size:30px
}
h2 {
	font-size:24px
}
h3 {
	font-size:20px
}
h4 {
	font-size:16px
}
h5 {
	font-size:12px
}




h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2;}
h1 + hr, h2 + hr, h3 + hr, h4 + hr, h5 + hr, h6 + hr { margin-top: 10px;}
.h1,.h2,.h3, .h4, .h5, .h6 { margin-bottom:15px; }

hr {
	border:0 #dedede solid;
	border-top-width:1px;
	clear:both;
	height:0;
}
h1, .h1 {
	font-size:48px
}
h2, .h2 {
	font-size:31px;
}
h3, .h3 {
	font-size:20px
}
h4, .h4 {
	font-size:16px
}
h5, .h5 {
	font-size:14px
}

/*
 *button.css
*/
button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button { -webkit-border-fit:lines; } /* <- Safari & Google Chrome Fix */
button, .button {overflow:visible; width:auto; border:0; padding:0; margin:0; background-color: transparent; cursor:pointer; display:inline-block;   }
.button.medium{ font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border:1px solid #F9F9F9; }
.button.medium:hover{ border:1px solid #FFF; -moz-box-shadow: 0 0 1px 1px #DCDCDC;-webkit-box-shadow: 0 0 1px 1px #DCDCDC;-o-box-shadow: 0 0 1px 1px #DCDCDC; }
.button.medium:active > span{ background-position:left -80px; }
.button.medium:active > span > span{ background-position:right -80px; }
button span, .button span { display: inline-block; white-space: nowrap; cursor: pointer}

.button > span { padding-left: 3px; background-position: left top;}
.button > span > span { background-position: right top;}

.buttons .button { margin: 0 5px 5px 0; }

button.contact{ margin-top:-5px; }
button.contact > span > span { padding-left:24px !important; }
.button.small, button.contact { font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border:1px solid #F9F9F9; color:#333 !important;  }
.button.small:hover, button.contact:hover{ border:1px solid #FFF; -moz-box-shadow: 0 0 1px 1px #DCDCDC;-webkit-box-shadow: 0 0 1px 1px #DCDCDC;-o-box-shadow: 0 0 1px 1px #DCDCDC; }
.button.small span, button.contact span { background-image: url(../images/layout/buttons-small.png);}
.button.small > span > span, button.contact > span > span { font-size: 12px; line-height:35px; padding:2px 31px 0px 29px; height:33px; text-align:center; min-width:82px; }
button.contact > span > span { width:40px !important; min-width:40px !important; }
.button.small:active > span, button.contact:active > span { background-position:left -50px; }
.button.small:active > span > span, button.contact:active > span > span{ background-position:right -50px; }

.button.small.slateblue > span { background-position: left -1100px;}
.button.small.slateblue > span > span { background-position: right -1100px; color:#FFF; text-shadow:0px 0px; }
.button.small.slateblue > span:active { background-position: left -1150px;}
.button.small.slateblue > span > span:active { background-position: right -1150px; }

.button.small.darkgray > span { background-position: left -300px;}
.button.small.darkgray > span > span { background-position: right -300px; color:#FFF; text-shadow:0px 0px; }
.button.small.darkgray > span:active { background-position: left -350px;}
.button.small.darkgray > span > span:active { background-position: right -350px; }

.button.small.camel > span  { background-position: left -1700px;}
.button.small.camel > span > span  { background-position: right -1700px; color:#FFF; text-shadow:0px 0px;}
.button.small.camel > span:active  { background-position: left -1750px;}
.button.small.camel > span > span:active  { background-position: right -1750px;}

.button.small.coffee > span  { background-position: left -1500px;}
.button.small.coffee > span > span  { background-position: right -1500px; color:#FFF; text-shadow:0px 0px;}
.button.small.coffee > span:active  { background-position: left -1550px;}
.button.small.coffee > span > span:active  { background-position: right -1550px;}

.button.small.darkgreen > span  { background-position: left -900px;}
.button.small.darkgreen > span > span  { background-position: right -900px; color:#FFF; text-shadow:0px 0px;}
.button.small.darkgreen > span:active  { background-position: left -950px;}
.button.small.darkgreen > span > span:active  { background-position: right -950px;}

.button.small.darkred > span  { background-position: left -164px;}
.button.small.darkred > span > span  { background-position: right -164px;}

.button.small.darkpurple > span  { background-position: left -400px;}
.button.small.darkpurple > span > span  { background-position: right -400px; color:#FFF; text-shadow:0px 0px;}
.button.small.darkpurple > span:active  { background-position: left -450px;}
.button.small.darkpurple > span > span:active  { background-position: right -450px;}

.button.small.dark > span  { background-position: left -500px;}
.button.small.dark > span > span  { background-position: right -500px; color:#FFF; text-shadow:0px 0px;}
.button.small.dark > span:active  { background-position: left -550px;}
.button.small.dark > span > span:active  { background-position: right -550px;}

.button.small.orange > span  { background-position: left -800px;}
.button.small.orange > span > span  { background-position: right -800px; }
.button.small.orange > span:active  { background-position: left -850px;}
.button.small.orange > span > span:active  { background-position: right -850px;}

.button.small.pink > span  { background-position: left -700px;}
.button.small.pink > span > span  { background-position: right -700px;}
.button.small.pink > span:active  { background-position: left -750px;}
.button.small.pink > span > span:active  { background-position: right -750px;}

.button.small.green > span  { background-position: left -246px;}
.button.small.green > span > span  { background-position: right -246px;}

.button.small.yellow > span  { background-position: left -1400px;}
.button.small.yellow > span > span  { background-position: right -1400px;}
.button.small.yellow > span:active  { background-position: left -1450px;}
.button.small.yellow > span > span:active  { background-position: right -1450px;}

.button.small.lightblue > span  { background-position: left -600px;}
.button.small.lightblue > span > span  { background-position: right -600px;}
.button.small.lightblue > span:active  { background-position: left -650px;}
.button.small.lightblue > span > span:active  { background-position: right -650px;}

.button.small.lightgreen > span  { background-position: left -100px;}
.button.small.lightgreen > span > span  { background-position: right -100px;}
.button.small.lightgreen > span:active  { background-position: left -150px;}
.button.small.lightgreen > span > span:active  { background-position: right -150px;}

.button.small.ochre > span  { background-position: left -410px;}
.button.small.ochre > span > span  { background-position: right -410px;}

.button.small.blue > span  { background-position: left -1600px;}
.button.small.blue > span > span  { background-position: right -1600px; color:#FFF; text-shadow:0px 0px;}
.button.small.blue > span:active  { background-position: left -1650px;}
.button.small.blue > span > span:active  { background-position: right -1650px;}

.button.small.greymetal > span  { background-position: left -1300px;}
.button.small.greymetal > span > span  { background-position: right -1300px;}
.button.small.greymetal > span:active  { background-position: left -1350px;}
.button.small.greymetal > span > span:active  { background-position: right -1350px;}

.button.small.skyblue > span  { background-position: left -533px;}
.button.small.skyblue > span > span  { background-position: right -533px;}

.button.small.red > span  { background-position: left -1000px;}
.button.small.red span > span  { background-position: right -1000px; color:#FFF; text-shadow:0px 0px;}
.button.small.red > span:active  { background-position: left -1050px;}
.button.small.red span > span:active  { background-position: right -1050px;}

.button.small.darkyellow > span  { background-position: left -1200px;}
.button.small.darkyellow > span > span  { background-position: right -1200px;}
.button.small.darkyellow > span:active  { background-position: left -1250px;}
.button.small.darkyellow > span > span:active  { background-position: right -1250px;}

.button.small.purple > span  { background-position: left -200px;}
.button.small.purple > span > span  { background-position: right -200px;}
.button.small.purple > span:active  { background-position: left -250px;}
.button.small.purple > span > span:active  { background-position: right -250px;}

.button.medium span { background-image: url(../images/layout/buttons-medium.png);}
.button.medium > span > span { font-size: 15px; line-height:43px; padding:2px 45px 0px 42px; text-align:center; min-width:110px; }

.button.medium.slateblue > span { background-position: left -1760px;}
.button.medium.slateblue > span > span { background-position: right -1760px; color:#FFF; text-shadow:0px 0px; }
.button.medium.slateblue > span:active { background-position: left -1840px;}
.button.medium.slateblue > span > span:active { background-position: right -1840px; }

.button.medium.darkgray > span { background-position: left -480px;}
.button.medium.darkgray > span > span { background-position: right -480px; color:#FFF; text-shadow:0px 0px; }
.button.medium.darkgray > span:active { background-position: left -560px;}
.button.medium.darkgray > span > span:active { background-position: right -560px; }

.button.medium.dark > span { background-position: left -800px;}
.button.medium.dark > span > span { background-position: right -800px; color:#FFF; text-shadow:0px 0px; }
.button.medium.dark > span:active { background-position: left -880px;}
.button.medium.dark > span > span:active { background-position: right -880px; }

.button.medium.camel > span  { background-position: left -2720px;}
.button.medium.camel > span > span  { background-position: right -2720px; color:#FFF; text-shadow:0px 0px;}
.button.medium.camel > span:active  { background-position: left -2800px;}
.button.medium.camel > span > span:active  { background-position: right -2800px;}

.button.medium.coffee > span  { background-position: left -2400px;}
.button.medium.coffee > span > span  { background-position: right -2400px; color:#FFF; text-shadow:0px 0px;}
.button.medium.coffee > span:active  { background-position: left -2480px;}
.button.medium.coffee > span > span:active  { background-position: right -2480px;}

.button.medium.darkgreen > span  { background-position: left -1440px;}
.button.medium.darkgreen > span > span  { background-position: right -1440px; color:#FFF; text-shadow:0px 0px;}
.button.medium.darkgreen > span:active  { background-position: left -1520px;}
.button.medium.darkgreen > span > span:active  { background-position: right -1520px;}

.button.medium.darkred > span  { background-position: left -228px;}
.button.medium.darkred > span > span  { background-position: right -228px;}

.button.medium.darkpurple > span  { background-position: left -640px;}
.button.medium.darkpurple > span > span  { background-position: right -640px; color:#FFF; text-shadow:0px 0px;}
.button.medium.darkpurple > span:active  { background-position: left -720px;}
.button.medium.darkpurple > span > span:active  { background-position: right -720px;}

.button.medium.green > span  { background-position: left -342px;}
.button.medium.green > span > span  { background-position: right -342px;}

.button.medium.darkyellow > span  { background-position: left -1920px;}
.button.medium.darkyellow > span > span  { background-position: right -1920px;}
.button.medium.darkyellow > span:active  { background-position: left -2000px;}
.button.medium.darkyellow > span > span:active  { background-position: right -2000px;}

.button.medium.lightblue > span  { background-position: left -960px;}
.button.medium.lightblue > span > span { background-position: right -960px;}
.button.medium.lightblue > span:active  { background-position: left -1040px;}
.button.medium.lightblue > span > span:active { background-position: right -1040px;}

.button.medium.pink > span  { background-position: left -1120px;}
.button.medium.pink > span > span { background-position: right -1120px;}
.button.medium.pink > span:active  { background-position: left -1200px;}
.button.medium.pink > span > span:active { background-position: right -1200px;}

.button.medium.lightgreen > span  { background-position: left -160px;}
.button.medium.lightgreen > span > span  { background-position: right -160px;}
.button.medium.lightgreen > span:active  { background-position: left -240px;}
.button.medium.lightgreen > span > span:active  { background-position: right -240px;}

.button.medium.orange > span  { background-position: left -1280px;}
.button.medium.orange > span > span  { background-position: right -1280px;}
.button.medium.orange > span:active  { background-position: left -1360px;}
.button.medium.orange > span > span:active  { background-position: right -1360px;}

.button.medium.ochre > span  { background-position: left -570px;}
.button.medium.ochre > span > span  { background-position: right -570px;}

.button.medium.blue > span  { background-position: left -2560px;}
.button.medium.blue > span > span  { background-position: right -2560px; color:#FFF; text-shadow:0px 0px;}
.button.medium.blue > span:active  { background-position: left -2640px;}
.button.medium.blue > span > span:active  { background-position: right -2640px;}

.button.medium.greymetal > span  { background-position: left -2080px;}
.button.medium.greymetal > span > span  { background-position: right -2080px;}
.button.medium.greymetal > span:active  { background-position: left -2160px;}
.button.medium.greymetal > span > span:active  { background-position: right -2160px;}

.button.medium.skyblue > span  { background-position: left -741px;}
.button.medium.skyblue > span > span  { background-position: right -741px;}

.button.medium.red > span { background-position: left -1600px;}
.button.medium.red span > span { background-position: right -1600px; color:#FFF; text-shadow:0px 0px;}
.button.medium.red > span:active  { background-position: left -1680px;}
.button.medium.red span > span:active  { background-position: right -1680px;}

.button.medium.yellow > span  { background-position: left -2240px;}
.button.medium.yellow > span > span  { background-position: right -2240px;}
.button.medium.yellow > span:active  { background-position: left -2320px;}
.button.medium.yellow > span > span:active  { background-position: right -2320px;}

.button.medium.purple > span  { background-position: left -320px;}
.button.medium.purple > span > span  { background-position: right -320px;}
.button.medium.purple > span:active  { background-position: left -400px;}
.button.medium.purple > span > span:active  { background-position: right -400px;}

.button.big { font: 22px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; border:1px solid #F9F9F9; color:#333 !important; }
.button.big:hover{ border:1px solid #FFF; -moz-box-shadow: 0 0 1px 1px #DCDCDC;-webkit-box-shadow: 0 0 1px 1px #DCDCDC;-o-box-shadow: 0 0 1px 1px #DCDCDC; }

.button.big span { background-image: url(../images/layout/buttons-big.png);}
.button.big span > span {font-size: 17px; line-height:49px; padding:5px 45px 1px 42px; text-align:center; min-width:124px; }


.button.big > span  { background-position: left -0px;}
.button.big > span > span  { background-position: right -0px;}
.button.big > span:active  { background-position: left -80px;}
.button.big > span > span:active  { background-position: right -80px;}

.button.big.slateblue > span { background-position: left -1760px;}
.button.big.slateblue > span > span { background-position: right -1760px;color:#FFF; text-shadow:0px 0px; }
.button.big.slateblue > span:active { background-position: left -1840px; }
.button.big.slateblue > span > span:active { background-position: right -1840px; }

.button.big.camel > span  { background-position: left -2720px;}
.button.big.camel > span > span  { background-position: right -2720px;color:#FFF; text-shadow:0px 0px;}
.button.big.camel > span:active  { background-position: left -2800px;}
.button.big.camel > span > span:active  { background-position: right -2800px;}

.button.big.coffee > span  { background-position: left -2400px;}
.button.big.coffee > span > span  { background-position: right -2400px;color:#FFF; text-shadow:0px 0px;}
.button.big.coffee > span:active  { background-position: left -2480px;}
.button.big.coffee > span > span:active  { background-position: right -2480px;}

.button.big.darkgray > span  { background-position: left -480px;}
.button.big.darkgray > span > span  { background-position: right -480px;color:#FFF; text-shadow:0px 0px;}
.button.big.darkgray > span:active  { background-position: left -560px;}
.button.big.darkgray > span > span:active  { background-position: right -560px;}

.button.big.darkgreen > span  { background-position: left -1440px;}
.button.big.darkgreen > span > span  { background-position: right -1440px;color:#FFF; text-shadow:0px 0px;}
.button.big.darkgreen > span:active  { background-position: left -1520px;}
.button.big.darkgreen > span > span:active  { background-position: right -1520px;}

.button.big.darkred > span  { background-position: left -280px;}
.button.big.darkred > span > span  { background-position: right -280px;}

.button.big.darkpurple > span  { background-position: left -640px;}
.button.big.darkpurple > span > span  { background-position: right -640px;color:#FFF; text-shadow:0px 0px;}
.button.big.darkpurple > span:active  { background-position: left -720px;}
.button.big.darkpurple > span > span:active  { background-position: right -720px;}

.button.big.green > span  { background-position: left -420px;}
.button.big.green > span > span  { background-position: right -420px;}

.button.big.darkyellow > span  { background-position: left -1920px;}
.button.big.darkyellow > span > span  { background-position: right -1920px;}
.button.big.darkyellow > span:active  { background-position: left -2000px;}
.button.big.darkyellow > span > span:active  { background-position: right -2000px;}

.button.big.lightblue > span { background-position: left -960px;}
.button.big.lightblue > span > span { background-position: right -960px;}
.button.big.lightblue > span:active { background-position: left -1040px;}
.button.big.lightblue > span > span:active { background-position: right -1040px;}

.button.big.pink > span { background-position: left -1120px;}
.button.big.pink > span > span { background-position: right -1120px;}
.button.big.pink > span:active { background-position: left -1200px;}
.button.big.pink > span > span:active { background-position: right -1200px;}

.button.big.lightgreen > span  { background-position: left -160px;}
.button.big.lightgreen > span > span  { background-position: right -160px;}
.button.big.lightgreen > span:active  { background-position: left -240px;}
.button.big.lightgreen > span > span:active  { background-position: right -240px;}

.button.big.orange > span  { background-position: left -1280px;}
.button.big.orange > span > span  { background-position: right -1280px;}
.button.big.orange > span:active  { background-position: left -1360px;}
.button.big.orange > span > span:active  { background-position: right -1360px;}

.button.big.ochre > span  { background-position: left -700px;}
.button.big.ochre > span > span  { background-position: right -700px;}

.button.big.blue > span  { background-position: left -2560px;}
.button.big.blue > span > span  { background-position: right -2560px;color:#FFF; text-shadow:0px 0px;}
.button.big.blue > span:active  { background-position: left -2640px;}
.button.big.blue > span > span:active  { background-position: right -2640px;}

.button.big.dark > span  { background-position: left -800px;}
.button.big.dark > span > span  { background-position: right -800px;color:#FFF; text-shadow:0px 0px;}
.button.big.dark > span:active  { background-position: left -880px;}
.button.big.dark > span > span:active  { background-position: right -880px;}

.button.big.greymetal > span  { background-position: left -2080px;}
.button.big.greymetal > span > span  { background-position: right -2080px;}
.button.big.greymetal > span:active  { background-position: left -2160px;}
.button.big.greymetal > span > span:actove  { background-position: right -2160px;}

.button.big.skyblue > span  { background-position: left -910px;}
.button.big.skyblue > span > span  { background-position: right -910px;}

.button.big.red > span  { background-position: left -1600px;}
.button.big.red span > span  { background-position: right -1600px;color:#FFF; text-shadow:0px 0px;}
.button.big.red > span:active  { background-position: left -1680px;}
.button.big.red span > span:active  { background-position: right -1680px;}

.button.big.yellow > span  { background-position: left -2240px;}
.button.big.yellow > span > span  { background-position: right -2240px;}
.button.big.yellow > span:active  { background-position: left -2320px;}
.button.big.yellow > span > span:active  { background-position: right -2320px;}

.button.big.purple > span  { background-position: left -320px;}
.button.big.purple > span > span  { background-position: right -320px;}
.button.big.purple > span:active  { background-position: left -400px;}
.button.big.purple > span > span:active  { background-position: right -400px;}
/*
 *Grids.css
*/
.grid {
        line-height: normal; font-size:13px;background:#f5f5f5; float:left;
}
.grid + .grid header { border-left: solid 1px #455057;}
.grid + .grid details { border-left: solid 1px #e9e9e9;}
.grid header { background-color:#303c44; padding:20px; height:48px; }
.grid header h1 { margin-bottom:8px; line-height:1; font-size:12px;}
.grid header h2 { font-size:28px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold; line-height:1;}
.grid header h2 span { color:#a7b5bf; font-size:13px; text-transform: lowercase; display: inline-block; line-height:1; margin-top:-5px; vertical-align: middle; font-weight:normal;}
.grid header h1, .grid header h2 { color:#fff!important; }
.grid details {
	padding: 15px 20px;
	
}
/*.grids section:first-child header h2 { font-size:18px; padding-top:3px;}*/
.six-columns .grid header h2 { font-size:24px; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight:bold; line-height:1;}
.grid ul li { font-family: "Helvetica Neue", Helvetica,  Arial, sans-serif; font-size:12px;color:#575656;margin-bottom:15px;}
.grid ul li li { }
.grid .button, .grid .button span { display: block;}
.grid .button > span { 
	background:#60b60f url(../images/btn.gif) repeat-x left top!important; color:#fff; text-align:center; padding: 0 5px; line-height:38px;
	border: solid 1px;
	border-color:#85c946 #75b835 #569a17;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.three-columns .grid { width: 93.3333%;}
.four-columns .grid { width: 25%;}
.five-columns .grid { width: 20%;}
.six-columns .grid { width: 16.6666%;}

/*
 * boxes.css
*/
.box header {  padding: 19px 8px 0; font-size:14px;  color:#000; }
.box details { padding: 11px 8px 0; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; font-size:12px; margin-bottom:0px !important; }
.box details p { margin-top:0px !important; }
.box-v1 { background:#F9F9F9; border:1px solid #DADADA; }
.box-v2 { background:#F0F0F0;}
.box-v3 { background:#F9F9F9; background-image:url(../images/layout/dots-h.png); background-position:top; background-repeat:repeat-x;}
.box-v3 .entry { background-image:url(../images/layout/dots-h.png); background-position:bottom; background-repeat:repeat-x; }
.box-v4 { background: url(../images/layout/dots-bg.png); padding:4px;}
.box-v4 > div { background:#F9F9F9;}
.box-v4 header {  padding: 15px 8px 0; }

.msg-box {  padding: 0 20px; background:#f5f5f5; font-size:12px; line-height:1.65;}
.msg-box > div { padding: 0 60px; position:relative;}
.msg-box > div > div { width: 780px;}
.msg-box > div > div ul li { width: 780px; background: url(../images/border.png) repeat-y 220px top;}
.msg-box > div > div ul li > div { padding: 15px 0;}


.framed-box { background-color:#f5f5f5; padding: 15px 20px 1px; }
.info-box { background-color:#d6e5f1; padding: 15px 20px 1px; }
.info-box .heading { color:#27689c!important;}
.error-box { background-color:#FFE0E0; padding: 15px 20px 1px; }
.error-box .heading { color:#B20000!important; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.success-box { background-color:#DDF9BC; padding: 15px 20px 1px; }
.success-box .heading { color:#447B00!important; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.notice-box { background-color:#DEEDF9; padding: 15px 20px 1px; }
.notice-box .heading { color:#0062AC!important; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.notice-box p, .note-box p, .error-box p, .success-box p { margin-top:0px !important; color:#505050; line-height:+1.4; }
.notice-box h4, .note-box h4, .error-box h4, .success-box h4 { margin-bottom:10px !important; }
.note-box { background-color:#FBF9E4; padding: 15px 20px 1px; }
.note-box .heading { color:#000!important; font: 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; }
.heading { font-size:12px;}
.mid-box.left { margin: 0 15px 15px 0; width:45%;}
.mid-box.right { margin: 0 0 15px 15px; width:45%;}

.mini-tabs > ul li { display: inline; font-size:12px;}
.mini-tabs > ul li a { display: inline-block; background-color:#ddd; padding: 5px 10px; color:#333; }
.mini-tabs > ul li a:hover, .mini-tabs > ul li.current a, .mini-tabs > ul + div  { background-color:#eee;} 
.mini-tabs > ul + div { padding: 15px 20px; }

.read-more, 
.show-code,
.fancy-link,
.read-more.slateblue,
.show-code.slateblue,
.fancy-link.slateblue { background: url(../images/lib/more-slateblue.png) no-repeat right center;}
.read-more.purple,
.show-code.purple,
.fancy-link.purple { background: url(../images/lib/more-purple.png) no-repeat right center;}
.read-more.darkpurple,
.show-code.darkpurple,
.fancy-link.darkpurple { background: url(../images/lib/more-darkpurple.png) no-repeat right center;}
.read-more.grey,
.show-code.grey,
.fancy-link.grey { background: url(../images/lib/more-grey.png) no-repeat right center;}
.read-more.greymetal,
.show-code.greymetal,
.fancy-link.greymetal { background: url(../images/lib/more-greymetal.png) no-repeat right center;}
.read-more.darkyellow,
.show-code.darkyellow,
.fancy-link.darkyellow { background: url(../images/lib/more-darkyellow.png) no-repeat right center;}
.read-more.yellow,
.show-code.yellow,
.fancy-link.yellow { background: url(../images/lib/more-yellow.png) no-repeat right center;}
.read-more.red,
.show-code.red,
.fancy-link.red { background: url(../images/lib/more-red.png) no-repeat right center;}
.read-more.darkred,
.show-code.darkred,
.fancy-link.darkred { background: url(../images/lib/more-darkred.png) no-repeat right center;}
.read-more.skyblue,
.show-code.skyblue,
.fancy-link.skyblue { background: url(../images/lib/more-skyblue.png) no-repeat right center;}
.read-more.lightblue,
.show-code.lightblue,
.fancy-link.lightblue { background: url(../images/lib/more-lightblue.png) no-repeat right center;}
.read-more.blue,
.show-code.blue,
.fancy-link.blue { background: url(../images/lib/more-blue.png) no-repeat right center;}
.read-more.green,
.show-code.green,
.fancy-link.green { background: url(../images/lib/more-green.png) no-repeat right center;}
.read-more.darkgreen,
.show-code.darkgreen,
.fancy-link.darkgreen { background: url(../images/lib/more-darkgreen.png) no-repeat right center;}
.read-more.lightgreen,
.show-code.lightgreen,
.fancy-link.lightgreen { background: url(../images/lib/more-lightgreen.png) no-repeat right center;}
.read-more.camel,
.show-code.camel,
.fancy-link.camel { background: url(../images/lib/more-camel.png) no-repeat right center;}
.read-more.coffee,
.show-code.coffee,
.fancy-link.coffee { background: url(../images/lib/more-coffee.png) no-repeat right center;}
.read-more.ochre,
.show-code.ochre,
.fancy-link.ochre { background: url(../images/lib/more-ochre.png) no-repeat right center;}

.dropcap-v1 p,
.dropcap-v2 p,
.dropcap-v3 p{
	font-size:17px !important;
	line-height:+1.3;
}

.dropcap-v2 p:first-child { width:100%; padding:10px 0 0 10px; margin-left:-10px;}
.dropcap-v3 p:first-child { width:100%; padding: 0 0 0 10px; margin-left:-10px;}




.dropcap-v1 p:first-child:first-letter { float:left; font-size:40px; margin-top:5px; margin-right:10px;}
.webkit .dropcap-v1 p:first-child:first-letter{ margin-top:-4px;height:30px !important;margin-right:8px; }
.dropcap-v2 p:first-child:first-letter { float:left; font-size:40px; margin-top:-12px; margin-right:10px }
.webkit .dropcap-v2 p:first-child:first-letter { margin-top:-21px; margin-right:8px ;height:25px !important; }
.dropcap-v3 p:first-child:first-letter { float:left; font-size:36px; margin:6px 6px 0 3px; color:#fff; background-color:#D4D4D4; padding:5px; }
.webkit .dropcap-v3 p:first-child:first-letter{ padding:0px 5px; }
blockquote.right { margin-left: 20px; width: 30%; margin-top:5px; font-size:15px; line-height:1.5; }
blockquote.left { margin-right: 20px; width: 50%; margin-top:5px;font-size:15px; line-height:1.5; }
q { padding-left:35px; display:block; line-height:1.6em;}
blockquote { margin-bottom:0px;}
blockquote.blqv2, blockquote.blqv3 { width:397px; }
blockquote.blqv2 > div { padding-left:28px; width:397 }
blockquote.blqv2:before {
    content:'“';
	display: inline-block;
	font-size:50px;
	font-weight:bold;
	position:absolute; 
	margin:-12px 0 0 1px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: normal;
	color:#C0C0C0;
}
blockquote.blqv3, blockquote.blqv3 > div { background:#F0F0F0!important;}
blockquote.blqv3 > div { padding-left:28px !important; }
blockquote.blqv3:before {
    content:'“';
	display: inline-block;
	font-size:50px;
	font-weight:bold;
	position:absolute; 
	margin:-12px 0 0 1px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-style: normal;
	color:#C0C0C0;
}

q, q.slateblue  { background: url(../images/lib/quote-slateblue.png) no-repeat left top;}
q.darkpurple  { background: url(../images/lib/quote-darkpurple.png) no-repeat left top;}
q.purple  { background: url(../images/lib/quote-purple.png) no-repeat left top;}
q.camel  { background: url(../images/lib/quote-camel.png) no-repeat left top;}
q.coffee  { background: url(../images/lib/quote-coffee.png) no-repeat left top;}
q.red  { background: url(../images/lib/quote-red.png) no-repeat left top;}
q.darkred  { background: url(../images/lib/quote-darkred.png) no-repeat left top;}
q.darkgreen  { background: url(../images/lib/quote-darkgreen.png) no-repeat left top;}
q.lightgreen  { background: url(../images/lib/quote-lightgreen.png) no-repeat left top;}
q.green  { background: url(../images/lib/quote-green.png) no-repeat left top;}
q.darkyellow  { background: url(../images/lib/quote-darkyellow.png) no-repeat left top;}
q.yellow  { background: url(../images/lib/quote-yellow.png) no-repeat left top;}
q.skyblue  { background: url(../images/lib/quote-skyblue.png) no-repeat left top;}
q.lightblue  { background: url(../images/lib/quote-lightblue.png) no-repeat left top;}
q.blue  { background: url(../images/lib/quote-blue.png) no-repeat left top;}
q.ochre  { background: url(../images/lib/quote-ochre.png) no-repeat left top;}
q.grey  { background: url(../images/lib/quote-grey.png) no-repeat left top;}
q.greymetal  { background: url(../images/lib/quote-greymetal.png) no-repeat left top;}


q cite { font-size:10px; text-transform:uppercase; color:#333;}
.link-download { di