/* Copyright (c) 2006, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 0.12.0 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


body {
	font: 80%/1.45em Arial, Verdana, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #333;
	background-color: #fff;
	background: url('../images/strip.jpg') repeat-x top left;
}

#header {
	position: relative;
	top: 0;
	left: 50%;
	width: 960px;
	height: 345px;
	margin-left: -482px;
}

#index #header {
	height: 389px;
}

#header_name {
	position: absolute;
	top: 22px;
	left: 84px;
	font-size: 28px;
	height: 40px;
	line-height: 34px;
}

#header_name span {
	font-size: 14px;
}

#header_name a {
	color: #333;
	text-decoration: none;
}

#header_links {
	position: absolute;
	top: 34px;
	right: 38px;
	font-size: 16px;
}

#header_links ul {
	list-style: none;
}

#header_links li {
	padding: 0 10px;
	float: left;
	list-style-type: none;
}

#header_links li a {
	color: #333;
}

#header_links li a:hover {
	color: #314C7E;
}

#header_links li a.active {
	color: #B82014;
}

#header_links a {
	padding: 0 10px 4px 0;
	text-decoration: none;
}


#header_generic {
	position: absolute;
	bottom: 0;
	left: 2px;
	width: 960px;
}

#header_trianglel {
	position: absolute;
	bottom: 0;
	*bottom: -1px;
	left: 0;
	border-left: 3px solid #E0E0E0;
	border-bottom: 3px solid #dadada;
}

#header_triangler {
	position: absolute;
	bottom: 0;
	*bottom: -1px;
	right: 0;
	border-right: 3px solid #E0E0E0;
	border-bottom: 3px solid #dadada;
}

#header_filler {
	position: absolute;
	bottom: 0;
	*bottom: -1px;
	left: 3px;
	width: 954px;
	height: 3px;
	line-height: 3px;
	font-size: 3px;
	background-color: #f6f6f6;
}

#header_fill #header_filler {
	background-color: #e0e0e0;
}

#header_text {
	position: absolute;
	top: 175px;
	left: 575px;
	width: 430px;
	font-size: 42px;
	line-height: 1.2em;
	color: black;
	text-transform: lowercase;
}

.header_to_the_point {
	background: url('../images/stright_to_the_point.jpg') no-repeat top left;
}

.header_to_the_point #header_text {
	position: absolute;
	top: 150px;
	left: 533px;
	width: 430px;
}

.header_to_the_point .text_1 {
	position: absolute;
	font-size: 12px;
}

.header_to_the_point .text_2 {
	position: absolute;
	top: 18px;
	left: 41px;
	font-size: 42px;
	color: black;
}

.header_to_the_point .text_3 {
	position: absolute;
	top: 46px;
	left: 318px;
	font-size: 14px;
}

.header_to_the_point .text_4 {
	position: absolute;
	top: 60px;
	left: 348px;
	font-size: 10px;
}



/* Contact */
.header_contact {
	background: url('../images/header_contact.jpg') no-repeat top left;
}

.header_contact #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_contact .text_1 {
	position: absolute;
	font-size: 12px;
}

.header_contact .text_2 {
	position: absolute;
	top: 18px;
	left: 20px;
	font-size: 42px;
	color: black;
}



/* Donate */
.header_donate {
	background: url('../images/header_beer.jpg') no-repeat top left;
}

.header_donate #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_donate .text_1 {
	position: absolute;
	font-size: 12px;
}

.header_donate .text_2 {
	position: absolute;
	top: 20px;
	left: -10px;
	font-size: 42px;
	color: black;
}

.header_donate .text_3 {
	position: absolute;
	top: 46px;
	left: 45px;
	font-size: 14px;
}


/* 404 */
.header_404 {
	background: url('../images/header_alert.jpg') no-repeat top left;
}

.header_404 #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_404 .text_1 {
	position: absolute;
	font-size: 12px;
}

.header_404 .text_2 {
	position: absolute;
	top: 26px;
	left: 40px;
	font-size: 42px;
	color: black;
}



/* News */
.header_news {
	background: url('../images/header_news.jpg') no-repeat top left;
}

.header_news #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_news .text_1 {
	position: absolute;
	font-size: 12px;
}

.header_news .text_2 {
	position: absolute;
	top: 20px;
	left: -10px;
	font-size: 42px;
	color: black;
}



/* About */
.header_about {
	background: url('../images/header_rose.jpg') no-repeat top left;
}

