/* Ninja Promo
* By Richie Mortimer
* http://www.ravenwebdesign.com
* http://www.ninjoomla.com 
* Copyright (C) 2007 Richie Mortimer www.ninjoomla.com - Code so sharp, it hurts.
* email: ravenlife@raven-webdesign.com
* date: January, 2008
* Release: 1.0
* License : http://www.gnu.org/copyleft/gpl.html GNU/GPL 
*
* The Ninja Promo module allows you create a professional Web 2.0 promotion/sales front page for your website. Increasing the professional look of your site and the trust it generates for customers. Which means increased sales.
*
* Position up to 4 infomation boxes in which you can place main text and sub text, a screenshot of your product, and choose to place quick tour and signup/buy links. 
*
* The module allows you to pick between left or right orientation.
*
* The module is also CSS and XHTML valid
*
* You can also add titles and alt tags to your images to also increase the SEO benefits of your font page.
*
* Features and Changelog:
*
    * Use from 0-4 images
    * Use a screenshot of your product
    * Optional Main Text and Sub Text
    * 0-2 buttons to send your visitors to sign up and information pages.
*
* 
*
###################################################################
//Ninja Promo
//Copyright (C) 2007 Richie Mortimer. Ninjoomla.com. All rights reserved.
//
//This program is free software; you can redistribute it and/or
//modify it under the terms of the GNU General Public License
//as published by the Free Software Foundation; either version 2
//of the License, or (at your option) any later version.
//
//This program is distributed in the hope that it will be useful,
//but WITHOUT ANY WARRANTY; without even the implied warranty of
//MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//GNU General Public License for more details.
//
//You should have received a copy of the GNU General Public License
//along with this program; if not, write to the Free Software
//Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
###################################################################*/

#joincontainer {
	position: relative;
	height: 470px;
	width: 800px;
	text-align:left;
	margin: 0pt auto;
}
#joincontainer img {
position: absolute;
}
#screentext {
position: absolute;
left: 31px;
top: 22px;
text-align: center;
}
.info h1 {
font-size: 34px;
}
.info p {
font-size: 30px;
}

a #tourbuttontext ,a #joinbuttontext  {
   line-height: 34px;
   /*border: 2px solid #85A4C1;*/
   display:block;
   font-weight: bold;
   padding-top: 3px;
   text-align: center;
   background-position: 0 0;
   color: #333333;
}
a:hover #tourbuttontext, a:hover #joinbuttontext {
   color: #fff;
   background-position: 100% 100%;
}
#joinbutton, #tourbutton {
height: 38px;
left: 495px;
width: 276px;
}
#joinbutton {
top: 377px;
}
#tourbutton {
top: 427px;
}
div.jnbutton {
background-repeat: no-repeat;
margin: 0;
padding: 0;
position: absolute;
}

div.content {
height: 70px;
}
#screenshotleft {
top: 157px;
position: absolute;
}
a img {
border: none;
}
#box0 {
left: 462px;
top: 22px;
width: 337px;
}
#box1 {
left: 462px;
top: 105px;
width: 337px;
}
#box2 {
left: 462px;
top: 189px;
width: 337px;
}
#box3 {
left: 462px;
top: 273px;
width: 337px;
}
.content {
background-repeat:no-repeat;
margin: 0pt;
padding: 0pt;
position: absolute;
}
.content h1 {
font-size: 16px;
font-weight: bold;
text-align: center;
}
.content p {
font-size: 12px!important;

}
.content p {
top: 22px;
}
.content h1, .content p {
background: none;
margin-left: 59px;
position: absolute;
}