/* CSS Document */

/* --------------------------   Global CSS ----------------------------  */


h1
{
font-size:38px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
}

h2
{
font-size:24px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
color:red;
}



h4
{
font-size:18px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
}

h5
{
font-size:14px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
}

h6
{
font-size:18px;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
color:red;
}

li
{
padding:4px;
}




/* --------------------------  ID CSS  ----------------------------*/

#mainOuter
{
width:750px;
margin-left:auto;
margin-right:auto;
}

#logo
{
width:280px;
float:left;
margin:0px;
padding:0px;
border:0px;
}

#navBar
{
padding-top:163px;
padding-bottom:0px;
margin:0px;
width:520px;
float:left;
border:0px;
}

#contentTop
{
background-image:url(site_images/whiteTop.jpg);
background-repeat:no-repeat;
width:750px;
height:33px;
clear:both;
}

#contentOuter
{
width:750px;
background-color:#FFFFFF;

}

#contentInner
{
width:750px;
margin-left:auto;
margin-right:auto;
}

#contentFill
{
width:100%;
background-color:#FFFFFF;
clear:both;
}

#contentLeft
{
float:left;
width:500px;
margin-right:11px;
}

#contentRight
{
width:251px;
float:left;
}

#joinRanks
{
background-image:url(site_images/joinRanksBox.jpg);
background-repeat:no-repeat;
width:495px;
height:518px;
margin-left:auto;
margin-right:auto;
margin-bottom:20px;
margin-top:40px;
}

#joinRanksInner
{
width:96%;
padding-top:8px;
margin-left:auto;
margin-right:auto;
}

#pantheonLogo
{
width:647px;
margin-left:auto;
margin-right:auto;
}

#oneSystem
{
width:440px;
margin-left:auto;
margin-right:auto;
}

#pillar1
{
background-image:url(site_images/pillar1Box.jpg);
background-repeat:no-repeat;
width:757px;
height:337px;
margin-left:auto;
margin-right:auto;
}

#pillar1Inner
{
width:360px;
margin-left:8px;
padding-top:8px;
}

#pillar2
{
background-image:url(site_images/pillar2box.jpg);
background-repeat:no-repeat;
width:750px;
height:647px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#pillar2left
{
width:360px;
margin-left:8px;
padding-top:8px;
}

#pillar2right
{
width:360px;
margin-left:380px;
margin-top:0px;
}

#pillar3
{
background-image:url(site_images/pillar3box.jpg);
background-repeat:no-repeat;
width:750px;
height:527px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#pillar3left
{
width:360px;
margin-left:8px;
padding-top:8px;
}

#pillar3right
{
width:360px;
margin-left:380px;
margin-top:0px;
}

#guarantee
{
background-image:url(site_images/guaranteeBox.jpg);
background-repeat:no-repeat;
width:750px;
height:297px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
}

#guaranteeTop
{
width:530px;
margin-left:220px;
padding-top:8px;
}

#circleChart
{
float:right;
}

#mission1
{
background-image:url(site_images/mission1box.jpg);
background-repeat:no-repeat;
width:750px;
height:216px;
margin-left:auto;
margin-right:auto;
}

#mission3
{
background-image:url(site_images/mission3box.jpg);
background-repeat:no-repeat;
width:757px;
height:161px;
margin-left:auto;
margin-right:auto;
margin-top:12px;
}

#mission5
{
background-image:url(site_images/mission5box.jpg);
background-repeat:no-repeat;
width:750px;
height:161px;
margin-left:auto;
margin-right:auto;
margin-top:12px;
}

#recap
{
background-image:url(site_images/recapBox.jpg);
background-repeat:no-repeat;
width:750px;
height:272px;
margin-left:auto;
margin-right:auto;
}

#bonusLeft
{
width:182px;
float:left;
}

#bonusRight
{
width:580x;
float:left;
}

#orderNow
{
width:277px;
margin-left:auto;
margin-right:auto;
}

#contentBottom
{
background-image:url(site_images/whiteBottom.jpg);
background-repeat:no-repeat;
width:750px;
height:34px;
clear:both;
}

#bottomReflect
{
background-image:url(site_images/bottomReflect.jpg);
background-repeat:no-repeat;
width:750px;
height:121px;
}

/* --------------------------  Class CSS  ----------------------------*/

.greenTxt
{
color:red;
}

.boldTxt
{
font-weight:bold;
}

.longBubble
{
background-image:url(site_images/longBubble.jpg);
background-repeat:no-repeat;
width:728px;
height:82px;
margin-left:auto;
margin-right:auto;
color:red;
font-size:18px;
font-weight:bold;
}

.longBubbleInner
{
width:703px;
height:76px;
margin-left:auto;
margin-right:auto;
padding-top:8px;
}

.mediumBubble
{
background-image:url(site_images/mediumBubble.jpg);
background-repeat:no-repeat;
width:485px;
height:82px;
margin-left:auto;
margin-right:auto;
color:red;
font-size:18px;
font-weight:bold;
}

.mediumBubbleInner
{
width:470px;
height:76px;
margin-left:auto;
margin-right:auto;
padding-top:8px;
}

.shortBubbleOuter
{
width:251px;
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
}

.shortBubbleTop
{
background-image:url(site_images/shortBubbleTop.jpg);
background-repeat:no-repeat;
width:251px;
height:28px;
}

.shortBubbleMiddle
{
background-color:#f0f0f0;
width:251px;
}

.shortBubbleMiddleInner
{
width:200px;
margin-left:auto;
margin-right:auto;
}

.shortBubbleBottom
{
background-image:url(site_images/shortBubbleBottom.jpg);
background-repeat:no-repeat;
width:251px;
height:47px;
}

.quote
{
margin-left:6px;
margin-top:8px;
}

.bulletList
{
list-style:none;
margin-left:12px;
margin-top:6px;
margin-bottom:6px;
padding:0px;
}

.bullet
{
background-image:url(site_images/bullet.gif);
background-repeat:no-repeat;
background-position:0px 5px;
padding-left:16px;
}

.p
{
margin-top:0px;
}

.itallicGrey
{
font-style:italic;
color:#666666;
}

.missionInner
{
margin-left:8px;
margin-right:8px;
padding-top:8px;
}

.missionDiv
{
width:740px;
margin-left:auto;
margin-right:auto;
}

.strike
{
text-decoration:line-through;
}

.h4
{
font-size:20px;
font-weight:bold;
padding-bottom:6px;
border-bottom:dotted 1px #CCCCCC;
}

.bonusOuter
{
width:750px;
}

.bonusSpace
{
height:20px;
clear:both;
}

.bonusLeft
{
width:182px;
float:left;
}

.bonusRight
{
width:580px;
float:left;
}