/* Reset from meyerweb.com */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,textarea {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
.clear {clear:both;}
.left {float:left;}
.right {float:right;}
/* End of Reset */

/* Sticky Footer */
*{margin:0;}
html, body {height:100%;}
.wrapper {
	min-height:100%;
	height:auto !important;
	height:100%;
	margin: 0 auto -52px;
}
.footer, .push {height:52px;}
/* End of Sticky Footer */

body {
	background:#F3F3F3;
	font:12px Lucida Grande,Arial, sans-serif;
	padding:0;
	margin:0;
}
#header-container {
	position:relative;
	height:152px;
	width:100%;
	background:url(../images/header-bg.png) repeat-x;
}
#header {
	position:relative;
	height:152px;
	width:1000px;
	margin:0 auto;
}
#logo {
	position:relative;
	float:left;
	padding-top:40px;
}
#logo img {
	position:relative;
}
#navigation {
	position:relative;
	margin:70px 0 0 0;
	float:right;
}
#navigation ul {
	position:relative;
	list-style:none;
}
#navigation li {
	position:relative;
	display:inline;
	margin:20px 0 0 20px;
}	
#navigation li a{
	color:#A5A5A5;
	font:bold 14px arial;
	text-decoration:none;
	text-shadow:0 -1px 1px #000000;
}
#navigation li a:hover {
	color:#FFFFFF;
}
#navigation li.active a {
	color:#FFFFFF;
}
#footer-container {
	width:100%;
	background:url(../images/footer-bg.png) repeat-x;
}
#footer {
	position:relative;
	margin:0 auto;
	width:1000px;
}
#footer .copyright {
	position:relative;
	margin:20px 0 0 0;
	float:left;
	color:#FFFFFF;
	font-family:arial, sans-serif;
	font-size:12px;
}
#footer .footer-tagline {
	position:relative;
	margin:20px 0 0 0;
	float:right;
	font-size:12px;
	color:#FFFFFF;
}
#container{
	position:relative;
	margin:20px auto;
	width:1000px;
}
#index-left {
	position:relative;
	width:700px;
	margin-right:100px;
	float:left;
}
#index-left p{
  color:#474747;
  font-size:12px;
  line-height:1.5em;
}
#index-right {
	position:relative;
	width:200px;
	float:right;
}
.contact_method{
  margin-bottom:10px;
}
 .contact_method:last-child{
  margin-bottom:0px;
}
#contact-box {
	position:relative;
	width:168px;
	padding:15px;
	-moz-border-radius:10px;
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #D6D6D6;
}
#contact-box p{
  font-family:Georgia,"Times New Roman",Times,sans-serif;
  font-size:13px;
}
#contact-box span{
  color:#333333;
  margin-bottom:5px;
  display:block;
  font-size:14px;
  font-weight:bold;
  font-family:Arial;
}
h1.title {
  color:#1B1B1B;
  font-size:45px;
  font-weight:bold;
  margin:0 0 10px;
}
h2.sub-title {
  color:#31333E;
	font-size:24px;
	margin:20px 0 10px 0;
}
p {
	position:relative;
	font-size:12px;
}

/* Portfolio */
#main_attraction{
  border:1px solid #CBCBD3;
  background:url(../images/main_attraction.png) repeat-x #DEDEE4;
  width:998px;
  height:420px;
  margin: 0 auto;
  font-family: Arial,sans-serif;
  margin-top:20px;
  -moz-border-radius:5px;
} 
#current_portfolio_item img{
  -moz-box-shadow:0 0 25px 2px #31333E;
}
#current_portfolio_item{
  -moz-border-radius:5px 0  0 5px;
  width:550px;
  border-right:1px solid #C1C1CF;
  height:370px;
  padding:50px 0 0 50px;
  overflow:hidden;
  float:left;
}
#main_attraction h2{
  color:#5d5f60;
  font-weight:bold;
  font-size:36px;
  margin-bottom:10px;
}
#portfolio_info p{
  color:#3e3e3e;
  line-height:1.5em;
  margin-top:15px;
}
#portfolio_info{  
  border-top:1px solid #FFF;
  border-left:1px solid #FFF;
  -moz-border-radius:0 5px 5px 0;
  padding:29px 0 70px 29px;  
  background:#EFEEF3;
  width:367px;
  height:320px;
  float:left;
  color:#FC2A1D;
}
#portfolio_info a{
-moz-border-radius:3px 3px 3px 3px;
background:none repeat scroll 0 0 #66B6F4;
color:#FFFFFF;
font-size:13px;
font-weight:bold;
padding:2px 4px;
text-decoration:none;
}
.portfolio_item{
  background:#DEDEE4;
  width:225px;
  margin-top:20px;
  opacity:0.4;
  filter: alpha(opacity = 40);
  margin-right:30px;
  float:left;
}
.screenshot{
  width:100%;
  image-rendering:-moz-crisp-edges;
  -ms-interpolation-mode: bicubic;   
}
.portfolio_item_last{
  margin-right:0;
}
.services_provided{
  margin:5px 0 10px 0;
  display:block;
}
.services_provided strong{
  font-weight:bold;
}
.services_provided em{
  font-style:italic;
}

