/* CSS Document */

body {
padding: 0;
margin: 0;
}

#wrapper {
width: 100%;
height: 100%;
}

#border {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #CCCCCC;
}

#border1 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #CCCCCC;
background-image: url(http://grantkilloran.com/2009/images/digital/fist_background.jpg);
background-position: right -600px;
}

#border2 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #CCCCCC;
background-image: url(images/pattern1.png);
}

#border3 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #CCCCCC;
background-image: url(images/pattern3.png);
}

#border4 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/pattern4.png);
background-repeat: no-repeat;
background-position: right;
}

#border5 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/pattern5.png);
background-repeat: no-repeat;
background-position: right;
}

#border6 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/pattern6.png);
background-repeat: no-repeat;
background-position: right;
}

#border7 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/photography/CNV00007.JPG);
background-repeat: no-repeat;
background-position: right -320px;
}

#border8 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/photography/CNV00008.JPG);
background-repeat: no-repeat;
background-position: right -320px;
}

#border9 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/photography/CNV00006.JPG);
background-repeat: no-repeat;
background-position: right -320px;
}

#border10 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(http://sauce.grantkilloran.com/new09/images/analogue/DSCF8139.JPG);
background-repeat: no-repeat;
}

#border11 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(http://sauce.grantkilloran.com/new09/images/analogue/bodysmall.jpg);
background-repeat: no-repeat;
}

#border12 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(images/photography/dartmoor/dartmoorSLR_large.jpg);
background-repeat: no-repeat;
background-position: center;
}

#border13 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(http://grantkilloran.com/2009/images/digital/typenewweb.jpg);
background-repeat: no-repeat;
background-position: center;
}

#border14 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(http://grantkilloran.com/2009/images/olympian_bear_background.jpg);
background-repeat: no-repeat;
background-position: center;
}

#border15 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(http://grantkilloran.com/2009/images/analogue/braille%20book/background_book.jpg);
background-repeat: no-repeat;
background-position: center;
}

#border16 {
margin: auto;
margin-top: 30px;
width: 90%;
min-width: 900px;
height: 500px;
background-color: #FFFFFF;
background-image: url(http://grantkilloran.com/2009/images/analogue/resist_cover.png);
background-repeat: no-repeat;
background-position: center;
}

#title {
float: left;
width: 600px;
height: 119px;
background-color: #FFFFFF;
margin-top: 340px;
}

#navbar {
float: left;
width: 600px;
height: 100px;
background-color: #FFFFFF;
margin-top: 340px;
}

p.navtitle {
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
font-weight: bold;
color: #333333;
padding-left: 10px;
padding-top: 10px;
margin-bottom: -10px;
}

p.navdescript {
float: left;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
font-style: italic;
color: #666666;
padding-left: 10px;
margin-top: 20px;
}

p.naver {
float: right;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666666;
margin-top: 20px;
padding-right: 20px;
}

img.title {
padding-top: 10px;
padding-left: 10px;
}

p.header {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: #333333;
padding-left: 20px;
margin-bottom: -20px;
}

a {
text-decoration: none;
}

a.nav {
color: #333333;
}

a.nav:hover {
color: #CCCCCC;
}

#footer {
margin: auto;
margin-top: 10px;
width: 90%;
min-width: 900px;
height: 100px;
}

.footertext {
float: left;
width: 200px;
height: 100px;
border-right: 1px dashed;
border-color: #CCCCCC;
}

p.footer {
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 14px;
color: #666666;
padding-left: 10px;
padding-bottom: 3px;
}

a.footer {
color: #999999;
}

a.footer:hover {
color: #CCCCCC;
}

#content {
float: right;
width: 80%;
height: 440px;
background-color: #FFFFFF;
margin-top: 30px;
}

p.content {
font-family: "Georgia", Times New Roman, Times, serif;
font-size: 14px;
color: #333333;
margin-left: 20px;
}

h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 30px;
color: #333333;
padding-left: 20px;
}

#about {
width: 400px;
height: 400px;
background-color: #FFFFFF;
float: left;
margin-top: 60px;
}

p.about {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666666;
margin-top: 20px;
padding-left: 20px;
line-height: 18px;
}

#gallery {
float: right;
width: 250px;
height: 50px;
border: 1px solid;
border-color: #999999;
}

#gallery2 {
float: right;
width: 250px;
height: 100px;
border: 1px solid;
border-color: #999999;
}

#gallery3 {
float: right;
width: 250px;
height: 150px;
border: 1px solid;
border-color: #999999;
}

.galleryitem {
width: 40px;
height: 40px;
background-color: #999999;
float: left;
margin: 5px;
}

.galleryitem:hover {
background-color: #000000;
}

/* FORM -------------------------------------------------------------*/

label {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #666666;
padding-left: 100px;
vertical-align: top;
width: 80px;
margin-bottom: 20px;
}

#name {
float: right;
margin-right: 10px;
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
width: 200px;
}

#comment {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 12px;
color: #333333;
float: right;
margin-right: 10px;
width: 200px;
}

#submit {
float: right;
margin-top: 70px;
margin-right: -205px;
}

#reset {
float: right;
margin-top: 70px;
margin-right: -140px;
}

#form {
margin: auto;
width: 400px;
}

/* FORM -------------------------------------------------------------*/