img
{
border: 0px;
}

* 
{ 
margin: 0; 
padding: 0; 
} 

body, td, p, div, input, textarea
{
font-family: "Trebuchet MS", "Helvetica", sans-serif;
font-size: 12px;
}


body
{
background: #18000E;
}

p
{
margin: 0px 0px 10px 2px;
}


.left
{
text-align: left;
}

.right
{
text-align: right;
}

.center
{
text-align: center;
}

.justify
{
text-align: justify;
}

#mainright a:link 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 5px 0px;
}

#mainright a:visited 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 5px 0px;
}

#mainright a:hover 
{
text-decoration: none;
color:#DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 5px 0px;
}

#mainright a:active 
{
text-decoration: none; 
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 5px 0px;
}




#mainbottom a:link 
{
text-decoration: none; 
color: #AE4C9A;
}

#mainbottom a:visited 
{
text-decoration: none; 
color: #AE4C9A;
}

#mainbottom a:hover 
{
text-decoration: none;
color:#DA6397;
}

#mainbottom a:active 
{
text-decoration: none; 
color: #DA6397;
}




#container
{
position: absolute;
top: 0px;
left: 50%;
margin-left: -400px;
width: 800px;

}


#header
{
position: absolute;
top: 0px;
left: 0px;
text-align: center;
z-index: 4;
width: 800px;
height: 745px;
border: 0px solid yellow;
background: url(dragoness-images/header.jpg);
}

#onecontent, #twocontent, #threecontent, #fourcontent
{
position: absolute;
top: 290px;
height: 128px;
z-index: 5;
overflow: hidden;
text-align: center;
}




#onecontent
{
left: 16px;
width: 186px;
border: 0px solid red;
}
 
#twocontent
{
left: 211px;
width: 189px;
border: 0px solid orange;
}

#threecontent
{
left: 410px;
width: 189px;
border: 0px solid green;
}

#fourcontent
{
left: 607px;
width: 180px;
border: 0px solid blue;
}


#homelink
{
position: absolute;
top: 90px;
left: 43px;
z-index: 7;
width: 320px;
height: 57px;
border: 0px solid purple;
}





#onecontent a:link 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#onecontent a:visited 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#onecontent a:hover 
{
text-decoration: none;
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #430C3A;
border: 0px solid purple;
}

#onecontent a:active 
{
text-decoration: none; 
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #430C3A;
border: 0px solid purple;
}




#twocontent a:link 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#twocontent a:visited 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#twocontent a:hover 
{
text-decoration: none;
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #48133E;
border: 0px solid purple;
}

#twocontent a:active 
{
text-decoration: none; 
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #48133E;
border: 0px solid purple;
}




#threecontent a:link 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#threecontent a:visited 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#threecontent a:hover 
{
text-decoration: none;
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #491742;
border: 0px solid purple;
}

#threecontent a:active 
{
text-decoration: none; 
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #491742;
border: 0px solid purple;
}




#fourcontent a:link 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#fourcontent a:visited 
{
text-decoration: none; 
color: #AE4C9A;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
border: 0px solid purple;
}

#fourcontent a:hover 
{
text-decoration: none;
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #581A47;
border: 0px solid purple;
}

#fourcontent a:active 
{
text-decoration: none; 
color: #DA6397;
font-weight: bold;
display: block;
margin: 0px 0px 2px 0px;
background: #581A47;
border: 0px solid purple;
}




.tt
{
display: none;
}





#content 
{
position: absolute;
top: 410px;
left: 12px;
width: 777px;
height: 295px;
padding: 0px;
color: #E487F2;
z-index: 5;
overflow: hidden;
border: 0px solid yellow;
}






#mainleft
{
position: absolute;
top: 20px;
left: 15px;
width: 358px;
height: 130px;
padding: 0px 0px 0px 0px;
color: #E487F2;
z-index: 7;
overflow: hidden;
border: 0px solid green;
}


#mainright
{
position: absolute;
top: 20px;
left: 405px;
width: 355px;
height: 130px;
padding: 0px 0px 0px 0px;
color: #E487F2;
z-index: 7;
overflow: hidden;
border: 0px solid red;
}


#mainbottom
{
position: absolute;
top: 155px;
left: 15px;
width: 745px;
height: 130px;
padding: 0px 0px 0px 0px;
color: #E487F2;
z-index: 7;
overflow: hidden;
border: 0px solid blue;
}



#footer /* not used */
{
position: absolute;
top: 756px;
left: 10px;
width: 780px;
height: 50px;
margin: 0px 0px 0px 0px;
z-index: 3;
overflow: hidden;
background: gray;
border: 1px solid green;
}


/* form stuff */

input, textarea 
{
position: absolute;
color: #E487F2;
background: url(dragoness-images/input-bg.jpg) #7C325D !important;
border: 1px solid #D16499;
display: block;
}
 
input#formname
{
top: 40px;
left: 0px;
width: 175px;
height: 20px;
padding: 2px 3px;
}

input#formemail
{
top: 75px;
left: 0px;
width: 175px;
height: 20px;
padding: 2px 3px;
}

textarea#formcomments
{
top: 40px;
left: 225px;
width: 345px;
height: 55px;
padding: 2px 3px;
overflow: auto;
}

input#formsubmit 
{
top: 50px;
left: 615px;
width: 100px;
height: 30px;
padding: 2px 3px;
}