html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	font-size: 100%;	vertical-align: baseline;	background: transparent;	} body {	line-height: 1;	} ol, ul {	list-style: none;	} blockquote, q {	quotes: none;	} /* remember to define focus styles! */:focus {		} /* remember to highlight inserts somehow! */ins {	text-decoration: none;	} del {	text-decoration: line-through;	} /* tables still need 'cellspacing="0"' in the markup */table {	border-collapse: collapse;	border-spacing: 0;	} /* -------- CLEARFIX -------- */.clearfix:after {	content: "."; 	display: block; 	height: 0; 	clear: both;	visibility: hidden;	} * html>body .clearfix {	display: inline-block; 	width: 100%;	} * html .clearfix {	/* Hide from IE-mac \*	height: 1px;	/* End hide from IE-mac */	} /* -------- END CLEARFIX -------- */

body{height:100%;background-color:#000;font-family:arial;font-size:12px;background:url(/images/sand2.jpg) top center repeat;
}

div#container{width:970px;margin:0 auto;background-color:#000;height:615px;margin-top:10px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;position:relative;

}

div#header{z-index:3;position:absolute;width:970px;left:0px; height:75px;}
div#header h1 a{background:url('/images/logo.png') top center no-repeat ;width:204px;height:86px;text-indent:-200em;z-index:998;position:relative;top:14px;left:370px;display:block;outline:none}


#nav a{background:url(/images/nav/nav_off.png) no-repeat ;text-indent:-9999em;display:block;height:20px;}
#nav a.active{background:url(/images/nav/nav_on.png) no-repeat;}
#nav a.home{width:60px;}
#nav a.people{width: 80px; background-position:-70px 0px;}
#nav a.contact{width:100px; background-position:-156px 0px; }
#nav a.work{width:60px; background-position:0px -27px; }
#nav a.services{width:100px;background-position:-70px -27px;}



div.pane{overflow:hidden;clear:left;margin: 10px 0 0 10px;position:relative;height:530px;top:75px;}

div.topleft{width:39px;height:41px;background:url(/images/frame.png) top left no-repeat;position:absolute;top:75px;left:10px;}
div.topright{width:39px;height:41px;background:url(/images/frame.png) top right no-repeat;position:absolute;top:75px;left:921px;}
div.bottomleft{width:39px;height:41px;background:url(/images/frame.png) bottom left no-repeat;position:absolute;top:564px;left:10px;}
div.bottomright{width:39px;height:41px;background:url(/images/frame.png) bottom right no-repeat;position:absolute;top:564px;left:921px;}

div#pane-target{width:950px;margin:0 auto;}
div.elements{width:2850px;height:2240px;background:url(/images/map.jpg) top left no-repeat;}
div.section{width:950px;height:530px;float:left;position:relative;background-color:transparent;display:none;}

a#facebook{background:url('/images/socialmedia.gif') top left no-repeat;width:25px;height:25px;text-indent:-2000em;display:block;
position:absolute;right:70px;top:40px;outline:none;}
a#twitter{background:url('/images/socialmedia.gif') top center no-repeat;width:25px;height:25px;text-indent:-2000em;display:block;
position:absolute;right:40px;top:40px;outline:none;}
a#linkedin{background:url('/images/socialmedia.gif') top right no-repeat;width:25px;height:25px;text-indent:-2000em;display:block;
position:absolute;right:10px;top:40px;outline:none;}



div.section h1{font-size:30px;text-indent:-5000em;}

div#nav{background:url('/images/nav/background.gif') top left no-repeat transparent;width:360px;height:59px;position:relative;z-index:999;top:10px;left:20px;}
div#nav ul{overflow:auto;width:270px;float:left;padding-top:10px;}
div#nav ul li{float:left;display:block;width:80px;height:25px;}
div#nav ul li a{font-family:georgia;color:#fff;font-size:15px;font-weight:bold;text-transform:uppercase;text-decoration:none;outline:none;}
div#nav ul li a.contact{margin-left:10px;}

	div#compass{padding:4px 0px 0px 5px;overflow:hidden;width:60px;float:left;}
	div#compass span{float:left;display:inline;width:27px;height:27px;background:url('/images/nav/compass.gif') no-repeat transparent;}
	div#compass span.active{display:inline;width:27px;height:27px;background:url('/images/nav/compass_on.gif') no-repeat transparent;}
	
	div#compass span.people{background-position:0px 0px;}
	div#compass span.contact{background-position:-27px 0px;}
	div#compass span.work{background-position:0px -27px; clear:none;}
	div#compass span.services{background-position:-27px -27px;}

div#footer{position:relative;color:#fff;text-align:center;top:15px;padding-top:10px; padding-bottom:20px;}
div.section img{margin-top:-30px;}