.header_about #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_about .text_1 {
	position: absolute;
	font-size: 12px;
}

.header_about .text_2 {
	position: absolute;
	top: 20px;
	left: 38px;
	font-size: 42px;
	color: black;
}

.header_about .text_3 {
	position: absolute;
	top: 46px;
	left: 65px;
	font-size: 14px;
}


/* Wedding */
.header_wedding {
	background: url('../images/header_rose.jpg') no-repeat top left;
}

.header_wedding #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_wedding .text_1 {
	position: absolute;
	font-size: 32px;
}

.header_wedding .text_2 {
	position: absolute;
	top: 46px;
	left: 36px;
	font-size: 12px;
	color: black;
}

.header_wedding .text_3 {
	position: absolute;
	top: 40px;
	left: 65px;
	font-size: 32px;
}

.header_wedding #header_text {
	text-transform: none !important;
}

div.wedding_info {
	margin: 0.5em 0;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
}

.wedding_odd {
	background-color: #f6f6f6;
}

div.wedding_button { 
	text-align: center;
	display: block; cursor: pointer;
	*cursor: hand;
	margin: 0 20px 10px 0;
	font-size: 13px;
	line-height: 15px;
	padding: 8px 0;
	background: #F8F8F8;
	background: -webkit-gradient(linear, center bottom, center top, from(#CCC), to(white));
	background: -moz-linear-gradient(top, white, #CCC);
	background: linear-gradient(top, white, #CCC);
	color: #02475A;
	text-shadow: 0 1px 0 white;
	border: 1px solid #999;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: 0px 0px 2px #999;
	-moz-box-shadow: 0px 0px 2px #999;
	-webkit-box-shadow: 0px 0px 2px #999;
	width: 80px;
}

#wedding_bought {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	width: 400px;
	height: 300px;
	margin-top: -150px;
	margin-left: -200px;
	background: transparent url('../images/wedding/fill.png') repeat top left;
}

#wedding_bought>div {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 320px;
	height: 220px;
	padding: 20px;
	background-color: white;
}

#wedding_bought h2 {
	margin: 0 0 5px 0;
	font-size: 18px;
	color: #02475A;
}

#wedding_bought input {
	padding: 5px;
	width: 200px;
}

#wedding_bought div.wedding_button {
	margin: 15px auto;
}

div.wedding_close {
	position: absolute;
	top: -17px;
	right: -15px;
	width: 50px;
	color: white;
	cursor: pointer;
	*cursor: hand;
}


/* Reflections */
.header_reflections {
	background: url('../images/header_reflections.jpg') no-repeat top left;
}

.header_reflections #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_reflections .text_1 {
	position: absolute;
	font-size: 42px;
}

.header_reflections .text_2 {
	position: absolute;
	top: 29px;
	left: 43px;
	font-size: 30px;
	color: black;
}

.header_reflections .text_3 {
	position: absolute;
	top: 35px;
	left: 164px;
	font-size: 14px;
}

.header_reflections .text_4 {
	position: absolute;
	top: 58px;
	left: 25px;
	font-size: 36px;
}



/* Portfolio */
.header_portfolio {
	background: url('../images/header_portfolio.jpg') no-repeat top left;
}

.header_portfolio #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_portfolio .text_1 {
	position: absolute;
	font-size: 42px;
}

.header_portfolio_item #header_text {
	position: absolute;
	top: 150px;
	left: 553px;
	width: 400px;
}

.header_portfolio_item .text_1 {
	position: absolute;
	font-size: 42px;
}

.header_portfolio_item .text_2 {
	position: absolute;
	top: 32px;
	left: 23px;
	font-size: 14px;
}

.header_portfolio_item #header_alt_image {
	position: absolute;
	bottom: 44px;
	left: 75px;
}



/* Reflection headers */
.header_keytable {
	background: url('../images/header_keytable.jpg') no-repeat top left;
}

.header_secret {
	background: url('../images/header_secret.jpg') no-repeat top left;
}

.header_visual_event {
	background: url('../images/visual_event.jpg') no-repeat top left;
}

.header_datatables {
	background: url('../images/header_datatables.jpg') no-repeat top left;
}

.header_datatables #header_text {
	text-transform: none;
}

.header_reader {
	background: url('../images/header_reader.jpg') no-repeat top left;
}

.header_gts {
	background: url('../images/header_gts.jpg') no-repeat top left;
}

