/* my personal site stylesheet
*/

#header {font-family: verdana, sans-serif; color: #666; font-size: 26px; position: absolute; 
top: 50px; left: 130px; height: 26px; padding: 5px 5px 5px 5px; 
}

#logo {img src: url(images/artDesign.gif); position: absolute; top: 10px; left: 10px; height: 78px; padding: 5px 5px 5px 5px
}

#line {img src: url(images/line.gif); position: absolute; top: 85px; left: 10px; height: 50px; padding: 5px 5px 5px 5px}

#photo {img src: url(images/robidouxImage.jpg); position: absolute; top: 150px; left: 130px; height: 239px; 
width: 170px; padding: 5px 5px 5px 5px}

#photo2 {img src: url(images/sketches.jpg); position: absolute; top: 150px; left: 130px; height: 157px; width: 239px;
padding: 5px 5px 5px 5px}

#photo3 {img src: url(images/dresses1.jpg); position: absolute; top: 150px; left: 130px; height: 372px; width: 248px;
padding: 5px 5px 5px 5px}

#photo4 {img src: url(images/dresses2.jpg); position: absolute; top: 150px; left: 390px; height: 372px; width: 248px;
padding: 5px 5px 5px 5px}

#photo5 {img src: url(images/veniceSite2.jpg); position: absolute; top: 155px; left: 130px; height: 375px; width: 500px;
padding: 0px 0px 0px 0px; border-width: 2px; border-style: solid; border-color: #996633}

#photo6 {img src: url(images/jewelrySite2.jpg); position: absolute; top: 155px; left: 130px; height: 375px; width: 500px;
padding: 0px 0px 0px 0px}

#photo7 {img src: url(images/snow_woods3.jpg); position: absolute; top: 155px; left: 130px; height: 161px; width: 222px;
padding: 0px 0px 0px 0px}

#photo8 {img src: url(images/happy_days3.gif); position: absolute; top: 155px; left: 365px; height: 161px; width: 222px;
padding: 0px 0px 0px 0px}

#photo9 {img src: url(images/monet1.jpg); position: absolute; top: 330px; left: 130px; height: 268px; width: 500px;
padding: 0px 0px 0px 0px}


#photo10 {img src: url(images/dive.gif); position: absolute; top: 155px; left: 130px; height: 157px; width: 220px;
padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #000099}


#photo11 {img src: url(images/dive_inside.gif); position: absolute; top: 155px; left: 360px; height: 157px; width: 220px;
padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #000099}


#photo12 {img src: url(images/happy4th.gif); position: absolute; top: 330px; left: 130px; height: 157px; width: 220px;
padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #000099}


#photo13 {img src: url(images/happy4th_inside.gif); position: absolute; top: 330px; left: 360px; height: 157px; width: 220px;
padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #000099}

#photo14 {image src: url(images/kite.gif); position: absolute; top: 155px; left: 360px; height: 157px; width: 220px;
padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #000099}

#photo15 {image src: url(images/beach.gif); position: absolute; top: 330px; left: 360px; height: 157px; width: 220px;
padding: 0px 0px 0px 0px; border-width: 1px; border-style: solid; border-color: #000099}



#mailbox {img src: url(images/mailbox.jpg); position: absolute; top: 150px; left: 130px; height: 239px; width: 170px; padding: 5px 5px 5px 5px}

#nav1 {position: absolute; top: 155px; left: 25px; height: 25px; width: 78px; padding: 14px 5px 2px 5px; 
border-top: 1px; border-right: 0px; border-bottom: 1px; border-left: 0px; border-style: solid; border-color: #7c7c7c; text-align: right; vertical-align: bottom}

#nav2 {position: absolute; top: 195px; left: 25px; height: 25px; width: 78px; padding: 14px 5px 2px 5px;  
 border-top: 0px; border-right: 0px; border-bottom: 1px; border-left: 0px; border-style: solid; border-color: #7c7c7c; text-align: right}

#nav3 {position: absolute; top: 235px; left: 25px; height: 25px; width: 78px; padding: 14px 5px 2px 5px;  
 border-top: 0px; border-right: 0px; border-bottom: 1px; border-left: 0px; border-style: solid; border-color: #7c7c7c; text-align: right}

#nav4 {position: absolute; top: 275px; left: 25px; height: 25px; width: 78px; padding: 14px 5px 2px 5px;  
 border-top: 0px; border-right: 0px; border-bottom: 1px; border-left: 0px; border-style: solid; border-color: #7c7c7c; text-align: right}
 
