@import url(menu.css);

* {
	/* global resets - eliminates cross 
	browser inconsistancies */
	margin: 0;
	padding: 0;
}

html {
	/* this is a hack to force scrollbars on at 
		all times so that the page does not jump
		when going from short to long pages 
	*/
	height: 100%;
	margin-bottom: 1px;
	background: #000 url(../images/bg.jpg) 0 0 repeat;
	background-attachment: fixed;
}

* html a:hover {
	visibility:visible
}

body {
	margin: 0;
	padding: 0;
	font: 62.5%/1.5em Verdana, Arial, sans-serif; /* Base Font Size of 10px */
	color: #000;
}

p {
	font-size: 1.2em;
}

a {
	font-size: 1.1em;
	color: #ba0502;
}

a:link {
	text-decoration: none;
	}

a:active {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* ====== Clearing Floats without structural markup ======
  Add a class of .clearfix to any element containing a float needing to be cleared.
  This is the most comprehenisve method to fix the many IE6 windows and mac 
  bugs for clearing Floats.  See "http://www.positioniseverything.net/easyclearing.html" 
  for a complete explanation.
*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */	

/* ====== End Clearing Floats without structural markup ======*/

#wrapper {
	min-height: 100%;
	height: 100%;
	margin: 40px auto;
	padding: 0;
	width: 972px;
}

#header {
	background: transparent url(../images/header.png) 0 0 no-repeat;
	height: 149px;
	width: 972px;
}

#header h1 a {
	display: block;
	text-indent: -5000em;
	text-decoration: none;
	float: left;
	/* Logo position width and height */
	margin: 37px 0px 0px 61px;
	width: 424px;
	height: 31px;
}

#phone {
	float: left;
	color: #fec400;
	font-weight: bold;
	font-size: 1.1em;
	margin-left: 54px;
	margin-top: 40px;
	letter-spacing: 0.2em;
	text-align: center;
}

#welcome {
	float: right;
	color: #fff;
	font-weight: bold;
	font-size: 1.0em;
	margin-right: 120px;
	margin-top: 12px;
	text-align: right;	
}

#navbar {
	float: left;
	background: url(../images/navbar.gif) 0 0 repeat-x;
	margin-top: 5px;
	margin-left: 4px;
	padding: 0;
	width: 962px;
	height: 47px;
}

#header1a {
	float: left;
	background: url(../images/section_header.png) 0 0 no-repeat;
	width: 972px;
	height: 135px;
}

#header1b {
	float: left;
	background: url(../images/section_header.png) 0 0 no-repeat;
	width: 972px;
	height: 135px;
}

#header1c {
	float: left;
	background: url(../images/intro_header.png) 0 0 repeat-y;
	width: 972px;
	height: 135px;
}

#header2a {
	float: left;
	background: url(../images/header_2a.png) 0 0 no-repeat;
	width: 972px;
	height: 20px;
}

#header2b {
	float: left;
	background: url(../images/header_2b.png) 0 0 no-repeat;
	width: 972px;
	height: 20px;
}

#header2c {
	float: left;
	background: url(../images/header_2c.png) 0 0 no-repeat;
	width: 972px;
	height: 20px;
}

#content1 {
	float: left;
	background: url(../images/content_1.png) 0 0 repeat-y;
	width: 972px;
}

#content2 {
	float: left;
	background: transparent url(../images/content_2.png) 0 0 repeat-y;
	width: 977px;
}

#content3 {
	float: left;
	background: url(../images/content_3.png) 0 0 repeat-y;
	width: 972px;
}

#footer {
	float: left;
	width: 972px;
	padding-bottom: 14px;
}

#bottom_bar1 {
	float: left;
	background: transparent url(../images/footer_1.png) 0 0 no-repeat;
	width: 972px;
	height: 80px;
}

#bottom_bar2 {
	float: left;
	background: transparent url(../images/footer_2.png) 0 0 no-repeat;
	width: 977px;
	height: 80px;
}

#bottom_bar3 {
	float: left;
	background: transparent url(../images/footer_3.png) 0 0 no-repeat;
	width: 972px;
	height: 80px;
}

#bottomnav {
	text-align: center;
	margin-top: 14px;
	padding-bottom: 10px;
	font-size: 1.0em;
	font-weight: bold;
}

ul.bottom_nav {
	letter-spacing: 0px;
}

ul.bottom_nav li {
	display: inline; 
	padding: 0px 2px 0px 0px;
}

ul.bottom_nav li a:link {
	color: #fff; 
	text-decoration: none;
}

ul.bottom_nav li a:active {
	color: #fff;
	text-decoration: none;
}

ul.bottom_nav li a:visited {
	color: #fff;
	text-decoration: none;
}

ul.bottom_nav li a:hover {
	color: #000; 
	text-decoration: none;
}

