/* Hello Screen Readers */

.screenhide { display: none;}


body { background: #2471b1 url(../img/daybg.png) top left repeat-x; color:#fff; font: 11px/1.65em "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif; padding: 0; margin: 0; }

/*reset*/
a:focus {outline: none;}

#headerhome { background: url(../img/daybarbg.png) bottom center repeat-x; height:249px; top:50%; margin:-125px auto 0 auto; position: absolute; width: 100%;  }
#header { background: url(../img/nav_norm.png) bottom center repeat-x; height:209px; width: 100%; min-width: 1010px; }

#headerhome h1 	 { display: block; text-indent: -5000px; background: url(../img/logo.png) top left no-repeat; width: 800px; height:102px; margin:-110px auto 112px auto; }
#headerhome #nav { list-style: none; width: 441px; margin:-96px auto 0 auto; }
#headerhome #nav .intro { height:61px; width:441px; display:block; text-indent: -5000px; background: url(../img/intro_main.png) top left no-repeat; margin:-1px 0 0 0;}
#headerhome #nav .case { height:55px; width:441px; display:block; text-indent: -5000px; background: url(../img/case_main.png) top left no-repeat;}
#headerhome #nav .showcase { height:55px; width:441px; display:block; text-indent: -5000px; background: url(../img/showcase_main.png) top left no-repeat;}
#headerhome #nav .contact { height:55px; width:441px; display:block; text-indent: -5000px; background: url(../img/contact_main.png) top left no-repeat;}

#header h1 a { display: block; text-indent: -5000px; background: url(../img/logo_small.png) top left no-repeat; width:985px; height:76px; margin: 16px auto -7px auto; padding:0; }
#header #nav { list-style: none; width: 738px; margin:8px auto 0 auto; }
#header #nav .intro { height:29px; width:207px; display:block; text-indent: -5000px; background: url(../img/intro_top.png) top left no-repeat;}
#header #nav .case { height:29px; width:207px; display:block; text-indent: -5000px; background: url(../img/case_top.png) top left no-repeat;}
#header #nav .showcase { height:29px; width:207px; display:block; text-indent: -5000px; background: url(../img/show_top.png) top left no-repeat;}
#header #nav .contact { height:29px; width:207px; display:block; text-indent: -5000px; background: url(../img/talk_top.png) top left no-repeat;}


#flip { display: none; position: absolute; right:0; top:0; margin:20px 15px 0 0; text-indent: -5000px; background: url(../img/clock/NT8pm.png) top right no-repeat; width: 40px; height: 35px; }

#page { width: 985px; margin: 0 auto; padding:0 0 52px 0; overflow: hidden;}
.main-intro { width: 620px; float: left; margin: 85px 0px 0px 26px; color:#bbdffe; font-size: 1.15em; line-height: 1.6em; }
.main-intro a { color:#fff; text-decoration: none; font-weight: bold; }
.main-intro p { margin: 0 0 15px 0; }
.main-intro .hello { display:block; text-indent: -5000px; background: url(../img/hello.png) top left no-repeat; height:23px; width:261px; margin:0px 0px 10px 0;}
.main-intro .help { display:block; text-indent: -5000px; background: url(../img/canihelp.png) top left no-repeat; height:23px; width:261px; margin:40px 0 10px 0;}


.main-case { width: 620px; float: left; margin: 85px 0px 0px 26px; color:#bbdffe; font-size: 1.15em; line-height: 1.6em; }
.main-case .left { float: left; margin: 5px 30px 5px 0px; clear:left; border: 1px solid #97b9d6; }
.main-case .right { float:right; margin: 10px 0 30px 30px; clear: right; border: 1px solid #97b9d6;}
.main-case .casestudy {display:block; text-indent: -5000px; background: url(../img/casestudy.png) top left no-repeat; height:23px; width:261px; margin:0px 0px 10px 0; }
.main-case a { color:#fff; text-decoration: none;  }


.main-contact { width:648px; color:#bbdffe; float: left; margin:40px 0 0 0; line-height: 1.7em; font-size: 1.1em; }
.main-contact h2 a { width: 463px; height:55px; margin:0 0 30px 0; background: url(../img/contacttitle.png) top left no-repeat; display: block; text-indent: -5000px;}
.main-contact a { color:#fff; text-decoration: none; font-weight: bold; }
#form { margin:20px 0 0 0;}
#form label { display: block; }
#form label span { color:#}
#form #submit { background: url(../img/send.png) top left no-repeat; border: 0 none; color:#fff; float:right; height:35px; width: 100px; margin:0 30px 50px 0; padding: 0; text-indent: -5000px; display: block; cursor: pointer; }
#form input { background: url(../img/fieldbg.gif) #fff 0 -5px repeat-x; padding:3px; }
#form textarea { padding:3px; background: url(../img/fieldbg.gif) #fff 0 -5px repeat-x;}
#form .errormsg { color:red; background: white; padding: 5px; border: 2px solid red; width: 608px; }


.main-show { width:985px; margin: 35px auto; color:#99c7eb; font-size: 1.2em;}
.main-show .projectentry  { float: left; width:294px; margin:0 30px 50px 0; }
.main-show .projectentry img { height:133px; width:296px; display: block; border: 1px solid #1d384d; }
.main-show .projectentry a { border:none; text-decoration: none; color:#fff; display: }
.main-show .nextprojects { float:left; width:294px; }
.main-show .projectdesc { font-size: 0.86em; line-height: 1.86em; margin: -7px 0 0 0; letter-spacing: 0.019em;  }
.main-show .projectname a { font-size: 1.2em; }
.main-show .projectname span { color:#99cc00; padding:0 0 0 7px;  }
 
.contact-side { width:316px; float:right; margin:66px 0 0 0; }
.contact-side .getstarted { width:316px; height:184px; background: url(../img/howdowegetstarted.png) top left no-repeat; color:#bbdffe;}
.contact-side .getstarted p { font-size: 1.2em; line-height: 1.45em; margin: 35px 50px 0px 20px; width: 230px;}
.contact-side .getstarted a { color:#fff; text-decoration: none; font-weight: bold; }
.contact-side .getstarted a:hover { color:#fc0;}
.contact-side .getstarted h3 { display:block; text-indent:-5000px; height:; width:; }
.contact-side .getstarted .download-brief { height:47px; width: 272px; background: url(../img/downloadbrief.png) top left no-repeat; margin: 12px 0 0 12px; text-indent: -5000px; display: block; }
.contact-side .getstarted .download-brief:hover { background: url(../img/downloadbrief.png) bottom left no-repeat; }
.contact-side .phonetitle { width:229px; height:33px; display: block; text-indent: -5000px; background: url(../img/phone.png) top left no-repeat;}
.contact-side h4 { margin: 30px 0 0 24px; font-size: 1.2em;}
.contact-side p { margin:0; padding: 0;}
.contact-side .addr { margin: 0 0 0 25px; }
.contact-side .vcard { cursor: pointer; margin:30px 0; display: block; background: url(../img/downloadvcard.png) top left no-repeat; text-indent: -5000px; width: 232px; height:21px; }
.contact-side .vcard:hover { background: url(../img/downloadvcard.png) bottom left no-repeat; }


.side { width:316px; float:right; margin:85px 0 0 0; }
.side .getstarted { width:316px; height:184px; background: url(../img/howdowegetstarted.png) top left no-repeat; color:#bbdffe;}
.side .getstarted p { font-size: 1.2em; line-height: 1.45em; margin: 35px 50px 0px 20px; width: 230px;}
.side .getstarted a { color:#fff; text-decoration: none; font-weight: bold; }
.side .getstarted a:hover { color:#fc0;}
.side .getstarted h3 { display:block; text-indent:-5000px; height:; width:; }
.side .getstarted .download-brief { height:47px; width: 272px; background: url(../img/downloadbrief.png) top left no-repeat; margin: 12px 0 0 12px; text-indent: -5000px; display: block; }
.side .getstarted .download-brief:hover { background: url(../img/downloadbrief.png) bottom left no-repeat; }

.side .projectachievements { color:#bbdffe; font-size: 1.1em; margin: 40px 0 0 0; }
.side .projectachievements h3 { display: block; background: url(../img/projectachiv.png) top left no-repeat; height:24px; width: 174px; text-indent: -5000px; }
.side .projectachievements li { margin: 0 0 10px -30px; list-style-image: url(../img/bullet.png);}


.side .projectgoals { color:#bbdffe; font-size: 1.1em;  }
.side .projectgoals h3 { display: block; background: url(../img/projectgoals.png) top left no-repeat; height:24px; width: 114px; text-indent: -5000px; }
.side .projectgoals li { margin: 0 0 10px -30px; list-style-image: url(../img/bullet.png);}

 
#footer {
	position: fixed;
	background: #00192e; color:#89cbf3; width: 100%;
	bottom: 0;
	
}

#footer p { margin: 7px 0 0 0; padding: 0; float: left; }
#footer a { color:#fff; text-decoration: none; padding:0;}
#footer a:hover { color:#fc0;}
#footer h2 { display: block; text-indent: -5000px; background: url(../img/slogan.png) top left no-repeat; height:17px; width:251px; margin: 8px 15px; padding: 0; float: left;}