/* Start initialization block */

html { height:100%; }
body { background:#ffffff; color:#0a0a0a; font-family:Arial, sans-serif; font-size:12px; line-height:18px; height:100%; }
* { font-size:1em; margin:0; padding:0; }
ul, ol { padding-left:1.6em; }
option { min-width: 1.5em; }

/* End initialization block */
			
 
#floater { position:relative; float:left; height:50%; margin-bottom:-275px; width:1px; }
 
#centered { position:relative; clear:left; height:550px; width:940px; margin:0 auto; }

.section-image { height:300px; width:225px; display:block; }
.photography { background:url(images/rollover_eye.jpg) no-repeat 0 0; height:300px; width:225px; }
.knowledge { background:url(images/rollover_ear.jpg) no-repeat 0 0; height:300px; width:225px; }
.design { background:url(images/rollover_hand.jpg) no-repeat 0 0; height:300px; width:225px; }
.about { background:url(images/rollover_face.jpg) no-repeat 0 0; height:300px; width:225px; }
.section-name { color:#333333; display:block; font-size:25px; font-weight:bold; letter-spacing:-0.5px; margin:5px 0 0 0; text-align:right; }
.section-description { color:#4d4d4d; display:block; font-size:14px; letter-spacing:-0.5px; margin:3px 0 0 0; text-align:right; }
#sections ul { padding:0; }
#sections li {list-style:none; display:inline; float:left; margin:0 10px 0 0; padding:0; }
#sections a { text-decoration:none; }
#sections a:hover .photography { background:url(images/rollover_eye.jpg) no-repeat -225px 0; }
#sections a:hover .knowledge { background:url(images/rollover_ear.jpg) no-repeat -225px 0; }
#sections a:hover .design { background:url(images/rollover_hand.jpg) no-repeat -225px 0; }
#sections a:hover .about { background:url(images/rollover_face.jpg) no-repeat -225px 0; }
#sections a:link span.e { color:#0a0a0a; }
#sections a:visited span { color:#0a0a0a; }
#sections a:hover span { color:#6598dc; }
#sections a:active span { color:#ff0000; }
#logo { position:absolute; bottom:0; left:0; display:inline-block; text-align:right; width:99%;}