/* John Kingsnorth Photography CSS v0.1.081108b */


/* Main page elements */

* { }

html {
      height: 100%;
      width: 100%;
      font-family: 'Arial', 'Helvetica', sans-serif;
      color: #efefef;
      margin: 0;
      padding: 0;
      font-size: 14px;
      line-height: 17px;
}
		
body {
      background-color: #000000;
}


/* ID styles */

#sweetwrap {
      background: #000000;
      width: 1024px;
      height: auto;
      margin-left: auto;
      margin-right: auto;
      padding: 0;
}
		
#header { 
      background: #000000 url(images/bgTop.jpg) no-repeat;
      width: 100%;
      height: 549px;
}

#contact {
      color: #efefef;
      width: 100%;
}

#mainTop {
      background: #000000 url(images/bgMainTop.jpg) no-repeat;
      margin-top: 216px;
      width: 100%;
      height: 192px
}

#main {
      background: #000000 url(images/bgMain.jpg) no-repeat;
      width: 100%;
      height: 375px;
}


#biography {
      background: #000000 url(images/bgBio.png) no-repeat;
      margin-top: 500px;
      width: 100%;
      height: 579px;
}



#footer {
      background: #000000;
      width: 100%;
      height: auto;
      margin-top: 50px;
      float: right;
      text-align: right;
}


/* Class styles */

.contactNav {
      padding: 50px 0px 0px 565px;
      height: auto;
}


.contactContent {
      margin-top: -50px;
      margin-left: 197px;
      width: 300px;
}

.mainNav {
      color: #efefef;
      padding: 60px 0px 0px 565px;
      height: auto;
}

.mainContent {
      color: #efefef;
      text-align: justify;
      margin-top: 105px;
      padding: 100px;
      width: 840px;
      height: 300px;
}

.biographyContent {
      color: #efefef;
      text-align: justify;
      margin-left: 97px;
      margin-top: -50px;
      padding: 0px 100px 100px 100px;
      width: 720px;
}

.biographyNav {
      padding: 0px 0px 0px 565px;
      height: auto;
}

.navItem {
      font-size: 16px;
      color: #efefef;
      margin: 0px 0px 5px 40px;
}

.navItemSel {
    font-size: 16px;
    color: #efefef;
    margin: 0px 0px 5px 40px;
}
    

/* Text styles */

a:active, a:visited, a:link, a:hover {
	color: #3366cc;
	text-decoration: underline;
}

a:hover {
      color: #003399;
      border-color: #3366cc;
}

.navItem a:active, .navItem a:link, .navItem a:visited, .navItem a:hover {
      color: #efefef; 
      text-decoration: none;
      border-bottom: #666666 3px solid;
      padding-bottom: 5px;
}

.navItemSel a:active, .navItemSel a:link, .navItemSel a:visited, .navItemSel a:hover {
      color: #efefef; 
      text-decoration: none;
      padding-bottom: 5px;
      border-bottom: #3366cc 3px solid;
}

.navItem a:hover, .navItemSel a:hover {
      border-color: #3366cc;
}



h1 {}

h2{}

h3 {
      color: #efefef;
      font-size: 36px;
      font-weight: normal;
      margin-bottom: 36px;
}


/* Images */

img { border: 0; }

img.sel { 
       padding-bottom: 20px;
}

img.icon {
      vertical-align:middle;
      margin-right: 10px;
}

img.galleryThumb {
      padding: 5px;
}

/* Subclasses and IDs */

.left {
        float: left;
        width: 50%;
}

.leftColumn {
      float: left;
      margin-left: -25px;
      width: 45%;
}

.right {
        float: right;
        width: 50%;
}

.rightColumn {
        float: right;
        margin-right: 50px;
        width: 45%;
}

#galleryInfo {}


/* Text input styles */

input, textarea, select {
  background: url(images/bgInput.png) repeat;
  font-family: 'Arial', 'Helvetica', sans-serif;
  font-size: 13px;
  color: #efefef;
  border: 0;
  padding: 2px;
}

input:focus, textarea:focus {
  background: url(images/bgInputSel.png) repeat;
}

.sendBtn {
  margin-top: 20px;
  cursor: pointer;
}