* { margin: 0; padding: 0; border: 0; }
body {
	text-align: center;
	background-color: #dcddde;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #6e6f72;
	font-size: 11px;
	line-height: 15px;
	padding: 20px;
}
a:link { color: #6e6f72; text-decoration: none; }
a:visited { color: #6e6f72; text-decoration: none; }
a:hover { color: #ee3423; text-decoration: underline; }
a:active { color: #ee3423; text-decoration: underline; }
#frame {
	width: 976px;
	background: #fff url(img/bg_top.gif) no-repeat scroll  top left;
	margin: 5px auto;
	display: block;
	text-align: left;
}
#bottom { clear: both; margin-top: 30px; }
#header {
	width: 976px;
}
#logo {
	float: left;
}
ul.topnav { padding-top: 64px; }
ul.topnav li {
	list-style-type: none;
	display: inline;
}
.main {
	clear: left;
	width: 976px; 
	height: 460px;
	display: block;
}
.home_text {
	margin: 15px 0 0 220px;
	display: block;
}
.home_text p {
	font-size: 20px;
	line-height: 28px;
	width: 520px;
}
.go_btn { padding-top: 24px; }
.home_text p.contact { text-transform: uppercase; font-size: 15px; line-height: 22px; }
.home_text p.clients { font-size: 15px; line-height: 25px; float: left; width: 230px; }
.home_text p.plug_studio { font-size: 15px; line-height: 25px; width: 610px; }
ul.plug_studio { margin-top: 25px; }
ul.plug_studio li {
	list-style-image: url(img/dot.gif);
	list-style-position: outside;
	margin-left: 20px;
	font-size: 15px;
	line-height: 22px;
}
img.hdr { padding: 12px 0; }
.work_text img.hdr { padding: 0; }

.left_column {
	float: left;
	width: 220px;
}
ul.left_nav {
	margin: 20px 0 0 30px;
}
ul.left_nav li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
ul.left_nav li img {
	display: inline;
	margin: 0;
	padding: 0;
}
.work {
	margin-left: 220px;
	padding-top: 30px;
}
.work_text p { font-size: 15px; line-height: 25px; width: 575px; padding-top: 24px; }
ul.work_list { margin-top: 25px; }
ul.work_list li {
	list-style-image: url(img/dot2.gif);
	list-style-position: outside;
	margin-left: 20px;
	font-size: 15px;
	line-height: 22px;
}
.left_thumbs {
	margin-left: 29px;
	margin-top: 24px;
}
.left_thumbs div {
	float: left;
	height: 52px;
	width: 56px;	
}
.left_thumbs div img {
	margin: 1px;
}
.arrows { 
	margin-left: 220px;
	padding-top: 8px;
}
.this_thumb { background: url(img/bg_thumb.gif) no-repeat scroll 0 0; }

/* CAROUSEL STYLES */
.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 620px; /*Width of Carousel Viewer itself*/
height: 395px; /*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: 620px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}