.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {
display:block;
}

* html .clearfix {
height:1%;
}

a {
text-decoration:none;
}

html,body,#wrap {
height:98%;
background-color:#fff;
background-image:url(images/bg.jpg);
background-repeat:repeat-x;
background-position:top;
background-attachment:scroll;
font-family:Arial, sans-serif;
font-size:14px;
text-align:center;
margin:0 ;
padding:0;
}

body > #wrap {
height:1000px;
min-height:98%;
width:900px;
text-align:center;
background-color:transparent;
background-image:url();
margin:auto;
padding:10px 0 0;
}

#top {
height:115px;
width:900px;
background-image:url(images/topimg.jpg);
background-repeat:no-repeat;
background-color:Navy;
position:relative;
margin:auto;
}

.shadow {
height:10px;
width:900px;
background-image:url(images/shadow.png);
background-color:transparent;
background-repeat:repeat-x;
margin:auto;
}

.shadow2 {
height:10px;
width:240px;
background-image:url(images/shadow.png);
background-color:transparent;
background-repeat:repeat-x;
margin:auto;
}

#pos {
top:10px;
left:10px;
position:absolute;
}

#head {
height:250px;
width:900px;
background-color:#000;
background-image:url(images/midearth.jpg);
position:relative;
color:#f8c121;
font-family:arial, serif;
font-size:42px;
font-weight:700;
text-align:left;
margin:0 auto 10px;
padding:0;
}

#head2 {
height:127px;
width:900px;
background-color:#000;
background-image:url(images/mid2.jpg);
position:relative;
color:#f8c121;
font-family:arial, serif;
font-size:42px;
font-weight:700;
text-align:left;
margin:0 auto 10px;
padding:0;
}

#addy {
color:#fff;
font-size:14px;
text-align:right;
top:0;
right:0;
position:absolute;
}

#text {
width:400px;
color:#fff;
font-size:42px;
font-family:Arial, Arial, Helvetica, sans-serif;
text-align:left;
top:5px;
left:20px;
position:absolute;
line-height:60px;
}

#navsm {
width:400px;
height:29px;
font-size:18px;
background-color:transparent;
position:absolute;
top:90px;
left:632px;
color:#fff;
margin:auto;
}

#navsm ul {
margin:0;
padding:0;
}

#navsm li {
display:inline;
}

#navsm li a {
float:center;
color:#FFF;
text-decoration:none;
text-align:center;
padding:5px 8px;
}

#navsm a:hover {
color:#ccc;
text-decoration:none;
text-align:center;
padding:10px 8px;
}

#content {
width:880px;
height:780px;
-moz-box-sizing:border-box;
box-sizing:border-box;
text-align:center;
background-color:transparent;
margin:auto;
padding:10px;
}

#reaxionwrap {
clear:both;
width:900px;
height:60px;
text-align:center;
background:transparent;
margin:auto;
padding:20px 0 0;
}

#logodiv {
width:170px;
height:30px;
color:#ccc;
background-image:url(images/ReaxionX.png);
background-position:left;
background-repeat:no-repeat;
float:right;
padding:15px 0 0;
}

#logodiv a{
	color: #666;
}

.whitetext {
color:#666;
}

.halfdivl {
width:570px;
min-height:400px;
background-color:transparent;
float:left;
text-align:left;
line-height:20px;
margin:0 0 0 10px;
padding:20px;
}

.halfdivr {
width:240px;
height:360px;
float:right;
background-color:transparent;
background-image:url();
margin:0 10px 0 0;
padding:20px 0 0;
}

.width {
width:870px;
color:#fff;
text-align:left;
font-size:14px;
margin:auto;
padding:25px 0 0 30px;
}

<!-- vertical menu styles -->
.glossymenu {
width:auto;
border:0 solid #9A9A9A;
border-bottom-width:0;
margin:5px auto 0;
padding:0;
}

.glossymenu a.menuitem {
background:url(images/glossyback.gif) repeat-x bottom left;
font:bold 14px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#FFF;
display:block;
position:relative;
width:auto;
text-decoration:none;
text-align:left;
padding:4px 0 4px 10px;
}

.glossymenu a.menuitem:visited,.glossymenu .menuitem:active {
color:#FFF;
}

.glossymenu a.menuitem .statusicon {
position:absolute;
top:5px;
right:5px;
border:none;
}

.glossymenu a.menuitem:hover {
background-image:url(images/glossyback2.gif);
}

.glossymenu div.submenu {
background:#FFF;
}

.glossymenu div.submenu ul {
list-style-type:none;
margin:0;
padding:0;
}

.glossymenu div.submenu ul li {
border-bottom:1px solid #ccc;
}

.glossymenu div.submenu ul li a {
display:block;
font:normal 13px "Lucida Grande", "Trebuchet MS", Verdana, Helvetica, sans-serif;
color:#000;
text-decoration:none;
padding:2px 0 2px 10px;
}

.glossymenu div.submenu ul li a:hover {
background:#DFDCCB;
color:#000;
}

h1 {
font-size:32px;
color:#CA0000;
font-family:sans-serif;
font-weight:bolder;
margin:0;
padding:0;
}

.halfdivl h1 {
	font-size: 24px;	
}

.comm {
font-size:32px;
color:#CA0000;
font-family:sans-serif;
font-weight:bolder;
margin:0;
padding:0;
}


h3 {
	font-size:18px;
	color:#fff;
	font-family:sans-serif;
	font-weight:bolder;
	margin:0;
	padding:0;
}

.h2 {
	margin: 0;
	padding: 0;
}

h4 {
font-size:24px;
color: red;
font-family:sans-serif;
font-weight:bolder;
margin:0;
padding:0;
}


hr {
width:900px;
border-bottom:1px solid #eee;
}