/*
	Main Stylesheet for WebStager
	By <hutzmedia.com>
	May 02, 2008 
*/

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('http://www.themegreen.com/bears/bears_coming_files/bears_tgreen2.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

img {
	border-style: none;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Page */
div#page {
	font-size: 1em;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 994px; height: 900px;
}

/* Page Database*/
div#page.database {
	font-size: 0.82em;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 994px; height: 1024px;
}

/* Header */
div#page div.header {
	position: relative;
	height: 317px;
	
}

div#page div.header div.white {
	position: absolute;
	right: 210px;
	top: 25px;
}

div#page div.header div.white img {
	width: 25px;
	height: 25px;	
}

div#page div.header div.white1 {
	position: absolute;
	right: 185px;
	top: 25px;
}

div#page div.header div.white1 img {
	width: 25px;
	height: 25px;	
}

div#page div.header div.rss {
	position: absolute;
	right: 75px;
	top: 650px;
}

div#page div.header div.rss img {
	width: 36px;
	height: 41px;
}

div#page div.header div.bear_per {
	position: absolute;
	right: 836px;
	top: 545px;
	width: 263px;
	height: 267px;
}

div#page div.header div.bear per img {
	width: 263px;
	height: 267px;
}
div#page div.header div.flash {
	position: absolute;
	right: 195px;
	top: 16px;
}

div#page div.header div.j_script img {
	width: 54px;
	height: 36px;
}

div#page div.header div.j_script {
	position: absolute;
	right: 210px;
	top: 16px;
}

div#page div.header div.flash img {
	width: 41px;
	height: 41px;	
}

div#page div.header div.textSize {
	position: absolute;
	cursor: default;
	right: 32px;
	top: 16px;
	width: 100px;
	color: #646464;
	padding: 3px;
	font-size: 9pt; /* absolute font size so it doesn't resize with page */
}

div#page div.header div.textSize a {
	display: block;
	position: absolute;
	right: 0px; top: 0px;
	
	width: 12px;
	text-decoration: none;
	border: #646464 solid 1px;
	padding: 1px;
	color: #FFFFFF;
	text-align: center;
}
div#page div.header div.textSize a.disabled {
	border: #444444 solid 1px;
	color: #444444;
}

div#page div.header div.textSize a#smaller {
	right: 15px;
}

div#page div.header img {
	position: absolute;
	left: 145px; top: -122px;
	width: 263px; height: 267px;
}

div#page div.header div.links {
	position: absolute;
	right: 56px;
	bottom: -4px;
	width: 718px;
}

div#page div.header div.links a {
	font-size: 120%;
	padding: 4px;
	margin-left: 14px;
	color: #009D94;
	text-decoration: none;
}

/* Sites: Flash iFrame */
div#page div.sites {
	margin-left: 5px;
	width: 980px;
	height: 300px;
	margin-bottom: 19px;
}	

/* Content */
div#page div.content {
	position: absolute;
	left: 322px;
	top: 315px;
}

body.internal div#page div.content  {

	height: 840px;
	overflow: auto;
		
}

div#page div.content div.title img {
	width: 975px; height: 57px;
	margin-left: 9px;
	margin-bottom: 1em;
}

div#page div.content p.readmoreHeader {
	color: #FB8D77;
	font-size: 160%;
	letter-spacing: 0.02em;
	margin-bottom: 1em;
}

/* Normal */
div#page div.content div.description {
	color: #DDDDDD;
	font-size: 90%;
	width: 60%;
}

div#page div.content div.description span { 
	color: #0099FF;
	font-weight: bold;
}

div#page div.content div.definition {
	position: absolute;
	color: #FB8D77;
	width: 30%;
	right: 0px; top: 3.5em;
	font-size: 140%;
}

/* Marketing */
body.marketing div#page div.content div.description {
	
	width: 45%;
	
}
body.marketing div#page div.content div.definition {
	
	width: 50%;
	
}

div#page div.content div.definition p.origin {
	font-size: 60%;
	text-decoration: underline;
}

div#page div.content div.definition p {
	margin-top: 1em;
}

/* Content: Left Div */
div#page div.content div.left {
	color: #000000;
	width: 400px;
	position: absolute;
	left: 10px;
	top: 6px;
}



div#page div.content div.left div {
	margin: 0px; padding: 0px;
	margin-bottom: 0.4em;
	font-size: 0.82em;
}

div#page div.content div.left div.heading {
	font-size: 175%;
	font-weight: bold;
}
div#page div.content div.left div.h2 {
	font-size: 125%;
	letter-spacing: 0.2px;
}

div#page div.content div.left img.readMore {
	margin-top: 0.5em;
	width: 87px; height: 18px;
}

/* Content: Right Div */

.style1 {color: #009900}
.style2 {color: #00CCFF}
.style7 {color: #FFFFFF}

div#page div.content div.right {
	position: absolute;
	right: -209px; top: 25px;
	width: auto;
	color: #000000;
	
}


div#page div.content div.right div.div1, div#page div.content div.right div.div2 {
	position: relative;
	margin-bottom: 3.5em;
}

div#page div.content div.right div.div1 div, div#page div.content div.right div.div2 div {
	width: 443px;
	margin: 0px; padding: 0px;
	font-size: 85%;
	padding-left: 20px;
	padding-bottom: 20px;
}

div#page div.content div.right img {
	width: 112px; height: 108px;
	position: absolute;
}

div#page div.content div.right img.left {
	left: -112px; top: 0px;
}

div#page div.content div.right img.readMore {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 87px; height: 18px;
}

/* Content: Left Div News feeds */
div#page div.tgb a {
	color: #009933;
	text-decoration: none;
	font-size: 140%;
}

/* Pre Footer */

div#page div.pre_footer {
	position: absolute;
	bottom: 99px;
	width: 100%;
	height: 68px;
	left: 1px;
}

div#page div.pre_footer p {
	margin: 0px;
	padding: 0px;
	font-size: 75%;
	text-align: left;
	color: #FFFFFF;
	position: absolute;
	left: 101px;
	bottom: 27px;
	width: 742px;
}


div#page div.pre_footer p a {
	text-decoration: underline;
	color: #FFFFFF;
}

/* Footer */

div#page div.footer {
	position: absolute;
	bottom: 0px;
	width: 100%; height: 68px;
}

div#page div.footer p {
	margin: 0px; padding: 0px;
	font-size: 75%;
	text-align: center;
	color: #646464;
	
	position: absolute;
	left: 320px; bottom: 35px;
}

div#page div.footer p1 {
	margin: 0px; padding: 0px;
	font-size: 75%;
	text-align: center;
	color: #ffffff;
	
	position: absolute;
	left: 880px; bottom: 55px;
}


div#page div.footer p {
	margin: 0px; padding: 0px;
	font-size: 75%;
	text-align: center;
	color: #646464;
	
	position: absolute;
	left: 261px; bottom: 36px;
}


div#page div.footer p a {
	text-decoration: underline;
	color: #646464;
}

div#page div.footer img {
	position: absolute;
}

div#page div.footer img#mimi {
	left: 20px; bottom: 33px;
	width: 255px; height: 55px;
} 

div#page div.footer img#themegreen {
	right: 140px; bottom: 37px;
	width: 97px; height: 12px;
}

div#page div.footer img#letsvous {
	right: 30px; bottom: 37px;
	width: 99px; height: 12px;
}