body {
	margin-top: 0px;
	font-family:Tahoma,Geneva,Helvetica, sans-serif;
	background:#9b1a65 url(/i/bg_main.jpg) bottom left repeat-x;
	color:#000000;
	line-height:1em;		
}

* {
	margin:0;
	padding:0;
	border:0;
}

a {
	text-decoration:underline;
}

a:hover {
	text-decoration:underline;
}

a:focus {
	outline: none;
}

#container {
	width: 984px;	
	margin: 0px auto;
	
/*	overflow:auto;
	height:1%;
	*/
}

#logobar {
	width: 984px;	
	float: left;
	background:#9b1a65 url(/i/bg_logobar.jpg) top left no-repeat;	
	
}

#logo {
	padding: 40px 0 13px 12px;
	float: left;
}

#navigation {
	width: 984px;
	float: left;
/*	background:#9b1a65 url(/i/bg_nav_magenta.jpg) top left no-repeat;		*/
	background:#9b1a65 url(/i/bg_nav_grey.jpg) top left no-repeat;		
	height:67px;	
}

#navigation ul {
	float: left;
	width: 600px;
	padding: 24px 0 0 28px;
}

#navigation ul li {
	list-style:none;
	float: left;
	padding-left: 4px;
}

#contents {
	width: 960px;	
	float: left;
	background:#CCCCCC;
	margin-left:12px;
	display:inline;
}


#footer {
	width: 960px;	
	height:51px;
	float: left;
	background:#1d1d1d url(/i/bg_footer.gif) top left repeat-x;	
	font-size:0.7em;
	color:#a2a2a2;
}

#footer .highlight {
	color:#ffffff;
}

#footer a {
	text-decoration:none;
	border-bottom:1px dotted #fff;
}

#footer #footerleft {
	width: 430px;
	float:left;
	padding: 15px 0 0 20px;
}

#footer #footerright {
	width: 450px;
	float:right;
	padding: 15px 20px 0 0;	
	text-align:right;
}


/* ABOUT */


.inner {
	width: 960px;	
	float: left;
/*	background:#ececec;*/
	background:#fff;	
}

.inner h1 {
	width: 500px;	
	float: left;
}

.inner h1 img {
	padding: 21px 0 23px 16px;
	float: left; 
}

.inner #copy {
	width: 580px;
	color:#252525;
	float: left;
	padding: 0 0 50px 20px;
	
}

.inner #copy p {
	padding-bottom:15px;
	font-size:0.8em;	
}

.inner #copy h2 {
	width: 580px;
	font-size:0.9em;
	color:#252525;
	float: left;
	padding: 0 0 10px 0px;
}

.inner #copy a {
	color: #252525;
	text-decoration:none;
}

.inner #copy ul {
	padding: 0px 10px 10px 15px;
	font-size:0.8em;	
}

.inner #copy ul li {
	list-style:url(/i/bullet.gif);
	padding-bottom:5px;

}

#about #teambox {
	float: right;
	padding: 10px 0px 5px 0px;
	background:#333333 url(/i/bg_team.jpg) no-repeat top left;
	width:308px;
	font-size:0.7em;
	color:#ffffff;
	margin-right: 16px;
	display:inline;
}

#about #teambox #teamtag {
	float: left;
	padding: 18px 0 18px 24px;
}

#about #teambox .slot {
	float: left;
	padding: 0 0 0 0;
	width:308px;
	
}

#about #teambox .slot .team_photo {
	float: left;
	padding: 10px 0px 5px 15px;
}

#about #teambox .slot .namewrapper {
	float: left;
	width: 156px;
	background-color:#3a3a3a;
	padding: 21px 10px 22px 14px;
	margin-top: 20px;
}

#about #teambox .bio {
	float: left;
	padding: 0 0 0 0;
	width:308px;
}

#about #teambox .bio p {
	padding: 10px 0px 10px 28px;
	width: 255px;
}

#about #teambox .bio p span {
	color:#da2990;
	font-weight:bold;
}

#about #teambox .bio a {
	color:#ffffff;
	font-weight:bold;	
	font-weight:normal;

}




/* TECH */

#mvc_schema {
	float:right;
	padding: 10px 20px 20px 0; 
	width:305px;
}


/* CONTACT */

#contact #copy {
	width: 595px;	
}

#contact .pleft {
	width: 190px;
	float: left;
}

#contact .pright {
	width: 280px;
	float: right;
}

#contact .pleft span, #contact .pright span {
	color:#bf197a;
	font-size:1.5em;
	line-height:1.3em;
}

#contact .pleft span a, #contact .pright span a{
	text-decoration:none;
	color:#bf197a;
	border-bottom:1px dotted #bf197a;
}

