/* - - - - - RESET */

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, button, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent; }

blockquote, q {
	quotes: none; }
	
img {
	display: block; }

table {
	border-collapse: collapse;
	border-spacing: 0; }

:focus {
	outline: 0; }
	
/* - - - - - GLOBAL ELEMENTS and CLASSES */

body {
	background: #fff;
	color: #999;
	font: 11px/14px "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; }
	
#wrap {
	background: #fff;
	border: 1px solid #ddd;
	border-top: none;
	margin: 0 auto;
	position: relative;
	text-align: left;
	width: 900px; }
	
a {
	color: #444;
	font-weight: bold;
	text-decoration: none; }
	
a:hover {
	color: #a60000; }
	
/* - - - - - HEADER */

#header {
	}
	
#smLogo {
	margin-left: -1px; }
	
#contacts {
	list-style: none;
	width: 280px; }
	
	#contacts li {
		border-bottom: 1px solid #ddd;
		height: 30px;
		text-indent: -9999px; }
		
	#contacts a {
		display: block;
		height: 30px;
		-webkit-transition: background-color 0.13s ease-in; }
		
	#contacts a:hover {
		background-color: #efefef; }
	
	#contactSales a {
		background: #fff url(../img/contacts.png) no-repeat 0 0; }
		
	#contactCreative a {
		background: #fff url(../img/contacts.png) no-repeat 0 -30px; }
		
	#backDemos a {
		background: #fff url(../img/backtodemos.png) no-repeat 0 0; }

#brandLogo {
	right: 20px; top: 20px;
	position: absolute; }
	
/* - - - - - LOGIN TABLE */

table#login {
	margin: 60px 0 120px 170px;
	width: 730px; }
	
	#login tr {
		border-bottom: 1px solid #ddd; }
		
	#login td {
		padding: 0; }
		
		#login td.loginLabel {
			border-right: 1px solid #ddd;
			padding-right: 15px;
			text-align: right;
			width: 164px; }
		
		#login td.loginField {
			width: 550px; }
	
	tr#loginHeader {
		font-size: 13px; }
	
		tr#loginHeader td,
		tr#submitRow td {
			padding: 8px 0; }
			
	tr#submitRow {
		border: none;
		padding-top: 10px; }

	input[type="text"],
	input[type="password"] {
		background-color: #eee;
		border: none;
		border: 1px solid #fff;
		color: #444;
		font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
		font-size: 14px;
		line-height: 14px;
		margin: 0; padding: 9px 9px 10px;
		width: 530px; }
		
	input[type="text"]:focus,
	input[type="password"]:focus {
		background-color: #ddd; }
		
	input#submit {
		background-color: #a90000;
		border: none;
		color: #fff;
		cursor: pointer;
		font-size: 12px;
		font-weight: bold;
		line-height: 12px;
		padding: 9px 0 10px;
		width: 180px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-box-shadow: 0 1px 1px #999;
		-webkit-transition: background-color 0.1s ease-in; }
		
	input#submit:hover,
	input#submit:focus {
		background-color: #ca0000; }
		
	span.error {
		color: #a90000;
		font-size: 11px; }
	
/* - - - - - PROJECT TABLE */

table#project {
	margin: 60px 0 120px 170px;
	width: 730px; }
	
	#project td {
		padding: 8px 0; }
		
	#project td small {
		color: #bbb;
		display: block;
		font-size: 9px;
		font-weight: normal; }
	
	tr#projectHeader {
		border-bottom: 1px solid #ddd;
		font-size: 13px;
		font-weight: bold; }
		
		td.projectPhase {
			width: 325px; }
			
		td.projectDate,
		td.projectStatus,
		td.projectLink {
			width: 135px; }
		
/* - - - - - FOOTER */

#footer {
	border-top: 1px solid #ddd;
	height: 60px;
	text-align: right; 
	font-size: 9px;}