body {
	background-color: #000;
	background-image: url(images/bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	background-attachment: fixed;
	font-family: Arial, sans-serif;
	font-size: 14px;
	text-align: center; /* for IE */
	padding: 0px 0 0 0;
	}
	
		a {
text-decoration: none;
color: #fff;
}

a:hover {
	text-decoration: underline;
}

#home img a:hover{
	
}
	
#wrap {
	width:900px;
	-moz-box-sizing:border-box;box-sizing:border-box;
  	margin: auto;
	background: url(images/contentbg.png);
	background-repeat: repeat;
	position: relative;
}

#content {
	width: 872px;
	padding: 10px;
	text-align: left;
	border: 4px;
	border-color: #777;
	border-style: dotted;
}

.halfdivl {
	width: 500px;
	padding: 10px;
}

.halfdivr {
	position: relative;
	width: 300px;
	padding: 10px 0 10px 25px;
	float: right;
	margin: 0 10px 0 0;
	display: inline;
	text-align: center;
}

#home .halfdivr {
	position: relative;
	width: 310px;
	padding: 0px 5px 10px 10px;
	float: right;
	margin: 0 15px 0 0;
	display: inline;
}

.suppliers {
	font: bolder 34px arial, sansserif;
	color: #eee;
	text-align: center;
	width: 325px;
	margin: 0;
	padding: 0;
}

.halfdivr ul{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
	}
	
	.halfdivr li{
	display: inline;
	text-align: center;
}
	
	
.curves {
	-moz-border-radius:2ex;
   -webkit-border-radius:2ex;	
	background-color: #cccccc;
	padding: 5px;
	margin: 5px 0 15px;
}

#sitetop {
	width:900px;
	height: 378px;
	-moz-box-sizing:border-box;box-sizing:border-box;
  	margin: 0 auto 0 auto;
	text-align: center;
	background-image: url(images/sitetop.png);
	background-position: top;
	background-repeat: repeat-x;
	position: relative;	
}

#toppos{
	position: absolute; 
	top: 18px; 
	left: 253px; 
	width: 450px;
}

.topmenu{
	font: bold 12px Arial;
	color: White;
	width:900px;
	height: 18px;
	margin: 0;
	padding: 3px 0 0 0;
	background: transparent;
	overflow: hidden;
}

.topmenu li{
	display: inline;
	padding: 0 8px 0 5px;
	border-right: thin;
	border-right-color: Red;
	border-right-style: dotted;
}

.topmenu a {
	text-decoration: none;
	color: white;
}

.topmenu a:hover {
text-decoration: none;
color: red;
}

#topmenur {
	display: inline;
	padding: 0 5px 0 5px;
	border-right: none;
	border-right-color: none;
	border-right-style: none;
}

#subdiv {
	width: 900px; 
	margin: auto; 
	text-align: center;
}

.submenu{
	font: 12px Arial;
	color: White;
	width:900px;
	height: 23px;
	margin: 0;
	padding: 7px 0 0 0;
	text-align: center;
	background-color: #000;

}

.submenu li{
	display: inline;
	padding: 0 10px;
	border-right: thin;
	border-right-color: Red;
	border-right-style: dotted;
}

#submenur {
	display: inline;
	padding: 0 10px;
	border-right: none;
	border-right-color: none;
	border-right-style: none;
}

.submenu li a {
	text-decoration: none;
	color: white;
}

.submenu a:hover {
	text-decoration: none;
	color: red;
}

#header {
	height: 300px;
	width: 900px;
	background-color: transparent;
}

#reaxionwrap {
	width:900px;
	height: 60px;
	margin: auto;
	text-align: center;
	background: transparent;
}

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

.whitetext {
color: #666;
}


#contacttext {
	position: absolute; 
	top: 0px; 
	left: 438px; 
	margin: auto; 
	text-align: right; 
	color: #A1A3CA; 
	font: 12px Arial;
}

.contacttext {
	color: #A1A3CA; 
	font: 12px Arial;
}


/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.ovalbutton{
background: transparent url('images/oval-gray-left.png') no-repeat top left;
display: block;
float: right;
font: normal 11px Arial; /* Change 13px as desired */
line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
height: 24px; /* Height of button background height */
padding-left: 11px; /* Width of left menu image */
text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton{
color: #000; /*button text color*/
}

a.ovalbutton span{
background: transparent url('images/oval-gray-right.png') no-repeat top right;
display: block;
padding: 3px 11px 5px 0; /*Set 11px below to match value of 'padding-left' value above*/
margin: 0 6px 0 0;
}

a.ovalbutton:hover{ /* Hover state CSS */
background-position: bottom left;
}

a.ovalbutton:hover span{ /* Hover state CSS */
background-position: bottom right;
color: black;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 900px;
height: 25px;
vertical-align: bottom;
}

.redtitletext {
color: red;
font-style: normal;
background: transparent;
font-size: 18px;
font-weight: bolder;
}


.whitetitletext {
color: #fff;
font-style: normal;
background: transparent;
font-size: 18px;
font-weight: bolder;
}

.links{
	position: relative;
	width: 200px;
	height: 60px;
	margin: 0 0 10px 10px;
}



.links h1{
	font: bold 18px arial, sanserif;
	color: #ccc;
	border-bottom: 1px solid #fff;
	margin: 0 0 10px;
}

.linkicon {
	position: absolute;
	top: 5px;
	right: 5px;
}


.curves2 {
	-moz-border-radius:1ex;
   -webkit-border-radius:1ex;	
	background-color: #2a2c45;
	color: #fff;
	padding: 15px;
	float: right;
	display: inline;
}

.swap {
	background:transparent url(images/goswap.gif) no-repeat;
	background-position: 162px -114px;
	height: 38px;
	width: 160px;
	padding: 0 40px 0 0;
	float: right;
	display: inline;
	text-align: left;
	color: #fff;
}

a,.swap:hover {
	background-position: 162px 0;
	color: red;
}