@charset "UTF-8";
/* CSS Document for Noether Associates developed by Joyce Tan at www.joycetan.net*/

/* CSS Reset
-------------------------------------------------------------- */

body, div, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, input, p, address, th ,td {
margin: 0; padding:0;}
ol, ul {list-style-type:none;}
table {border-collapse:collapse;border-spacing:0;}
td, th {vertical-align:top;}

/* Color Palette
-------------------------------------------------------------- 

bright green #92ac4c;
darker green #627432
medium blue #256077
dark blue #084461
Light Grey #bbbbbb


Grey (type) #7d7d7d
Darker grey (body type) #0c273d
lightest grey (box border) #d7d7d7
Darkest grey (bkgrd) #333333
Beige (bkgrd) #fffef1

medium light blue (footer blue) #587aa6
light blue #91b7d9
beige #f2f1dc
dark beige #d9d3b4
dark grey #404040
Backgrd beige: #fffef1
*/

/* Typography
-------------------------------------------------------------- */
body { 
font: 62.5%/1.5 arial, helvetica, sans-serif; 
color: #0c273d; text-align:left;
}

h1 {font-size:20px; color: #92ac4c; font-weight: normal;} 
h2 {font-size:16px;color:#7d7d7d; font-weight: normal; border-bottom: 1px solid #bbb; margin:30px 0px 20px 0px;} 
h3 {font-size:13px; color:#256077; text-transform:uppercase; padding:15px 0px 5px 0px;}  
h4 {font-size:13px; color:#256077; font-weight: bold;font-style: italic; padding:10px 0 5px 0;}  /* displayed at 12px */
h5 {font-size:13px; color: #92ac4c; font-weight: bold; }

p { 
font-size: 1.2em;
margin: 0 0 1.5em; }

em {
font-style: italic;}

a {
text-decoration: none;}

a:link {
color: #92ac4c; 
}

a:visited {
color: #7d7d7d;
}

a:hover, a:active {
color: #627432;}

.bullets li {
width:100%;
}

.bullets li a {
font-size:1.2em;
display:block;
width:600px;
height:17px;
line-height:17px;
color:#92ac4c;
background: url("images/bullet_green.gif") no-repeat 0px 0px;
text-indent: 25px;
margin-bottom:8px;}

.bullets li a:hover {
text-decoration:underline;
color:#627432;}


/* Header and Logo
-------------------------------------------------------------- */
body {
text-align:center;
min-width:819px;
background-color: #333;
}

#wrapper {
width:819px;
margin: 20px auto;
text-align:left;
background-color:  #fffef1;
position:relative;}

#logo a{
text-indent:-5000em;
background: url("images/logo.gif") no-repeat top left;
width:321px; height:119px;
display:block;
float: left;
margin:0px;}

#logo a:hover {
cursor:pointer; background-position: -321px 0px;}

.index #logo a:hover {
cursor:default; background-position: 0 0;}


/* Navigation
-------------------------------------------------------------- */
#Layer1 {
position:absolute; width:120px; height:39px; z-index:1; left: 689px; top: 8px;
}

#nav ul{
position: absolute; top: 71px; left:321px;
	width: 450px;
	height:48px;
	list-style: none;
	margin: 0px;
	padding:0px;}

#nav li {float:left;}

/*	Primary navigation*/

#nav a.topnav {
    float:left;
    display: block;
	background-repeat: no-repeat;
	height: 48px;
	text-indent:-1000em;
	padding:0; margin:0;
	background-position: 0 -48px;
}

#nav a.topnav:hover {
	background-position: 0 0px;
}

#nav_index a.topnav{
	background-image: url("images/nav_home.jpg");
	width:85px;
	}
#nav_about a.topnav{
	background-image: url("images/nav_about.jpg");
	width:97px;
	}
#nav_services a.topnav{
	background-image: url("images/nav_services.jpg");
	width:118px;
	}
	
#nav_magazine a.topnav {
	background-image: url("images/nav_magazine.jpg");
	width:150px;
	}

.index #nav_index a.topnav, .index #nav_index a.topnav:hover, .about #nav_about a.topnav, .about #nav_about a.topnav:hover, .services #nav_services a.topnav, .services #nav_services a.topnav:hover, .magazine #nav_magazine a.topnav,.partners #nav_magazine a.topnav:hover, .research #nav_services a.topnav, .design #nav_services a.topnav, .consulting {
 background-position: 0 -96px;
 }

/*-  Sec Navigation - Dropdown list 
 ----------------------------------------------------------------------*/
#nav li ul {
	position: absolute;
	top: 45px;
	left:-9999em; /*Hide the dropdown list -- display:none avoided for more accessibility*/
	z-index:2;
	height:auto;
	margin:0; padding: 0;
	}

#nav li:hover ul, #navigation li.sfhover ul {
	left: 160px; /*brings the list back into view; javascript creates new class li.sfhover because IE doesnt recognise hover on other elements */
	}

#nav li ul li {
	clear:left; /*because the primary nav is made up of floated list elements, you need to clear them*/
	padding: 0px;
	margin: 0px;
	}