#callback {
	width: 305px;
	height:422px;
	background:#131313 url(/i/bg_callback.jpg) top left no-repeat;
	float: right;
	margin: 20px 20px 20px 20px;
	display:inline;
}

#map {
	float: right;
}

#callback p {
	width: 260px;
	font-size:0.7em;
	color:#d4d4d4;
	padding: 82px 0 0 24px;
	float:left;
}

#callback div {
	width: 260px;
	font-size:0.7em;
	color:#d4d4d4;
	padding: 10px 0 0 24px;
	float:left;
}


#callback div input {
	width: 226px;
	color:#454545;
	padding: 12px 12px;
	float:left;
}

#callback div label {
	color:#454545;
	padding: 10px 0px;
	float:left;
}

#callback  #send_contact {
	border:none; 
	margin-top:20px; 
	margin-right:30px; 	
	width: auto;
	float: right;
}

/* WORK */


#row_web {
	width: 960px;
	height: 398px;
	float: left;
	background:#dcdcdc url(/i/bg_work_web.jpg) top left no-repeat;
}

#row_web2 {
	width: 960px;
	height: 398px;
	float: left;
	background:#dcdcdc url(/i/bg_work_web.jpg) top left no-repeat;
}

#row_web3 {
	width: 960px;
	height: 398px;
	float: left;
	background:#dcdcdc url(/i/bg_work_web.jpg) top left no-repeat;
}

#row_fb {
	width: 960px;
	height: 398px;
	float: left;
	background:#dcdcdc url(/i/bg_work_fb.jpg) top left no-repeat;
}

#row_email {
	width: 960px;
	height: 398px;
	float: left;
	background:#dcdcdc url(/i/bg_work_email.jpg) top left no-repeat;
}

#row_web2 .seemore {
	float: left;
	margin: 10px 0px 0px 88px;
	display:inline;
}

#work .workbox {
	background:url(/i/bg_work_box.gif) top left no-repeat;
	width: 278px;
	height: 333px;
	float: left;
	margin: 18px 0px 0px 12px;
	display:inline;
}

#work .workbox .image {
	float: left;
	padding: 15px 0 0 13px;	
}

#work .workbox .title {
	color:#2a2a2a;
	font-size:1em;
	width:250px;
	float: left;
	padding: 7px 0 2px 15px;
}

#work .workbox .agency {
	color:#5b5b5b;
	font-size:0.7em;
	width:250px;
	float: left;
	padding: 2px 0 0 15px;	
}

#work .workbox .agency a {
	color:#5b5b5b;
	text-decoration:none;
}

#work .workbox .tech {
	color:#2a2a2a;
	font-size:0.7em;	
	width:250px;
	float: left;
	padding: 0px 0 0 15px;	
}

#work .workbox .tech span {
	color:#a52570;
}

#work .workbox .desc {
	color:#5b5b5b;
	color:#2a2a2a;	
	font-size:0.7em;	
	width:250px;
	float: left;
	padding: 4px 0 0 15px;	
}

#work .workbox .desc a {
	color:#2a2a2a;
	text-decoration:none;	
	border-bottom:1px dotted #5b5b5b;
}
/* HOME */

#home {
	background:#dcdcdc url(/i/bg_hp_promo.jpg) top left no-repeat;
	width: 960px;	
	float: left;
	height: 550px;
}

#promo1 {
	width: 310px;
	float: left;
	padding: 90px 0 0 303px;
}

#promo1 .promo_title {
	float: left;
}

#promo1 .agency {
	color:#afafaf;
	font-size:0.7em;
	width:300px;
	float: left;
	padding: 7px 0 0 0px;	
}

#promo1 .agency a {
	color:#afafaf;
	text-decoration:none;
}

#promo1 .tech {
	color:#afafaf;
	font-size:0.7em;	
	width:310px;
	float: left;
	padding: 2px 0 0 0px;	
}

#promo1 span {
	color:#ffffff;
}

#promo1 .desc {
	color:#afafaf;
	font-size:0.7em;	
	width:310px;
	float: left;
	padding: 12px 0 0 0px;
	line-height:1.4em;	
}

#promo1 #find1 {
	float: left;
	padding: 11px 0 0 0px;
}


#promo2 {
	width: 310px;
	float: left;
	padding: 43px 0 0 58px;
}

#promo2 .promo_title {
	float: right;
}

#promo2 .agency {
	color:#afafaf;
	font-size:0.7em;
	width:300px;
	float: left;
	padding: 7px 0 0 0px;
	text-align:right;
}

#promo2 .agency a {
	color:#afafaf;
	text-decoration:none;
}