/**************************** Home */
#welcome h2 span {background-color: #edff00;}
#welcome h2 strong {color: #982056;}
#latestwork{position:absolute;top:270px;left:553px}
#mailinglist{position:absolute; top:35px; left:530px; background:url(../images/mailinglist.gif) no-repeat; width:189px; height:78px;}
#mailinglist input.emailtext{position:absolute; bottom:28px; left:30px;border: 0; z-index:4; width: 120px;}
#mailinglist input.emailsubmit {position:absolute; bottom:15px; right:10px;background:url(../images/emailsubmit.png) no-repeat; width:40px; height:40px; border:0; z-index:5;}
#mailinglist input.emailsubmit:hover {background:url(../images/emailsubmithov.png) no-repeat;}
 #featured{position:absolute; top:202px; left:685px; background:url(../images/featured.gif) no-repeat; width:190px; height:162px; padding:40px 20px;}
#featured img{margin:0px;}
#welcome{position:absolute; top:115px; left:55px; width:570px; height:194px;}
#welcome h2{font-family: georgia, serif; font-size: 22px; line-height:32px; font-weight: normal;}
#scrollbuttons li{float:left;width:40px;}
ul#scrollbuttons {position:absolute;top:340px;left:335px;font-size:23px;}
ul#scrollbuttons a{text-decoration:none;color:#39b2da;}
#twitter_update_list{width: 238px;position:absolute;top:95px;left:680px;font-size:12px;line-height:20px;font-family:georgia;}
#twitter_update_list a{color: #000; text-decoration:underline;display:block;}
#freshpaint {position:absolute; top:380px; left:20px; width:770px; height:130px; overflow:hidden; float:left;}
#freshpaint ul li {width:370px; height:130px; margin-right:10px; float:left;}
#freshpaint ul li img.thumbnail{width: 145px;float:left;}
#freshpaint ul li p{width: 220px; float:left; line-height:16px; margin-left:5px;}
#freshpaint ul li img{margin: 0px}
#freshpaint .date {color: #45bdc3;}
#freshpaint a{color: #000; text-decoration:underline;}


/**************************** People */
#profile_label{width:304px;height:108px;left:390px;position:absolute;top:380px;font-family:georgia;padding-top:20px;}
#profile_label li{height:27px;}
#profile_label li a{color:#000;}
#profile_label2{width:100px;height:108px;left:280px;position:absolute;top:380px;font-family:georgia;padding-top:20px; font-weight:bold;}
#profile_label2 li{height:27px;}
#currently_on{position:absolute;right:30px;top:200px;padding:10px;width:196px;height:147px;line-height:140%;
padding-left:38px;}
a.keeponclickin{outline:none;}
div.title{width:400px;position:absolute;top:190px;left:230px;}
div.bio{width:400px;position:absolute;top:210px;left:230px;}
div.bio p{font-family:georgia;font-size:16px;line-height:20px;}
div.profile h2{text-indent:-9999em;}
div.profile p.quote{position:absolute;top:410px;right:65px;}
h2#matt{background:url(/images/matt/name.gif) top left no-repeat;width:715px;height:100px;margin:70px 0px 0px 20px;}
h2#megan{background:url(/images/meg/name.gif) top left no-repeat;width:716px;height:100px;margin:60px 0px 0px 20px;}
h2#kosal{background:url(/images/kosal/name.gif) top left no-repeat;width:715px;height:100px;margin:70px 0px 0px 20px;}
h2#dan{background:url(/images/dan/name.gif) top left no-repeat;width:715px;height:100px;margin:70px 0px 0px 20px;}
h2#chris{background:url(/images/chris/name.gif) top left no-repeat;width:715px;height:100px;margin:70px 0px 0px 20px;}
h2#julie{background:url(/images/julie/name.gif) top left no-repeat;width:750px;height:77px;margin:70px 0px 0px 20px;}
h2#ed{background:url(/images/ed/name.gif) top left no-repeat;width:750px;height:77px;margin:70px 0px 0px 20px;}