#logo_guy {
	float: left;
	background: url(../images/logo_guy.png) 0 0 no-repeat;
	width: 59px;
	height: 49px;
}

#copyright {
	float: left;
	font-size: 0.8em;
	color: #fff;
	text-align: center;
	margin-top: 14px;
}	

.popup {
}

.text {
}

td {
	text-align:left;
}

input {
	/*font-family: Georgia, Verdana, sans-serif;*/
	width: 15em;
	border: 1px solid #000;  
	padding: 1px; 
	font-size: 1.3em; 
	color: #000;
	margin: 2px;
} 

textarea {
	/*font-family: Georgia, Verdana, sans-serif; */
	width: 20em; 
	font-size: 1.5em; 
	border: 1px solid #000; 
	color: #000; 
	background-color: #fff; 
	padding: 4px; 
	margin-top: 10px;
	margin-bottom: 10px;
}

select {
	/*font-family: Georgia, Verdana, sans-serif; */
	width: 15.3em; 
	font-size: 1.3em; 
	padding: 1px; 
	line-height: 1.3em; 
	border: 1px solid #000; 
	color: #000; 
	text-transform: none; 
	font-weight: normal; 
	margin: 2px;
}

input.button {
	background-color: #ccc;
	border: 1px solid #000;
	color: #000;
	font-size: 1.2em; 
	font-weight: bold;
	width: 4em;
	height: 1.5em;
	cursor: pointer;
}

input.checkbox {
	color: #000;
	font-size: 1.0em; 
	font-weight: bold;
	width: 1.5em;
	height: 1.5em;
}

div label {
	 font-size: 1.2em;
}


/* ====== Page Specific ====== */
#static {
	float: left;
	width: 950px;
	margin: 0 18px 0 18px;
}

#temp {
	float: left;
	width: 951px;
	margin-left: 8px;
}

.title_link {
	font-size: 1.3em;
	color: #ba0502;
	font-weight: bold;
}

.title_link:link {
	text-decoration: none;
	}

.title_link:active {
	color: #ba0502;
	text-decoration: none;
}

.title_link:visited {
	color: #ba0502;
	text-decoration: none;
}

.title_link:hover {
	color: #000;
	text-decoration: none;
}

.title {
	font-size: 1.3em;
	color: #ba0502;
	font-weight: bold;
}

/* ====== Product Pages ====== */

#left_content {
	float: left;
	width: 175px;
	margin-left: 4px;
	text-align: left;
	padding: 0;
}

#right_content {
	float: left;
	width: 780px;
	margin-left: 6px;
}

#side_menu {
	float: left;
	width: 175px;
	margin: 0;
	padding: 0;
}

#product {
	float: left;
	width: 732px;
	padding: 0 24px 0 24px;
}

.grid {
	float: left;
	width: 884px;
	background: url(../images/grid_main.gif) 0 0 repeat-y;
	padding-left: 20px;	
}

.grid_new {
	float: left;
	width: 884px;
	background:  url(../images/grid_main.gif) 0 0 repeat-y;
	padding-left: 20px;	
}

 div.hr {
  height: 2px;
  background: #ffcc66 url(hr1.gif) no-repeat scroll center;
  width: 836px;	
}
 div.hr_sub {
  height: 2px;
  background: #ffcc66 url(hr1.gif) no-repeat scroll center;
  width: 836px;	
}

div.hr hr {
  display: none;
}

table.data {
	float: left;
	font-size: 1.1em;
	background: #0d0d0d;
	/*border : 1px solid #fff;*/
	color: #fff;
	text-align: left;
	width: 636px;
	/*table-layout: fixed; width: 606px;*/
}

.data td a:link {
	color: #ffcc66;
	font-size: 1.0em;
}

.data td a:active {
	color: #ffcc66;
	font-size: 1.0em;
}

.data td a:visited {
	color: #ffcc66;
	font-size: 1.0em;
}

.data td a:hover {
	text-decoration:underline;
}

.data th {
	padding: 5px;
	background-position: 50% top;
	font-weight: bold;
	background: url(../images/th_bg.jpg) 0 0 repeat-x;
	margin: 0px;
	color: #fff;
	/*border : 1px solid #fff;	*/
}

.data td {
	/*border : 1px solid #fff;*/
	padding : 5px;
}

.data tr {
	border : none;
}

.data tr.even td {
	background-color: #fff5e1;
}

.data tr.odd td {
	background-color: #fcf4cd;
	border: 0px;
}

table.data2 {
	float: left;
	font-size: 1.1em;
	background: #0d0d0d;
	/*border : 1px solid #fff;*/
	color: #fff;
	text-align: left;
	width: auto; 
	/*table-layout: fixed;*/
}

.data2 td a:link {
	color: #ffcc66;
	font-size: 1.0em;
}