#promo2 .tech {
	color:#afafaf;
	font-size:0.7em;	
	width:310px;
	float: left;
	padding: 2px 0 0 0px;	
	text-align:right;	
}

#promo2 span {
	color:#ffffff;
}

#promo2 .desc {
	color:#afafaf;
	font-size:0.7em;	
	width:310px;
	float: left;
	padding: 12px 0 0 0px;
	line-height:1.4em;	
	text-align:right;	
}

#promo2 #find2 {
	float: right;
	padding: 11px 0 0 0px;
}


#home_rcol {
	float: right;
	width: 275px;
	padding: 0 30px 0 0;
}

#home_rcol h1 {
	color:#a52570;
	font-size:1.6em;
	float: left;	
	width: 275px;
	font-weight:normal;
	padding: 15px 0 0 0;
	line-height:1.3em;
}

#home_rcol p {
	color:#252525;
	float: left;
	width: 275px;
	line-height:1.4em;
}

#home_rcol .generic a {
	color:#252525;
	text-decoration:none;
	border-bottom:1px dotted #252525;
}

#home_rcol #intro {
	color:#252525;
	font-size:0.8em;
	padding-top:16px;
	padding-bottom:16px;	
}

#home_rcol .generic {
	font-size:0.8em;
}

#hiring {
	padding-top:42px;
	padding-bottom:16px;
}
/* LEGACY */

#projbox, #box_335 { 
  width:251px;
  float:right;
  background: url(/i/project_box_btm.gif) bottom left no-repeat;
  padding-bottom: 11px;
  margin: 40px 0 0 0;
}
#box_335 { 
  width:335px;
  margin-top:15px;
  background: url(/i/box335_btm.gif) bottom left no-repeat;  
}
#projbox_top, #box_335_top{ 
  width:251px;
  float:right;
  padding-top: 6px;
  background: url(/i/project_box_top.gif) top left no-repeat;
}
#box_335_top { 
  width:335px;
  background: url(/i/box335_top.gif) top left no-repeat;  
}
#projbox_in, #box_335_in{ 
  width:251px;
  float:right;
  background: url(/i/project_box_bg.gif) repeat-y; 
  padding-bottom:15px;
}
#box_335_in { 
  width:335px;
  background: url(/i/box335_bg.gif) repeat-y;   
}


#team p {
	float: left;
	margin:0;
	padding:0;
}
#team .name {
	color:#000;
	font-size:0.8em;
	cursor:pointer;
}
#team .title {
	color:#2e434e;
	font-size:0.7em;
	cursor:pointer;	
}

#team .title:hover {
	text-decoration:underline;
}
#team div {
	float: left;
	margin:0;
	width:318px;
	padding: 0px 5px 15px 7px;		
}
#team .bio {
	padding:0;
}
#team .bio span {
	color:#a52570;

}
#team .bio p {
	width: 292px;
	margin: 0px 8px 0px 8px;	
	padding: 10px 10px;	
	display:inline;
	border: 1px solid #e1e8ec;	
	font-size:0.7em;
}
#team .bio p a {
	text-decoration:none;
}
#team .bio p a:hover {
	text-decoration:underline;
}

#team #slot1 {
	height:70px;
	background:url(/i/team_ivan.jpg) bottom no-repeat; 	
}
#team #slot1 p, #team #slot3 p, #team #slot2 p, #team #slot4 p {
	padding: 38px 0 0 145px;
	
	width: auto;	
}
#team #slot2 p, #team #slot4 p {
	width: auto;	
}
#team #slot2 {
	float: left;
	height:69px;
	background:url(/i/team_alex.jpg) bottom no-repeat; 	
}


#team #slot3 {
	float: left;

	height:69px;
	background:url(/i/team_anthony.jpg) bottom no-repeat; 	
}


#team #slot4 {
	float: left;

	height:69px;
	background:url(/i/team_sarah.jpg) bottom no-repeat; 	
}

#projbox .teamtag, .teamtag {
	float:right;
	color:#FFFFFF;
	margin:10px 13px 0 11px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;

}

.inner #submenu {
	float: left;
	width: 580px;
	font-size:0.9em;
	padding: 0px 10px 10px 0px;
	margin: 0;
	margin-left: 20px;
	margin-bottom:20px;
	list-style:none;
	border-bottom:1px solid #2b2b2b;
}

.inner #submenu li {
	float: left;
	width: 110px;
	padding: 2px 10px 0px 0px;
	font-weight:bold;
}

.inner #submenu a {
	color:#2b2b2b;
	text-decoration:none;
	
}

.inner #submenu .selectedsub {
	color:#a62570;
}