@charset "utf-8";

* {margin:0; padding:0}
body {background:#111; text-align:center}
#footer p {color:#ccc;font:12px Verdana, Arial, Helvetica, sans-serif;line-height: 1.5em;text-align:center}
img {border:0}

/* ---- header styles ---- */
#header {position:relative; width:806px; height:35px; margin:7px auto 0px auto; z-index:1}
#logo {width:312px; height:35px; overflow:hidden; float:left}
#logo a {display:block}
#logo a:hover {background:url('../images/logo.jpg') 0 -35px no-repeat}
#logo a:hover img {visibility:hidden}
#nav {float:left; width:314px; height:35px; margin-left:180px}
#portfolio {float:left; height:35px; overflow:hidden; display:block}
#portfolio .top {display:inherit; background:url('../images/portfolioOver.jpg') 0 0 no-repeat}
#portfolio a:hover img {visibility:hidden}
#about a {display:inherit; background:url('../images/aboutOver.jpg') no-repeat}
#about a img {position:relative}
#about a:hover img {visibility:hidden}
#contact a {background:url('../images/contactOver.jpg') 0 0 no-repeat}
#contact a:hover {display:block; background:url('../images/contactOver.jpg') 0 0 no-repeat}
#contact a:hover img {visibility:hidden}
#about {float:left; width:82px; height:35px; margin-left:10px; overflow:hidden; display:block}
#contact {float:left; height:35px; margin-left:25px; overflow:hidden; display:block}

/* ---- dropdown menu styles ---- */
#portfolio .dropdown #one-ddcontent a {background:#fff; width:90px; height:22px; display:block; margin:3px 18px auto 8px}
#portfolio .dropdown #one-ddcontent a:hover {display:block; width:90px; overflow:hidden}
#portfolio .dropdown #one-ddcontent {position:absolute; overflow:hidden; width:106px; display:none; background:#000; z-index:200; opacity:0}
#portfolio .dropdown #one-ddcontent .head {background:url(../images/portfolioNav.jpg)}
#portfolio .dropdown #one-ddcontent .head:hover {background:url(../images/portfolioNav.jpg) 0 -22px no-repeat}
#portfolio .dropdown #one-ddcontent .port {background:url(../images/portfolioNav.jpg) -90px 0}
#portfolio .dropdown #one-ddcontent .port:hover {background:url(../images/portfolioNav.jpg) -90px -22px no-repeat}
#portfolio .dropdown #one-ddcontent .fash {background:url(../images/portfolioNav.jpg) -180px 0}
#portfolio .dropdown #one-ddcontent .fash:hover {background:url(../images/portfolioNav.jpg) -180px -22px no-repeat}
#portfolio .dropdown #one-ddcontent .jour {background:url(../images/portfolioNav.jpg) -270px 0; margin-bottom:7px}
#portfolio .dropdown #one-ddcontent .jour:hover {background:url(../images/portfolioNav.jpg) -270px -22px no-repeat}
#portfolio .dropdown #one-ddcontent .spor {background:url(../images/portfolioNav.jpg) -360px 0}
#portfolio .dropdown #one-ddcontent .spor:hover {background:url(../images/portfolioNav.jpg) -360px -22px no-repeat}
#about .dropdown #two-ddcontent {position:absolute; left: 606px;overflow:hidden; width:101px; display:none; background:#000; z-index:200; opacity:0}
#about .dropdown #two-ddcontent a {background:#fff; width:85px; height:22px; display:block; margin:3px auto auto 8px;}
#about .dropdown #two-ddcontent a:hover {display:block;width:85px; overflow:hidden;}
#about .dropdown #two-ddcontent .bio {background:url(../images/aboutNav.jpg)}
#about .dropdown #two-ddcontent .bio:hover {background:url(../images/aboutNav.jpg) 0 -22px no-repeat}
#about .dropdown #two-ddcontent .ser {background:url(../images/aboutNav.jpg) -85px 0; margin-bottom:7px}
#about .dropdown #two-ddcontent .ser:hover {background:url(../images/aboutNav.jpg) -85px -22px no-repeat}

#main {width:800px; height:533px;background:url('../images/loading.gif') 50% 50% no-repeat; margin:7px auto auto auto; border:3px double #DDDDDD;}
#photodiv {position:relative; background:no-repeat; overflow:hidden}
#main3 {display:block; position:relative; background:#222; margin:7px auto auto auto; border:1px solid #444; width:804px; height:533px; -moz-border-radius:5px}

#thumbswrap {border:solid 1px #fff; margin-left:10px;height:537px}
#thumbs {display:inline}
#footer {display:block; width: 806px; margin:auto; padding-top:5px; position:relative; z-index:10}
p#javascript {font-size:15px;font-weight:bold; color: #F00}
a:link {color:#ccc}
a:active {color:#f00}
a:visited {color: #ccc}
a:hover {color: #f00}
.white {color:#fff}
.red {color:#F00;font-size:14px;position:relative;top:1px}
.some {text-decoration:none}
.none, .none:hover, .none:visited, .none:active {text-decoration: none; color: #ccc}

.start:hover,.stop:hover {color: #fff;cursor: pointer;}