/* 
				+----------------------+
				| vitalwebsite.com*    |
				| jason rebuck [c]2007 |
				+----------------------+
---------------------------------------|
#--------------------------------------|
#             \     |      /
#              \,' _|_  ','
#              /'.' | `,' \
#          -._/_/_'.|,'_\__\_,-
#             | | ,-*." |  |
#   __VITAL___|,+' /|\`.|  |
#             \  \/ | \/`. |___WEB__
#              \ /`.|,'\  /
#               Y.  |   \/
#               : `.|_,' \
#               :
#               :             
#           /\('')/\
#           \      / 
#
#--------------------------------------|
*/

/*main layout */
body {
background-color: #999999;
/*center everything for IE */
margin:0px 0px; padding:0px;
text-align:center;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

.hidden {
visibility: hidden;
margin: 0px 0px;
padding: 0px 0px;
font-size: 9px;
}

/*default links */
a, a:link {
color: #283044;
text-decoration: underline;
}

a:visited {
color: #3b527f;
}

a:hover {
text-decoration: none;
}


/* main div on page that holds everything */
#holder {
width: 960px;
background-color: transparent;
/*center everything for other browsers */
margin:0px auto;
text-align:left;
}


/* grouped margin and padding */
.body_top, .body_nav, .body_middle, .body_bottom {
margin: 0px 0px;
}

.box_top, .box_middle, .box_bottom {
margin: 0px 0px;
}

.box_small_top, .box_small_middle, .box_small_bottom {
margin: 0px 0px;
}
/* end grouped margin and padding */

/*main sections in holder div */
.body_top {
height: 126px;
background: url('body_top.jpg') no-repeat #999999 top left;
padding: 0px 40px;
}

.body_nav {
height: 31px;
background: url('body_nav.png') no-repeat #999999 top left;
padding: 0px 40px;
}

.body_middle {
padding: 0px 20px;
background: url('body_middle.png') repeat-y #999999 top left;
}

.body_bottom {
height: 25px;
background: url('body_bottom.png') no-repeat #999999 top left;
padding: 0px 0px;
}

/* first box on */
.box_top {
height: 10px;
background: top left url(box_top.png) no-repeat  #999999;
font-size: 5px;
padding: 0px 0px;
}

.box_middle {
background: top left url(box_middle.png) repeat-y  #999999;
padding: 10px 40px;
}

.box_bottom {
height: 8px;
background: top left url(box_bottom.png) no-repeat  #999999;
font-size: 5px;
padding: 0px 0px;
}
/*end first box */

/* smaller second box */
.box_small_top {
height: 15px;
background: top left url(box_small_top.png) no-repeat  #999999;
padding: 0px 0px;
}

.box_small_middle {
background: top left url(box_small_middle.png) repeat-y  #999999;
padding: 0px 50px;
}

.box_small_bottom {
height: 16px;
background: top left url(box_small_bottom.png) no-repeat  #999999;
padding: 0px 0px;
float: none;
}
/* end smaller second box */


/*items inside each section */
.bottom_links {
margin: 0px 0px;
padding: 5px 5px;
text-align: center;
color: #ffffff;
}

.bottom_links a, .bottom_links a:link {
color: #999999;
}

.bottom_links a:hover {
color: #ffffff;
}


.gray_box {
margin: 0px 0px 10px 0px;
padding: 10px 10px;
background-color: #f8f8f8;
border: 1px solid #d7d7d7;
border-bottom: 2px solid #500000;
}

.title_contact {
float: right;
margin: 10px 5px;
padding: 0px 0px;
font-weight: bold;
color: #500000;
background: url(contact_bg.png) top left no-repeat transparent;
height: 60px;
width: 160px;
}

.title_contact p {
margin: 0px 0px;
padding: 8px 3px 0px 26px;
text-align: center;
}


/* bottom 3 column section on index */
.thirds {
width: 31%;
height: 90%;
padding: 0px 0px;
margin: 0px 8px;
float: left;
border: 1px solid #d7d7d7;
border-bottom: 2px solid #500000;
background-color: #f8f8f8;
/*background-color: #dddfef*/
}

.thirds ul {
margin: 0px 0px 15px 15px;
padding: 0px 5px 0px 15px;
list-style: disc;
}

.thirds ul li {
margin-top: 5px;
}

.thirds p {
margin: 0px 0px;
padding: 0px 5px 0px 10px;
font-weight: bold;
}

.thirds h3 {
font-size: 14px;
padding: 0px 8px 5px 10px;
margin: 10px 0px 15px 0px;
border-bottom: 1px solid #d7d7d7;
text-align: left;
color: #500000;
}

/*products table */
.products {
margin:0px auto;
width: 100%;
height: 100%;
}

.products td {
padding: 10px 5px;
border: 1px solid #d7d7d7;
background: top left url(cross.png) no-repeat  #ffffff;
float: none;
text-align: center;

}

