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

ul, ol, li { list-style-type:none; }

a {
	text-decoration: underline;
	color: #ce1913; }

	a:hover { color: #24323a; }

body {
	font: 62.5% "Lucida Grande", Tahoma, san-serif;
	color: #24323a;
	background: #e8e8e8 url(img/bg.gif) 0 0 repeat-x; }

#wrapper {
	width: 725px;
	margin: 0 auto; }

#header {
	width: 725px;
	height: 150px;
	background: #ce1913 url(img/bg.gif) 0 0 repeat-x; }

h1 {
	width: 250px;
	height: 120px;
	float: left; }

	h1 img { margin: 60px 0 0; }

	h1 a { color: #fff; }

#header p {
	float: right;
	margin: 55px 0 0;
	font: normal 1.4em/1.2em "Lucida Grande", Tahoma, san-serif;
	padding: 8px 10px 6px;
	background: #e8e8e8;
	display: block;
	letter-spacing: -0.03em; }

ul#nav {
	width: 699px;
	height: 30px;
	clear: both;
	border-left: 1px dotted #e78c89; }

	ul#nav li {
		height: 30px;
		float: left;
		display: inline; }

		ul#nav li a {
			height: 23px;
			display: block;
			float: left;
			color: #fff;
			text-decoration: none;
			display: inline;
			padding: 7px 12px 0;
			font: normal 1.2em/1.2em "Lucida Grande", Tahoma, san-serif;
			border-right: 1px dotted #e78c89; }

			ul#nav li a:hover { background: #e5241e; }

			ul#nav li a.active {
				color: #ce1913;
				background: #fff;
				font-weight: bold; }

/* content area */
#content {
	width: 725px;
	clear: both;
	float: left;
	padding-bottom: 35px; }

	#content #left {
		width: 475px;
		float: left; }

	#content #right {
		width: 225px;
		float: right; }

h2 {
	color: #ce1913;
	margin: 50px 0 10px;
	font: bold 3.5em/1.2em "Lucida Grande", Tahoma, san-serif;
	letter-spacing: -0.03em; }

h3 {
	margin: 0 0 2px;
	letter-spacing: -0.02em;
	font: bold 1.4em/1.2em "Lucida Grande", Tahoma, san-serif; }

h4 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #a6a9ab;
	letter-spacing: -0.02em;
	font: bold 1.4em/1.2em "Lucida Grande", Tahoma, san-serif;
	background: url(img/arrows-down.gif) right 12px no-repeat; }

h5 {
	margin: 0 0 10px;
	padding: 0 0 5px;
	border-bottom: 1px dotted #a6a9ab;
	letter-spacing: -0.02em;
	font: bold 2.2em/1.2em "Lucida Grande", Tahoma, san-serif; }

p {
	margin: 0 0 10px;
	font: normal 1.15em/1.6em "Lucida Grande", Tahoma, san-serif; }

#content ul { margin: 0 0 10px; }

	#content ul li {
		margin: 0 0 5px;
		font: normal 1.15em/1.3em "Lucida Grande", Tahoma, san-serif;
		background: url(img/arrow.gif) left 5px no-repeat;
		padding: 0 0 0 10px; }

/* home projects */
#thumbs {
	float: left;
	width: 405px;
	margin: 0 0 25px; }

	#thumbs img {
		float: left;
		border: 3px solid #e8e8e8;
		margin: 0 5px 5px 0;
		background: #ccc;
		padding: 2px; }

		#thumbs img:hover {
			border: 3px solid #ccc;
			background: #ccc;
			cursor: pointer; }

#show {
	float: right;
	width: 320px;
	margin: 0 0 25px; }

	#show img {
		border: 10px solid #ccc;
		margin: 0 0 12px; }

	#show h3 {
		margin: 0 0 10px;
		padding: 0 0 5px;
		border-bottom: 1px dotted #a6a9ab;
		letter-spacing: -0.02em;
		font: bold 1.4em/1.2em "Lucida Grande", Tahoma, san-serif;
		background: url(img/arrows-down.gif) right 7px no-repeat; }

	#show div { margin: 0; }

		#show div b, #show div span, #show div div {
			padding: 1px 0 2px 25px;
			margin: 0 0 5px;
			float: left;
			clear: left;
			font: normal 1.15em/1.2em "Lucida Grande", Tahoma, san-serif; }

		#show div b { background: url(img/tick-url-plus.gif) 2px 0 no-repeat; }

		#show div span { background: url(img/tick-url-plus.gif) 2px -21px no-repeat; }

		#show div div { background: url(img/tick-url-plus.gif) 2px -43px no-repeat; }

