/* 

	Dark Blue: #003366 
	Yellow : #ffec1d
*/


*{ margin: 0; padding: 0; }

*html { behavior: url(/KerryPlinton/css/iepngfix.htc); } /* fix png issue in IE */
img, div { behavior: url(/KerryPlinton/css/iepngfix.htc); }

body { background: url(/KerryPlinton/img/bg.gif) #26517d repeat-x; }
body, p, div, textarea, input { color: #FFFFFF; font-family: "Lucida Sans Unicode"; font-size: 12px; }
a { color: #ffec1d; text-decoration: none; }
a:hover { color: #C4DFF5; }
ul, li { list-style: none; }
img { border: 0; }
p { line-height: 1.5; margin: 10px 0 15px; text-align: justify; }

#wrap { width: 770px; margin: auto; margin-top: 20px; }

#header { height: 40px; }
#header a.logo { float: left; }
#header img.sub { float: left; margin-left: 10px; margin-top: 3px; }
#header ul { float: right; margin-top: 8px; margin-right: 5px; }
#header li { margin-left: 15px; display: inline;  }
#header li a { color: #ffec1d; font-variant: small-caps; letter-spacing: 1px; }
#header li a:hover { color: #C4DFF5; }

#master { height: 255px; width: 770px; background: url(/KerryPlinton/img/master.jpg) no-repeat; margin-top: 5px; }

#content { padding: 10px 20px 0; }


#footer { margin: 3px 8px; clear: both; text-align: right; height: 20px; }
#footer.home { margin: 4px 25px; }
#footer span { float: left; font-size: 10px; color: #507396; }
#footer a img { filter:alpha(opacity=35); -moz-opacity: 0.35; opacity: 0.35; }
#footer a:hover img { filter:alpha(opacity=100); -moz-opacity: 1.00; opacity: 1.00; }

#models, #rate { float: left; width: 330px; margin-bottom: 15px; }
#rate { margin-left: 27px; padding-left: 25px; background: url(/KerryPlinton/img/divider.png) center left no-repeat; }
#rate table { margin-top: 8px; }
#rate td { font-size: 11px; }
#rate td.small { font-size: 10px; padding-bottom: 6px; }

#contact { background: url(/KerryPlinton/img/contact.png) no-repeat; padding: 6px 15px 12px 14px; clear: both; }
#contact b { font-variant: small-caps; letter-spacing: 1px; font-size: 11px; color: #C4DFF5; }
#contact span.comment { float: right; font-size: 11px; padding-top: 2px; }
*html #contact { clear: none; }
*html #contact span.comment { margin-right: 26px; }

/* FORM */
#comments { padding: 15px 20px 15px 65px; position: absolute; z-index: 100; top: 200px; margin-left: 200px; background: #FFFFFF url(/KerryPlinton/img/comment.gif) no-repeat; border: 1px solid #323232; width: 255px; height: 250px; }
#comments form { margin-top: 6px; }
label { display: block; color: #C4DFF5; font-weight: bold; font-size: 11px; letter-spacing: 1px; }
input, textarea { color: #003366; padding: 1px 3px; margin-top: 4px; margin-bottom: 6px; font-size: 11px; }
input.tf { width: 175px; border: 1px solid #ffec1d; background: #FDFDDE; } 
textarea { width: 250px; height: 80px; border: 1px solid #ffec1d; background: #FDFDDE; }
input.btn { font-weight: bold; }

#about { padding: 12px 27px 0 72px; background: url(/KerryPlinton/img/about.jpg) no-repeat; height: 430px; }
#about p { color: #FFFFFF; font-size: 11px; }

#gallery { padding: 22px 27px 0 72px; background: url(/KerryPlinton/img/gallery.jpg) no-repeat; height: 420px; }
#gallery #albums { float: left; margin: 10px; }
#gallery #albums a img { display: block; background: #FFFFFF; padding: 3px; padding-top: 7px; padding-bottom: 18px; border: 1px solid #C8C8C8; }
#gallery #albums a:hover img { border-color: #969696; }
#gallery #albums span { position: relative; top: -17px; left: 5px; }
#gallery #albums span a { color: #646464; font-size: 10px; }
#gallery #albums span a:hover { color: #969696; }

#album { margin-left: 20px; width: 600px; }
*html #album { }
#album h1 { font-size: 16px; font-weight: normal; color: #C4DFF5; }
#album p { }
#album #photos { margin-bottom: 50px; }
#album #photos img { padding: 3px; border: 1px solid #C8C8C8; background: #FFFFFF; }
#recommend { float: right; width: 105px; display: block; height: auto; border-left: 1px solid #FFFFFF; margin-top: 12px; padding-left: 15px; }
#recommend h3 { }
#recommend ul { }
#recommend li { padding: 3px 5px 5px; text-align: center; border-bottom: 1px solid #C4DFF5; }
#recommend li a { font-size: 11px; color: #C4DFF5; }
#recommend li a:hover { color: #ffec1d; }

#parties { padding: 12px 27px 0 72px; background: url(/KerryPlinton/img/parties.jpg) no-repeat; height: 430px; }