/* CSS Document | Ant Blades Designs | Written by Katherine Cory, www.katherinecory.com / designsby@katherinecory.com January/February 2009 */


/* COMMON ELEMENTS */

body {
 background: #ff9f1e url(images/background.jpg) repeat-y center;
 color: #fff;
 margin: 0;
 padding: 0;
 font: 90% Arial, Helvetica, sans-serif;
}

.left { float: left; }
.right { float: right; }
.clearboth { clear: both; }
.hidden { display: none; }

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}

h1 {
 font-weight: bold;
 font-size: 120%;
}

a {
 color: #999;
 text-decoration: none;
}

a:hover {
 background-color: #999;
 color: #fff;
}

.mainwrapper {
 width: 990px;
 margin: 0 auto;
 height: 100%;
}

/* HEADER ELEMENTS */

#who a img, #header a img, #page_nav a img, #image_nav a img { border: 0; }
#who a:hover, #header a:hover, #page_nav a:hover, #image_nav a:hover { background: transparent; text-decoration: none; }	

#header {
 background: #fff url(logo.png) no-repeat top left;
 width: 720px;
 height: 95px;
 z-index: 2;
 margin: 28px 0 0 59px;
 position: absolute;
 display: block;
}

#who {
 width: 160px;
 height: 180px;
 z-index: 2;
 margin: 122px 0 0 43px;
 position: absolute;
 display: block;
}				

#at {
 margin: 122px 0 0 192px;
 z-index: 2;
 position: absolute;
 display: block;
}

/* PAGE NAV */

#page_nav {
 width: 148px;
 height: 148px;
 z-index: 3;
 position: absolute;
 display: block;
 float: right;
}

/* BACKGROUND CIRCLES */

#circles {
 display: block;
 position: absolute;
 z-index: 1;
}

/* IMAGE NAV */

.image_nav {
 width: 33px;
 height: 64px;
 z-index: 4;
 position: absolute;
 display: block;
 text-transform: lowercase;
}

#image_text {
 font-size: 120%;
 position: absolute;
 padding: 0px;
 width: 138px;
 height: 30px;
 display: block;
 z-index: 4;
}

/* CONTENT */

.content {
 width: 330px;
 z-index: 5;
 position: absolute;
 display: block;
 line-height: 1.5em
}

/* IMAGE */

.image {
 width: 412px;
 height: 445px;
 display: block;
 position: absolute;
 z-index: 5;
}

.image_background {
 border: 5px #999 dotted;
 background-color: #fff;
}

/* NAVIGATION ELEMENTS */

#navigation {
 z-index: 8;
 display: block;
 position: absolute;
 margin: 41px 0 0 815px;
}

#navigation ul {
 margin: 0;
 padding: 0;
 font-weight: bold;
 font-size: 110%;
 list-style: none;
}

.university a {
 color: #51bdec;
 text-decoration: none;
}

.placement a {
 color: #71bf44;
 text-decoration: none;
}

.competitions a {
 color: #ee5631;
 text-decoration: none;
}

.university a:hover, .placement a:hover, .competitions a:hover { 
 text-decoration: underline; 
 background: none;
}

/* FOOTER */

.footer {
 width: 414px;
 height: 50px;
 display: block;
 position: absolute;
 font-size: 83%;
 background-color: #fff;
 z-index: 8;
 border: 5px #999 dotted;
}

.footer p {
 padding: 0;
 margin: 9px 0 0 12px;
}