@charset "utf-8";

/* GLOBAL
---------------------------------------------------*/
* {margin:0; padding:0;}
body {background:#000; font-family:Arial, Helvetica, sans-serif; color:#cdcbcb; font-size:12px}
.clear {clear:both; visibility:hidden;}

/* LOGOS
---------------------------------------------------*/
#top {display:block; width:918px; height:46px; overflow:visible; margin:0 auto; background:url(../razor-wire-img/razor-wire-index/top-background.jpg) left repeat-x;}
.topLeft {float:left; width:9px}
.topRight {float:right; width:9px}
.logos {float:left; width:890px; text-align:left;}
.logos img {
	margin: 0;
}

/* CONTENT
---------------------------------------------------*/
#content {
	width:918px;
	background-position:0px 14px;
	overflow:auto;
	background-color: #000000;
	background-image: url(../razor-wire-img/razor-wire-index/content-background.gif);
	background-repeat: repeat-x;
	height: auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#logo {float:left; padding:0 0 0 12px;}
#search {float:right; width:300px; text-align:right; padding:0 14px 0 0}
.searchField {background:url(../razor-wire-img/razor-wire-index/search-background.gif) left no-repeat; border:0; width:207px; height:17px; padding:3px 5px 0 8px; font-size:11px; color:#cdcbcb;}
.searchButton {background:url(../razor-wire-img/razor-wire-index/search-button.gif) left no-repeat; border:0; width:66px; height:20px; font-size:10px; color:#cdcbcb; padding:1px 0 0 0; cursor:pointer}

/* MENU
---------------------------------------------------*/
#menu {float:right; width:500px; color:#cdcbcb; padding:15px 0 0 0;}
#menu ul li{float:left; list-style-type:none;}
#menu li a{display:block; width:95px; height:41px; margin:0 1px 0 1px;}

#menu li a.home{background:url(../razor-wire-img/razor-wire-index/menu/home-1.gif) right no-repeat;}
#menu li a:hover.home{background:url(../razor-wire-img/razor-wire-index/menu/home-2.gif) right no-repeat;}

#menu li a.aboutus{background:url(../razor-wire-img/razor-wire-index/aboutus-1.gif) right no-repeat;}
#menu li a:hover.aboutus{background:url(../razor-wire-img/razor-wire-index/aboutus-2.gif) right no-repeat;}

#menu li a.stock{background:url(../razor-wire-img/razor-wire-index/stock-1.gif) right no-repeat;}
#menu li a:hover.stock{background:url(../razor-wire-img/razor-wire-index/stock-2.gif) right no-repeat;}

#menu li a.offers{background:url(../razor-wire-img/razor-wire-index/offers-1.gif) right no-repeat;}
#menu li a:hover.offers{background:url(../razor-wire-img/razor-wire-index/offers-2.gif) right no-repeat;}

#menu li a.services{background:url(../razor-wire-img/razor-wire-index/services-1.gif) right no-repeat;}
#menu li a:hover.services{background:url(../razor-wire-img/razor-wire-index/services-2.gif) right no-repeat;}

#menu li a.contact{background:url(../razor-wire-img/razor-wire-index/contact-1.gif) right no-repeat;}
#menu li a:hover.contact{background:url(../razor-wire-img/razor-wire-index/contact-2.gif) right no-repeat;}

/* HEADER
---------------------------------------------------*/
#header {float:left; width:918px; text-align:center;}
#header object {margin:0 0 0 0;}

/* BOXES
---------------------------------------------------*/
#boxes {float:left; width:894px; padding:0 12px; margin:15px 0 0 0}
#productsboxes {
	float:left;
	width:894px;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 12px;
	padding-bottom: 0;
	padding-left: 12px;
	height: auto;
}
#aboutusBox {display:block; float:left; background:url(../razor-wire-img/razor-wire-index/aboutus-box.gif) left no-repeat; width:416px; height:180px; overflow:visible; padding:0 14px 0 14px;}

.box {
	float:left;
	width:198px;
	margin-top: 48px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 9px;
}
.box img {border:#666666 solid 2px; margin:0 5px 0 0;}
.box-products {
	float:left;
	width:210px;
	padding-right: 13px;
	padding-left: 15px;
	background-image: url(../razor-wire-img/razor-wire-index/products-box.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 50px;
	margin: 0px;
}
.box-products a {
	color: #21ACE5;
	text-decoration: none;
}
.box-products a:hover {
	color: #89FF00;
	text-decoration: none;
}
.box-products b {
	font-weight: bold;
	text-transform: capitalize;
	color: #89FF00;
	text-decoration: none;
	font-size: 12px;
}
#productsBox {
	display:block;
	float:left;
	width:238px;
	height:620px;
	overflow:visible;
	color: #21ACE5;
	font-size: 11px;
	padding: 0;
}

.productsbox {
	float:left;
	width:198px;
	margin-top: 48px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-right: 9px;
}

.productsBox .box {
	color: #21ACE5;
	text-decoration: none;
	height: 500px;
}
#productsBox .box a {
	color: #21ACE5;
	text-decoration: none;
}

.more a {float:right; text-align:right; display:block; width:200px; clear:both; color:#1C82A8; text-decoration:none; margin:2px 0 0 0; padding:3px 0}  
#productsBox .box a:hover {
	color: #89FF00;
	text-decoration: none;
}
#productsBox .box b {
	font-weight: bold;
	text-transform: capitalize;
	color: #89FF00;
	text-decoration: none;
	font-size: 12px;
}

.more a:hover {color:#00CCFF;}
.more img {border:0; margin:5px 0 0 0;}

#stockBox {display:block; float:right; background:url(../razor-wire-img/razor-wire-index/stock-box.gif) left no-repeat; width:417px; height:180px; overflow:visible; padding:0 14px 0 14px;}
#contentBox {
	display:block;
	float:right;
	width:595px;
	height:auto;
	overflow:visible;
	background-image: url(../razor-wire-img/razor-wire-index/content-box.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15;
	padding-right: 22px;
	padding-bottom: 0;
	padding-left: 23px;
	line-height: 140%;
	color: #E4E4E4;
}
#contentBox h1 {
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	padding-top: 12px;
	line-height: 140%;
}
#contentBox a {
	color: #CCCCCC;
	text-decoration: none;
}
#contentBox a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.color {
	color: #21ACE5;
	text-decoration: none;
}



/* FOOTER
---------------------------------------------------*/
.separator {
	display:block;
	width:876px;
	height:0px;
	clear:both;
	overflow:auto;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#footer {
	width:884px;
	height:81px;
	background:url(../razor-wire-img/razor-wire-index/footer-background.gif) left no-repeat;
	margin-right: auto;
	margin-left: auto;
	font-family: Arial, Helvetica, sans-serif;
}

#newsletter {
	float:left;
	text-align:left;
	color:#CCCCCC;
	padding:10px 0 0 14px;
	width:285px;
	font-size: 11px;
}
#newsletter a {
	color: #CCCCCC;
	text-decoration: none;
}
#newsletter a:hover {
	color: #FFFFFF;
}

.newsletterField {width:258px; height:17px; background:url(../razor-wire-img/razor-wire-index/newsletter-background.gif) left no-repeat; border:0; padding:0 5px 0 8px; color:#cdcbcb; margin:5px 0}
#newsletter strong {
	color: #FFFFFF;
	text-decoration: none;
	margin-bottom: 5px;
}

.newsletterButton {background:url(../razor-wire-img/razor-wire-index/newsletter-button.gif) left no-repeat; border:0; width:51px; height:17px; font-size:10px; color:#cdcbcb; padding:1px 0 0 0; cursor:pointer}

#feed {
	float:right;
	text-align:right;
	color:#88898a;
	width:178px;
	padding-top: 15px;
	padding-right: 14px;
	padding-bottom: 0;
	padding-left: 0;
}
#feed a{color:#999999; text-decoration:none;}
#feed a:hover{color:#88898a;}
#feed img.rss {padding:0 0 9px 5px;}

#address {
	float:right;
	text-align:left;
	width:550px;
	color:#ccc;
	font-size:11px;
	font-weight:normal;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10;
	line-height: 130%;
	font-family: Arial, Helvetica, sans-serif;
}
#address table {
	font-family: Arial, Helvetica, sans-serif;
}

#address b{
	color:#FFFFFF;
	font-weight: bold;
	text-transform: capitalize;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}
#address a {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}


#copyright {width:auto; margin:auto; padding:25px 0 10px 20px; text-align:center; color:#999999; font-size:11px}
#address a:hover {
	text-decoration: underline;
}