/* quotes on various pages */
#quote {
	padding: 15px;
	margin: 50px 0 0;
	background: #fff url(img/quote-top.gif) 10px 10px no-repeat; }

	#quote p {
		color: #ce1913;
		margin: 0 0 15px;
		letter-spacing: -0.02em;
		font: italic 1.4em/1.45em "Georgia", Times, san-serif;
		text-indent:25px; }

	#quote small {
		font: normal 1em/1.2em "Lucida Grande", Tahoma, san-serif;
		color: #888; }

#picture {
	padding: 15px;
	margin: 80px 0 0; }

	#picture img { border: 10px solid #fff; }

	#picture small {
		font: normal 1em/1.2em "Lucida Grande", Tahoma, san-serif;
		color: #777;
		display: block;
		margin: 10px 0; }

/* feedback */
#feedback div {
	padding: 10px 15px;
	margin: 0 0 10px;
	background: #fff url(img/quote-top.gif) 8px 8px no-repeat; }

	#feedback div p {
		color: #ce1913;
		margin: 0 0 8px;
		letter-spacing: -0.02em;
		font: italic 1.35em/1.45em "Georgia", Times, san-serif;
		text-indent:20px; }

	#feedback div small {
		font: normal 1.05em/1.2em "Lucida Grande", Tahoma, san-serif;
		color: #888; }

/* contact form elements */
form#contact {
	font: normal 1.15em/2em "Lucida Grande", Tahoma, san-serif;
	margin: 20px 0;
	width: 475px; }

	form#contact label {
		float: left;
		clear: left;
		width: 175px;
		text-align: right;
		margin-right: 15px; }

	form#contact input, form#contact textarea {
		background: #fff url(img/box_bg.gif) top left repeat-x;
		border: 2px solid #ccc;
		width: 225px;
		font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;
		padding: 2px;
		margin: 0 0 5px 0; }

	form#contact select {
		background: #fff url(img/box_bg.gif) top left repeat-x;
		border: 2px solid #ccc;
		margin: 0 0 5px 0;
		font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;
		padding: 0; }

	form#contact textarea:focus, form#contact input:focus, form#contact select:focus { border: 2px solid #ce1913; }

	form#contact span {
		font-size: 0.85em;
		color: #d21515;
		padding-left: 25px; }

/* signup form elements */
form#signup {
	font: normal 1.15em/2em "Lucida Grande", Tahoma, san-serif;
	margin: 10px 0; }

	form#signup input {
		background: #fff url(img/box_bg.gif) top left repeat-x;
		border: 2px solid #ccc;
		width: 200px;
		color: #24323a;
		font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;
		padding: 2px;
		margin: 0 0 5px 0; }

		form#signup input:focus { border: 2px solid #ce1913; }

/* form buttons */
#webquote input.btn, #contact input.btn, #right form input.btn, form#signup input.btn {
	width: auto;
	padding: 2px 5px;
	border: 0;
	margin: 0;
	clear: left;
	outline: none;
	cursor: pointer;
	background: #ce1913;
	color: #fff;
	font-style: italic; }

#contact input.btn { margin: 0 0 0 190px; }

#webquote input.btn:hover, #contact input.btn:hover, #right form input.btn:hover, #signup input.btn:hover { background: #e5241e; }

/* feedback form elements */
#right form {
	font: normal 1.15em/1.2em "Lucida Grande", Tahoma, san-serif;
	margin: 20px 0; }

	#right form input, #right form textarea {
		background: #fff url(img/box_bg.gif) top left repeat-x;
		border: 2px solid #ccc;
		width: 95%;
		font: normal 1em/1em "Lucida Grande", Tahoma, san-serif;
		padding: 2px;
		margin: 0 0 8px 0; }

	#right form textarea:focus, #right form input:focus, #right form select:focus { border: 2px solid #ce1913; }

#calls {
	width: 725px;
	padding: 15px 0 0;
	clear: both; }

	#calls div {
		width: 225px;
		float: left;
		margin-right: 25px; }

	#calls div#none { margin-right: 0; }

		#calls div#none p strong {
			font-size: 1.3em;
			line-height: 1.4em;
			letter-spacing: -0.02em; }

#content #right #calls {
	width: 225px;
	margin-top: 50px; }

#footer {
	width: 715px;
	margin: auto;
	clear: both;
	border-top: 1px dotted #a6a9ab;
	padding: 10px 0;
	text-align: center; }

	#footer p {
		font: normal 1em/1.4em "Lucida Grande", Tahoma, san-serif;
		margin: 0;
		color: #80898f; }

		#footer p.seo {
			font: normal 0.8em/1.1em "Lucida Grande", Tahoma, san-serif;
			color: #e8e8e8;
			margin: 0; }