.products p {
margin: 0px 0px;
padding: 0px 0px;
clear: both;
}

/* large 2 column layout for static pages */
.column_left {
text-align: justify;
width: 70%;
float: left;
padding: 2px 3px 15px 19px;
}

.column_left p {
margin: 0px 0px 10px 0px;
padding: 5px 20px;
}

.column_left ul {
margin: 5px 20px 5px 20px;
list-style-position:inside;
padding: 0px 0px;

}

.column_left ul li {
margin-top: 5px;

}


.column_left h1, .top_title {
margin: 10px 10px;
padding: 5px 0px;
border-bottom: 1px solid #500000;
color: #500000;
font-size: 16px;
}


.top_title {
text-align: center;
margin: 0px 0px;
padding: 0px 0px;
border: none;

}

.left_img {
float: left;
margin: 0px 10px 5px 0px;
padding: 0px 0px;
border: 1px solid #d7d7d7;
}

.column_right {
width: 23%;
margin: 10px 0px 0px 0px;
float: right;
padding: 0px 0px;
border: 1px solid #d7d7d7;
border-bottom: 2px solid #500000;
background-color: #f8f8f8;
}

.column_right p {
margin: 0px 0px 10px 0px;
padding: 5px 7px;
}

.column_right ul {
margin: 10px 0px;
padding: 0px 0px 0px 20px;
}

.column_right ul li {
margin-bottom: 3px;
}

.column_right img {
float: right;
margin: 5px 0px 3px 5px;
padding: 0px 0px;
border: 1px solid #d7d7d7;
}

.column_right h1 {
margin: 0px 0px 3px 0px;
text-align:center;
padding: 3px 0px 3px 0px;
border-bottom: 1px solid #d7d7d7;
background-color: #e8e8e8;
color: #500000;
font-size: 14px;
text-transform: uppercase;
}

.quote {
border: 1px solid #500000;
background-color: #f8f8f8;
font-family: Georgia, "Times New Roman", Times, serif;
}


/********* menu system **************/
/*main div box */
#menu_box { margin: 0px auto; padding: 7px 0px 0px 0px;}
/*main list */
#menu_list {list-style-type:none; margin:0px 0px; padding:0px 0px; font-weight: bold;  }

/* size */
/*width of each element */
#menu_list li, #menu_list dt {
width:105px;
}

#menu_list dd {
width: 165px;
}
/* width of nav bar */
#menu_box { width : 780px; }

/*bg colors */
/*default first color */
#menu_list dt, #menu_list dd   { background-color: #CCCCCC; }
/*second color (dropdown bg) */
#menu_list dd a, #menu_list dd a:visited, #menu_list li:hover dt a, #menu_list li a:hover dt a {background-color:#586d92;}
/*third color (rollover marker) */
#menu_list dd a:hover { background-color: #2f4978; }

/*default text color */
#menu_list dt a, #menu_list dt a:visited { color: #000000; }
/*rollover text color */
#menu_list dd a:hover, #menu_list li:hover dt a, #menu_list li a:hover dt a, #menu_list dd a, #menu_list dd a:visited { color:#ffffff; }

/*main box element */
#menu_list li {float:left; padding:0px; margin:0px 3px 0px 3px; position:relative; height:1px; z-index:100;}
#menu_list li a, #menu_list li a:visited {text-decoration:none;}
/*level elements */
#menu_list dl { position:absolute; top:-2px; left:0px;  margin: 0px 0px; padding: 0px 0px; background-color: transparent; }
/*top level element */
#menu_list dt { margin: 0px 0px; float:left; border: 1px solid #ffffff; text-align:center;  }
/* bottem level elements */
#menu_list dd {display:none; clear:left; margin:0px 0px ; padding:0px 0px ; text-align:left;}
/* links */
#menu_list dt a, #menu_list dt a:visited {display:block; color:#000000; padding: 1px 0px 2px 0px; font-weight: bold;}
#menu_list dd a, #menu_list dd a:visited {text-decoration:none; display:block; padding:1px 2px 2px 5px; }
#menu_list li:hover dd, #menu_list li a:hover dd {display:block; border: 1px solid #cccccc;}


/* forms */

form {
margin-top: 30px;
}

div.form_holder {
margin: 10px 0px;
padding: 0px 0px;
height: 20px;
width: 500px;
}

div.button_holder {
margin: 10px 0px;
padding: 0px 0px;
height: 30px;
width: 400px;
clear: left;
float: left;
}

div.form_name {
width: 120px;
margin: 0px 0px;
padding: 0px 15px 0px 0px;
float: left;
text-align: right;
}

div.form_item {
float:left;
margin: 0px 0px;
padding: 0px 0px 0px 0px;
}

div.form_message {
float:right;
margin: 0px 0px;
padding: 0px 0px 0px 0px;
}

.special {
border: 1px solid #500000;
}