/*
css for bounce website
*/

body {
    font-family: Verdana, Arial, Sans-Serif;
    padding: 10px;
    padding-top: 0px;
    background-color: #ffffff;
    margin-top: 0px;
}


#header {
    width: 950px;
    background-color: #274978;
    padding: 0px;
    margin: 0;
}

#footer {
    width: 940px;
    height: 200px;
    background-color: #274978;
    padding: 0px;
    margin: 0px;
    margin-right: 55px;
    border-width: 0px;
    border-style: solid;
    border-color: #274978;
}

#bodycontent {
    padding: 0px;
    background-color: #ffffff;
    margin: 0px;
    margin-top: 0;
    width: 783px;
    border-width: 0px;
    border-style: solid;
    border-color: #274978;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    border-bottom: 0px;  
}


#navigation {
    width: 138px;
    height: 1308px;
    background-color: #d4dbe4;
    text-decoration: none;
    font-weight: bold;
    line-height: 10%;
    border-width: 0px;
    border-style: solid;
    border-color: #274978;
    border-left: 0px;
    border-top: 0px;
    border-bottom: 0px;
    padding: 15px;
    padding-top: 30px;
    padding-left: 0px;
    margin: 0px;
    margin-top: 0px;
}



#header, #navigation, #bodycontent, #footer, #rightborder {
    position: absolute;
}

 #footer {
    top: 1477px;
}

#navigation, #bodycontent {
    top: 123px;
}

#bodycontent {
    left: 173px;
}

#rightborder {
    top: 132px;
    left: 970px;
}



/*
following section for home page bodycontent positioning
*/

#home1, #home2, #home3, #home4, #home5, #home6 {
    position: absolute;
}


#home1 {
    left: 0px;
    top: 20px;
}

#home2 {
    left: 480px;
    top: 280px;
}

#home3 {
    left: 30px;
    top: 700px;
}

#home4 {
    left: 411px;
    top: 450px;
}

#home5 {
    left: 10px;
    top: 850px;
}

#home6 {
    left: 440px;
    top: 1180px;
}

/*
following section for about page bodycontent positioning
*/


#info1, #info2, #info3, #info4, #info5, #info6, #info7, #info8 {
    position: absolute;
}



#info1 {
    left: 30px;
    top: 105px;
}


#info2 {
    left: 413px;
    top: 50px;
}


#info3 {
    left: 40px;
    top: 270px;
}


#info4 {
    left:400px;
    top: 430px;
}

#info5 {
    left: 30px;
    top: 750px;
}


#info6 {
    left: 490px;
    top: 610px;
}


#info7 {
    left: 0px;
    top: 880px;
}


#info8 {
    left: 400px;
    top: 1150px;
}

/*
following section is for simpleviewer positioning 
*/

#slideshow {
    position: absolute;
    top: 10px;
    left: 10px;
}

#shoppingcart {
    position: absolute;
    top: 470px;
    left: 30px;
}




    
/*
following section is for footer positioning on all pages
*/

#cornerlogo {
    position: relative;
}

#footercaption1 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    height: 170px;
    left: 255px;
    top: 7px;
}

#footercaption2 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    width: 300px;
    height: 170px;
    left: 350px;
    top: 7px;
}

#footerbutton {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 470px;
    top: 173px;
}

#footerbutton2 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 520px;
    top: 173px;
}

#footerbutton3 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 700px;
    top: 80px;
}

#footerbutton4 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 360px;
    top: 80px;
}

#footerbutton5 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 310px;
    top: 80px;
}

#footerbutton6 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 400px;
    top: 80px;
}

#footerbutton7 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 470px;
    top: 80px;
}

#footerbutton8 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 270px;
    top: 80px;
}

#footerbutton9 {
    position: absolute;
    padding: 0px;
    margin: 0px;
    left: 400px;
    top: 80px;
}

a:link {
    color: #274978; 
}

a:visited {
    color: #274978;
}

a:hover {
    color: White;
    background-color: #274978;
}

a:active {
    color: White;
    background-color: #274978;
}

table {
   position: absolute;
   top: 100px;
   left: 100px;
   font: verdana;
   color: #274978;
   letter-spacing: -1px;
}

th {
   text-align: left;
   font-size: 24pt;
   font-weight: bold;
}

td {
   text-align: left;
}


#homeshoot {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 560px;
    color: #274978;
    letter-spacing: -2px;
}

h1 {
   font-size: 24pt;
} 

/*
following section is for homeshoot info positioning
*/

#homeshootinfo1, #homeshootinfo2, #homeshootinfo3, #homeshootinfo4, #homeshootinfo5, #homeshootinfo6, #homeshootinfo7, #homeshootinfo8, #homeshootinfo9 {
    position: absolute;
}

#homeshootinfo1 {
    width: 200px;
    top: 940px;
    left: 0px;
    letter-spacing: -1px;
}

#homeshootinfo2 {
    width: 650px;
    top: 160px;
    letter-spacing: -1px;
}

#homeshootinfo3 {
    width: 200px;
    top: 250px;
    left: 300px;
    letter-spacing: -1px;
}

#homeshootinfo4 {
    width: 260px;
    top: 320px;
    left: 0px;
    letter-spacing: -1px;
}

#homeshootinfo5 {
    width: 200px;
    top: 330px;
    left: 0px;
    letter-spacing: -1px;
}

