/* Code created by and for Creative Expertise,llc November 2009. All rights copyrighted.*/



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

body 
{ 
text-align:center;
background-color: #FFFFFF;
}


div#container 
{
width: 800px;
height: 600px;
padding: 0;
left: 0;
top: 30px;
text-align: left;
position:relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
right: 0;
bottom: 0px;
background-color: #000;
}


p 
{
font:12px charcoal, times, serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-align:left;
text-transform: none;
text-decoration: none;
letter-spacing:0.08em;
line-height: 14px;
word-spacing:.10em;
margin: 0px 0px 12px 0px;
color: #000;
}

/***********Social Groups***********/


div#socialgroups {

height: 20px;
width: 800px;
top: 20px;
left: 0px;
position: relative;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
padding: 0px;
color: #000;
}

div#facebook {
height: 20px;
width: 124px;
top: 0px;
left: 490px;
position: absolute;
padding: 0px;
color: #000;
text-decoration:none;
}

div#facebook a{
height: 20px;
width: 124px;
top:0px;
left:0px;
margin-top: 0;
position: relative;
color: #000;
}


div#twitter {
height: 20px;
width: 124px;
top: 0px;
left: 635px;
position: absolute;
padding: 0px;
color: #000;
text-decoration:none;
}


div#twitter a{
height: 20px;
width: 124px;
top:0px;
left:0px;
margin-top: 0;
position: relative;
color: #000;
}



/***********END***********/


/***********Main Navigation***********/


div#mainnav {
height: 56px;
width: 800px;
top:0px;
left:0px;
margin:0px;
padding: 0px;
position: absolute;
}

div#ecofriendly {
height: 56px;
width: 271px;
top:0px;
left:0px;
margin:0px;
padding: 0px;
position: absolute;
background-image: url(graphics/ecofriendly.jpg);
background-repeat: no-repeat;
background-position: center left;
}

div#ecofriendly a{
height: 56px;
width: 271px;
top:0px;
left:0px;
margin:0px;
padding: 0px;
position: absolute;
}

div#ecofriendly a:hover{
background-image: url(graphics/ecofriendly_on.jpg);
background-repeat: no-repeat;
background-position: center left;
}

div#about {
height: 56px;
width: 259px;
top:0px;
left: 269px;
margin:0px;
padding: 0px;
position: absolute;
background-image: url(graphics/index_about.jpg);
background-repeat: no-repeat;
background-position: center left;
}


div#about a{
height: 56px;
width: 259px;
top:0px;
left: 0px;
margin:0px;
padding: 0px;
position: absolute;
}

div#about a:hover{
background-image: url(graphics/index_about_on.jpg);
background-repeat: no-repeat;
background-position: center left;
}


div#blog {
height: 56px;
width: 269px;
top: 0px;
left: 527px;
margin: 0px;
padding: 0px;
position: absolute;	
background-image: url(graphics/index_blog.jpg);
background-repeat: no-repeat;
background-position: center left;
}

div#blog a{
height: 56px;
width: 259px;
top: 0px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;	
}

div#blog a:hover{
background-image: url(graphics/index_blog_on.jpg);
background-repeat: no-repeat;
background-position: center left;
}

/***********END***********/


/***********LOGO***********/

div#logo {
height: 174px;
width: 271px;
top: 55px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;	
background-image: url(graphics/logo.jpg);
background-repeat: no-repeat;
background-position: center left;
}

/***********END***********/

/***********STAB POKE JAB***********/

div#stabpokejab {
height: 112px;
width: 271px;
top: 228px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;
background-image: url(graphics/stabpokejab.jpg);
background-repeat: no-repeat;
background-position: center left;
}

/***********END***********/

/***********BOTTOM LEFT***********/

div#leftbottom {
height: 230px;
width: 271px;
top: 340px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;
background-image: url(graphics/leftbottom.jpg);
background-repeat: no-repeat;
background-position: center left;
}

