/* Kentish Wedding Photographer Canterbury, Faversham, Ashford And Kent Style Sheets
----------------------------------------------- */
body {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: small;
background: #666 url(../images/wedding-photo-bg.jpg) no-repeat 50% 0;
margin: 0;
}
#wrapper {
text-align: left;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
padding: 0px;
border: 0;
width: 800px;
}
h1, h2, h3, p, ul, li {
text-decoration: none;
margin-top: 0;
margin-bottom: 0;
}
img {
border: 0;
font-weight: bold;
color: #FFF;
}
/* Top logo section
----------------------------------------------- */
#logo-container {
width: 800px;
float: left;
margin-bottom: 20px;
font-weight: normal;
}
#logo ul {
width: 480px;
height: 43px;
background: url(../images/kentish-wedding-logo.gif) no-repeat 0 0;
list-style: none;
margin-top: 0;
padding: 0;
float: left;
}
#logo li {
display: inline;
}
#logo li a:link, #logo li a:visited {
border: none;
width: 480px;
height: 43px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
float: left;
}

/* Navigation
----------------------------------------------- */
#main-content #navigation ul {
width: 800px;
height: 44px;
background: url(../images/but-wedding-photographer.gif) no-repeat 0 0;
list-style: none;
margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 25px /* Left */ 0;
padding: 0;
float: left;
}
#main-content #navigation li {
display: inline;
}
#main-content #navigation li a:link, #main-content #navigation li a:visited {
border: none;
width: 200px;
height: 44px;
display: block;
top: 0;
text-indent: -1999px;
outline: none;
float: left;
}
#main-content #navigation li.aboutselected a:link, #main-content #navigation li.aboutselected a:visited {
background: url(../images/but-wedding-photographer.gif) no-repeat 0 -44px;
}
#main-content #navigation li.about a:hover, #main-content #navigation li.aboutselected a:hover {
background: url(../images/but-wedding-photographer.gif) no-repeat 0 -88px;
}
#main-content #navigation li.galleryselected a:link, #main-content #navigation li.galleryselected a:visited {
background: url(../images/but-wedding-photographer.gif) no-repeat -200px -44px;
}
#main-content #navigation li.gallery a:hover, #main-content #navigation li.galleryselected a:hover {
background: url(../images/but-wedding-photographer.gif) no-repeat -200px -88px;
}
#main-content #navigation li.priceselected a:link, #main-content #navigation li.priceselected a:visited {
background: url(../images/but-wedding-photographer.gif) no-repeat -400px -44px;
}
#main-content #navigation li.price a:hover, #main-content #navigation li.priceselected a:hover {
background: url(../images/but-wedding-photographer.gif) no-repeat -400px -88px;
}
#main-content #navigation li.bookingselected a:link, #main-content #navigation li.bookingselected a:visited {
background: url(../images/but-wedding-photographer.gif) no-repeat -600px -44px;
}
#main-content #navigation li.booking a:hover, #main-content #navigation li.bookingselected a:hover {
background: url(../images/but-wedding-photographer.gif) no-repeat -600px -88px;
}
/* Main Content
----------------------------------------------- */
#main-content {
float: left;
width: 800px;
margin-bottom: 25px;
}
#main-content #main-content-image {
width: 788px;
float: left;
text-align: left;
border: #FFF solid 6px;
}
#main-content #main-content-image #no-javascript {
background: url(../images/index-wedding-photo-01.jpg) no-repeat top left;
height: 358px;
width: 788px;
float: left;
text-align: left;
}
#main-content #main-content-image #no-javascript p {
font-size: 1.3em;
color: #FFF;
margin:  /* Top */ 15px /* Right */ 230px /* Bottom */ 15px /* Left */ 15px;
}
#main-content #main-content-image #no-javascript a, #main-content #main-content-image #no-javascript a:visited {
color: #d2489a;
font-weight: bold;
text-decoration: none;
border-bottom: #FFFFFF 1px dotted;
}
#main-content #main-content-image #no-javascript a:hover {
color: #FFF;
font-weight: bold;
text-decoration: none;
border-bottom: none;
}
#main-content #main-content-image #content-text {
width: 800px;
float: left;
text-align: left;
}
#main-content #content-text h1 {
color: #d2489a;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 2.3em;
font-weight: normal;
margin-bottom: .4em;
}
#main-content #content-text h2 {
color: #d2489a;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.8em;
font-weight: normal;
margin-bottom: .4em;
}
#main-content #content-text h3 {
color: #d2489a;
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.3em;
font-weight: normal;
margin-bottom: .4em;
}
#main-content #content-text p {
color: #FFF;
font-size: 1.2em;
font-weight: normal;
line-height: 1.4em;
margin-bottom: .9em;
clear: both;
}
#main-content #content-text p span {
color: #d2489a;
font-weight: bold;
}
#main-content #content-text a, #main-content #content-text a:visited {
color: #d2489a;
font-weight: bold;
text-decoration: none;
border-bottom: #FFFFFF 1px dotted;
}
#main-content #content-text a:hover {
color: #FFF;
font-weight: bold;
text-decoration: none;
border-bottom: none;
}
#main-content #content-text ul {
color: #FFF;
font-size: 1.2em;
font-weight: bold;
list-style: disc url(../images/wedding-bullet.gif) outside;
margin-bottom: 10px;
}
#main-content #content-text li {
margin-bottom: 3px;
}
/* Gallery
----------------------------------------------- */
#main-content #content-text #gallery {
display: block;
width: 800px;
float: left;
text-align: left;
margin-bottom: 15px;
display: block;
}
#main-content #content-text #gallery img {
float: left;
border: #FFF solid 3px;
margin-right: 5px;
}
#main-content #content-text #gallery a img, #main-content #content-text #gallery a:visited img {
border: #FFF solid 3px;
}
#main-content #content-text #gallery a:hover img {
border: #d2489a solid 3px;
}
/* Bookmarks
----------------------------------------------- */
#bookmarks {
color: #FFF;
width: 800px;
clear: both;
float: left;
font-weight: bold;
text-align: center;
}
#bookmarks ul {
list-style: none;
margin:  /* Top */ 0 /* Right */ 0 /* Bottom */ 20px /* Left */ 0;
padding: 0;
}
#bookmarks ul li {
display: inline;
margin:  /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
}
#bookmarks ul li.twitter {
background-image: url(../images/but-twitter.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:  /* Top */ 3px /* Right */ 0 /* Bottom */ 3px /* Left */ 20px;
margin:  /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
}
#bookmarks ul li.myspace {
background-image: url(../images/but-myspace.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:  /* Top */ 3px /* Right */ 0 /* Bottom */ 3px /* Left */ 20px;
margin:  /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
}
#bookmarks ul li.facebook {
background-image: url(../images/but-facebook.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:  /* Top */ 3px /* Right */ 0 /* Bottom */ 3px /* Left */ 20px;
margin:  /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
}
#bookmarks ul li.shutterchance {
background-image: url(../images/but-shutterchance.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:  /* Top */ 3px /* Right */ 0 /* Bottom */ 3px /* Left */ 20px;
margin:  /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
}
#bookmarks ul li.flickr {
background-image: url(../images/but-flickr.gif);
background-repeat: no-repeat;
background-position: 0 50%;
padding:  /* Top */ 3px /* Right */ 0 /* Bottom */ 3px /* Left */ 20px;
margin:  /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
}
#bookmarks ul a, #bookmarks ul a:visited {
color: #d2489a;
font-weight: bold;
text-decoration: none;
border-bottom: #FFF 1px dotted;
}
#bookmarks ul a:hover {
color: #FFF;
font-weight: bold;
text-decoration: none;
border-bottom: none;
}
#bookmarks ul img {
margin-right: 5px;
border: none;
}
/* Forms
----------------------------------------------- */
#main-content #content-text .form-container {
width: 400px;
float: left;
display: block;
clear: both;
}
#main-content #content-text .form-container .form-content {
width: 200px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
}
#main-content #content-text .form-container .form-content-captcha {
width: 200px;
padding-top: 7px;
padding-bottom: 7px;
float: left;
}
#main-content #content-text .form-container .form-content-double {
width: 400px;
padding-top: 5px;
padding-bottom: 5px;
float: left;
font-size: .9em;
}
#main-content #content-text .form-container .form-content p, #main-content #content-text .form-container .form-content-double  p {
margin: /* Top */ 0 /* Right */ 10px /* Bottom */ 0 /* Left */ 0;
color: #d2489a;
font-weight: bold;
}
#main-content #content-text .form-container input, #main-content #content-text .form-container select, #main-content #content-text .form-container textarea {
background-color: #FFF;
border: 1px #d2489a solid;
color: #000;
}
#main-content #content-text input {
width: 170px;
}
#main-content #content-text .button-form {
width: 60px;
color: #000;
font-weight: bold;
padding: 1px;
background-color: #FFF;
border: 1px #d2489a solid;
}
#main-content #content-text .captcha-img {
border: 1px #d2489a solid;
}
/* Footer
----------------------------------------------- */
#bottom-info {
width: 800px;
clear: both;
text-align: center;
margin-bottom: 10px;
}
#bottom-info h1 {
font-size: .9em;
color: #999;
margin-bottom: 10px;
}
#bottom-info p {
font-size: .9em;
color: #999;
}
#bottom-info a, #bottom-info a:visited {
font-weight: bold;
text-decoration: underline;
color: #999;
}
#bottom-info a:hover {
font-weight: bold;
text-decoration: none;
color: #999;
}