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

@import url(fonts.css);

body {
	margin: 20px 0 10px 0;
	padding: 0;
	background: #722805 url(../images/bg.jpg) no-repeat left top;
	text-align: center;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 865px;
}	

#logo {
	float: left;
	width: 200px;
	padding: 0 0 5px 0;
}

#contentMain {
	clear: both;
	background: url(../images/bg_content.png) no-repeat left top;
	margin: 0;
	padding: 15px 0 0 0;
}

#contentSub {
	clear: both;
	margin: 0 20px;
	padding: 20px 0;
}

#contentSub #subLeft {
	width: 60%;
	float: left;
}

#contentSub #portfolio {
	width: 100%;
	float: left;
}

#studioLeft {
	width: 50%;
	float: left;
}

#contentSub #subRight {
	width: 20%;
	float: right;
}

#contactLeft {
	float: left;
	width: 40%;
}

#map {
	width: 50%;
	float: right;
	margin: 0 20px 0 0;
}

#flashHome {
	clear: both;
	margin: 0 auto;
	width: 825px;
}

#studio {
	margin: 0 auto;
	width: 825px;
}

.clear {
	clear: both;
}



/*
Nav ------------------------------------------------ */

#nav {
	float: right;
	margin: 20px 0;
}

#nav ul {
	padding: 4px 5px 6px 5px;
	margin: 0;
	list-style: none;
	background: url(../images/nav_arrow.png) no-repeat left top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#nav ul li {
	margin: 0;
	padding: 0;
	display: inline;
}

#nav ul li a {
	text-decoration: none;
	color: #FFF;
	padding: 3px 10px;
	margin: 0;
}

#nav ul li a:hover {
	text-decoration: none;
	color: #ffad42;
}

#nav .select {
	color: #e76e22;
}

/*
Flash List --------------------------------------------- */


#studio ul {
	padding: 0;
	margin: 20px 0 0 0;
	list-style: none;
}

#studio ul li {
	padding: 0;
	margin: 0;
	display: inline;
}

#studio ul li a img {
	padding: 6px;
}






/*
Footer ---------------------------------------------- */

#footer {
	background: #692e02 url(../images/bg_footer.jpg) no-repeat left bottom;
	clear: both;
}

#footer p {
	margin: 0 20px;
	padding: 8px 0;
}

#footer ul {
	padding: 8px 20px;
	margin: 0;
	list-style: none;
}

#footer ul li {
	padding: 0 5px;
	margin: 0;
	display: inline;
}



/* PNG transparaency */


img, #logo, nav, #contentMain { behavior: url(../js/iepngfix.htc); }

.middle {
	vertical-align: middle;
}

/*
Client List --------------------------------------------------- */

#clientList {
	float: right;
	width: 45%;
	margin: 0 0 0 0;
	border-left: 1px solid #e76e22;
}

#clientList ul {
	padding: 0 20px 20px 20px;
	margin: 0;
	list-style: none;
}

#clientList ul li {
	padding: 0 0 0 18px;
	margin: 0;
	line-height: 1.5em;
	background: url(../images/bullet_arrow.jpg) no-repeat 0 50%;
}

#clientList p {
	padding: 0 0 0 18px;
}





.back {
	float: right;
	margin: 0 20px 10px 0;
}