html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #666;
	font-family: arial, sans-serif;
	text-align: center;
	height: 100%;
	background: url('/_img/stripes_bg.jpg') top left repeat;
}
a img {
	border: 0;
}
div.clearfix {
	clear: both;
}
#outer_container {
	margin: 30px auto 0 auto;
	width: 1024px;
	height: 768px;
	min-height: 768px;
	padding: 0;
	text-align: left;
	background-color: #ffffff;
}
#inner_container {
	padding: 50px 35px 30px 35px;
}
#header {
	height: 105px;
}
#middle {
	height: 431px;
}
#footer {
	height: 152px;
}



/* --- header menu navigation --- */
ul#menu {
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
}
ul#menu li {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 13px;
	height: 15px;
}
ul#menu li a {
	background-position: top left;
	background-repeat: no-repeat;

	height: 14px;
	text-decoration: none;
}
ul#menu li a#nav-home { background-image: url('/_img/nav-home.png'); }
ul#menu li a#nav-work { background-image: url('/_img/nav-work.png'); }
ul#menu li a#nav-news { background-image: url('/_img/nav-news.png'); }
ul#menu li a#nav-our-details { background-image: url('/_img/nav-our-details.png'); }
ul#menu li a#nav-featuring { background-image: url('/_img/nav-featuring.png'); }
ul#menu li a img {
	border: 0;
}
/*
ul#menu li a {
	color: #9e9b9b;
	font-size: 9px;
	line-height: 13px;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 0.04em;
}
ul#menu li a:hover, ul#menu li a.current {
	color: #f15947;
}*/
ul#menu li a:hover, ul#menu li a.current {
	background-position: bottom left;
}


/* --- left column --- */
div#left_column_container {
	background: url('/_img/dotted-190.jpg') top left no-repeat;
	width: 230px;
	height: 431px;
	overflow: hidden;
	float: left;
}
div.left_column {
	margin-right: 40px;
	padding: 0 0 15px 0;
	color: #5F5D5D;
}

/* --- left column list navigation --- */
#middle ul#left_column_list {
	margin: 15px 0;
	padding: 0;
	border: 0;
	list-style: none;
}
#middle ul#left_column_list.narrow {
	margin: 0 0;
}
#middle ul#left_column_list li {
	margin: 0;
	padding: 0;
	border: 0;
	line-height: 16px;
}
#middle ul#left_column_list li {
	line-height: 10px;
}
#middle ul#left_column_list li a {
	color: #5F5D5D;
	/*color: #6F6D6D;*/
	font-size: 9px;
	line-height: 12px;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.04em;
}
#middle ul#left_column_list li.work_cats_list a {
	font-size: 10px;
	line-height: 15px;
}
#middle ul#left_column_list li a:hover, #middle ul#left_column_list li a.current {
	color: #f15947;
	color: #2F2D2D;	
}
#middle ul#left_column_list li a.black {
	color: #2F2D2D;	
}
div#back_next {
	width: 61px;
	margin-top: 20px;
}
div#back_next div#back {
	float: left;
}
div#back_next div#next {
	float: right;
}
div#back_next div#back a {
	background-image: url('/_img/back.jpg');
}
div#back_next div#next a {
	background-image: url('/_img/next.jpg');
}
div#back_next div.arrows a {
	display: block;
	width: 17px;
	height: 15px;
	background-position: top left;
	background-repeat: no-repeat;
}
div#back_next div.arrows a:hover {
	background-position: bottom left;
}

a.file_manager_arrows {
	display: block;
	float: left;
	width: 15px;
	height: 17px;
	margin-right: 15px;
	background-position: top right;
	background-repeat: no-repeat;
}
a.file_manager_arrows:hover {
	background-position: top left;
}
a.file_manager_arrows#upload { background-image: url('/_img/s3-upload.jpg');}
a.file_manager_arrows#download { background-image: url('/_img/s3-download.jpg');}
a.file_manager_arrows#delete { background-image: url('/_img/s3-delete.jpg');}

