@import "reset.css";

/*********************************************************
TYPE SELECTORS
*********************************************************/
html{
	overflow-y:scroll;
}	
body {
	background-color:#020502;
	font-family:"Trebuchet MS", Helvetica, Arial;
	font-size:11pt;
	line-height:140%;
	color:white;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
h1 {
	background-image:url(../images/logo-trans.png);
	width:405px;
	height:49px;
	text-indent:-9000px;
	position:absolute;
	left:41px;
	top:100px;
	cursor:pointer;
}
h2 {
	background-image:url(../images/strap-trans.png);
	width:434px;
	height:13px;
	text-indent:-9000px;
	position:absolute;
	left:538px;
	top:130px;
}
h3 {
	color:white;
	position:absolute;
	left: 40px;
	top: 36px;
	font-size:100%;
	font-weight:bold;
	text-transform:uppercase;
}
p {
	margin-bottom:1.4em;
}
br.clearer {
	clear:both;
	height:1px;
	overflow:hidden;
}

/*********************************************************
STRUCTURAL DIVS
*********************************************************/
div#topPanel {
	background-image:url(../images/top_panel_bg.jpg);
	width:1009px;
	height:241px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
}
div#topPanel img#phoneNumber {
	position:absolute;
	top:30px;
	left:795px;
}
/* Main Horizontal menu */
div#topPanel ul {
	position:absolute;
	left: 516px;
	top: 207px;
	font-size:16px;
}
div#topPanel ul li {
	display:inline;
	/* FIXME - inline-block may be better */
}
div#topPanel ul li a {
	float:left;
	display:block;
	color:#999;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;

}

div#topPanel ul li a#topMenuOn, div#topPanel ul li a:hover {
	color:#f5d33e;
	background-color:#3e3a00;
	text-decoration:none;
}

div#mainPanel {
	background-image:url(../images/main_panel_bg.jpg);
	background-repeat:no-repeat;
	background-color:#020202;
	width:1009px;
	/*min-height:530px;*/
	
	margin:0px auto 50px auto;
	position:relative;
}
div#mainPanel div#content {
	float:right;
	margin-right:40px;
	width:715px;
	margin-top:37px;
	overflow:auto;
	min-height:220px;
}
/* Drop down menu for services */
div#mainPanel ul {
	position:absolute;
	left: 40px;
	top: 60px;
	font-family: "Trebuchet MS", Helvetica, Arial;
}
div#mainPanel ul a { 
	color: #999999;
	font-size: 100%;
}
div#mainPanel ul a:hover, div#mainPanel ul a#subMenuOn { 
	color:#ffed00;
	text-decoration:none;
}

div#siteInfo {
	border-top:1px solid #404040;
	text-align:right;
	padding-top:10px;
	padding-bottom:40px;
	margin-right:40px;
	margin-left:40px;
	clear:both;
	font-size:80%;
	color:#929292;
	text-transform:uppercase;
} 
div#siteInfo a {
	color:#929292;
}

/* Begin bits for main content panel */
div#mainPanel div#flashPanel {
	width:714px;
	height:319px;
}

div#mainPanel div#leftColumn {
	margin-top:25px;
	width:456px;
	float:left;
	margin-right:36px;
}
div#mainPanel div#rightColumn {
	margin-top:25px;
	float:left;
}
/*********************************************************
PAGE SPECIFIC STYLING - CONTACT PAGE
*********************************************************/
div#contactLeft {
	float:left;
	width:340px;
}
div#contactRight {
	float:right;
	width:310px;
}
div.row {
	clear: both;
	width: 387px;
	margin-bottom: 20px;
	font-size: medium;
	color: #929292;
}
.col1 {
	text-align: left;
	width: 100px;
	height: 31px;
	margin: 0;
	float: left;
	margin-right: 2px;
}
.col1b {
	text-align: left;
	width: 100px;
	height: 80px;
	margin: 0;
	float: left;
	margin-right: 2px;
}
input, textarea{
	background-color: #ffffff;
	border: 1px solid #929292;
	font-size: large;
	color:#000000;
	font-family:"Trebuchet MS", Helvetica, Arial;
	font-weight:normal;
	width:237px;
}
.submitButton{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 102px;
	margin-top: 20px;
}
.title{
	font-size: medium;
	color: #FFFFFF;
}
.email{
	color: #038fbe;
	text-decoration: underline;
}
/*********************************************************
PAGE SPECIFIC STYLING - PRODUCTS
*********************************************************/
div.productHolder {
	width:695px;
	padding:8px;
	border:1px solid #1E1E1E;
	margin-bottom:20px;
	background-color:#171717;
	overflow:auto;
	color: #FFFFFF;
}

div.productHolder a.image, div.productHolder strong.noimage {
	display:block;
	width:146px;
	float:left;
	margin-right:27px;
	text-align:center;
	background:#FFFFFF;
}
div.productHolder a.image img.clickToEnlarge {
	margin-top:10px;
}
div.productHolder div.description {
	float:left;
	width:495px;
	margin-right:0px;
}

div.productHolder div.price {
	float:left;
	width:1px;
}

div.productHolder strong {
	color: #038fbe;
}

div#paginator {
	border-top:1px solid #404040;
	padding-top:10px;
	padding-bottom:30px;
	text-align:right;	
}

div#paginator {
	color:#999999
}
div#paginator a {
	color:#999999
}

div#paginator span#paginatorSelected {
	color:white;
	font-weight:bold;
}