body {
	background-image:url(../images/bg.jpg);
	margin:0px;
	padding:0px;
}


#page {
	margin-left: auto;
	margin-right: auto;
	width:1017px;
}

p, #top_box, #middle_box, #bottom_box, h1, ul, li, h2, blockquote, #footer a [title="contact"] {
	margin:0px;
	padding:0px;
}

p, h2, ul, li, form {
	color:#2f2f2c;
	font-family:Arial, Helvetica, sans-serif;
}

h1, blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#950101;
	margin-bottom:10px;
}

h2 {	
	font-weight: bolder;
	font-size:12px;
	margin-top:10px;
	margin-bottom:2px;
}

li, p, form {
	font-size:12px;
	line-height:16px;
}

#form {
	text-align:right;
	width:400px;
	float:right;
	margin: 50px 75px 0px 0px;
}

.message {
	height:100px;
}

#form input {
	margin-bottom:5px;
	/*width:220px;*/
	margin-left:0px;
}

img {
	border:none;
}

/* ------------------ masthead - top header -------------------*/

#masthead {
	background-image:url(../images/masthead.png);
	width:1017px;
	height:369px;
}

#masthead_services {
	background-image:url(../images/masthead_services.png);
	width:1017px;
	height:371px;
}

#masthead_contact {
	background-image:url(../images/masthead_contact.png);
	width:1017px;
	height:371px;
}

#masthead_about_us {
	background-image:url(../images/masthead_about_us.png);
	width:1017px;
	height:371px;
}


#search_box {
	height:29px;
	width:261px;
	/*background-image:url(../images/DJB_home_06.jpg);*/
	float:right;
	margin-right:5px;
	margin-top:11px;
}

#search_box input{
	margin-top:3px;
	margin-left:0px;
	
}


input{
	border: #FFFF00 solid 1px;
}
input.go{
	border: 0;
}
input.go{
	float: left;
	
}
#col_2_contact input{
	border: 1px solid #999; 
}
table td{
		border: #FFFF00 solid 0px;
}

#right_img {
	background-image:url(../images/DJB_home_04.jpg);
	height:109px;
	width:60px;
	float:right;
}

/* ---------------------- navbar and links ---------------------*/

ul, li {
	list-style:none;
}

ul#navbar {
	height:31px;
	width:594px;
	text-indent:-9999px;
	float:left;
	margin-top:35px;
	margin-left:323px;
}

ul#navbar li {
	float:left;
}

li.home a{
  background-image: url(../images/home_btn.jpg);
  width: 75px;
  height:31px;
  float:left;
}

li.home a:hover {
  background-image: url(../images/home_btn.jpg);
  background-position: right;
}

li.about_us a {
  background-image: url(../images/about_us_btn.jpg);
  width: 99px;
  height:31px;
  float:left;
}

li.about_us a:hover {
  background-image: url(../images/about_us_btn.jpg);
  background-position: right;
}

li.new_products a {
  background-image: url(../images/new_products_btn.jpg);
  width: 130px;
  height:31px;
  float:left;
}

li.new_products a:hover {
  background-image: url(../images/new_products_btn.jpg);
  background-position: right;
}

li.services a {
  background-image: url(../images/services_btn.jpg);
  width: 94px;
  height:31px;
  float:left;
}

li.services a:hover {
  background-image: url(../images/services_btn.jpg);
  background-position: right;
}
 
li.ecards a {
  background-image: url(../images/ecards_btn.jpg);
  width: 85px;
  height:31px;
  float:left;
}

li.ecards a:hover {
  background-image: url(../images/ecards_btn.jpg);
  background-position: right;
}

li.contact_us a{
  background-image: url(../images/contact_us_btn.jpg);
  width: 111px;
  height:31px;
  float:left;
}

li.contact_us a:hover {
  background-image: url(../images/contact_us_btn.jpg);
  background-position: right;
}

/*------------------------------------------------------ */

#top_box {
	background-image:url(../images/top_box.png);
	width:1017px;
	height:14px;
	background-repeat:no-repeat;
	background-position:top center;
	float:left;
}

