body { background:url('images/bodybg.gif') repeat-x top #666; font-family: Verdana, Arial, Helvetica, sans-serif; color:#eee; font-size:100%; }
* { margin:0; padding:0; }
h1, h2, h3 { font-family: georgia, "times new roman", serif; text-transform:lowercase; font-weight:normal; }
h1 { color:#94933a; font-size:2.75em; margin-bottom:1em; letter-spacing:.25em; }
h2 { color:#fff; font-size:2em; margin-bottom:1em; }
h3 { color:#fff; font-size:1.5em; margin-bottom:1em; letter-spacing:.1em; }
p { margin:.25em 0 1em; line-height:1.5em; }
ul { list-style-type:none; }
a { color:#b8c05a; text-decoration:none; }
a:hover { color:#979f38; }
a img { border:0; }

#container { position:relative; width:960px; font-size:.75em; }
#branding h1 { text-indent:-999em; line-height:1px; margin:0; }
#nav_main { position:absolute; top:45px; right:0; }
#nav_main ul li { display:inline; padding:0 20px; color:#666; text-transform:uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:.9em; letter-spacing:.1em; }
#nav_main ul li a { color:#909090; }
#nav_main ul li a:hover { color:#333; }
#nav_main ul li.on a { color:#333; }
#nav_main ul li.last { padding-right:0; }

#content { position:relative; background:url('images/contentbg.gif') repeat-y; padding:30px 0 30px 225px; min-height:350px; }
#nav_sub { position:absolute; top:30px; left:20px; text-align:right; width:152px; }
#nav_sub h2 { font-size:2.75em; letter-spacing:.075em; color:#777; }
#nav_sub ul li { color:#b5b5b5; text-transform:uppercase; font-family: "Arial Narrow", Arial, Helvetica, sans-serif; font-size:.9em; letter-spacing:.25em; padding-bottom:.75em; }
#nav_sub ul li a { color:#b5b5b5; }
#nav_sub ul li a:hover { color:#979f38; }
#nav_sub ul li.on a { color:#222; }

#home #nav_sub { text-align:left; color:#999; font-family:Arial, Helvetica, sans-serif; font-size:.9em; }
#home #nav_sub a { color:#b5b5b5; }
#home #nav_sub a:hover { color:#979f38; }
#home #nav_sub h3 { font-size:1.4em; color:#222; font-style:italic; font-weight:bold; letter-spacing:0; }
#home #content { min-height:320px; }
#port { padding:20px 0 20px 520px; width:193px; text-align:right; }
#port h2 { font-size:2.75em; letter-spacing:.075em; color:#94933a; margin-bottom:.5em; }
#port ul li { font-size:1.25em; padding-bottom:1em; }
#port ul li a { color:#a3a3a3; }
#port ul li a:hover { color:#fff; }
#port-img { position:absolute; top:40px; left:240px; }

#workshop #nav_sub h2 { letter-spacing:0; }

#site_info { background-color:#444; height:40px; }
#site_info p { margin:0; font-size:.75em; color:#a3a3a3; line-height:38px; padding-left:195px; }

.divider { border-top:1px solid #94933a; margin-top:1em; padding-top:1em; }
ul.normal { list-style-type:disc; margin-left:30px; } 
.col { float:left; width:31%; margin-right:20px; }

/* drop down menus */
.menu { position:absolute; left:0; top:0; width:120px; visibility:hidden; z-index:100; }
.menu ul { margin:0; list-style-type:none; background-color:#e9e8a5; border-bottom:5px solid #bdbc32; border-top:5px solid #fff; }
.menu ul li { font-family: Arial, Helvetica, sans-serif; letter-spacing:.05em; font-size:.75em; line-height:24px; }
.menu ul li a { width:100%; display:block; color:#808080; text-indent:8px; text-decoration:none; background-color:#e9e8a5; }
.menu ul li a:hover { color:#444; background-color:#cbcb2c; }
.workshops { width:165px; }
.anylinkshadow{ position: absolute; left: 0; top: 0; z-index: 99; /*zIndex for shadow*/ background: black; visibility: hidden; }

/* portfolio image gallery */
#dynloadarea { width:700px; height:350px; margin-bottom:15px; text-align:center; }
.lg #dynloadarea { height:400px; }
#motioncontainer { width:700px; height:100px; }
#motioncontainer a img, #motioncontainer a:hover img { border: 1px solid #666; }
#motioncontainer a:hover img { border: 1px solid #ccc; }
#motioncontainer a:hover { color: red; } /* Dummy definition to overcome IE bug */