#homeshootinfo6 {
    width: 650px;
    top: 520px;
    left: 0px;
    letter-spacing: -1px;
}

#homeshootinfo7 {
    width: 600px;
    top: 610px;
    left: 3px;
    letter-spacing: -1px;
}

#homeshootinfo8 {
    width: 650px;
    top: 880px;
    left: 0px;
    letter-spacing: -1px;
}

#homeshootinfo9 {
    width: 650px;
    top: 1180px;
    left: 0px;
    letter-spacing: -1px;
}


#collections {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 650px;
    color: #274978;
    letter-spacing: -2px;
}

/*
following section is for collections info positioning
*/

#collections1, #collections2, #collections3, #collections4, #collections5, #collections6, #collections7, #collections8, #collections9, #collections10, #collections11, #collections12, #collections13, #collections14, #collections15 {
    position: absolute;
}


#collections1 {
    width: 670px;
    top: 140px;
    left: 0px;
    letter-spacing: -1px;
}

#collections2 {
    width: 400px;
    top: 200px;
    left: 0px;
    letter-spacing: -1px;
}

#collections3 {
    width: 300px;
    top: 270px;
    left: 170px;
    letter-spacing: -1px;
    font-size: 18pt;
    font-weight: bolder;
}

#collections4 {
    width: 300px;
    top: 420px;
    left: 175px;
    letter-spacing: -1px;
    font-size: 18pt;
    font-weight: bolder;
}

#collections5 {
    width: 300px;
    top: 735px;
    left: 200px;
    letter-spacing: -1px;
    font-size: 18pt;
    font-weight: bolder;
}

#collections6 {
    width: 300px;
    top: 570px;
    left: 170px;
    letter-spacing: -1px;
    font-size: 18pt;
    font-weight: bolder;
}

#collections7 {
    width: 300px;
    top: 910px;
    left: 200px;
    letter-spacing: -1px;
    font-size: 18pt;
    font-weight: bolder;
}

#collections8 {
    width: 300px;
    top: 1080px;
    left: 170px;
    letter-spacing: -1px;
    font-size: 18pt;
    font-weight: bolder;
}

#collections9 {
    width: 540px;
    top: 1225px;
    left: 70px;
    letter-spacing: -1px;
}

#collections10 {
    top: 220px;
    left: 400px;
}

#collections11 {
    top: 280px;
    left: 0px;
}

#collections12 {
    top: 640px;
    left: 30px;
}

#collections13 {
    top: 500px;
    left: 380px;
}

#collections14 {
    top: 830px;
    left: 400px;
}

#collections15 {
    top: 920px;
    left: 30px;
}


/* *******************************************************************************
*/


#digital {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 650px;
    color: #274978;
    letter-spacing: -2px;
}


#digi1, #digi2, #digi3, #digi4, #digi5, #digi6, #digi7, #digi8, #digi9, #digi10 {
    position: absolute;
}


#digi1 {
    width: 670px;
    top: 130px;
    left: 0px;
    letter-spacing: -1px;
}

#digi2 {
    width: 670px;
    top: 225px;
    left: 0px;
    letter-spacing: -1px;
}

#digi3 {
    top: 290px;
    left: 90px;
}

#digi4 {
    top: 290px;
    left: 340px;
}

#digi5 {
    top: 635px;
    left: 30px;
}

#digi6 {
    top: 895px;
    left: 90px;
}

#digi7 {
    top: 835px;
    left: 410px;
}

#digi8 {
    width: 670px;
    top: 1150px;
    left: 0px;
    letter-spacing: -1px;
}

#digi9 {
    width: 670px;
    top: 1200px;
    left: 0px;
    letter-spacing: -1px;
}

#digi10 {
    width: 670px;
    top: 1250px;
    left: 0px;
    letter-spacing: -1px;
}

/* *******************************************************************************
*/

#testamonials {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 650px;
    color: #274978;
    letter-spacing: -2px;
}

.comment {
    font-style: italic;
}

.customer {
    font-weight: bold;
    letter-spacing: -1px;
}


#comments1 {
    position: absolute;
    width: 670px;
    top: 80px;
    left: 0px;
    letter-spacing: -1px;
}

#comments2 {
    position: absolute;
    width: 670px;
    top: 380px;
    left: 0px;
    letter-spacing: -1px;
}

#comments3 {
    position: absolute;
    width: 670px;
    top: 670px;
    left: 0px;
    letter-spacing: -1px;
}

#comments4 {
    position: absolute;
    width: 670px;
    top: 1040px;
    left: 0px;
    letter-spacing: -1px;
}

#comments5 {
    position: absolute;
    top: 110px;
    left: 200px;
}

#comments6 {
    position: absolute;
    top: 420px;
    left: 200px;
}

#comments7 {
    position: absolute;
    top: 700px;
    left: 200px;
}

#comments8 {
    position: absolute;
    top: 1080px;
    left: 200px;
}

#compare {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 650px;
    color: #274978;
    letter-spacing: -2px;
}

#cost {
    position: absolute;
    width: 670px;
    top: 120px;
    left: 0px;
    letter-spacing: -1px;
} 

#contact {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 650px;
    color: #274978;
    letter-spacing: -2px;
}

#cta {
    position: absolute;
    font-size: 22px;
    letter-spacing: -1px;
    top: 150px;
}