#lineup{display:block;width:800px;position:relative;left:70px;top:30px;}
#lineup a{display:block;text-indent:-999em;float:left;outline:none;position:relative;}
a.name {background: #000; color:#FFFFFF; padding:4px 10px; z-index:20; text-decoration:none;}
a.ndan {position:absolute;left:120px; top:244px;}
a.ned	{position:absolute;left:240px; top:299px;}
a.nkosal{position:absolute;left:352px; top:302px;}
a.njulie{position:absolute;left:447px; top:290px;}
a.nmatt{position:absolute;left:552px; top:258px;}
a.nchris{position:absolute;left:668px; top:245px;}
a.nmegan{position:absolute;left:760px; top:245px;}

#lineup a.profile.dan{background:url(/images/people2.gif) -0px 0px no-repeat;width:130px;height:350px;}
#lineup a.profile.ed{background:url(/images/people2.gif) -130px 0px no-repeat;width:135px;height:400px;}
#lineup a.profile.kosal{background:url(/images/people2.gif) -265px 0px no-repeat;width:100px;height:400px;}
#lineup a.profile.julie{background:url(/images/people2.gif) -368px 0px no-repeat;width:85px;height:400px;}
#lineup a.profile.matt{background:url(/images/people2.gif) -468px 00px no-repeat;width:123px;height:400px;}
#lineup a.profile.chris{background:url(/images/people2.gif) -591px 0px no-repeat;width:109px;height:380px;}
#lineup a.profile.megan{background:url(/images/people2.gif) -700px 0px no-repeat;width:115px;height:400px;}

/**************************** Services */
ul.services{font-size:27px;font-family:georgia;top:100px;position:relative;left:70px;}
ul.services h3{font-weight:normal;background-color:#edff00;display:inline-block;padding:4px;margin-bottom:10px;cursor:pointer;padding-left:40px;background:url('/images/arrow.gif') 0px 10px no-repeat;}
ul.services h3 a{color:inherit;text-decoration:none;}
ul.services h3:hover{margin-left:-3px;}
ul.services h3.active{margin-left:-3px;background-color:#edff00}

ul.services ul{display:none;position:absolute;height:260px;padding:15px;left:420px;top:-10px;width:400px;}
ul.services ul li{font-size:15px;line-height:25px;font-family:arial;font-weight:bold;color:#444}

div#faq{background:url('/images/faq.png') top left no-repeat;width:415px;height:128px;display:block;position:absolute;right:50px;top:360px}
div#faq a.refresh{position:relative;left:385px;top:27px;outline:none;}
#faq p.question{font-size:17px;font-weight:bold;position:absolute;top:25px;left:100px;display:none;}
#faq p.answer{font-size:13px;font-family:georgia;font-style:italic;position:absolute;top:50px;width:350px;left:15px;line-height:20px;display:none;}

#pinwheel{position:absolute;top:52px;left:795px}
#award{position:absolute;top:-170px;left:860px;}
#everythingwedo{position:absolute;right:96px;top:144px;}
#anvilwrap			{position:absolute; top:20px; left:400px;}
.punchdan {position:absolute;top:430px;left:10px;}
a.punchglove {background: url(/images/punch/punchglove.png) no-repeat; width: 85px; height:50px;outline:none}
a.punchglove:active {margin-left:-35px;margin-top:10px;}

/**************************** Work */
ul#workwrap{width:820px;position:absolute;left:70px;top:110px}
#workwrap li{display:block;float:left;width:200px;position:relative;}
#workwrap li a{outline:none;position:relative;}

#workwrap a.alcon{z-index:30;}
#workwrap a.bausch{top:-80px;left:-60px;z-index:20}
#workwrap a.catalina{top:-40px;left:-90px;z-index:20}
#workwrap a.uncledaves{top:-20px;left:-25px;z-index:10}
#workwrap a.ast{top:-60px;left:70px;z-index:10}
#workwrap a.eyetube{top:-60px;left:120px;z-index:1;}
#workwrap a.akers{top:-90px;left:120px;}
#workwrap a.samcorea{top:-90px;left:30px;}
.can{position:absolute; bottom: 0px; left:0px; z-index:700;}
.yucca{position:absolute; top: 30px; right:0px; z-index:200;}

/**************************** Case Studies */
.description 		{width:495px; height:120px; position:absolute; top:385px; left:140px; line-height:1.5em; overflow:hidden;}
.description p		{display:none;}
.description p.description0 {display:block;}
.imagenumber	{position:absolute; top: 300px; left: 62px; z-index:3; background: url(../images/cs_imagenumber.png) no-repeat; width: 95px; height: 95px; padding: 35px 0px 0px 21px; font-family: Times New Roman; font-size: 42px; color:#FFF;}
.screenshots 		{position:absolute; top:72px; left:143px; width:670px; height:290px; overflow:hidden;float:left;}
.screenshots ul li		{float:left; width:670px; height:290px; overflow:hidden;}
.screenshots ul li img {margin-top:0px; cursor:pointer;}
a.backtowork 		{position:absolute; top:40px; right: 10px; z-index: 10;}
a.csprev 			{position:absolute; left:70px; top:250px;}
a.csnext 			{position:absolute; right:70px; top:250px;}
a.visit_site 			{position:absolute; left:520px; bottom:5px; background-color: #FFD604; padding: 5px 3px; font-size: 15px; color:#000;text-decoration:none;}
a.visit_site:hover {text-decoration:underline;}
ul.tech_used 		{position:absolute; right:20px; top: 380px; padding:25px; width: 195px; height:140px; font-family: Courier;}
ul.tech_used li		{line-height: 1.3em;}
ul.dots{list-style:none; position: absolute; top:491px;  left:418px;}
ul.dots li{display:block;width:20px;float:left; font-size:40px;}
ul.dots li a{text-decoration:none;color:black; padding:5px; outline:none;}
ul.dots li a.active{color:orange;}


/**************************** Contact */
div#contactwrap{}
#contactwrap form{position:relative;top:200px;left:190px;}
#contactwrap textarea{width:233px;height:153px;background-color:transparent;border:0px;}
#contactwrap input[type=text]{margin-top:46px;width:233px;background-color:transparent;border:0px;}
input.sendpidgeon {position:absolute; top:100px; right:275px;background:url(../images/sendpidgeon.png) no-repeat; width:233px; height:184px; border: 0;}
input.sendpidgeon:hover {background:url(../images/sendpidgeonhov.png) no-repeat;}
#contactwrap #info{position:absolute; top:95px; left:520px;font-family: Courier;}
#contactwrap #info p{line-height:1.3em;}

.drag{cursor:move;}
.bold {font-weight: bold;}