/* Team */
div#about-us{
  padding:25px 0;
  text-align:center;
  display:none;
}
div#team{
  border-top:1px solid #C4C4D7;
  background: #E4E5EA url(../images/white_bevel.png) top left repeat-x;
  padding:25px 0;
  min-height:675px;
}

div.about{
  -moz-border-radius:5px;
  background:#FFFFFF;
  padding:20px;
  width:960px;
  margin:0 0 25px;
  color:#31333E;
}
div.about p{
  line-height:1.5em;
}
div.about img{
  float:left;
  display:block;
  margin:22px 22px 0 22px;
}
div.about a{
  color:#3691D1;
}
div.about div.name{
  font-size:28px;
  padding-top:7px;
  color:#252525;
  font-weight:bold;
}
div.about div.title{
  font-size:14px;
  padding-bottom:20px;
  color:#3691D1;
  font-weight:bold;
}
div.about div.right{
  display:block;
  width:450px;
  padding:25px 0;
}
.sprite{
  text-indent:-5000px;
}
.twitter_link{
  background:url(/images/contact_sprite.png) -72px 0 no-repeat;
  width:77px;
  height:28px;
  display:block;
  float:left;
}
.email_link{
  margin-right:5px;
  background:url(/images/contact_sprite.png) no-repeat;
  width:72px;
  height:28px;
  display:block;
  float:left;
}
/* Services */
#services{
  padding:40px 20px;
  -moz-border-radius:10px;
  background:none repeat scroll 0 0 #FFFFFF;
  border:1px solid #D6D6D6;
}
#services li{
  display:block;  
  float:left;
  width:459px;
  height:210px;
}
#services img{
  float:left;
  image-rendering: -moz-crisp-edges;
  -ms-interpolation-mode: bicubic;   
}
#services h2{
  font-size:24px;
  margin-bottom:5px;
}
#services li div.text{
  float:left;
  padding:0 0 0 30px;
  width: 365px;
}
#services li div.text a{
  color:#3691D1;
}
#services li div.text p{
  line-height:1.75em;
}
#services li#web-design, #services li#application-development, #services li#print-design{
  margin-right:20px;
}
#services li#javascript-consulting, #services li#application-development{
  height:174px;
}
#services li#print-design, #services li#ecommerce{
  height:116px;
}
/* Contact */
#contact{
  padding:20px 0 0;
}
#contact_errors{
  background:#FFDFDF;
  border:1px solid #DF7D7D;
  -moz-border-radius:5px;
  color:#AF4C4C;
  width:660px;
  padding:20px;
}
#contact_errors div{
  padding:5px 0;
  font-size:13px;
  font-weight:bold;
}
#form_picker label{
  margin:0 5px 0 10px;
  vertical-align:middle;
}
#form_picker label{
  margin-left:0;
}
#form_picker{
  display:block;
  vertical-align:middle;
  margin-bottom:20px;
}
#form_picker input{
  margin-right:10px;
  vertical-align:middle;
}
#contact_forms{
  float:left;
  min-height:10px;
  width:700px;
}
.contact_form select{
  width:700px;
}
.contact_form input[type='text'].error,.contact_form textarea.error{
  border:1px solid #FF0000;
}
.contact_form input[type='text'],.contact_form textarea{
  width:696px;
  padding:7px 2px;  
  border:1px solid #D6D6D6;
  -moz-border-radius:2px;
}
.contact_form label{
  display:block;
  margin-top:10px;
  padding:5px 0;
  font-weight:bold;
  font-size:12px;
}
.contact_form label:first-child{
  margin-top:0;
}
.contact_form label span{
  font-weight:normal;
  font-size:11px;
  color:#999999;
  font-style:italic;
}
#contact_sidebar{
  margin-left:50px;
  margin-top:25px;
  width:250px;
  float:left;
}
.success{
  padding:10px;
  border:1px solid yellow;
  -moz-border-radius:5px;
  margin:5px 0;
  background:#FFFCD1;
}
/* tipsy */
.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../images/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }