﻿/* Body + Text Styles */

*{
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11pt;}

body {
	background:#333333 url('../images/backGrad.jpg') repeat-x top;
	color:#FFFFFF;
}

a {
	color:#fff;
	text-decoration:none;
}

a:hover {
	color:#555555;
}

/* Wrapper DIV */

#wrapper {
	width:900px;
	left:350px;
	background-color:#CFC684;
	padding:20px;
	margin:0 auto;}

/* Top Image */

#header {
	width:900px;
	height:167px;
	margin:0 auto;}
	
#rightHeader {
	width:400px;
	height:167px;
	background:url('../images/InfoIA3.jpg');
	float:right;
}

#leftHeader {
	width:480px;
	height:167px;
	background:url('../images/IronAmpTan.jpg');
	float:left;
}

#leftMain {
    position:relative;
    top:10px;
    right:18px;
	width:880px;
	height:302px;
	background-color:#000;
	font-color:#000;
	clear:both;
}

#leftMainProduct {
    position:relative;
    top:10px;
    right:-10px;
	width:880px;
	height:auto;
	background-color:#333;
	font-color:#000;
}
#leftMainProduct2 {
    position:relative;
    top:10px;
    right:-10px;
	width:880px;
	height:518px;
	background-color:#FFF;
	font-color:#333333;
}
#leftBottonMain {
	width:210px;
	height:200px;
	background:url('../images/smallbox1.jpg');	
	font-color:#fff;
}

/* Navigation Bar */

.nav{
	overflow:hidden;
	width:900px;
	height:22px;
	background:url('../images/NaviBG.jpg') no-repeat center;
	text-align:center;
	padding-top:3px;
}

.nav ul { 
	width: 780px;
	text-align:center;
	margin:0 auto;
}

.nav ul li {
	display:inline;
	padding:2px 15px 2px 15px;
	text-align:center;
}

.nav ul li a:hover {
	color:#cccccc;
}

/* Main DIV */

#main {
	width:900px;
	overflow-x:hidden;
	overflow-y:hidden;
	background:#333;
	text-indent:28px;
	margin:0 auto;
}
#main2 {
	width:900px;
	height:4900px;
	overflow-x:hidden;
	overflow-y:hidden;
	background:#fff;
	text-indent:28px;
	margin:0 auto;
}
/* Curves */

#topCurve {
	position:absolute;
	overflow:hidden;
	top:auto;
	margin:0 auto;
	width:900px;
	height:20px;
	background:url('../images/TopCurve.jpg');
}

#bottomCurve {
	position:absolute;
	overflow:hidden;
	margin:0 auto;
	background-image:url('../images/BottomCurve.jpg');
	width:900px;
	height:25px;
}

/* TEXT MISCELLANEOUS */

#mainDIVheader {
    text-align:left;
	font-size:16pt;
	color:CFC684;
	height:20px;
	border-bottom:1px dotted #CFC684;}
	
#mainDIVheader a
{
	color:#343434;
}
	
/* Copyright etc */

#copyright {
	font-size:14px;
	color:#CFC684;
	font-weight:bold;
	text-align:center;
}
@media screen and (min-width: 350px) and (max-width: 600px){
#wrapper {
	width:400px;
	left:0px;
	background-color:#CFC684;
	padding:5px;
	margin:0 auto;
	border-radius: 20px;}
#header {
	width:400px;
	height:auto;
	margin:0 auto;}
	
#leftHeader {
	width:300px;
	height:106px;
	background-image:url('../images/IronAmpTanSm.jpg') ;
	background-position: center center;
}
#rightHeader {
	width:0px;
	height:0px;
	background:url('');
	float:none;
}
.nav {
	width:100%;
	background-image:url('../images/NaviBG.jpg') ;

}

.nav ul { 
	width: 100%;
	margin:0 auto;
	list-style-type: none;
}
.nav ul li {

	text-align:center;
	width: 100%;
}
.nav  ul li a:hover {
	color:#cccccc;
}
	padding: 8px 0;
	font-size: 16px;

}

