* {margin: 0; border: 0; padding: 0; font-family: Arial, Verdana, sans-serif;}
body {color:#fff; background-color:#000; text-align:center; font-size:12px;}

#page {border:5px solid #ffffff; width:750px; margin: 10px auto; background-color:#222222; background-image:url(images/backdrop_750x540.jpg); background-repeat:no-repeat;}
#masthead {text-align:center; margin-top:35px;}

/* textpages */
.textPage {margin:40px 100px; text-align:left;}
.weddingsPage {margin:40px 60px; text-align:center;}
.weddingsPage p {font-size: smaller; margin: 5px 0;}
.weddings_jump {width: 180px; float: left; margin: 15px; }
.weddings_jump img {border: 5px solid white;}
.weddings_jump a {text-align: center; color: white; text-decoration: none; font-size: 1.4em; font-weight: normal; padding-top: 1.5em;}
.weddings_jump a:hover{color:#ff6633; text-decoration: none;}
.fashion {margin: 40px 100px; text-align:center;}
.fashion img {border: 5px solid white;}

p{line-height:1.8em; font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; } 
td, th {font-family: Arial, Helvetica, sans-serif; font-size: 0.95em; } 
p.about {width: 300px; margin-left: 250px;}

h3, h4 {font-size:1.4em; font-weight:normal;}
h4 a{text-decoration:none;}
.orange {color:#ff6633; font-weight: bold;}
.textPage ul {list-style-type: disc; list-style-position: outside;}
.textPage li {padding-left: 15px; margin: 8px 15px; line-height: 1.8em; font-size: 0.95em;}

#tagline {text-align:center; margin:20px 0px 40px; font-size: 0.8em;}

/* navigation */
a{color:#ffffff; text-decoration:none;}
a:hover{color:#ff6633; text-decoration:underline;}

#nav {margin: 10px 0px 20px;}
#nav img {border:none;}
#nav ul {list-style: none;}
#nav li {display: inline; padding: 1px 3px 1px 6px; border-left: 1px solid #FFFFFF;}
#nav a {text-transform: uppercase; letter-spacing: 0.15em; font-size: 0.78em; color: #fff; text-decoration: none;}
#nav a:hover {color: #999;}
#nav a.active {color: #ff6633;}
#nav li.first {border-left: none;}

table.mailer td {font-size:95%;}
table.mailer td input, table.mailer td select {padding: 0.1em;}


/* * * * * * * * * * */ 
/* Generic elements  */
/* * * * * * * * * * */ 


 h1, h2, h3 { color: #f60; } 
 h1 { font-size: large; } 
/* a:link, a:visited { color: #09f; text-decoration: underline; } 
 a:hover { text-decoration: none; } 
*/ input, textarea, select, .inputbox { border: 1px solid #f60; color: #000; background-color: #fff; } 
 input.radio { border: none; background-color: #fff; } 
 input.button { font-weight: bold; border: 1px outset #fff; color: #fff; background-color: #f60; } 
 a img { border: 0; } 
 
 /* * * * * * * * * * */ 
 /* Elements with IDs */
 /* * * * * * * * * * */ 
  
  /* header: image and/or title */ 
  #header { } /* crumb line: (You are here: ...) */ 
  #crumb { } /* footer: copyright notices */ 
  #footer { text-align: center;} 
  
  /* * * * * * * * * */ 
  /* Custom classes  */ 
  /* * * * * * * * * */ 
  
    .video {float: right; margin: 10px 0 10px 10px;}

  
  /* image or gallery name header */ 
  .sgTitle { margin-bottom: 0; } /* image or gallery artist subheader */ 
  .sgSubTitle { margin-top: 0; } /* image and artist name displayed beneath image */ 
  h4.sgNameByArtist {font-size:120%; margin: 10px 0;} /* image and gallery details such as date, location, camera model, hits etc. */ 
  p.sgDetailsList { } /* language select box and template select box respectively */ 
  div.sgLanguageFlipper, div.sgTemplateFlipper { float: right; clear: right; } /* wraps the drop-shadow table to allow IE to center it */ 
  div.sgShadow { text-align: center; padding: 1em; } /* the main content table that does the drop-shadow effect */ 
  table.sgShadow { margin-left: auto; margin-right: auto; clear: both; } /* the tab with previous, up, next */ 
  table.sgShadowTab td { font-size: 13px; } 
  table.sgShadow, table.sgShadowTab { background-color: #f0f0f0; padding: 0; text-align: left; } 
  table.sgShadow td { padding: 0; margin: 0; } 
  table.sgShadow td.tabm, table.sgShadow td.tabr { background-color: #fff; } /* appropriate background images for drop-shadow effect */ 
  table.sgShadow td.tl {  background-image: url('images/shadow-tl.gif');} 
  table.sgShadow td.tm {  background-image: url('images/shadow-tm.gif');} 
  table.sgShadow td.tr {  background-image: url('images/shadow-tr.gif');} 
  table.sgShadow td.ml {  background-image: url('images/shadow-ml.gif');} 
  table.sgShadow td.mm {  padding: 10px;} /* cell containing image */ 
  table.sgShadow td.mr {  background-image: url('images/shadow-mr.gif');} 
  table.sgShadow td.bl {  background-image: url('images/shadow-bl.gif');} 
  table.sgShadow td.bm {  background-image: url('images/shadow-bm.gif');} 
  table.sgShadow td.br {  background-image: url('images/shadow-br.gif');} /* div containing each gallery sub-gallery on a gallery page */ 
  div.sgGallery { margin: 5px; padding: 5px; border: 1px solid #ccc; background-color: #fff; } /* the table cell containing the gallery thumbnail */ 
  td.sgGalleryThumb { width: 100px; text-align: center; } /* the gallery thumbnail itself */ 
  img.sgGalleryThumb { border: 1px solid #000; } /* the descriptive text (title, summary, contents) */ 
  div.sgGallery p { margin-top: 0; margin-bottom: 2px; } /* full size image on an image page*/ 
  img.sgImage { border: 5px solid #ffffff; } /* the preview thumbnails and previous, thumbnails, next links */ 
  .sgTopNavBar {margin: 10px auto;}
  p.sgTopNavBar, p.sgBottomNavBar { text-align: center; float: right; } 
  div.topNavBar {text-align:center;} /* wraps the thumbnail and rounded-corner code on an album page */ 
  div.sgThumbnail { width:  100px; height: 100px; margin: 10px 5px 10px 5px; float: left; padding: 0px; text-align: center; border:5px solid #ffffff; } 
  div.sgThumbnail table { width:  100px; height: 100px; margin: 0px; text-align: center; vertical-align: middle; } 
  .sgThumbnailContent { margin: 0px; padding: 0px; border: 1px solid #ccc; } 
  .sgPreviewThumb {border:5px solid #ffffff;} 
  .sgPreviewThumbCurrent {border:5px solid #999999;} /* the following code does the rounded corners of the 35mm slide effect on  the album pages. Taken from http://www.albin.net/CSS/roundedCorners/ */ 
  .roundedCornerSpacer { margin: 0px; padding: 0px; border: 0px; clear: both; font-size: 1px; line-height: 1px; } 
  .borderTL, .borderTR, .borderBL, .borderBR { width: 5px; height: 5px; padding: 0px; border: 0px; z-index: 99; } 
  .borderTL, .borderBL { float: left; clear: both; } 
  .borderTR, .borderBR { float: right; clear: right; } 
  .borderTL { margin: -1px 0px 0px -1px; } 
  .borderTR { margin: -1px -1px 0px 0px; } 
  .borderBL { margin: -5px 0px 0px 0px; } 
  .borderBR { margin: -5px 0px 0px 0px; } /* IE5-5.5/win needs the border scooted to the left or right by an additional 3px! Why? */ 
  .borderTL { margin-left: -4px; ma\rgin-left: -1px; } 
  html>body .borderTL { margin-left: -1px; } 
  .borderTR { margin-right: -4px; ma\rgin-right: -1px; } 
  html>body .borderTR { margin-right: -1px; } 
  .borderBL { margin-left: -3px; ma\rgin-left: 0px; } 
  html>body .borderBL { margin-left: 0px; } 
  .borderBR { margin-right: -3px; ma\rgin-right: 0px; } 
  html>body .borderBR { margin-right: 0px; }