/* General */ 
body {	font: 10pt/120% Arial, Helvetica, sans-serif; margin: 0; padding: 0; color: #464646; background: #ececec;}
a img { border: none; }

/* Container */
.inner #container { float: left; width: 100%; background: #ececec; padding-bottom: 320px;}

body#academy.inner #container { background: #ececec url(../images/academy-inner-bg.png) 50% 195px no-repeat;}
body#communication.inner #container { background: #ececec url(../images/communication-inner-bg.png) 50% 82px no-repeat; }
body#magazine.inner #container { background: #ececec url(../images/magazine-inner-bg.png) 50% 79px no-repeat; }

/* Header */
#header { width: 100%; background: url(../images/header-gr.gif) 0 0 repeat-x; float: left;}
.inner #header { height: 184px; background: #fff url(../images/header-gr.gif) 0 0 repeat-x; border-bottom: 1px solid #dbdbdb; }

/* Header > Logo */
#header h1 { width: 870px; margin: 22px auto 0; padding: 0;}
#header h1 a { float: left; width: auto; display: inline; margin: 0 0 0px 200px; }

/* Header > Support Nav */
#header ul#support-nav { width: 830px; height: 23px;font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 auto; text-align: right; padding: 0px 0 0; list-style: none; }
#header ul#support-nav li { display: inline; padding: 0; text-transform: uppercase; font-size: 7pt; line-height: 23px; border-left: 1px solid #9d9d9d;}
#header ul#support-nav li a { padding: 0 10px 0 8px; }
#header ul#support-nav li.first { border: none; }
#header ul#support-nav li a { color: #9d9d9d; text-decoration: none; }
#header ul#support-nav li a:hover, 
#header ul#support-nav li a:focus { color: #bbb; }
#header ul#support-nav li a:active { color: #ddd; }

/* Header > Main Nav */
#header ul#main-nav { margin: 0 auto; padding: 0 0 0 300px; list-style: none; width: 520px; height: 41px; background: url(../images/main-nav-bg.gif) 100% 100% no-repeat; }
#header ul#main-nav li { float: left; margin: 0 21px; padding: 0; display: inline; }
#header ul#main-nav li a { float: left; line-height: 38px; text-indent: -9999px; width: 128px;overflow:hidden;}
#header ul#main-nav li#nav-academy a { background: url(../images/main-nav-items.png) 0 0 no-repeat !important; background: url(../images/main-nav-items.gif) 0 0 no-repeat; }
#header ul#main-nav li#nav-academy a:hover,
#header ul#main-nav li#nav-academy.active a { background: url(../images/main-nav-items.png) -128px 0 no-repeat !important; background: url(../images/main-nav-items.gif) -128px 0 no-repeat; }
#header ul#main-nav li#nav-communication a { background: url(../images/main-nav-items.png) -270px 0 no-repeat !important; background: url(../images/main-nav-items.gif) -270px 0 no-repeat; }
#header ul#main-nav li#nav-communication a:hover,
#header ul#main-nav li#nav-communication.active a { background: url(../images/main-nav-items.png) -407px 0 no-repeat !important; background: url(../images/main-nav-items.gif) -407px 0 no-repeat; }
#header ul#main-nav li#nav-magazine a { background: url(../images/main-nav-items.png) -538px 0 no-repeat !important; background: url(../images/main-nav-items.gif) -538px 0 no-repeat;}
#header ul#main-nav li#nav-magazine a:hover,
#header ul#main-nav li#nav-magazine.active a  { background: url(../images/main-nav-items.png) -674px 0 no-repeat !important; background: url(../images/main-nav-items.gif) -674px 0 no-repeat; }

/* Inner Backgrounds */
/* Note that normally this would be body#idname.inner but then ie6 has some problems understanding it */
/*body#academy { background: #ececec url(../images/academy-inner-bg.jpg) 50% 380px no-repeat;}
body#communication { background: #ececec url(../images/communication-inner-bg.jpg) 50% 233px no-repeat; }
body#magazine { background: #ececec url(../images/magazine-inner-bg.jpg) 50% 264px no-repeat; }*/

body.inner { background: #fff;}

/* Splash backgrounds */
body#academy.splash { background: url(../images/academy-splash-bg.jpg) 50% 130px no-repeat;}
body#communication.splash { background: url(../images/communication-splash-bg.jpg) 50% 160px no-repeat; }
body#magazine.splash { background: url(../images/magazine-splash-bg.jpg) 50% 142px no-repeat; }

/* Intro Box */
#intro-box { background: url(../images/intro-box.png) 0 100% no-repeat; width: 234px; height: 213px; color: #fff; float: left; display: inline;}
#intro-box h2 { text-transform: uppercase; margin: 0; padding: 30px 0 5px 20px; font-weight: normal; font-size: 1em;}
#intro-box p { margin: 0; padding: 10px 30px 18px 20px; font-size: 8pt; line-height: 1.2em; color: #cfcfcf; }
#intro-box a.enter-link { margin: 0 0 0 20px; padding: 0px; text-indent: -9999px; width: 84px; float: left; height: 21px;}

#academy #intro-box { margin: 90px 130px; }
#academy #intro-box a.enter-link { background: url(../images/splash-page-enter-links.png) 0 -160px no-repeat; }
#academy #intro-box a.enter-link:hover { background-position: 0 -200px; }

#communication #intro-box { margin: 110px 225px; }
#communication #intro-box a.enter-link { background: url(../images/splash-page-enter-links.png) 0 -80px no-repeat; }
#communication #intro-box a.enter-link:hover { background: url(../images/splash-page-enter-links.png) 0 -120px no-repeat; }

#magazine #intro-box { margin: 130px 250px; }
#magazine #intro-box a.enter-link { background: url(../images/splash-page-enter-links.png) 0 0 no-repeat; }
#magazine #intro-box a.enter-link:hover { background: url(../images/splash-page-enter-links.png) 0 -40px no-repeat; }

/* Content Box > General styles */
#content { width: 844px; margin: 0 auto; padding-left: 26px; clear: left; }

#main-column p { width: 320px; }
#main-column ul { list-style: none; margin: 0; padding: 0 0 0 0px; }
#main-column ul li { margin: 4px; margin-left: 0; padding-left: 13px; position: relative; background: url(../images/list-style-arrows.gif) 0 0 no-repeat; }
#main-column a { text-decoration: none; }

#academy #main-column li { background-position: 0px 0.3em; }
#academy #main-column a { color: #d54100; }
#academy #main-column a:hover { color: #e87f38;}

#communication #main-column li { background-position: -600px 0.3em; }
#communication #main-column a { color: #08aa99; }
#communication #main-column a:hover { color: #006e3b;}

#magazine #main-column li { background-position: -1200px 0.3em; }
#magazine #main-column a { color: #8a0d4e; }
#magazine #main-column a:hover { color: #cd0e0a; }

#generic #main-column li { background-position: -1800px 0.3em; }
#generic #main-column a { color: #77a7e6; }
#generic #main-column a:hover { color: #3b74a1; }

#main-column h2 { text-transform: uppercase; font-weight: normal; font-size: 1.3em; color: #000; border-bottom: 1px solid #e5e5e5; margin: 0px -24px 0 -40px; padding: 10px 0 10px 40px; }
#main-column a img { border: none; }

/* Inner Page */
#main-column { float: left; margin-top: 280px; margin-left: 248px; display: inline;background: url(../images/main-content-gr.png) 0 0 repeat-y !important; background: url(../images/main-content-gr.gif) 0 0 repeat-y; }
#main-column .outer-holder { position: relative; float: left; margin: 0 0 -289px; background: url(../images/main-content-bg.png) -594px 100% no-repeat !important; background: url(../images/main-content-bg.gif) -594px 100% no-repeat; }
#main-column .inner-holder { padding: 10px 40px 30px 60px; width: 486px; position: relative; float: left; display: inline; margin: -270px 0 0; background: url(../images/main-content-bg.png) 0px 0 no-repeat !important; background: url(../images/main-content-bg.gif) 0px 0 no-repeat; min-height: 550px; height: auto !important; height: 550px; }

/* Content Box > Sub Nav */
#subnav { position: relative; margin: 120px 0 0 -852px; padding: 0; list-style: none; float: left; display: inline; width: 282px; background: url(../images/subnav-bg.png) 0 100% no-repeat !important; background: url(../images/subnav-bg.gif) 0 100% no-repeat; padding-bottom: 110px;}
#subnav li { float: left; width: 258px; height: 30px; margin: 1px 0 2px; padding: 0 12px; display: inline; }
#subnav li.first { position: relative; margin-top: -110px; height: 63px; padding-top: 47px; background: url(../images/subnav-bg.png) 0 0 no-repeat !important; background: url(../images/subnav-bg.gif) 0 0 no-repeat; }
#subnav li.second { position: relative;margin-top: -32px; margin-bottom: 0; }
#subnav li a { float: left; width: 259px; padding: 0; margin: 0; background: #f9f9f9; height: 30px; font-family: avantgarde, Verdana;  color:#77A7E6; text-transform: uppercase; font-size: 12px;font-weight: bold; text-decoration:none;}
#subnav li a img { float: right; margin-right: 40px; margin-top: 10px; }
#subnav li a.active { color:#3B74A1; }
#subnav li a:hover { color:#3B74A1; }

/* Content Box > Sub Nav > Academy Items */
body#academy #subnav li a { color: #d54100; }
body#academy #subnav li a.active { color: #f08740; } 


/* Content Box > Sub Nav > Communication Items */ 
body#communication #subnav li a { color: #08aa99; }
body#communication #subnav li a.active { color: #006e3b; } 


/* Content Box > Sub Nav > Magazine Items */
body#magazine #subnav li a { color: #8a0d4e; }
body#magazine #subnav li a.active,
body#magazine #subnav li a:hover { color: #cd0e0a;} 


/* Content Box > Sub Nav > Generic Items */
#subnav li#contact-us a { background: #f9f9f9 url(../images/subnav-generic-items.gif) 100% 10px  no-repeat; }
#subnav li#contact-us a:hover,
#subnav li#contact-us.active a { background-position: 100% -10px; }
#subnav li#about-us a { background: #f9f9f9 url(../images/subnav-generic-items.gif) 100% -30px  no-repeat; }
#subnav li#about-us a:hover,
#subnav li#about-us.active a { background-position: 100% -50px; }
#subnav li#terms-and-conditions a { background: #f9f9f9 url(../images/subnav-generic-items.gif) 100% -70px  no-repeat; }
#subnav li#terms-and-conditions a:hover,
#subnav li#terms-and-conditions.active a { background-position: 100% -90px; }
#subnav li#copyright-catch-22 a { background: #f9f9f9 url(../images/subnav-generic-items.gif) 100% -110px  no-repeat; }
#subnav li#copyright-catch-22 a:hover,
#subnav li#copyright-catch-22.active a { background-position: 100% -130px; }


/* Framed Image */
.framed-image { padding: 7px 5px; background: url(../images/photo-frame.gif) 0 0 no-repeat; }

/* Communication > Portfolio item */
#portfolio-item { width: 390px; float: left;margin: 0 42px; display: inline;}
#portfolio-item #shot-switcher { width: 549px; position: relative; float: left; margin: 42px -81px 0; display: inline; height: 234px; padding: 0; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; background: #f8f8f8;}
#portfolio-item #shot-switcher li { position: absolute; top: 110px; z-index: 100; margin: 0; padding: 0; background: none; }
#portfolio-item #shot-switcher li a { outline: none; display: block; line-height: 1em; width: 10px; text-indent: -9999px; }
#portfolio-item #shot-switcher li.previous-shot { left: 60px;  }
#portfolio-item #shot-switcher li.previous-shot a { background: url(../images/arrows.gif) 0 -120px no-repeat; }
#portfolio-item #shot-switcher li.previous-shot a:hover { background-position: 0 -140px; }
#portfolio-item #shot-switcher li.next-shot { left: 484px; }
#portfolio-item #shot-switcher li.next-shot a { background: url(../images/arrows.gif) 0 -80px no-repeat; }
#portfolio-item #shot-switcher li.next-shot a:hover { background-position: 0 -100px; }
#portfolio-item #shots-holder { position: relative; float: left; height: 270px; overflow: hidden; clear: left; width: 388px; margin-top: -255px; margin-bottom: 18px; border: 1px solid #2d885e; }
#portfolio-item #shots-holder ul#item-shots { margin: 0; padding: 0; position: absolute; top: 0; left: 0;  width: 2000px; /*get rid of this*/}
#portfolio-item #shots-holder ul#item-shots li { margin: 0; padding: 0; background: none; float: left; width: 388px;}
#portfolio-item h3#item-title { margin: 0px 0 20px; padding: 10px 0; color: #006e3b; font-size: 1.3em; font-weight: normal; border-bottom: 1px dotted #006e3b; }
#portfolio-item img#item-mini { float: left; width: 80px; border: 1px solid #006e3b; }
#portfolio-item p#item-desc { float: left; width: 288px; margin: 0 0 0 20px; display: inline;}
#portfolio-item ul#items-nav { float: left; width: 390px; margin: 25px 0 0; border-top: 1px dotted #006e3b; padding: 15px 0 0;}
#portfolio-item ul#items-nav li { line-height:10px; background: none; float: left; display: inline; margin: 0; padding: 0; width: 195px;}
#portfolio-item ul#items-nav li a { float: left; line-height: 10px; font-size: 10px; text-transform: uppercase; text-decoration: none; color: #08aa99;}
#portfolio-item ul#items-nav li a:hover { color: #006e3b; }
#portfolio-item ul#items-nav li.previous-project { }
#portfolio-item ul#items-nav li.previous-project a { padding-left: 15px; background: url(../images/arrows.gif) 0 -140px no-repeat; }
#portfolio-item ul#items-nav li.previous-project a:hover { /*background-position: 0 -140px;*/ }
#portfolio-item ul#items-nav li.next-project { margin-right: 0;}
#portfolio-item ul#items-nav li.next-project a { float: right; padding-right: 15px; background: url(../images/arrows.gif) 100% -100px no-repeat; }
#portfolio-item ul#items-nav li.next-project a:hover {/* background-position: 100% -100px;*/ }

/* Artist of the month */
#magazine #main-column h2.month { float: left; margin: 10px 0 5px; padding: 0 0 4px; border: none; color: #000; font-size: 1.3em; border-bottom: 1px dotted #cd0e0a;}
#magazine #main-column h2 span { color: #cd0e0a; } 
#magazine #main-column h3 { clear: left; font-size: 1.3em; text-transform: uppercase; color: #cd0e0a; ; font-weight: normal; margin: 0; padding: 0; }

ul#artist-of-month-items { margin: 0; padding: 16px 0 25px 4px; min-height: 304px; border-top: 1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; background: #f2f2f2; float: left; list-style: none; display: inline; width: 545px;  margin: 42px -39px 0; }
ul#artist-of-month-items li { float: left; width: auto; padding: 0 0 4px; background: none; margin: 6px 2px 20px 7px; border-bottom: 1px dotted #cd0e0a; }
ul#artist-of-month-items li a { border: 1px solid #cd0e0a; float: left; margin: 0 0 6px; }
ul#artist-of-month-items li a img { float: left; }
ul#artist-of-month-items span { float: left; width: 124px; display: inline; color: #464646; font-size: 0.8em; clear: left;}
ul#month-nav { float: left; list-style: none; float: left; width: 509px; display: inline; margin: -25px -39px 0; padding-left: 40px; }
ul#month-nav li { float: left; width: 242px; margin: 0; padding: 0; background: none;}
ul#month-nav li a { float: left; height: 10px; line-height: 10px; padding: 0; margin: 0; text-decoration: none; text-transform: uppercase; font-size: 10px;}
ul#month-nav li a:hover { color: #cd0e0a; }

ul#month-nav li.previous-month { }
ul#month-nav li.previous-month a { padding-left: 15px; background: url(../images/arrows.gif) 0 -220px no-repeat;}
ul#month-nav li.previous-month a:hover { /*background-position: 0 -220px;*/}
ul#month-nav li.next-month a { float: right; padding-right: 15px; background: url(../images/arrows.gif) 100% -180px no-repeat; } 
ul#month-nav li.next-month a:hover {/* background-position: 100% -180px;*/ }

#artist-info { float: left; margin: 20px 0; }
#artist-info #artist-data { float: left; width: 190px; border-right: 1px solid #d9d9d9; margin-right: 20px; }
#artist-info #artist-data h3 { margin: 5px 0 0; padding: 5px 0 0; font-size: 0.9em !important; width: auto;}
#artist-info #artist-data p { margin: 0; padding: 0; width: 190px; }
#artist-info #artist-data a#website-link { color: #8a0d4e; text-decoration: none; float: left;
clear: left; margin-top: 16px; }
#artist-info #artist-data a#website-link:hover { color: #cd0e0a; }
#artist-info p#artist-desc { float: left; width: 260px; margin: 0; padding: 0;}

/* Foot */
#foot { margin: 0; padding: 12px 0 24px; background: #fff; color: #dbdbdb; width: 100%; float: left;  border-top: 1px solid #dbdbdb; }
#foot ul { width: 810px; text-transform: uppercase; font-size: 10px; text-align: right; margin: 0 auto; padding: 0; }
#foot ul li { display: inline; margin: 0; }
#foot ul li a { color: #999; text-decoration: none; border-left: 1px solid #999; margin: 0; padding:0 10px;}
#foot ul li a:hover,
#foot ul li a:focus { color: #777; }
#foot ul li a:active { color: #555; }
#foot ul li:first-child a { border: none; }