/* generic definitions */

/* * {
	margin: 0;
	color: #FFFFFF;
	font-family: Verdana,Helvetica,Arial, sans-serif; 
} */

HTML, BODY {
	height: 100%;
}

/* Elements - Body */

BODY {	
	background: #384751;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
}

BODY.iframe {
	height: auto;
	background: #384751;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
}

/* Elements - Anchors */

A {
	color: #60B6D5;
	text-decoration: underline;
}

A:hover {
	text-decoration: underline;
}

#topnav A {
	display: block;
	float: left;
	font-size: 1.5em;
	margin: 0 15px 0 0;
}

#topnav A.home {
	height: 24px;
	background: url(../../images/home.png) no-repeat top left;
	padding: 3px 0 0 30px;
}

#topnav A.playground {
	height: 24px;
	background: url(../../images/playground.png) no-repeat top left;
	padding: 3px 0 0 30px;
}

#topnav A.docs {
	height: 24px;
	background: url(../../images/docs.png) no-repeat top left;
	padding: 3px 0 0 30px;
}

/* Elements - Images */

IMG {
	border: 0px;
}

/* Elements - Headers */

H1, H2, H3 {
	font-family: Georgia;
	text-align: left;
	margin: 0 0 10px 0;
	line-height: 1.5em;
}

/* Elements - Tables */

/* Elements - Forms */

INPUT {
	color: #000000;
}

INPUT.button {
	margin: 15px 0 0 0;
	background: #21759B url(../../images/button-grad.png) repeat-x scroll left top;
	border: 1px solid #298CBA !important;
	color: #FFFFFF !important;
}

/* Elements - Paragaphs */

/* Elements - Spans */

/* Elements DIV's */

#custheader DIV.container {
	width: 960px;
	margin: 0 auto 0 auto;
}

/* Misc Elements */

/* Classes */

/* ID's */

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -45px;
}

#custheader {
	height: 117px;
	background: url(../../images/header-bg.png) repeat-x top left;
}

#custheader DIV.container #logo {	
	float: left;
	width: 218px;
	padding: 33px 0 0 0;
}

#custheader DIV.container #topnav {
	float: right;
	padding: 80px 0 0 0;
}

#body {
	min-height: 670px;
	height: 670px !important;
	background: #384751 url(../../images/content-bg.jpg) no-repeat top left;
	margin: 0;
	padding: 10px 10px 10px 50px;
}

#custfooter {
	height: 45px;
/*	background: url(../../images/footer-bg.png) repeat-x top left; */
}