/*Formatting the dropdownlist */

#nav li ul li a {
	font: 10px/25px arial, helvetica, sans-serif;
	text-decoration:none;
	color:#ffffff;
}

#nav li ul li a:hover, #nav li ul li a:active {
	color: #ffffff;
	background-color:#90b458;
}

#nav_index ul {width:99px;}
#nav_about ul {width:111px;}
#nav_services ul, #nav_services ul li, #nav_services ul li a {width:160px;}
#nav_magazine ul{width:164px;}

#nav #nav_services ul {
background-color: #598a46;
}

#nav #nav_services ul li {
padding: 0 10px;
}
.masthead {margin: 0px 0px 0px 46px;}

/* Footer
-------------------------------------------------------------- */
#footer {
width:819px;
margin: 20px auto;
text-align:left;
position:relative;
}

#footer p {
color: #aac33f;
margin-left:37px;}

#footer a {
font-size:0.9em;color: #aac33f; padding:10px;
}

#footer a:link {
color: #aac33f; 
}

#footer a:visited {
color: #aac33f; 
}

#footer a:hover, a:active {
color: #91b7d9; text-decoration:underline;}

#footer .currentlink, #footer .currentlink:link, #footer .currentlink:visited, #footer .currentlink:hover, #footer .currentlink:active {
color: #91b7d9; text-decoration:none;
}

#footer #copyright, #footer #external {
font-size: 10px; padding-left:10px;
}

#footer #external {
padding: 0;color: #aac33f; text-decoration:underline;
}

#footer #external:hover, #external:active {
color: #91b7d9;
}

/* Contact Button Box
-------------------------------------------------------------- */
#box_contact {
position:absolute; top: 365px; left: 618px;
width:152px;
height:109px;
background:url("images/box_contact.gif") no-repeat top left;
text-align:center;}

.index #box_contact {
top: 400px;
}

#box_contact p {
margin:30px auto 5px auto;
width:110px;
font-size:11px;
line-height:12px;
color:#ffffff;
}

#box_contact #button_contact{
text-indent:-5000em;
background: url("images/button_contact.jpg") no-repeat top left;
width:108px; height:40px;
display:block;
margin:0px auto;}

#box_contact #button_contact:hover {
cursor:pointer; background-position: -108px 0px;}

/* Homepage Layout
-------------------------------------------------------------- */
#maincontent {
width: 500px;
margin-left:46px;}


#box1 {
width: 498px;
background-color: #fffef1;
border: 1px solid #92ac4c;
color: #92ac4c;}

#box1 p {
margin:15px 20px 10px 20px;}

#box1 ul {
margin:0px 20px 15px 20px;}
 

#box2 {
position:absolute; top: 526px; left: 618px;
width:150px;
text-align:center;
background-color: #fffef1;
border: 1px solid #92ac4c;
color: #92ac4c;
}

#title_getmore {
text-indent:-5000em;
width:150px;
height:66px;
background: url("images/title_getmore.gif") no-repeat top left;
margin:0px auto;
border:none;
}

#box2 #button_gettoknow{
text-indent:-5000em;
background: url("images/button_gettoknow.jpg") no-repeat top left;
width:128px; height:29px;
display:block;
margin:0px auto;}

#box2 #button_gettoknow:hover {
cursor:pointer; background-position: -128px 0px;}

#box2 p {
color: #0c273d;
width:123px;
font-size:11px;
line-height:12px;
margin:10px auto;
padding-top: 10px;
border-top:1px solid #92ac4c; }

#box2 #button_magazine{
text-indent:-5000em;
background: url("images/button_magazine.jpg") no-repeat top left;
width:128px; height:29px;
display:block;
margin:0px auto 12px auto;}

#box2 #button_magazine:hover {
cursor:pointer; background-position: -128px 0px;}

.clear {
clear:both;
height:40px;
}

/* Subpage Layout
-------------------------------------------------------------- */
#fullpage {
width: 725px;
margin-left:46px;
}

#left {
width:500px;
margin:0px;
}

#pagetitle {
background-repeat:no-repeat;
background-position: top left;
text-indent: -5000em;
width: 240px; height: 42px;
margin:5px 0px 10px 0px;}

.index #pagetitle {
background-image: url("images/title_noether.gif");}

.about #pagetitle {
background-image: url("images/title_about.gif");}

.services #pagetitle {
background-image: url("images/title_services.gif");}

.magazine #pagetitle {
background-image: url("images/title_magazine.gif");}

.research #pagetitle {
background-image: url("images/title_research.gif");}

.consulting #pagetitle {
background-image: url("images/title_consulting.gif");}

.design #pagetitle {
background-image: url("images/title_design.gif");}

.contact #pagetitle {
background-image: url("images/title_contact.gif");}

#verticalbar {
position: absolute;
top: 400px; left: 590px;
}

#verticallinks {
position: absolute;
top: 400px; left: 560px;
background: url("images/img_globebox.jpg") no-repeat;
width:224px;
height:220px;
}

