/* CSS Document */

body {
	background-color: #680C04;
	color: #680C04;
	margin: 5px;
}

body, form, table, tr, th, td, div, p {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}

form, table, tr, th, td, div, p, img {
	border: 0px;
	margin: 0px;
	padding: 0px;
}

a {
	color: #680C04;
	text-decoration: none;
}

p {
	padding: 7px 0px 7px 0px; /* must specify this for the padding to display the same across all browsers */
	text-align: left;
}

p img {
	border: 1px solid #680C04;
	float: right;
	margin: 0px 10px 0px 10px;
}

.img_left {
	float: left;
}
.img_right {
	float: right;
}

.text_left {
	text-align: left;
}
.text_right {
	text-align: right;
}

.border_left {
	border-left: 1px solid #680C04;
}
.border_right {
	border-right: 1px solid #680C04;
}

/*****************/
/* layout styles */
/*****************/

#page {
	border-top: 1px solid #4D0101;
	border-right: 2px solid #4D0101;
	border-bottom: 2px solid #4D0101;
	border-left: 1px solid #4D0101;
}

#page, #header, #main, #footer {
	width: 780px;
}

/* header area styles */

#header_logo, #header_rt {
	height: 122px;
}
#header_logo {
	background-color: #000000;
	float: left;
	width: 314px;
}

#header_rt, #header_top {
	width: 466px;
}
#header_rt {
	float: right;
}
#header_top {
	height: 82px;
}

/* header menu area styles */

#header_menu, #hdr_menu_products, #hdr_menu_contact, #hdr_menu_home {
	height: 40px;
}

#header_menu a {
	color: #CCCCCC;
	font-size: 14px;
}
#header_menu .img_left {
	width: 37px;
}
.menu_item {
	float: left;
	margin: 12px 0px 12px 0px;
	text-align: center;
	width: 110px;
}

#hdr_menu_products, #hdr_menu_contact, #hdr_menu_home {
	text-align: center;
}
#hdr_menu_products, #hdr_menu_contact {
	width: 155px;
	float: left;
}
#hdr_menu_home {
	width: 156px;
	float: right;
}

#header_menu, #header_menu div {
	background-color: #000000;
	color: #CCCCCC;
}

#header_menu .current, #header_menu .current .menu_item {
	background-color: #860000;
}

/* main area styles */

#main {
	background-color: #FFFFFF;
	clear: both;
	text-align: left;
}

#content {
	padding: 12px;
}

/* footer area styles */

#footer {
	background-image: url(../images/footer_bg.jpg);
	background-position: left;
	background-repeat: no-repeat;
	clear: both;
	height: 277px;
}

#footer_bg { /* this style was necessary to get the layer underneath that has the transparency over the bg image */
	background-color: #FFFFFF;
	border: 1px solid #680C04;
	height: 190px;
	margin: 30px 7px 30px 6px;
	width: 765px;
	
	/* positioning */
	position: relative;

	/* the following makes the bg show thru */
	filter:alpha(opacity=50);
	-moz-opacity:.50;
	opacity:.50;
}

#footer_main { /* this style was necessary to get the layer over top to not be transparent and holds the actual text for this area */
	height: 190px;
	margin: 0px 0px -222px 0px;
	padding: 1px 0px 0px 0px;
	width: 765px;
	
	/* positioning */
	position: relative;
	top: -222px;
}

#footer_main p img {
	border: 1px solid #680C04;
}

/* home footer layout styles */

#footer_quote {
	float: left;
	padding: 0px;
	width: 370px;
}
#footer_quote img {
	border: 0px;
	border-bottom: 1px solid #680C04;
	margin: 0px;
	padding: 0px;
}

#footer_products {
	float: right;
	padding: 0px;
	width: 395px;
}
#footer_products img {
	border: 0px;
	border-bottom: 1px solid #680C04;
	margin: 0px;
	padding: 0px;
}

#footer_quote p, #footer_products p {
	margin: 7px 8px 0px 8px;
} 

#footer_quote p img, #footer_products p img {
	margin: 0px 5px 0px 10px;
}

/* inside footer layout styles */

#footer_inside {
	margin: 0px;
	padding: 0px;
	width: 765px;
}
#footer_inside img {
	border-bottom: 1px solid #680C04; 
}
#footer_inside_form p {
	margin: 0px 10px 0px 10px;
}


#footer_inside_form table td {
	padding: 0px 10px 0px 10px;
} 


/***********************/
/* contact page styles */
/***********************/

#content_contact {
	background-image: url(../images/main_contact_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 401px;
}

#contact {
	padding: 10px 15px 5px 15px;
}

/***********************/
/* product page styles */
/***********************/

#products {
	width: 90%;
}

#products th, #products td {
	padding: 10px 25px 5px 25px;
}

#products th {
	border-bottom: 1px solid #860000;
	white-space: nowrap;
}

/* fixes it so the HD logo doesn't have a border around it */

img.noborder {
	border: 0;
}

#webdevelopment {
	margin: 2px;
	text-align: right;
	width: 780px;
}