/*--- Layout ---*/
body{background-image: url('images/bg_body.png'); background-repeat: repeat-x; background-color: #dddddd; margin: 50px; font-family: arial;}

#container{width: 800px; margin: 0px auto;}

#title{background-image: url('images/title.png'); background-repeat: no; height: 70px; font-size: 14px; font-weight: bold; color: #002951; text-align: right; vertical-align: top;}

#spacer{background-color: #002951; height: 5px;}

#navigation{background-color: #002951; font-size: 12px; text-align: center; padding: 5px;}

#header{border: solid #bbbbbb; border-width: 0px 1px 0px 1px; background-color: #ffffff; text-align: center; padding: 10px 0px 10px 0px;}

#content{border: solid #bbbbbb; border-width: 0px 1px 1px 1px; background-color: #ffffff; color: #333333; font-size: 12px;}

#testimonials{border: solid #bbbbbb; border-width: 0px 1px 1px 1px; background-image: url('images/bg_test.png'); background-repeat: repeat-x; background-color: #ffffff; color: #333333; font-size: 12px; text-align: left; margin: 0px 10px 0px 10px;}

#footer{color: #999999; font-size: 12px; text-align: center; padding: 20px;}


/*--- Content ---*/
#home1{padding: 0px 25px 0px 24px; text-align: left; width: 350px; float: left;}
#home2{padding: 0px 24px 0px 25px; text-align: left; width: 350px; float: left; background-color: #ffffaf;}
#home3{padding: 25px 25px 25px 24px; text-align: left; width: 500px; float: left; clear: left;}
#home4{padding: 25px 24px 25px 24px; text-align: center; width: 200px; float: left; border-left: solid 1px #bbbbbb;}
#home5{padding: 0px 24px 0px 24px; text-align: left; width: 200px; float: left; border-left: solid 1px #bbbbbb; background-color: #ffffaf;}
#home6{clear: both;}

#scanning1{padding: 0px 25px 0px 24px; text-align: left; width: 350px; float: left; background-color: #ffffaf;}
#scanning2{padding: 0px 24px 0px 25px; text-align: left; width: 350px; float: left;}
#scanning3{padding: 25px 25px 25px 25px; text-align: left; clear: both;}

#document1{padding: 10px 25px 10px 25px; text-align: left; background-color: #ffffaf;}
#document2{padding: 25px 25px 25px 25px; text-align: left;}

#scanners1{padding: 0px 25px 0px 24px; text-align: left; width: 350px; float: left; background-color: #ffffaf;}
#scanners2{padding: 0px 24px 0px 25px; text-align: center; width: 350px; float: left;}
#scanners3{padding: 25px 25px 25px 25px; text-align: left; clear: both;}

#storage1{padding: 0px 25px 25px 24px; text-align: left; width: 350px; float: left;}
#storage2{padding: 0px 24px 25px 25px; text-align: left; width: 350px; float: left;}
#storage3{clear: both;}

#shredding1{padding: 0px 25px 25px 24px; text-align: left; width: 500px; float: left;}
#shredding2{padding: 0px 24px 25px 25px; text-align: left; width: 200px; float: left;}
#shredding3{clear: both;}

#retention1{padding: 10px 25px 10px 25px; text-align: left; background-color: #ffffaf;}
#retention2{padding: 25px 25px 25px 25px; text-align: left;}

#compliance1{padding: 0px 25px 0px 24px; text-align: left; width: 350px; float: left;}
#compliance2{padding: 0px 24px 0px 25px; text-align: left; width: 350px; float: left; background-color: #ffffaf;}
#compliance3{padding: 25px 25px 25px 25px; text-align: left; clear: both;}

#faq1{padding: 1px 25px 10px 25px; text-align: left;}
#faq2{padding: 25px 25px 25px 25px; text-align: left;}

#contact1{padding: 0px 25px 25px 24px; text-align: left; vertical-align: top; width: 220px; float: left;}
#contact2{padding: 0px 24px 25px 25px; text-align: left; vertical-align: top; width: 480px; float: left;}
#contact3{clear: both;}


/*--- Tables ---*/
table.retention{width: 100%; text-align: left; font-size: 12px;}
tr.list1{background-color: #ffffaf;}
tr.list2{background-color: #ffffff;}

table.board{width: 100%; text-align: left; font-size: 12px;}

table.scanners{width: 100%; font-size: 12px;}

table.testimonials{border-collapse: collapse;}
td.testimonials1{vertical-align: top; text-align: center; width: 200px; padding: 15px 15px 15px 15px;}
td.testimonials2{vertical-align: top; text-align: left; width: 600px; padding: 5px 5px 5px 5px;}


/*--- Links ---*/
a{text-decoration: none;}
a:link{color: #4682B4;}
a:visited{color: #4682B4;}
a:hover{color: #FF8C00;}
a:active{color: #FF8C00;}

a.nav{color: #ffffff; background-color: #4682B4; padding: 2px 5px 5px 5px;}
a.nav:hover{color: #ffffff; background-color: #87CEEB; padding: 2px 5px 5px 5px;}
a.navActive{color: #FF8C00; background-color: #ffffff; padding: 5px 5px 5px 5px;}

a.faq{color: #4682B4;}
a.faq:hover{color: #FF8C00;}
a.faqref{color: #333333;}
a.faqref:hover{color: #333333;}


/*--- Universal Elements ---*/
img{border: 0px;}

h1{color: #4682B4; font-size: 16px;}
h1.grey{color: #333333; font-size: 16px;}
h1.red{color: #FF0000; font-size: 16px;}
h1.orange{color: #FF8C00; font-size: 16px;}

li{padding: 2px;}

hr{background-color: #dddddd; color: #dddddd; border-width: 0px; height: 1px;}