#middle_box {
	background-image:url(../images/middle_box.png);
	width:1017px;
	background-repeat: repeat-y;
	background-position:top center;
	float:left;
}
#middle_box_services {
	background-image:url(../images/middle_box.png);
	width:1017px;
	height:620px;
	background-repeat: repeat-y;
	background-position:top center;
	float:left;
}
#middle_box_contact {
	background-image:url(../images/middle_box.png);
	width:1017px;
	height:480px;
	background-repeat: repeat-y;
	background-position:top center;
	float:left;
}

#col_1 {
	margin-left:85px;
	width:240px;
	float: left;
	padding-top:10px;
	padding-right:20px;
}

#col_1 p, #col_1_contact p	{
margin-bottom:15px;
}

#col_1_contact {
	margin-left:85px;
	width:240px;
	float: left;
	padding-top:10px;
	padding-right:30px;
}

ul#col_1_services {
	font-weight:bold;
	color:#354554;
}

#col_2 {
	margin-left:20px;
	padding-top:10px;
	padding-right:15px;
	width:275px;
	float: left;
}

#col_2 a img {
	margin-top:8px;
}

#col_2_contact {
	margin-left:20px;
	padding-top:10px;
	padding-right:15px;
	width:450px;
	float: left;
}

#col_2_about_us {
	margin-left:20px;
	padding-top:10px;
	padding-right:15px;
	width:270px;
	float: left;
}

#col_2_about_us_bottom {

	padding-top:20px;

	width:368px;
	height: 186px;
	float: left;
	background: no-repeat right url(../images/mail.png);


}

#col_2_about_us_bottom_text {
	
	margin-left: 20px;
	width:230px;
	float: left;
}

#col_3 {
	margin-left:20px;
	padding-top:10px;
	width:250px;
	float: left;
}

#col_3_chrome {
	margin-left:0px;
	padding-top:10px;
	width:250px;
	float: left;
	margin-left: -10px;
}

#col_4 img {
	margin-top:-75px;
	float:right;
}

#col_4 img[alt="tools"] {
	margin-top:-260px;
	margin-right:-5px;
	float:right;
}

#col_4 img[alt="states"] {
	margin-top:-30px;
	margin-left:65px;
	float:left;
}

#co_4 img[alt="mail"] {
	float:right;
}

#bottom_box {
	background-image:url(../images/bottom_box.png);
	width:1017px;
	height:30px;
	background-repeat:no-repeat;
	background-position:top center;
	float:left;
}

div.vert_dashed_line {
	height:310px;
	width:1px;
	border-right:dashed #2f2f2c 1px;
	float:left;
	margin-top:15px;
}


div.vert_dashed_line_services_col_2 {
	height:500px;
	width:1px;
	border-right:dashed #2f2f2c 1px;
	float:left;
	margin-top:15px;
}

div.vert_dashed_line_services_col_3 {
	height:220px;
	width:1px;
	border-right:dashed #2f2f2c 1px;
	float:left;
	margin-top:15px;
}

div.vert_dashed_line_contact_col_1 {
	height:400px;
	width:1px;
	border-right:dashed #2f2f2c 1px;
	float:left;
	margin-top:15px;
}

div.vert_dashed_line_about_us_col_2 {
	height:725px;
	width:1px;
	border-right:dashed #2f2f2c 1px;
	float:left;
	margin-top:15px;
}

div.vert_dashed_line_about_us_col_3_bottom {
	height:220px;
	width:1px;
	border-right:dashed #2f2f2c 1px;
	float:left;
	margin-top:15px;
}


/* ------------------------------------- footer ------------------------------*/

#footer {
	width:500px;
	color:#2f2f2c;
	text-align:center;
	padding-top:20px;
	float:left;
	margin-left:320px;
}

/* for IE or the nav will break */
#footer li {
	float:left;
	}

#footer a {
	color:#32938a;
	text-transform:uppercase;
	text-decoration:none;
	font-size:10px;
	float:left;
	margin-left:2px;
}


#footer_text {
	font-size:8px;
	float:left;
	margin-left:-43px;
	width:460px;
	text-align:center
}

#footer_text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	clear:both;
	line-height:12px;
}

#footer a[title="contact"] {
	text-transform:lowercase;
	color:#2f2f2c;
	text-decoration:underline;
	margin:0px;
	padding:0px;
}

#search-results
{
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 15px;
}

.content{
	margin-left: 80px;
	margin-right: 80px;
	margin-top: 15px;
}

#card-text{
	float: left;
	margin-left: 20px;
	width: 330px;
}
#card-text p{
	margin-bottom: 10px;
}