.data2 td a:active {
	color: #ffcc66;
	font-size: 1.0em;
}

.data2 td a:visited {
	color: #ffcc66;
	font-size: 1.0em;
}

.data2 td a:hover {
	text-decoration:underline;
}

.data2 th {
	padding: 5px;
	background-position: 50% top;
	font-weight: bold;
	background: url(../images/th_bg.jpg) 0 0 repeat-x;
	margin: 0px;
	color: #fff;
	/*border : 1px solid #fff;	*/
}

.data2 td {
	/*border : 1px solid #fff;*/
	padding : 5px;
}

.data2 tr {
	border : none;
}

.data2 tr.even td {
	background-color: #fff5e1;
}

.data2 tr.odd td {
	background-color: #fcf4cd;
	border: 0px;
}

.product_image {
	float: right;
	margin-right: 48px;
}

#cart_btns {
	float: left;
	text-align: left;
	background: url(../images/grid_cart_bottom.gif) 0 0 no-repeat;
	width: 884px;
	height: 43px;
}

.cart_links {
	float: left;
	font-size: 1.0em;
	margin-left: 470px;
	margin-top: 18px;
}

ul.cart_links {
	letter-spacing: 0px;
}

ul.cart_links li {
	display: inline; 
	padding: 0px 35px 0px 0px;
}

ul.cart_links li a:link {
	color: #ffcc66; 
	text-decoration: none;
}

ul.cart_links li a:active {
	color: #ffcc66;
	text-decoration: none;
}

ul.cart_links li a:visited {
	color: #ffcc66; 
	text-decoration: none;
}

ul.cart_links li a:hover {
	color: #fff; 
	text-decoration: none;
}

/* ====== Home Pages ====== */

#intro {
	float: left;
	margin-left: 6px;
	margin-top: 6px;
}

#buzzwords {
	float: left;
	margin-left: 11px;
	margin-top: 39px;
}	

#home_middle {
	float: left;
	background: #ebebeb;
	width: 490px;
	margin-left: 6px;
}

#award {
	float: left;
	background: #ebebeb url(../images/acca_award.png) top left no-repeat;
	width: 160px;
	/*height: 352px;*/
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	margin-left: 5px;
	padding: 84px 7px 194px 7px;
}

#patch {
background: url(../images/patch.png) top left no-repeat;
width: 176px;
height: 366px;
padding-top:20px;
padding-left:15px;
padding-bottom: 15px;
}

#patch1 {
	float: left;
	background: #ebebeb url(../images/patch.jpg) no-repeat;
	background-color:#0066CC;
	width: 160px;
/*	height: 366px;*/
	text-align: center;
	color: #fff;
	font-size: 0.9em;
	margin-left: 5px;
	padding: 84px 7px 194px 7px;
}

.award_link {
	font-size: 1.3em;
	color: #fff;
}

.award_link:link {
	text-decoration: underline;
	}

.award_link:active {
	color: #fff;
	text-decoration: underline;
}

.award_link:visited {
	color: #fff;
	text-decoration: underline;
}

.award_link:hover {
	color: #000;
	text-decoration: underline;
}

#intro_text {
	float: left;
	text-align: left;
	color: #000;
	font-size: 0.9em;
	padding: 0 24px 0 24px;
}

#featured_product {
	float: left;
	width: 478px;
	margin-left: 8px;
	margin-top: 6px;
}

#featured_main {
	float: left;
	background: url(../images/featured_main.gif) top left no-repeat;
	width: 478px;
	padding-top: 48px;
}

#featured_image {
	float: left;
	padding-left: 19px;
	width: 190px;
}

#featured_text {
	float: left;
	width: 224px;
	padding-left: 24px;
	color: #fff;
}

.featuredText {
	font-size: 1.0em;
	margin-top: 8px; 
	padding-bottom: 8px;
}

.learnBtn {
	margin-top: 14px;
}

#featured_bottom {
	float: left;
	background: #ebebeb url(../images/featured_bottom.gif) 0 0 no-repeat;
	width: 478px; 
	height: 27px;
}

#home_right {
	float: left;
	width: 283px;
	margin-left: 6px;
}	

#president {
	float: left;
	background: url(../images/definition.png) top left no-repeat;
	width: 283px;
	/*margin-left: 6px;*/
}

.pres_name {
	color: #b60702;
	margin-top: 150px;
	margin-left: 130px;
}

.pres_quote {
	margin: 50px 6px 6px 6px;
	font-size: 1.1em;
	padding: 15px;
}

#question {
	background: #ebebeb url(../images/question_top.png) 0 0 no-repeat;
	width: 283px;
	height: 67px;
	float: left;
}

.question {
	float: left;	
	margin-top: 36px;
	margin-left: 150px;
}