html, body, h1, h2, h3, h4, h5, h6, form, input, ul, ol, p, fieldset { padding: 0; margin: 0; }

/* HTML5 block-level reset for enhanced structural tag support in older browsers */
header, footer, section, aside, nav, article, figure { display: block; padding: 0; margin: 0; }

body {
	background: #ffffff;
	overflow-x: hidden;
	overflow-y: scroll;
}
	
	header {
		width: 970px;
		margin: 0 auto;
	}


		header ul {
			position: absolute;
			right: 0;
		}
	
			header ul li {
				float: left;
				list-style: none;
			}
	
			header ul li:first-child {
				display: none;
			}
		
				header ul li a {
					display: block;
					padding: 4px 10px;
					text-decoration: none;
					color: rgba(49,59,65,0.6);
					-webkit-transition: all .25s ease-in-out;
				}
			
		header h1 {
			float: left;
			width: 400px;
		}
	
			header h1 a {
				display: block;
				height: 110px;
				text-indent: -12000px;
				padding: 0; margin: 0;
				background: url(http://static.inboxdesign.co.nz/assets/images/logos/inboxdesign.png) no-repeat scroll left 40px;
			}
		
		header form {
			float: left;
			margin: 40px 0 0 0;
		}
	
			header form input[type="search"] {
				font-size: 16px;
				padding: 5px;
				width: 300px;
			}
	
			header form input[type="submit"] {
				position: relative;
				top: 2px;
				font-size: 24px;
				padding: 10px 5px;
			}

	body nav {
		float: left;
		width: 100%;
		background: #0588cb;
	}

		nav ul {
			width: 970px;
			margin: 0 auto;
		}
	
			nav li {
				float: left;
				list-style: none;
			}
		
				nav li a {
					float: left;
					display: inline-block;
					background: url(../images/texture.jpg) repeat scroll left -20px;
				}

				nav li a {
					margin: 0 2px;
					color: #ffffff;
					text-shadow: #034e7b 0 -1px 3px;
					-webkit-transition: all .25s ease-in-out;
					text-decoration: none;
				}
			
				nav li a:hover {
					text-shadow: #000000 0 0 8px;
				}
			
			
					nav li a span {
						float: left;
						display: inline-block;
						padding: 5px 12px; margin: 0 2px 0 0;
						background: #0588cb;
					}
			
					nav li a:hover span {
						background: transparent none;
						text-shadow: #fff 0 -1px 3px;
					}
					
						nav ul li ul {
							position: absolute;
							left: -999em;
							width: 220px;
							z-index: 100;
						}
						
						nav ul li:hover ul {
							left: auto;
							margin: 28px 0 0 -50px;
						}
						
							nav ul li ul li a {
								width: 220px;
							}
							
							
							#login-ul {
								left: auto;
								width: 320px;
								background: #0588cb url(../images/texture.jpg) repeat scroll left -20px;
								margin: 28px 0 0 -200px;
							}
							
								#login-email, 
								#login-password {
									width: 130px;
									font-size: 15px;
									color: #034e7b;
									border: 1px solid #034e7b;
								}
								
								#login-email {
									margin-right: 5px;
								}


	form {
		margin: 0; padding: 0;
	}
	
	fieldset {
		border: none;
	}
	
		legend {
			position: absolute;
			left: -120000px;
		}
		
			label {
				display: inline-block;
				width:150px;
			}
			
			input[type="text"],
			input[type="email"],
			input[type="password"] {
				width: 320px;
			}
			
			.textarea-inline {
				margin: 20px 0;
				width: 660px; height: 140px;
			}
			
			.form {
				display: block;
				float: left;
				clear: both;
				width: 100%;
				padding: 10px 0;
				border: 1px solid white;
			}
			
			.form:after {
				clear: both;
			}

			
	section {
		clear: both;
		width: 970px;
		margin: 20px auto;
		padding: 20px 0;
	}
	
	
		article {
			float: left;
			width: 950px;
			margin: 0 0 20px 0; padding: 10px;
		}
		
			#content {
				width: 660px;
			}
			
			aside {
				float: right;
				width: 240px;
				padding-bottom: 100px;
			}
			
				aside label {
					display: block;
				}
				

				aside input[type="text"],
				aside input[type="email"],
				aside input[type="password"] {
					width: 200px;
				}
				
				aside .form {
					padding: 4px 0;
				}
				
					#latest-tweet { 
						padding-top: 20px;
					}
					
						#latest-tweet img {
							float: left;
						}
		
			#container {
				min-height: 200px;
			}
		
					#twitter-list {
						float: left;
						margin: 30px 0 0 0; padding: 0;
						width: 100%;
					}
					
						#twitter-list li {
							list-style: none;
							float: left;
							margin: 0 0 20px 0;
							padding: 10px;
							width: 700px;
							min-height: 40px;
							border: 1px solid #cccccc;
							background: #f1f1f1;
						}
						
						#twitter-list li img {
							float: left;
						}
						
						#twitter-list li strong {
							display: block;
						}
						
						#twitter-list li span {
							display: block;
							color: #9a9a9a;
							font-size: 11px;
							padding: 6px 0 0 0;
							text-align: right;
						}
						
			#overlay {
				position: absolute;
				top: 0; left: 0;
				background: #000;
				margin: 0; padding: 0;
				width: 100%; height: 100%;
			}		
			
			#search-container {
				width: 600px; min-height: 300px;
				margin: 0 0 0 50%; padding: 10px;
				left: -320px; top: 20px;
				background: #ffffff;
				box-shadow: 0 0 10px #000;
				-moz-box-shadow: 0 0 10px #000;
				-webkit-box-shadow: 0 0 10px #000;
			}
						
	#alertBox {
		position: absolute;
		position: fixed;
		top: 7%; left: -300px;
		width: 580px;
		margin: 0 0 0 50%; padding: 10px;
	}				
	
		.alert-info {
			background: #d1f5ff;
		}
		
		.alert-success {
			background: #efffd1;
		}
		
		.alert-error {
			background: #ffd1d1;
		}

		
	footer {
		clear: both;
		width: 970px;
		margin: 20px auto 0 auto;
		color: #949494;
		font-size: 11px;
	}	
	
			footer a {
				color: #034e7b;
			}
	
	

	table {
		width: 100%;
		border-collapse: collapse;
		text-align: left;
		margin: 10px 0px 50px;
		border: 0;
	}

	table thead {
		background: #cfe8fa;
	}

	table th {
		font-weight: bold;
		padding: 5px 8px;
		font-size: 12px;
	}

	table td {
		color: #000000;
		padding: 9px 8px 5px 8px;
	}

	table tbody {
		border-bottom: 1px solid #cccccc;
	}
	
	table tbody:hover {
		background: #cfe8fa;
	}

	table tr.subrow {
		border: none;
	}
	
	table tr.overdue {
		background: #ffdee6;
	}
	
	table .invoice-description {
		background: #f1f1f1;
	}

	table em { 
		float: right;
		color: #ccc;
	}