* { margin: 0; padding: 0; border: 0; }
img { vertical-align: top; }
body {
	text-align: left;
	font-family: arial, verdana, helvetica, sans-serif;
	background: #fff url(../img/flames.png) scroll 0 550px no-repeat;
	color: #030000;
	font-size: 11px;
	line-height: 15px;
}
a:link { color: #030000; text-decoration: none; }
a:visited { color: #030000; text-decoration: none; }
a:hover { color: #f7901e; text-decoration: none; }
a:active { color: #f7901e; text-decoration: none; }
a.hot { color: #f7901e; }
#block { position: absolute; top: 300px; left: 0; z-index: 0; }
#frame {
	display: block;
	text-align: left;
	position: relative;
	overflow: hidden;
}
#column {
	float: left;
	width: 245px;
	height: 850px;
	position: relative;
}
#page {
	margin-left: 245px;
	width: 800px;
}
/* go */
#go {
	width: 31px;
	height: 17px;
	background: url(../img/go.png) no-repeat;
	overflow: hidden;
}
#go a {
	display: block;
	width: 31px;
	float: left;
	height: 17px;
	text-indent: -999px;
}
#go a:hover, #go a:active {
	background: url(../img/go.png) 0px -17px;
}
/* nav */
ul#topnav {
	float: left;
	background: url(../img/nav.png) no-repeat;
	width: 614px;
	height: 35px;
	margin-top: 69px;
	margin-left: 0px;
	list-style: none;
	overflow: hidden;
	display: inline;
}
ul#topnav li {
	list-style-type: none;
	display: inline;
}
ul#topnav li a {
	display: block;
	float: left;
	height: 35px;
	text-indent: -999px;
}
ul#topnav li img {
	display: block;
	float: left;
	height: 35px;
}
li#about a, li#about img { width: 61px; }
li#about a:hover, li#about a:active {
	background: url(../img/nav.png) 0px -35px;
}
li#portfolio a, li#portfolio img { width: 97px; }
li#portfolio a:hover, li#portfolio a:active {
	background: url(../img/nav.png) -61px -35px;
}
li#clients a, li#clients img { width: 80px; }
li#clients a:hover, li#clients a:active {
	background: url(../img/nav.png) -158px -35px;
}
li#webnative a, li#webnative img { width: 110px; }
li#webnative a:hover, li#webnative a:active {
	background: url(../img/nav.png) -238px -35px;
}
li#contact a, li#contact img { width: 110px; }
li#contact a:hover, li#contact a:active {
	background: url(../img/nav.png) -348px -35px;
}
li#humanity a, li#humanity img { width: 156px; }
li#humanity a:hover, li#humanity a:active {
	background: url(../img/nav.png) -458px -35px;
}
ul.topnav li {
	list-style-type: none;
	display: inline;
}
.main {
	width: 710px; 
	display: block;
	float: left;
	margin-top: 10px;
}
.home_text {
/*	padding-left: 45px; */
}
.home_text p {
	font-size: 20px;
	line-height: 28px;
	width: 700px;
	margin: 1em 0;
}
.contact_text h2 {
	font-size: 20px;
	line-height: 28px;
	width: 630px;
	font-weight: normal;
}
.contact_text p {
	margin-top: 1em;
	font-size: 15px;
	line-height: 20px;
	width: 630px;
}
ul.clients {
	margin-top: 1em;
	float: left;
	width: 250px;
}
ul.clients li {
	font-size: 17px;
	line-height: 20px;
	list-style-type: none;
}
#caption {
	margin: 350px 0 0 40px;
	z-index: 1;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	position: relative;
}
#photo {
	width: 544px;
	height: 490px;
	margin-top: 20px;
	margin-left: 45px; 
	margin-bottom: 40px;
	text-align: center;
}

#footer {
	clear: both;
	height: 50px;
}

.rfloat { float: right; }
#rec_1 {
display: none;
}
#rec_1.shown {
display: inline;
}
#rec_2 {
display: none;
}
#rec_2.shown {
display: inline;
}
#rec_3 {
display: none;
}
#rec_3.shown {
display: inline;
}
#rec_4 {
display: none;
}
#rec_4.shown {
display: inline;
}
blockquote { text-indent: -0.3em; }

.thumbs div {
	float: left;
	height: 50px;
	width: 70px;
	text-align: center;
}
.thumbs div img {
	margin: 2px;
}
.arrows { 
/*	margin-left: 220px; */
	margin-left: 252px;
	padding-top: 8px;
}
.this_thumb { background: url(../img/bg_thumb.png) no-repeat 50% 50% scroll; }
object, embed { margin: 0; }

/* CAROUSEL STYLES */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: hidden; /*leave this value alone*/
width: 600px; /*Width of Carousel Viewer itself*/
height: 385px; /*Height should enough to fit largest content's height*/
}

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

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px; /*margin around each panel*/
width: 600px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

.stepcarousel .panel p {
	margin-top: 1em;
}