.header_gts #header_text {
	top: 155px;
}

.header_canvas3d {
	background: url('../images/header_canvas3d.jpg') no-repeat top left;
}

.header_ccss {
	background: url('../images/header_ccss.jpg') no-repeat top left;
}

.header_ccssa {
	background: url('../images/header_ccssa.jpg') no-repeat top left;
}

.header_ccssa #header_text {
	left: 480px;
}

.header_design {
	background: url('../images/header_design.jpg') no-repeat top left;
}

.header_grid {
	background: url('../images/header_grid.jpg') no-repeat top left;
}

.header_rule {
	background: url('../images/header_rule.jpg') no-repeat top left;
}

.header_unit {
	background: url('../images/header_unit.jpg') no-repeat top left;
}

.header_crosshair {
	background: url('../images/header_crosshair.jpg') no-repeat top left;
}

.header_label {
	background: url('../images/header_label.jpg') no-repeat top left;
}

.header_integrity {
	background: url('../images/header_integrity.jpg') no-repeat top left;
}

.header_spryspell {
	background: url('../images/header_spryspell.jpg') no-repeat top left;
}

.header_alert {
	background: url('../images/header_alert.jpg') no-repeat top left;
}

.header_chart {
	background: url('../images/header_chart.jpg') no-repeat top left;
}






div#container {
	width: 960px;
	margin: 0px auto 0 auto;
	padding: 0;
	position: relative;
}

div#wrapper {
	float:left;
	width: 520px;
	margin: 0;
	padding: 0;
}

div#column_center {
	width: 520px;
	/*margin: 0px 270px 0 0;*/
	padding: 0;
	text-align: justify;
}

div#column_right {
	float:right;
	width:250px;
	margin-left:-250px;
}

div#footer {
	clear: both;
	width: 100%;
	padding: 10px 0;
}

.left {
	float: left;
	width: 250px;
	text-align: left;
}

.right {
	float: right;
	width: 250px;
	text-align: left;
}

.column_1_12 {
	float: left;
	width: 79px;
	margin-right: 12px;
}

.column_1_12r {
	float: left;
	width: 79px;
}

.column_1_6 {
	float: left;
	width: 150px;
	margin-right: 12px;
}

.column_1_6r {
	float: left;
	width: 150px;
}

.column_1_4 {
	float: left;
	width: 231px;
	margin-right: 12px;
}

.column_1_4r {
	float: left;
	width: 231px;
}

.column_1_3 {
	float: left;
	width: 312px;
	margin-right: 12px;
}

.column_1_3r {
	float: left;
	width: 312px;
}

.column_1_2 {
	float: left;
	width: 474px;
	margin-right: 12px;
}

.column_1_2r {
	float: left;
	width: 474px;
}

.column_2_3 {
	float: left;
	width: 636px;
	margin-right: 12px;
}

.column_2_3r {
	float: left;
	width: 636px;
}

.column_5_6 {
	float: left;
	width: 798px;
	margin-right: 12px;
}

.column_5_6r {
	float: left;
	width: 798px;
}




/* header defs */

#header_block {
	width: 790px;
	height: 69px;
	background /**/:transparent url(../images/header.png) no-repeat center center;
	color: #0B0F18;
}

#site_name {
	position: absolute;
	top: 22px;
	left: 22px;
	width: 200px;
	height: 50px;
}

div.allan {
	padding-top: 4px;
	font-size: 22px;
	color: #0B0E17;
}

div.tag {
	font-size: 10px;
	letter-spacing: 1px;
}

#links {
	position: absolute;
	top: 18px;
	right: 12px;
	height: 50px;
}

#links ul {
	margin: 9px 0 0 0;
	padding: 0;
	list-style:none;
}

#links li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type:none;
	font-size: 14px;
}

#links a.active {
	background-image: url('../images/white_block.jpg');
	background-position: bottom center;
	background-repeat: no-repeat;
}


/* Main body defs */
/* Main body header defs */

.big {
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	color: #4E6CA3;
	padding: 10px;
	background-color: #f6f6f6;
	/*background: url('../images/bg_big.jpg') repeat-y top left;*/
	border-bottom: 2px solid #d0d0d0;
	border-left: 3px solid #dadada;
	border-right: 3px solid #dadada;
}

.small {
	font-size: 0.8em;
}

.clear {
	clear: both;
}

.center {
	text-align: center;
}

.spacer {
	height: 1em;
}

