html,body {
height: 100%;
background-color: #db3429;
}

.container {
   position: relative;
   text-align: left;
   margin: 0 auto;
   width: 1024px;
   height: 100%;
   }

.left-element {
   display: block;
   float: left;
   width: 849px;
   }

.right-element {
   background: url(right-strip.png) repeat-y;
   float: right;
   width: 175px;
   min-height: 100%;
   height: 100%;
   text-align: right; /* depends on element width */
   display:block;
   margin: 0;
   padding: 0;
   } 
   
.top-element {
   display: block;
   background: url(dragon-top.png) no-repeat;
   float: left;
   width: 849px;
   height: 188px;
   }
   
.bottom-element {
   display: block;
   float: left;
   width: 849px;
   }
   
.bottom-left {
   display: block;
   float: left;
   width: 315px;
   height: 580px;
   }

  
.bottom-left-top {
   display: block;
   text-align: right;
   background: url(warrior-top.png) no-repeat;
   #float: #left;
   #padding-left: #132px;
   width: 315px;
   height: 221px;
   }
   
.bottom-left-bottom {
   display: block;
   float: left;
   width: 315px;
   height: 359px;
   }
   
.bottom-left-bottom-left {
   display: block;
   background: url(warrior-bottom.png) no-repeat;
   float: left;
   width: 132px;
   height: 359px;
   }
   
.bottom-left-bottom-right {
   display: block;
   background: url(warrior-bottom2.png) no-repeat;
   float: right;
   width: 183px;
   height: 359px;
   }
   
.bottom-right {
   display: block;
   float: right;
   width: 534px;
   }
   
.footer-element {
   float: left;
   width: 1024px;
   height: 100px;
   }
   
.brclear{
   clear:both;
   height:0;
   margin:0;
   font-size: 1px;
   line-height: 0;
   } 

P {	color: #000000;
    text-indent: 20px;
	font-size: 12px; 
	font-family: Arial;
	margin: 10px;
	padding: 5px }
H1 { color: #FFFFFF;
	font-weight: medium;
	font-size: 14px; 
	font-family: Arial; font-weight:bold;
	margin: 5px;
	padding: 5px }
H1.main { color: #FFFFFF;
	font-size: 16px; 
	font-family: Arial; font-weight:bold;
	margin-left: 100px;
	padding: 0px }
H2 { color: #FFFFFF;
	font-weight: medium;
	font-size: 14px; 
	font-family: Arial; font-weight:bold;
	margin-left: 10px
	}
H3 { color: #FFFFFF;
	font-weight: medium;
	font-size: 14px; 
	font-family: Arial; font-weight:bold;
	margin-left: 10px
	}
A:link { text-decoration: none underline;
	font-size: 12px;
	color: white;
	font-family: Tahoma, Arial }
A:visited { text-decoration: none underline;
	font-size: 12px;
	color: white;
	font-family: Tahoma, Arial }
A:active { text-decoration: none underline;
	font-size: 12px;
	color: white;
	font-family: Tahoma, Arial }
A:hover { text-decoration: none underline;
	font-size: 12px;
	color: pink;
	font-family: Tahoma, Arial }
form { 
 background: url(images/form-background.png) repeat-x;
 color: #000000; 
 border: 0px solid #000080; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size: 10px; 
 text-align: center; 
}

form.full { 
 background: url(images/form-background.png) repeat;
 color: #000000; 
 border: 0px solid #000080; 
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-weight:bold;
 font-size: 10px; 
 text-align: center; 
}