#verticallinks li a {
width:180px;
background: url("images/bullet1.gif") no-repeat 0px 0px;
display:block;
height:17px;
line-height:17px;
color:#92ac4c;
text-indent: 25px;
margin-bottom:8px;
font-size:10px;}

#verticallinks p{
margin:100px 0px 0px 20px;
font-size:11px;}

#verticallinks ul {
margin: 10px 0  0 10px;
}

#verticallinks li a:hover {
background-position: -px 0px;
color:#627432;}

.list li {
background: url("images/bullet_blue.gif") no-repeat left center;
padding-left:24px;
font-size:1.2em;}

table.news {
width:498px;
border: 0px;
vertical-align:top;
}

.news td {
padding: 0px 20px 15px 0px;
}

.news h4 {
padding-top:0px;
}

.readmore {
display:block;
width:79px;
height: 21px;
text-indent:-5000em;
background: url("images/readmore.gif") no-repeat left center;
}

.readmore:hover, readmore:active {
background-position: -79px 0px;
}

.graph {
margin: 20px 0px;}

#designtable {
width:720px;
border:0;
margin-top:20px;}

#designtable .header {
text-transform: uppercase;
color:#fffef1;
background-color:#7d7d7d;
text-align:center;
padding-top:5px;
border:1px solid #7d7d7d;
font-size: 1.2em;}

#designtable .header .days {
font-size: 1em;
text-transform:capitalize;
font-weight:normal;
font-style:italic;
}

#designtable h3{
background: url("images/bullet3.gif") no-repeat left top;
padding-left:24px;
font-size:1.2em;
color:#256077; text-transform:capitalize; padding:10px 0px 0px 15px;
margin-left:15px;}

#designtable h4 {
font-size:1.1em; color:#0c273d; font-style:normal; font-weight: normal; padding: 0px 15px 0px 30px;}

#designtable .box {
border:1px solid #bbbbbb;
width:163px;}

#designtable h5  {
color:#92ac4c;
font-weight:normal;
font-style:italic;
font-size:1.1em;
padding:0 0px 0 30px;}

#designtable .arrow {
margin-top:40px;
}

#map {
width:300px;
height:150px;
border:1px solid #ccc;
margin-top:30px;
}

#map p {
padding:40px 0 0 120px;
}


/* Services
-------------------------------------------------------------- */

#options {
border-collapse:collapse;
width: 723px;
}

#options a {
	display:block;
	height: 162px;
	text-indent:-5000em;
	padding:0; margin:0;
}

#service_design a{
	background: url("images/service_design.jpg") no-repeat top left;
	width: 241px;}
	
#service_design a:hover {
   background-position: 0 -162px;}
	
#service_consulting a{
	background: url("images/service_consulting.jpg") no-repeat top center;
	width: 241px;}

#service_consulting a:hover {
   background-position: 8px -162px;}
	
#service_research a{
	background: url("images/service_research.jpg") no-repeat top right;
	width: 241px;
	}
	
#service_research a:hover {
   background-position: 15px -162px;}
	
/* Contact
-------------------------------------------------------------- */

#form_contact {
margin-left:40px;
}

#form_contact p {
margin: 0px 0px 10px 0px;
}

#form_contact label {
width:150px;
float:left;}

#form_contact select {
width: 180px;
}

#form_contact input {
width: 175px;
}

#form_contact #submit {
 text-indent:-5000em;
 width: 104px;
 height: 36px;
 border: none;
 margin: 10px 0 0 0;
 padding: 0;
 background: url("images/button_submit.jpg") no-repeat top left;
cursor:pointer;}

#right {
position:absolute; top: 365px; left: 553px;
width:218px;
height: 327px;
background: url("images/box_address.jpg") no-repeat top left;
padding-top:100px;}

#right p, #right h4 {
padding-left:30px;
}

	/* SIGNUP Layout
-------------------------------------------------------------- */

#signup {
margin-top:10px;
}

#signup label{
width:120px; float:left;
}

#signup input {
display: block;
}

#signupsubmit {
margin-top:20px;
}

	/* MAGAZINE SUBSCRIBE Layout
-------------------------------------------------------------- */


#form_subscribe {
position:absolute; top: 554px; left: 578px;
width:190px;
text-align:left;
background-color: #fffef1;
border: 1px solid #92ac4c;
color: #92ac4c;
}

#title_subscribe {
text-indent:-5000em;
width:150px;
height:66px;
background: url("images/title_subscribe.gif") no-repeat top left;
margin:0px auto 10px auto;
border:none;
}

#form_subscribe #button_subscribe {
 text-indent:-5000em;
 width: 104px;
 height: 36px;
 border: none;
 margin: 0px auto 10px 42px;
 padding: 0px;
 background: url("images/button_subscribe.jpg") no-repeat top left;
cursor:pointer}

#form_subscribe p {
margin: 0px 0px 10px 15px;
font-size:11px;}

#form_subscribe label {
display:block;}

#form_subscribe input {
width: 153px;
}