/* CSS Document */
											
/*	////---------GENERAL CONSTANTS */
body{background: url(../images/bg.jpg) top left repeat; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3e0302; font-size: 14px;}
h1{font-size: 19px; margin: 0; padding: 10px 0; text-align: center;}
h2{font-size: 16px; margin: 0; padding: 20px 0 0 0; text-align: center;}
body a{color: #043d84;}
body a:hover{color: #125ebd;}

/*////---------MAIN CONTAINER */
#main{width: 807px; margin: 0 auto; position: relative;}

/*////---------HEADER */
#header{width: 805px; height: 149px; background: url(../images/header.gif) top center no-repeat; position: relative;}
#header a{display: block;}
#header a span{display: none;}

/*-------------Header Components */
#name a{width: 450px; height: 135px; position: absolute; top: 15px; left: 170px;}
#logo a{width: 95px; height: 109px; background: url(../images/logo.jpg) top left no-repeat; position: relative; float: left; clear: left; margin: 32px 0 0 30px;}
#award a{width: 99px; height: 116px; background: url(../images/award.jpg) top left no-repeat; position: relative; float: right; margin: 27px 21px 0 0;}

/*////---------NAVIGATION */
#nav{width: 807px; height: 77px; background: url(../images/nav.gif) top center no-repeat; margin: 0; padding: 0; position: relative;}
#nav ul{list-style: none; margin: 0; padding: 0;}
#nav ul li{display:inline; padding:0; margin:0;}
#nav ul li a{display:block; float:left;}
#nav ul li a span{display: none;}

/*-------------Navigation Hover Effects */
#nav ul li.contact a{height: 35px; width: 70px; margin-left: 20px;}
#nav ul li.bondsman a{height: 35px; width: 85px; margin-left: 55px;}
#nav ul li.bondpalm a{height: 35px; width: 85px; margin-left: 55px;}
#nav ul li.orderForm a{height: 50px; width: 85px; margin-left: 55px;}
#nav ul li.screenshots a{height: 50px; width: 85px; margin-left: 55px;}
#nav ul li.about a{height: 50px; width: 85px; margin-left: 55px;}

#nav ul li a:hover{background: url(../images/nav.gif) top center no-repeat;}
#nav ul li.contact a:hover{background-position: -20px -79px;}
#nav ul li.bondsman a:hover{background-position: -145px -79px;}
#nav ul li.bondpalm a:hover{background-position: -285px -79px;}
#nav ul li.orderForm a:hover{background-position: -425px -79px;}
#nav ul li.screenshots a:hover{background-position: -565px -79px;}
#nav ul li.about a:hover{background-position: -705px -79px;}

/*////---------CONTENT: All Body Content Styles Defined Here */
#content{width: 807px; background: url(../images/body.gif) top center repeat-y; margin: 0; padding: 10px 0 2px 0; position: relative;}

#content.about h2{text-align: left; margin-left: 60px;}
#content.about p{margin-left: 75px;}

#content div.youTube{width: 242px; height: 200px; margin: 0 auto;}

/*-------------Paragraph Styles */
#content p{margin: 0 60px 5px 60px; padding: 12px 0 0 0;}
#content p.note{font-size: 12px;}
#content p.block{border-bottom: 1px dashed #a69876; padding-bottom: 21px; margin-bottom: 12px; display: block; position: relative; float: left; clear: left; width: 690px;}
#content p.divider{border-bottom: 1px dashed #a69876; padding-bottom: 15px;}
#content p.clear{display: block; position: relative; clear: both; padding: 30px 0 5px 0;}

/*-------------List Styles */
#content ul{margin: 0 65px 0 90px; padding: 15px 0; border-bottom: 1px dashed #a69876; width: 625px;}
#content ol{margin: 0 65px 0 90px; padding: 15px 0; border-bottom: 1px dashed #a69876; width: 625px;}
#content ul li{background: url(../images/bullet.jpg)left center no-repeat; list-style: none; padding: 5px 25px;}
#content ol li{padding: 5px 0;}
#content ul ul{margin-left: 60px; border: none;}

/*-------------Table Styles */
#content table{width: 682px; margin: 0 auto; border-collapse: collapse;}

#content table tr{margin: 0; padding: 0; background: #fdfbf2;}
#content table tr.head{background: #d4c49b;}
#content table tr.highlight{background: #fcf9a9;}
#content table.retail tr.highlight{background: #c2fca9;}

#content table tr td{border: 1px solid #3e0302; padding: 9px; margin: 0;}
#content table tr td.price{text-align: right;}

/*-------------Image Styles */
#content img{position: relative; display: inline; float: right; clear: right; margin: 10px 23px 10px 15px; padding: 0; border: 2px solid #043d84;}
#content img.large{margin-right: 60px;}
#content img.central{float: none; margin-left: 75px;}
#content a img {border: 2px solid #043d84;}
#content a:hover img{border: 2px solid #125ebd;}

/*-------------Form Styles */
#content p.form{border-top: 1px dashed #a69876; margin-top: 20px;} /* This is for the beginning of a form, to separate it from the body of the page */

#content form p{padding-bottom: 10px; border-bottom: 1px dashed #ebdfc1;}
#content form p.plain{border: none;}
#content form ul{border-bottom: 1px dashed #ebdfc1; list-style: none; padding-top: 0;}

#content form input.textbox{margin: -21px 0 0 125px; position: relative; float: left; clear: none; background: #f7efdb; border: 1px solid #8d7250; color: #3e0302; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;}
#content form input.short{left: 230px;}
#content form input.textbox:hover{background: #fcf3db; border: 1px solid #125ebd;}
#content form textarea{margin: -30px 0 20px 185px; background: #f7efdb; border: 1px solid #8d7250; color: #3e0302; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;}
#content form textarea:hover{background: #fcf3db; border: 1px solid #125ebd;}
#content form button{color: #3e0302;}

/*////---------FOOTER */
#footer{width: 807px; position: relative; margin-left: 1px;}

/*-------------Paragraph Styles */
#footer p{margin: 0; padding: 8px 0; margin: 0; font-size: 12px; text-align: center;}
#footer p.small{font-size: 10px;}

/*-------------Background Image Placement */
#footerTop{width: 805px; height: 38px; background: url(../images/footerTop.gif) top center no-repeat; position: relative;}
#footerContent{width: 805px; background: url(../images/footer.gif) top center repeat-y; position: relative; padding: 10px 0 5px 0;}
#footerBottom{width: 805px; height: 18px; background: url(../images/footerBottom.gif) top center no-repeat; position: relative;}