div#disclaimers {
height: 105px;
width: 222px;
top: 30px;
left: 38px;
margin: 0px;
padding: 0px;
position: absolute;
font:12px charcoal, times, serif;
letter-spacing:0.08em;
text-align:left;
line-height: 14px;
color: #000;
z-index:2;
}

div#warning {
height: 60px;
width: 222px;
top: 158px;
left: 38px;
margin: 0px;
padding: 0px;
position: absolute;
font:12px charcoal, times, serif;
letter-spacing:0.08em;
text-align:left;
line-height: 14px;
color: #000;
z-index:3;
}

/***********END***********/


/***********MAIN AREA***********/


div#gddoll {
height: 450px;
width: 255px;
top: 115px;
left: 292px;
margin: 0px;
padding: 0px;
position: absolute;
z-index:3;
}

div#gddoll p{
font:12px charcoal, times, serif;
letter-spacing:0.08em;
text-align:left;
line-height: 14px;
color: #000;
}


div#comingsoon {
height: 200px;
width: 455px;
top: 380px;
left: 292px;
margin: 0px;
padding: 0px;
position: absolute;
z-index:4;
}

div#comingsoon p{
font:12px charcoal, times, serif;
letter-spacing:0.08em;
text-align:left;
line-height: 14px;
color: #000;
padding-top: 12px;
}

div#comingsoon ul {
font:12px charcoal, times, serif;
letter-spacing:0.08em;
text-align:left;
line-height: 14px;
color: #000;
margin-left: 14px;
}



div#maintop {
height: 174px;
width: 528px;
top: 55px;
left: 269px;
margin: 0px;
padding: 0px;
position: absolute;	
background-image: url(graphics/index_main_top.jpg);
background-repeat: no-repeat;
background-position: center left;
}

div#mainmiddle {
height: 112px;
width: 528px;
top: 228px;
left: 269px;
margin: 0px;
padding: 0px;
position: absolute;
background-image: url(graphics/index_main_middle.jpg);
background-repeat: no-repeat;
background-position: center left;
}

div#mainbottom {
height: 230px;
width: 528px;
top: 340px;
left: 269px;
margin:0px;
padding: 0px;
position: absolute;	
background-image: url(graphics/index_main_bottom.jpg);
background-repeat: no-repeat;
background-position: center left;
}


/***********END***********/

/***********PURCHASE BUTTONS***********/

div#purchasebutton_1 {
height: 39px;
width: 350px;
top: 290px;
left: 287px;
margin:0px;
padding: 0px;
position: absolute;	
background-image: url(graphics/purchasebutton.jpg);
background-repeat: no-repeat;
background-position: center left;
z-index:10;
}

div#purchasebutton_1 p{
padding-left: 140px;
padding-top: 10px;
font:12px charcoal, times, serif;
letter-spacing:0.08em;
text-align:left;
line-height: 14px;
color: #000;
}

div#purchasebutton_1 a{
height: 39px;
width: 97px;
top: 0px;
left: 0px;
margin:0px;
padding: 0px;
position: absolute;
}

div#purchasebutton_1 a:hover{
background-image: url(graphics/purchasebutton_on.jpg);
background-repeat: no-repeat;
background-position: center left;
}


/***********END***********/

/***********FOOTER***********/

div#footer{
height: 20px;
width: 500px;
top: 555px;
left: 269px;
margin:0px;
padding: 0px;
position: absolute;	
font:11px charcoal, times, serif;
color: #000;
text-align: center;
z-index: 10;
}

div#footer a{
text-align: center;
font-weight: bold;
color: #000;
text-decoration:none;
}

div#footer a:hover {
color: #cd1c38;
}


div#bottom {
height: 28px;
width: 801px;
top: 570px;
left: 0px;
margin: 0px;
padding: 0px;
position: absolute;	
background-image: url(graphics/bottom.jpg);
background-repeat: no-repeat;
background-position: center left;
}

/***********END***********/