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

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

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: #333333;
	background-color: #FFFFFF;
	background-image: url('../webstager_home1.jpg');
	background-position: top center;
	background-repeat: repeat-x;
}

img {
	border-style: none;
}

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

/* Page */
div#page {
	font-size: 0.82em;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 1130px;
	height: 550px;
	left: 50px;
	top: -2px;
}

/* 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: 117px;
}

div#page div.header div.rss {
	position: absolute;
	right: 148px;
	top: 16px;
}

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

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

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

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

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



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: #333333;
	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: -35px; top: 0px;
	width: 307px; height: 117px;
}

div#page div.header div.links {
	position: absolute;
	right: 0px; bottom: 20px;
}

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

/* Sites: Flash iFrame */
div#page div.sites {
	width: 1130px;
	height: 565px;
	margin-bottom: 5px;
}	

/* Content */
div#page div.content {
	position: relative;
}

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: 583px;
	position: absolute;
	left: 85px;
	top: 8px;
	height: 142px;
}

div#page div.content div.definition1 {
	position: absolute;
	color: #FFFFFF;
	width: 285px;
	right: 166px; top: 233px;
	font-size: 90%;
}


div#page div.content div.definition2 {
	position: absolute;
	color: #FFFFFF;
	width: 158px;
	left: 85px;
	top: 480px;
	font-size: 90%;
	height: 1px;
}

div#page div.content div.definition3 {
	position: absolute;
	color: #FFFFFF;
	width: 382px;
	right: 30px;
	top: 0px;
	font-size: 90%;
	height: 1px;
}


div#page div.content div.definition4 {
	position: absolute;
	color: #FFFFFF;
	width: 78px;
	left: 0px;
	top: 36px;
	font-size: 90%;
	height: 1px;
}

div#page div.content div.definition4a {
	position: absolute;
	color: #FFFFFF;
	width: 279px;
	left: 78px;
	top: 46px;
	font-size: 90%;
	height: 1px;
}

div#page div.content div.definition5 {
	position: absolute;
	color: #FFFFFF;
	width: 158px;
	right: 250px;
	top: 340px;
	font-size: 90%;
	height: 1px;
}

div#page div.content div.definition6 {
	position: absolute;
	color: #FFFFFF;
	width: auto;
	left: 89px;
	top: 456px;
	font-size: 90%;
	height: 1px;
}
/* Content: Left Div News feeds */
div#page div.tgb a {
	color: #006699;
	text-decoration: none;
	font-size: 90%;
}


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

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: 100px; height: 40px;
}

/* Content: Right Div */

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

div#page div.content div.right {
	position: absolute;
	right: 47px; top: 14px;
	width: 364px;
	color: #333333;
	
}

div#page div.content div.right div.div1, div#page div.content div.right div.div2 {
	position: absolute;
	margin-bottom: 3.5em;
	left: -62px;
	top: 51px;
}

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: 100%;
	padding-left: 20px;
	padding-bottom: 20px;
}

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

div#page div.content div.right img.left {
	left: -138px; top: -53px;
}

div#page div.content div.right img.readMore {
	position: absolute;
	right: 0px; bottom: -20px;
	width: 124px; height: 50px;
}


/* Footer */

div#page div.footer {
	position: absolute;
	bottom: -557px;
	width: 100%;
	height: 68px;
	left: 39px;
}

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

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: 63px; height: 26px;
} 

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

div#page div.footer img#letsvous {
	right: 20px; bottom: 37px;
	width: 99px; height: 12px;
}
div#page div.footer img#twitter {
	left: 71px; bottom: 8px;
	width: 150px; height: 55px;
}