/* Main Column font styles */
#left_column_container a {
	color: #5F5D5D;
	font-size: 9px;
	letter-spacing: 0.04em;
	text-decoration: none;
}
p, #left_column_container ul, #left_column_container ol {
	color: #5F5D5D;
	font-size: 9px;
	letter-spacing: 0.04em;
	margin: 1.65em 0;
	line-height: 1.41em;
}
#left_column_container  ul, #left_column_container ol {
	margin-left: 0;
	padding-left: 15px;
}
h2 {
	color: #f15947;
	font-size: 9px;
	letter-spacing: 0.04em;
	margin: 1.85em 0 0 0;
	line-height: 1.41em;
	font-weight: bold;
}
h3 {
	font-size: 9px;
	letter-spacing: 0.04em;
	margin: 0 0 0 0;
	line-height: 1.41em;
	font-weight: normal;
}
h4, h4 a {
	color: #5F5D5D;
	font-size: 11px;
	font-family: times, serif;
	letter-spacing: 0.04em;
	margin: 1.85em 0 0 0;
	line-height: 1.41em;
	font-weight: bold;
	font-style: italic;
	text-decoration: none;
}
p a, #left_column_container p a {
	color: #f15947;
	font-style: italic;
	text-decoration: none;
}

/* --- Right Column --- */
div#right_column_container {
	margin: 0;
	padding: 0;
	float: right;
	width: 724px;
	height: 431px;
	/*overflow: hidden;*/

	/*background-color: blue;*/
	position: relative;
}
div#right_column_left {
	background: url('/_img/dotted-170.jpg') top left no-repeat;
	border: 0px solid white;
	width: 140px;
	margin: 0;
	margin-right: 20px;
	padding: 0 0 15px 0;
	color: #5F5D5D;
}
div#right_column_right {
	float: right;
	border: 0px solid white;
	width: 140px;
	margin-left: 20px;
	padding: 0 0 15px 0;
	color: #5F5D5D;
}

/* ------------- Buttons --------------- */
div#work_next_prev {
	position: absolute;
	top: 435px;
	left: 325px;
}

a#previous {
	background-image: url('/_img/prev.png');
}
a#next {
	background-image: url('/_img/next.png');
}
a.image_hover_link {
	float: left;
	display: block;
	width: 37px;
	height: 21px;
	background-position: top left;
	background-repeat: no-repeat;
}
a.image_hover_link:hover {
	background-position: bottom left;
}
img.spacer {
	float: left;
	display: block;
	width: 4px;
	height: 21px;	
}

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

#clientlist_container {
	width: 540px;
}
#clientlist_container .clientlist_box {
	float: left;
	width: 160px;
	padding-right: 20px;
}

/* ------------- S3 ------------ */

label {
	display: block;
	color: #5F5D5D;
	font-size: 9px;
	letter-spacing: 0.04em;
	margin: 5px 0 5px 0;
	line-height: 1.41em;	
}
input {
	display: block;
	color: #f15947;
	font-size: 9px;
	font-style: normal;
	border: 1px solid #bfbcbc;
	margin: 5px 0 5px 0;
	line-height: 1.41em;	
	
}
input[type="hidden"] {
	border: none;
}
input[type="file"] {
	border: 0px solid #bfbcbc;
}
input#button {
	margin: 10px 0 5px 0px;
	border: 0;
	padding: 0;
	text-indent: 0;
	text-align: left;
	background-color: white;
	text-transform: uppercase;
}
input#button:hover {
	color: #5F5D5D;	
}

/* ------------- Slide Show ------------ */

.slideshowContainer {
	width: 724px;
	height: 431px;
	margin: 0;
}
#slideshowContainer.narrow {
	width: 550px;
	height: 431px;
	margin: 0;
	float: right;
}

div#slideshow_thumb_and_controls {
	display: none;
}

div#thumb_controls {
	position: absolute;
	top: 435px;
	left: 410px;
}
div#thumb_controls.projects {
	position: absolute;
	top: 435px;
	left: 325px;
}


/*.loading {*/
/*	background: url('/_img/slide-loading.gif') center no-repeat;*/
/*}*/

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid white;
	padding: 4px;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #ccc;
	padding: 4px;
}

/*.current img {*/
/*	border: 1px solid red;*/
/*	padding: 5px;*/
/*}*/

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/*************************************************************/