#page1 {position: absolute; top: 525px; left: 660px; height: 12px; padding: 5px 5px 5px 5px}

#page2 {position: absolute; top: 535px; left: 630px; height: 12px; padding: 5px 5px 5px 5px}

#page3 {position: absolute; top: 545px; left: 625px; height: 12px; padding: 5px 5px 5px 5px}

#page4 {position: absolute; top: 575px; left: 585px; height: 12px; padding: 5px 5px 5px 5px}

#page5 {position: absolute; top: 490px; left: 590px; height: 12px; padding: 5px 5px 5px 5px}
 
#box {position: absolute; top: 410; left: 135px; height: 75px; width: 160px; padding: 5px 5px 5px 5px; background-color: #7c7c7c}

#box2 {position: absolute; top: 325; left: 135px; height: 75px; width: 225px; padding: 5px 5px 5px 5px; background-color: #7c7c7c}

#box3 {position: absolute; top: 192px; left: 655px; height: 255px; width: 90px; padding: 75px 5px 5px 5px; background-color: #6b190b; text-align: center; 
vertical-align: middle}

#box4 {position: absolute; top: 188px; left: 640px; height: 242px; width: 90px; padding: 100px 5px 5px 5px; background-color: #7c562f; text-align: center; 
vertical-align: middle}

#box5 {position: absolute; top: 188px; left: 635px; height: 225px; width: 90px; padding: 125px 5px 5px 5px; background-color: #a2938a; text-align: center; 
vertical-align: middle}

#box6 {position: absolute; top: 188px; left: 600px; height: 325x; width: 90px; padding: 10px 5px 10px 5px; background-color: #4b6f93; text-align: center; 
vertical-align: middle}

#box7 {position: absolute; top: 188px; left: 590px; height: 197px; width: 90px; padding: 100px 5px 5px 5px; background-color: #333399; text-align: center; 
vertical-align: middle}


#title {img src: url(images/aboutMe.gif); position: absolute; top: 150px; left: 320px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}

#title2 {img src: url(images/resume.gif); position: absolute; top: 150px; left: 375px; height: 25px; width: 100px; padding: 5px 5px 5px 5px}

#title3 {img src: url(images/contact.gif); position: absolute; top: 150px; left: 320px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}

#title4 {img src: url(images/portfolio.gif); position: absolute; top: 150px; left: 650px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}

#title5 {img src: url(images/portfolio.gif); position: absolute; top: 150px; left: 630px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}

#title4_1 {img src: url(images/portfolio.gif); position: absolute; top: 150px; left: 635px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}

#title6 {img src: url(images/portfolio.gif); position: absolute; top: 150px; left: 595px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}

#title7 {img src: url(images/portfolio.gif); position: absolute; top: 150px; left: 585px; height: 25px; width: 100px;
padding: 5px 5px 5px 5px}


ul {list-style-image: url(images/open_square.gif)}

li {font-family: verdana, sans-serif; font-size: 12px; color: #666; line-height: 160%}

a:link {font-family: verdana, sans-serif; font-size: 12px; color: #666; 
   text-decoration: none}
   
a:visited {font-family: verdana, sans-serif; font-size: 12px; color: #666; 
   text-decoration: none}
   
a:hover {font-family: verdana, sans-serif; font-size: 12px; color: #a54912; 
   text-decoration: none}

a:active {font-family: verdana, sans-serif; font-size: 12px; color: #a54912;  
   text-decoration: none} 



#box6 a {color: #6cf}
#box6 a:visited {color: #6cf}
#box6 a:hover {color: #69c}
#box6 a:active {color: #69c}

p {font-family: verdana, sans-serif; font-size: 12px; 
   line-height: 180%; color: #666666; position: absolute; top: 175px; left: 320px; padding: 5px 5px 5px 5px}
   
#list {position: absolute; top: 200px; left: 380px; height: 800px; width: 450px; padding: 5px 5px 5px 5px}
   

.text {font-family: verdana, sans-serif; font-size: 12px; color: #fff; line-height: 140%}

b {font-family: verdana, sans-serif; font-size: 14px; color: #666}

strong {font-family: verdana, sans-serif; font-size: 12px; color: #fff}

em {font-family: verdana, sans-serif; font-size: 14px; color: #663300; line-height: 200%}
   
  
i {font-family: verdana, sans-serif; font-size: 12px; color: #fff}

#numbers {font-family: verdana, sans-serif; font-size: 12px; color: #666; font-style: italic}