.padding_bottom {
	padding-bottom: 1em;
}

ul {
	list-style-image: url(../images/arrow.jpg);
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-bottom: 1em;
}

ol {
	list-style-type: decimal;
	margin-left: 1.7em;
	margin-right: 1.7em;
	margin-bottom: 1em;
}

ol li {
	margin-bottom: 0.4em;
	text-align: left;
}

ul.lines {
	list-style-image: url(../images/arrow.jpg);
	font-size: 11px;
	margin: 0.5em 0 0.5em 2.5em;
}

ul.float_list {
	border-top: 1px solid #c4c4c4;
	list-style-image: none;
	margin: 0.5em 0;
	display: none;
}

ul.float_list li {
	display: block;
	float: left;
	width: 260px;
	border-bottom: 1px solid #c4c4c4;
	padding: 0.25em 0;
}



#body_header {
	height: 100px;
	color: #191C25;
}

ul.techniques {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style:none;
}

ul.techniques li.top {
	border-bottom: 1px solid #c4c4c4;
	padding-top: 0px;
}

ul.techniques li {
	border-bottom: 1px solid #c4c4c4;
	padding: 0.5em 0;
}


div.portfolio_wrapper {
	float: left;
	width: 49%;
}

div.portfolio_wrapper li:hover {
	background-color: #fff;
}

span.small {
	font-size: 0.8em;
	color: #E5E5E5;
}

p.padding_top {
	margin-top: 20px;
}

a {
	text-decoration: none;
	color: #B82014;
}

a:hover {
	text-decoration: underline;
}



h1 {
	margin: 1em 0 0.5em 0;
	padding: 0.3em 0;
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #a4a4a4;
}

.gap_top {
	margin-top: 10px;
}

/*
.column_full h1 {
	background: url('../images/h1_1.jpg') no-repeat top left;
}

.column_1_6 h1, .column_1_6r h1 {
	background: url('../images/h1_1_6.jpg') no-repeat top left;
}

.column_1_4 h1, .column_1_4r h1 {
	background: url('../images/h1_1_4.jpg') no-repeat top left;
}

.column_1_3 h1, .column_1_3r h1 {
	background: url('../images/h1_1_3.jpg') no-repeat top left;
}

.column_1_2 h1, .column_1_2r h1 {
	background: url('../images/h1_1_2.jpg') no-repeat top left;
}

.column_2_3 h1, .column_2_3r h1 {
	background: url('../images/h1_2_3.jpg') no-repeat top left;
}
*/


h1 a {
	color: #333;
}

h2 {
	margin: 1em 0 0.5em 0;
	padding: 0;
	font-size: 1.1em;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	display: inline-block;
}

.box {
	width: 90%;
	margin: 0 auto 0.5em auto;
	padding: 0.5em;
	border: 1px solid #b4b4b4;
	background-color: #efefef;
}

#body_header a {
	color: #191C25;
	text-decoration: none;
}

#body_header a:hover {
	text-decoration: underline;
}

h1 span.sub_header {
	font-size: 12px;
}


/* Column defs */

#portfolio_image {
	height:290px;
	text-align:center;
}

#portfolio_image_info {
	text-align:right;
}


p {
	margin: 0 0 1em 0;
}

#column_left img {
	padding: 0 0 3px 5px;
}

img {
	border: 0;
}

div.portfolio img {
	padding: 0 0 3px 5px;
}

blockquote p {
	font: 14px/1.5em "Lucida Grande", "Lucida Sans Unicode", verdana, geneva, sans-serif;
	float: right;
	margin: 4px 0 0 10px;
	padding: 0px;
	width: 250px;
	border-top: 3px solid #e5e5e5;
	color: #999;
	text-align: left;
}

.news_link {
	margin-bottom: 12px;
}

form input.text {
	width: 250px;
}

form textarea {
	width: 520px;
	height: 200px;
}

input.text:focus, textarea:focus {
	background: #F3FFCE;
}

div.box_secret {
	width: 90%;
	margin: 0 auto 1em auto;
	padding: 1em;
	border: 1px solid #b4b4b4;
	background-color: #efefef;
}

.secret_input {
	width: 300px;
	height: 24px;
	font-size: 20px;
	float: left;
}

.secret_button {
	float: left;
	padding-left: 10px;
}



/* \*/
* html div#header_block {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/media/images/header.png', sizingMethod='crop');
}






/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Forms
 */

form fieldset {
	border: none;
}

