* {
padding: 0px;
margin: 0px;
}
body {
background: url('images/bg2.jpg') repeat-x #be9840;
font-family: Verdana, Helvetica, Arial, sans-serif;
}
#content{
background: url('images/logo.jpg') no-repeat top center;
position: relative;
padding-top: 160px;
width:760px;
left: 70px;
}
#header {
position: fixed;
top: 5px;
left: 5px;
text-align: left;
height: 323px;
width: 180px;
/*border-style: dotted;*/
/*border-color: #0f0f0f;*/
/*border-right-width: medium;*/
/*border-bottom-width: 0px;*/
/*border-left-width: 0px;*/
/*border-top-width: 0px;*/
overflow: show;
}
#header h1 {
font-size: 1.2em;
color: white;
font-weight: normal;
font-family: serif;
font-style: italic;
position: relative;
top: -20px;
}
#header a {
display: block;
height: 30px;
width: 170px;
padding-left: 5px;
font-weight: normal;
font-size: 12px;
font-family: serif;
line-height: 2em;
color: #422110;
font-weight: bold;
background: url('images/linkbg.jpg') repeat-x #DBAB2D;
text-decoration: none;
}
#header a:hover {
color: #fff;
background: #DBAB2D;
/*text-decoration: underline;*/
}
a:link {
color: #DBAB2D;
}
#cbody {
width: 780px;
position: relative;
}
#words {
text-align: left;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size: .75em;
line-height: 1.75em;
background: url('images/bg.jpg') repeat-y #432111;
color: #f0f0f0;
width: 560px;
padding: 15px;
display: table;
}
.cat {
width: 560px;
display: table-row;
}

.sec {
width: 360px;
display: table-cell;
float: left;
}
#words .image {
width: 140px;
float: right;
margin-right: -60px;
display: table-cell;
}
#words h1 {
font-size: 1.8em;
font-family: serif;
font-style: italic;
line-height: 1.5em;
}
#words h2 {
font-size: 1.3em;
font-family: serif;
line-height: 1.4em;
}
#words img {
border: solid 6px #e2b54c;
width: 140px;
background: white;
}
ul {
margin-left: 20px;
line-height: 25px;
}
#footer {
background: #4e231c;
color: #ffc;
font-size: 10px;
height: 10px;
width: 100%;
position: relative;
bottom: 0px;
padding-bottom: 10px;
padding-top: 10px;
text-align: center;
border-top: solid #f0f0f0 1px;
}
#footer a{
color: #bc2e2e;
}

/* CAROUSEL
---------------------------------------------*/
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 780px; /*Width of Carousel Viewer itself*/
	height: 282px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left:0;
	top: 0;
}

.stepcarousel .panel{
	background: #fff;
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	width: 760px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	height:262px;
	position:relative;
	border: solid #e2b54c 10px;
}

.stepcarousel .panel .projectDetails {
	position: absolute;
	top: 20px;
	left: 20px;
	float:left;
	width:210px;
/*	height: 202px;*/
	padding: 10px;
	z-index: 5;
	background: #422110;
	opacity: 0.70;
	color: white;
}

.stepcarousel .panel .projectDetails .title {
	font-size: 1.0em;
	text-align: center;
}
.stepcarousel .panel .projectDetails .details {
	font-size: .80em;
	text-align: left;
}

.stepcarousel .panel .projectImg {
	position:absolute;
	top:0px;
	right:0px;
	z-index: 4;
}