/*
Theme Name: ACTSPAND
Theme URI: 
Author: RjMcHilNerz
Author URI: 
Description: 
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}

.skip-link { display:none; }
.left { float:left !important; }
.right { float:right !important; }
.alignleft { float:left; margin-right:20px; }
.alignright { float:right; margin-left:20px; }
.aligncenter { display:block; margin:0 auto; }
.clear:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clearBoth { clear:both; }


/* =Global
----------------------------------------------- */

body, 
input, 
textarea { color: #434343; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: 300; line-height: 1.5; }

/* Headings */
h1,h2,h3,h4,h5,h6 { clear: both; }
hr { background-color: #ccc; border: 0; height: 1px; margin-bottom: 20px; }

/* Text elements */
p { margin:0 0 20px 0; line-height:20px; }

ul, ol { margin: 0 0 20px 20px; }
ul { list-style: square; }
ol { list-style-type: decimal; }
ol ol { list-style: upper-alpha; }
ol ol ol { list-style: lower-roman; }
ol ol ol ol { list-style: lower-alpha; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
dl { margin: 0 20px; }
dt { font-weight: bold; }
dd { margin-bottom: 20px; }
strong { font-weight: bold; }
cite, em, i { font-style: italic; }
blockquote { font-family: Georgia, "Bitstream Charter", serif; font-style: italic; font-weight: normal; margin: 0 20px; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
lockquote cite { color: #666; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; letter-spacing: 0.05em; text-transform: uppercase; }
pre { background: #f4f4f4; font: 13px "Courier 10 Pitch", Courier, monospace; line-height: 1.5; margin-bottom: 20px; overflow: auto; padding: 10px 20px; }
code, kbd { font: 13px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } 
abbr, acronym, dfn { border-bottom: 1px dotted #666; cursor: help; }
address { display: block; margin: 0 0 20px; }
ins { background: #fff9c0; text-decoration: none; }
sup,
sub { font-size: 10px; height: 0; line-height: 1; position: relative; vertical-align: baseline; } 
sup { bottom: 1ex; }
sub { top: .5ex; }

/* Forms */
input[type=text],
input[type=password],
select,
textarea { background: #fafafa; -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); border: 1px solid #ddd; color: #525252; }
input[type=text]:focus, 
textarea:focus,
select:focus { color: #373737; border:1px solid #CCC; }
textarea { padding:3px; width:98%; height:120px; }
input[type=text] { padding: 3px; }
select { padding: 3px; width:256px; }
input#s { background: url(images/search.png) no-repeat 5px 6px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 22px; line-height: 1.2em; padding: 4px 10px 4px 28px; }
input#searchsubmit { display: none; }

/* Links */
a { color: #7b7b6b; text-decoration: none; }
a:focus,
a:active,
a:hover { text-decoration: underline; }


/*^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^_^*/

html { background:#FFF url(../images/html-bg.jpg) repeat-x 50% 0; }

#landing-page { width:818px; margin:60px auto; border:1px solid #FFF; -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); -moz-border-radius: 10px; border-radius: 10px; min-height:378px; height:auto !important; height:378px; position:relative; }

	#logo-copyright { text-align:center; padding:96px 0; }
	#logo-copyright h1 { margin:0; padding:0; }
	#logo-copyright a.logo { margin:0 auto 10px; padding:0; text-indent:-999em; overflow:hidden; background:url(../images/landing-logo.gif) no-repeat 50% 0; width:210px; height:105px; display:block; }
	#logo-copyright div.copyright { color:#a2a2a2; font-size:11px; }

#landing-page img.landing-page-image { position:absolute; top:0; left:0; -moz-border-radius: 10px; border-radius: 10px; z-index:-1; }

	#translate-natures { text-align:center; position:absolute; z-index:10; left:0; top:350px; width:100%; }
	#translate-natures div.translate { float:left; width:408px; position:relative; }
		.translate ul.flag-links { margin:0; padding:0; }
		.translate ul.flag-links li { display:inline-block; zoom:1; *display:inline; }
		.translate ul.flag-links li a { display:block; width:32px; height:25px; }
	#translate-natures div.natures { float:right; width:408px; position:relative; }
	#translate-natures div img.buttons { -moz-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33); -webkit-box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33); box-shadow: 0 4px 4px 0 rgba(0,0,0,0.33); -moz-border-radius: 4px; border-radius: 4px; margin:0 0 5px; }
	#translate-natures div.translate div.description { display:none; position:absolute; width:214px; padding:15px 20px; height:94px; right:-153px; top:-40px; background:#FFF; -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); border:1px solid #FFF; -moz-border-radius: 5px; border-radius: 5px; text-align:left; z-index:40; }
	#translate-natures div.translate div.description span.desc-arrow { display:block; height:124px; background:url(../images/description-arrow-left.png) no-repeat 0 50%; width:6px; position:absolute; top:0; left:-7px; z-index:40; }
	#translate-natures div.natures div.description { display:none; position:absolute; width:214px; padding:15px 20px; height:94px; left:-153px; top:-40px; background:#FFF; -moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); box-shadow: 0 0 20px 0 rgba(0,0,0,0.19); border:1px solid #FFF; -moz-border-radius: 5px; border-radius: 5px; text-align:left; z-index:40; }
	#translate-natures div.natures div.description span.desc-arrow { display:block; height:124px; background:url(../images/description-arrow-right.png) no-repeat 0 50%; width:6px; position:absolute; top:0; right:-7px; z-index:40; }
	
	
.translate ul.flag-links li a:hover img, #translate-natures div img.buttons:hover { opacity:0.9; filter:alpha(opacity=90); }

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background:#FFF; z-index:20; }