form fieldset legend {
	margin-left: 12px;
	padding-bottom: 12px;
}

form fieldset div {
	width: 100%;
	padding: 6px 0;
	border-bottom: 1px solid #ddd;
}

form fieldset div:hover {
	background-color: #FFFED4;
}

form fieldset div.no_bottom {
	border-bottom: none;
}

form fieldset div.no_hover:hover {
	background-color: transparent;
}


form fieldset div label {
	display: block;
	float: left;
	width: 40%;
	padding-left: 10%;
}


form fieldset div input.text {
	width: 40%;
}

form fieldset div select {
	width: 40%;
}

form fieldset div img {
	margin-bottom: -3px;
}

form fieldset div small {
	display: block;
	clear: both;
	margin: 0 10%;
}




/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Tables
 */

table.display {
	margin: 0 auto;
}

table.display thead th {
	padding: 3px 10px;
	border-bottom: 1px solid black;
	font-weight: bold;
}

table.display tfoot th {
	padding: 3px 10px;
	border-top: 1px solid black;
	font-weight: bold;
}

table.display tr.heading2 td {
	border-bottom: 1px solid #aaa;
}

table.display td {
	padding: 3px 10px;
}

table.display td.center {
	text-align: center;
}

/*
table.display tr.oddA, table.display tr.oddU, table.display tr.oddX, table.display tr.oddC {
	background-color: #ddddff;
}

table.display tr.evenA, table.display tr.evenU, table.display tr.evenX, table.display tr.evenC {
	background-color: #eeeeff;
}
*/


table.display tr.oddA {
	background-color: #ddffdd;
}

table.display tr.evenA {
	background-color: #eeffee;
}

table.display tr.oddC {
	background-color: #ddddff;
}

table.display tr.evenC {
	background-color: #eeeeff;
}

table.display tr.oddX {
	background-color: #ffdddd;
}

table.display tr.evenX {
	background-color: #ffeeee;
}

table.display tr.oddU {
	background-color: #ddd;
}

table.display tr.evenU {
	background-color: #eee;
}

table.display tr.odd {
	background-color: #ddd;
}

table.display tr.even {
	background-color: #eee;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * API display
 */

.api_object {
	margin-top: 1em;
	border-left: 4px solid #aaaaaa;
	padding-left: 8px;
}

.api_parameter {
	margin-top: 1em;
	border-left: 4px solid #ffaaaa;
	padding-left: 8px;
}

.api_type {
	border-left: 4px solid #aaaaff;
	padding-left: 8px;
	background-color: #ddf;
}

.api_note {
	border-left: 4px solid #aaffaa;
	padding-left: 8px;
}

.api_inputs {
	border-left: 4px solid #ffffaa;
	padding-left: 8px;
}

.api_return {
	border-left: 4px solid #aaffff;
	padding-left: 8px;
}

.api_default {
	border-left: 4px solid #ffaaff;
	padding-left: 8px;
}

.api_object span, .api_parameter span, .api_type span, .api_note span, .api_inputs span, .api_return span, .api_default span {
	display: block;
	text-indent: -1em;
	margin-left: 1em;
}





/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
 * Home page
 */

ul.tabs {
	list-style: none;
	background: url('../images/tab_strip.jpg') no-repeat bottom left;
	height: 25px;
	padding-left: 75px;
	margin: 0;
	font-size: 18px;
}

ul.tabs li {
	display: block;
	height: 25px;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
	list-style-type: none;
	float: left;
}

ul.tabs li.label_active {
	border-bottom: 1px solid white;
	background: white url('../images/tab_label.jpg') no-repeat top left;
}

ul.tabs li a {
	display: block;
	height: 25px;
	padding-right: 10px;
	outline: none;
	color: #0B0E17;
}

ul.tabs li a:hover {
	color: #314C7E;
	text-decoration: none;
}

ul.tabs li.label_active a {
	background: url('../images/tab_label.jpg') no-repeat top right;
}

ul.tabs li {
	border-bottom: 1px solid transparent;
}

div.tab {
	display: none;
}

div.tab_active {
	margin-top: -1px;
	padding-top: 11px;
}



#links ul {
	margin: 9px 0 0 0;
	padding: 0;
	list-style:none;
}


div.release_notes {
	background-color: #EEEEEE;
	border: 1px solid #ddd;
	padding: 1em 1em 0 1em;
}

div.release_notes p {
	font-weight: bold;
}