@charset "UTF-8";
/* CSS Document */

*, div, img, ul, li {margin:0;padding:0;border:0;text-decoration:none;font-style:none;font-weight:normal;outline: none;}
body {background:url(../i/bg.jpg) top center no-repeat #222;text-align:center;font-family:'Helvetica Neue',Arial, Helvetica, sans-serif;color:white;text-align:center}
a {color:#fff;}
a:hover {text-decoration:underline;}
#cont {position:relative;width:960px;margin:0px auto;}
ul, li, ol {display:inline;float:left; list-style:none;}
h1, h2 {display:inline;float:left;}
#callout {top:400px; position:absolute; background:green; color:white; border:3px solid white; -webkit-border-radius:5px; -moz-border-radius:5px;font-size:14px;height:100px;text-shadow:1px 1px 1px #000;

/* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

  /* IE 5-7 */
  filter: alpha(opacity=90);

  /* Netscape */
  -moz-opacity: 0.9;

  /* Safari 1.x */
  -khtml-opacity: 0.9;

  /* Good browsers */
  opacity: 0.9;
  }
div#quotes {
	z-index:100;
	position:absolute;
	width:350px;
	left:305px;
	top:190px;
}
div#quotes ul {
	float:none;
	display:block;
	width:350px
}
div#quotes li {
	float:none;
	display:block;
	color:#000;
	font-family:Georgia, "Times New Roman", Times, serif;
	width:350px;
}
div#quotes li.quote {
	margin:0 0 10px 0;
}
div#quotes li.attrib {
	font-style:italic;
}
#callout span {font-size:200%; font-family:Georgia, Times, 'Times New Roman',serif; font-style:italic; font-weight:900; z-index:100; }
#header {width:960px;height:105px;margin:0 auto;background:url(../i/header-trans.png) no-repeat;}
#slideshow {width:950px;height:405px;overflow:hidden;position:absolute;top:140px;text-align:center;}
#topl, #topr {width:184px;height:105px;display:inline;float:left;}
#name {width:309px;height:105px;background:url(../i/name-trans.png) no-repeat;text-indent:-9999em;display:inline;float:left;cursor:pointer;}
#tag {width:283px;height:105px;background:url(../i/tag-trans.png) no-repeat;text-indent:-9999em;display:inline;float:left;}
#nav {width:960px;height:35px;margin:0 auto;background:url(../i/nav-trans.png) no-repeat;position:relative;}
#learn {width:423px;height:35px;background:url(../i/learn-trans.png) no-repeat;text-indent:-9999em;display:inline;float:left;}
#caseBtn {width:112px;height:35px;background:url(../i/caseBtn-trans.png) no-repeat;text-indent:-9999em;display:inline;float:left;}
#case #caseBtn {background:url(../i/caseBtnH-trans.png) no-repeat;}
#clientBtn {width:123px;height:35px;background:url(../i/clientBtn-trans.png) no-repeat;text-indent:-9999em;display:inline;float:left;}
#client #clientBtn {background:url(../i/clientBtnH-trans.png) no-repeat;}
#webBtn {width:126px;height:35px;background:url(../i/webBtn-trans.png) no-repeat;text-indent:-9999em;display:inline;float:left;}
#web #webBtn {background:url(../i/webBtnH-trans.png) no-repeat;}
#caseBtn:hover {background:url(../i/caseBtnH-trans.png) no-repeat;}
#clientBtn:hover {background:url(../i/clientBtnH-trans.png) no-repeat;}
#webBtn:hover {background:url(../i/webBtnH-trans.png) no-repeat;}
#caseBtn a, #clientBtn a, #webBtn a {width:100%;height:100%;display:block;border:none;}
#navr {width:176px;height:35px;display:inline;float:left;}
#block {width:656px;height:500px;margin:0 auto;}
#footer {margin:1.5em 0 0 0;font-size:85%;}
#home #block {background: url(../i/blockHome.jpg) no-repeat;position:relative;}
#case #block {background: url(../i/blockCase.jpg) no-repeat;position:relative;}
#client #block {background: url(../i/blockClient.jpg) no-repeat;position:relative;}
#web #block {background: url(../i/blockWeb.jpg) no-repeat;position:relative;}
#contact #block {background: url(../i/blockContact.jpg) no-repeat;position:relative;}
#portfolio #block {background: url(../i/blockPortfolio.jpg) no-repeat;position:relative;}
#success #block {background: url(../i/blockSuccess.jpg) no-repeat;position:relative;}
img#contactBtn {margin-top:387px;margin-left:174px;position:absolute;display:block;-webkit-transition: -webkit-transform 0.3s ease-in;}
img#contactBtn:hover {-webkit-transform: scale(1.15);}
img#spacer {margin-top:407px;margin-left:174px;position:absolute;display:block;}
img#portfolioBtn {margin-top:443px;margin-left:174px;position:absolute;display:block;-webkit-transition: -webkit-transform 0.3s ease-in;}
img#portfolioBtn:hover {-webkit-transform: scale(1.15);}
img#flickr {margin-top:68px;margin-left:175px;position:absolute;display:block;}
img#twitter {margin-top:36px;margin-left:385px;position:absolute;display:block;}
form {position:relative;}
input, textarea {display:block;}
input:hover, textarea:hover {border:2px dashed #cfc!important;-webkit-border-radius:4px!important}
input#name2 {height:24px;width:131px;margin-top:99px;margin-left:190px;position:absolute;background:transparent;}
input#email {height:24px;width:128px;margin-top:99px;margin-left:365px;position:absolute;background:transparent;}
textarea#message {height:46px;width:308px;margin-top:162px;margin-left:190px;position:absolute;background:transparent;}
input#submit {height:73px;width:36px;margin-top:225px;margin-left:325px;position:absolute;background:transparent;text-indent:-9999em;}