@charset "utf-8";
/* CSS Document */

	body {
		background-color:#3D586E; /* dark blue */
/*		behavior:url("../htc/csshover.htc");*/
		font-family:"Lucida Grande", sans-serif;
		color:white;
	}

	* html body {
		font-size:x-small; /*For IE5/WIN */
		f\ont-size:small; /*For other IE versions */
	}

	.container {
		margin:auto;
		width:1000px;
		background:#3D586E url(./images/banner.png) no-repeat top left;
		position: relative;
	}
	
	#spacer {
		width:100%;
		height:180px;
	}
	
	.nav-outter {
		width:100%;
		background:url(./images/nav-middle.png) repeat-y top left;
		position: relative;
		float: left;
	}

	.nav-inner {
		position:relative;
		width:100%;
		background:url(./images/nav-top.png) no-repeat top left;
	}

	ul,li,a {
		margin:0;
		padding:0;
		border:none;
		text-decoration: none;
	}

	ul {
		list-style:none;
	}
	
	a {
		color:#FFC766; /* light orange */	
	}

	a:hover {
		background-color:#FFC766; /* light orange */
		color:#3D586E; /* dark blue */
	}

	p img {
		border-top-color:#3a5165;
		border-right-color:#34495c;
		border-bottom-color:#34495c;
		border-left-color:#3a5165;
		border-width:1px 4px 4px 2px;
	}

	li {
		line-height:150%;
		color:#FFC766; /* light orange */
		border:none;
	}

	.gallery {
		line-height:80%;
		font-size:85%;
		padding: 0px 3px 0px 20px;
	}

	ul.nav {
		background:url(./images/nav-bottom.png) no-repeat bottom left;
		padding: 20px 750px 40px 100px;
		width: 18%;
		line-height: 125%;
		font-weight:bold;
	}

	ul.gallery {
		font-weight:normal;
	}

	#artholder {
		top: 0%;
		left: 25%;
		position: absolute;
		width: 60%;
		clear: left;
		overflow: hidden;
	}
	
	.artpanel {
		text-align:center;
		padding:0px;
		margin: 0;
		position: relative;
		width: 100%;
		float: left;
	}

	.clientpanel {
		float:left;
		width: 45%;
		margin: 0px 0px 0px 20px;
	}
	
	.clientpanel-top {
		background-color:#476278; /* light blue */
		text-align:left;
		padding: 15px 5px 5px 10px;
		width: 94.44%;
	}

	.clientpanel-bot {
		background:url(./images/client-bottom.png) no-repeat bottom left;
		height:30px;
	}
	
	.clientpanel ul {
		margin:10px 30px;
		list-style:disc;
	}

	.clientpanel li {
		line-height:120%;
		font-size:90%;
		color:#ffffff; /* white */
	}

	.clientpanel h3 {
		margin-top:0;
		line-height:120%;
		font-size:100%;
		color:#ffffff; /* white */
	}

	.testimonials {
		font-size: 80%;
		font-style:italic;
		color:#ffffff; /* white */
		text-align:center;
		margin: 0;
		float:right;
		width: 45%;
	}

	.testimonials p {
		padding:0px 25px 5px 25px;
	}
	
	.webpanelleft {
	float:left;
	width: 45%;
	margin: 0px 0px 0px 20px;
	}
	
	.webpanelleft li, .webpanelright li {
	line-height:120%;
	font-size:80%;
	color:#ffffff; /* white */
	margin-bottom: 5px;
	}
		
	.webpanelleft a img, .webpanelright a img {
	border-color:#3D586E; /* dark blue */
	}
	
	.webpanelleft a:hover img, .webpanelright a:hover img {
	border-color:#FFC766; /* light orange */
	}
	
	.webpanelright {
	float:right;
	width: 45%;
	margin: 0px;
	}

	.webpanelleft h3, .webpanelright h3 {
	margin-top:10;
	margin-bottom: 0;
	line-height:120%;
	font-size:100%;
	color:#ffffff; /* white */
	}

	.textpanel {
		background-color:#476278; /* light blue */
		text-align:left;
		padding:5px 10px 5px 20px;
		margin-left: 10px;
		float:none;
	}

	.textpanel p {
		padding:0px 50px 5px 50px;
	}

	.textpanel-bot {
		background:url(./images/textpanel-bottom.png) no-repeat bottom left;
		height: 30px;
		margin-left: 10px;
	}


	.preview {
		background: #F4F4F4;
		padding-bottom: 5px;
		margin: auto;
	}
	
	.web-preview {
		background:#476278;
		padding-bottom: 5px;
		margin: auto;
	}

	.home-view {
		background: #F4F4F4;
		margin-top: 0px;
		margin-bottom: 0px;
		width:100%;
	}

	#footer-left {
		width:25%;
		height:230px;
		float:left;
	}

	body#home #footer-left, body#contact #footer-left, body#random-critique #footer-left, body#hire #footer-left, body#articles #footer-left{
		background:url(./images/footer-left.png) bottom left;
	}
	
	body#characters #footer-left, body#web-sites #footer-left {
		background:url(./images/footer-left-3.png) bottom left;
	}

	body#cars-and-machines #footer-left, body#specials #footer-left {
		background:url(./images/footer-left-4.png) bottom left;
	}

	body#logos #footer-left {
		background:url(./images/footer-left-2.png) bottom left;
	}

	#footer-right {
		width:75%;
		height:230px;
		background:url(./images/footer-right.png) bottom right;
		float:left;
	}
	
	#footer {
		color:#f09428; /* dark orange */
		margin: 0;
		padding-top:20px;
		clear: both;
		text-align: center;
		font-size: 68%;
	}

	#this-way-that-way {
		font-size:80%;
		background:#476278;
		width:100%;
		float: left;
		overflow: hidden;
		margin-bottom: 10px;
	}

	.left {
		font-size:90%;
		width:15%;
		color:#FFC766;
		padding:1.5% 0% 1.5% 0%;
		float:left;
	}

	.title {
		background:#FFF;
		float:left;
		width:70%;
		color:#3D586E;
		padding:1% 0px 1% 0px;
		margin:0;
	}

	.title p {
		margin:0px;
	}

	.right {
		font-size:90%;
		width:15%;
		color:#FFC766;
		padding:1.5% 0% 1.5% 0%;
		float:left;
	}

	.contact {
		color:#3D586E; /* dark blue */
		left: 11%;
		position: absolute;
		margin-top: 35%;
		width: 50%;
		text-align: left;
		display: inline;
	}

	.contact a {
		color:#f09428; /* dark orange */
	}

	form {
		padding:5px 0px 10px 0px;
		background-color:#3D586E; /* dark blue */
		text-align:center;
		width:75%;
		margin: auto;
	}

	textarea {
		border:none;
		background-color:transparent;
		text-align:center;
		font-family:"Lucida Grande", sans-serif;
		width: 85%;
		margin:auto;
		overflow:auto;
		color:white;
	}

	#critique {
		padding:0;
		margin:0;
		font-weight: bold;
	}

/*	.artpanel p {
		padding:0px 50px 5px 50px;
	}*/