/*   
Theme Name: Jubaloo
Theme URI: http: //www.jubaloo.com/
Description: A theme designed for Jubaloo's web site. Jubaloo: Out-of-the-Box Revenue.
Author: Dru Kelly
Author URI: http: //www.drukelly.com/
Version: 1.0
Tags: jubaloo, sms, wap, online video, widget applications
.
This theme is not for distribution! This theme is only for
Jubaloo's web site. Please contact author for more information.
.
*/

html,
body
{
	background: #fff url('images/body-bg.jpg') repeat-x top left;
	color: rgb(51, 51, 51);
	font: 13px/17px  "Franklin Gothic Book", Arial, Helvetica, sans-serif;
	line-height: 17px;
	margin: 0 auto;
	height: 100%;
}

a { text-decoration: none; color: #3014a5; }
a: hover{ text-decoration: underline; }

strong,b { 
         font-weight: bold;
         font-family: "Franklin Gothic Book", Arial, Helvetica, sans-serif;
}

form fieldset,
h1,
h2,
h3 { margin-bottom: .5em; }

h1 { font-size: 200%; }
h2 { font-size: 150%; }
h3 { font-size: 125%; }

a span { display: none; }

/* Layout/Header */

div#top,
div#header-container,
div#actual-footer
{
	width: 960px;
	margin: 0 auto;
}

div#top
{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -128px;
}

div#mast
{
	position: relative;
	height: 104px;
}

div#mast h1
{
	background: url('images/jubaloo-logo2.jpg') no-repeat scroll top left;
	width: 208px;
	height: 104px;
	position: absolute;
	top: 0;
	left: 0;
}
	div#mast h1 a
	{
		display: block;
		width: 208px;
		height: 104px;
	}
	
/* Navigation */

div#mast ul,
div#mast ul#home
{
	background: url('images/navbar.jpg') no-repeat scroll top left;
	position: absolute;
	top: 60px;
	right: 0;
	width: 636px;
	height: 36px;
}
	div#mast ul li
	{
		float: left;
		display: inline;
	}
		div#mast ul li#btn-1 { width: 67px; }
		div#mast ul li#btn-2 { width: 147px; }
		div#mast ul li#btn-3 { width: 90px; }
                  div#mast ul li#btn-4 { width: 93px; }
                  div#mast ul li#btn-5 { width: 59px; }
		div#mast ul li#btn-6 { width: 116px; }
                  div#mast ul li#chat { width: 64px; }

		
		div#mast ul li a { display: block; height: 36px; }
            
		
		div#mast ul#home li#btn-1 a,
		div#mast ul li#btn-1 a:hover { background: url('images/navbar.jpg') no-repeat scroll left -36px; }
		
		body#what-is-jubaloo div#mast ul li#btn-2 a,
		div#mast ul li#btn-2 a:hover { background: url('images/navbar.jpg') no-repeat scroll -67px -36px; }
		
		body#about-us div#mast ul li#btn-3 a,
		div#mast ul li#btn-3 a:hover { background: url('images/navbar.jpg') no-repeat scroll -214px -36px; }
		
		body#partners div#mast ul li#btn-4 a,
		div#mast ul li#btn-4 a:hover { background: url('images/navbar.jpg') no-repeat scroll -304px -36px; }

                  body#blog div#mast ul li#btn-5 a,
		div#mast ul li#btn-5 a:hover { background: url('images/navbar.jpg') no-repeat scroll -397px -36px; }


                  body#contact-info div#mast ul li#btn-6 a,
		div#mast ul li#btn-6 a:hover { background: url('images/navbar.jpg') no-repeat scroll -456px -36px; }
                  
/* Header */

div#header
{
	background: url('images/highlight-top.png') no-repeat scroll top center;
	width: 100%;
	height: auto;
	padding-top: 22px;
}

	div#header-left
	{
		float: left;
		display: inline;
		width: 336px;
		height: 252px;
		background: transparent url('images/home-left.jpg') no-repeat top left;
	
	}

	div#flash-bg
	{
		float: left;
		display: inline;
		width: 624px;
		height: 252px;
		background: transparent url('images/flash-bg.jpg') no-repeat top left;
	}

	div#highlight-bottom
	{
		background: url('images/highlight-bottom.png') no-repeat bottom center;
		width: 100%;
		height: auto;
		padding-bottom: 31px;
	}

/* Content Container */

.two-columns
{
	float: left;
	display: inline;
	width: 478px;
}
	.two-columns p,
	.two-columns ul,
	.two-columns ol,
	.big-column p,
	.big-column ul,
	.big-column ol,
	
	.small-column p,
	.small-column ul,
	.small-column ol { margin-bottom: 1.25em; }
	
	.two-columns ul,
	.two-columns ol,
	.big-column ul,
	.big-column ol,
	.small-column ul,
	.small-column ol
	{
		margin-right: 1.25em;
		margin-left: 3.5em;
	}
	
	.two-columns ul,
	.big-column ul,
	.small-column ul { list-style: outside disc; }
	.two-columns ol,
	.big-column ol,
	.small-column ol { list-style: outside decimal; }
	
	.two-columns h2,
	.big-column h2,
	.small-column h2
	{
		margin: 1em 0 0 1.5em;
		padding-bottom: 6px;
	}

	.two-columns p,
	.two-columns form,
	.big-column p,
	.big-column form,
	.small-column p
	{
		margin-right: 3em;
		margin-left: 1.75em;
	}
	
	.two-columns form p,
	.big-column form p { padding: 0 !important; margin: 1.5em 0 !important; }
	
.big-column,
.small-column
{
	float: left;
	display: inline;
}

.big-column { width: 724px; }
.small-column { width: 232px; }
	
.column-left-border { border-left: 1px solid #ccc; }
.column-right-border { border-right: 1px solid #ccc; }

/* Form */

.form-two-column
{
	float: left;
	display: inline;
	width: 175px;
}

/* Footer */

div#push,
div#footer { height: 128px; }

div#footer
{
	width: 100%;
	margin: 0 auto;
	padding-top: 2em;
}

	div#actual-footer
	{
		background: transparent url('images/jubaloo-small2.jpg') no-repeat scroll top left;
	}

	div#actual-footer ul
	{
		float: left;
		display: inline;
		width: 800px;
		padding-left: 6.5em;
	}

		div#actual-footer li
		{
			float: left;
			display: inline;
			padding: .25em .5em;
			border-right: 1px solid #ccc;
			font-size: 11px;
			line-height: 11px;
		}
		div#actual-footer li.last { border-right: none; }
		
		div#actual-footer p
		{
			font-size: 11px;
			line-height: 14px;
			margin: .5em 0 .5em 7em;
		}

/* Classes */

.clear
{
	clear: both;
	overflow: hidden;
	height: 0 !important;
}

div.space { height: 10em; display: block; }

div.rule
{
	border-bottom: 1px solid #ccc;
	margin: 2.5em 2em 2em 1.25em;
}
	div.rule div { display: none; }

.txt-right { text-align: right; }
.txt-left { text-align: left; }
.txt-center { text-align: center; }

.alignleft { float: left; display: inline; width: auto !important; height: auto !important; }
.alignright { float: right; width: auto !important; height: auto !important; }