body {
	background: #FFF;
	text-align: center;
	color: #4d4d4d;
	font: 11px Verdana;
}

a {
	color: #4d4d4d;
}

ul {
	list-style-type: none
}

#wrapper {
	position: relative;
	z-index: 1;
	width: 670px;
	margin: 0 auto;
	text-align: left;
}

#logo {
	float: left;
}

/* =#navigation */

#navigation {
	margin: 50px 0;
}

#navigation ul {
	background: url('../images/navigation_pattern.gif') repeat-x;
	margin: 20px 0 0 38px;
	width: 475px;
	float: left;
}

#navigation li {
	display: inline;
}

li#link_services a {
	margin-right: 20px;
	background-image: url('../images/navigation/services.gif');	
}

li#link_services a,
ul#links_services {
	width: 95px;
}

li#link_showcase a {
	margin-right: 20px;
	background-image: url('../images/navigation/showcase.gif');	
}

li#link_showcase a,
ul#links_showcase {
	width: 140px;
}

li#link_about a {
	margin-right: 20px;
	background-image: url('../images/navigation/about.gif');
}

li#link_about a,
ul#links_about {
	width: 90px;
	
}

li#link_contact a {
	width: 90px;
	background-image: url('../images/navigation/contact.gif');		
}

#navigation li a {
	height: 21px;	
	overflow: hidden;	
	margin-top: 2px;
	display: block;
	font-size: 1px;
	color: #E4E4E4;
	background-repeat: no-repeat;
	background-position: 0px -21px;
	float: left; 
/*	line-height: 21px; */

}

#navigation li a.current,
body.showcase li#link_showcase a,
body.contact li#link_contact a,
body.about li#link_about a,
body.services li#link_services a {
	background-position: 0px 0px;
}

#navigation li a img {
/*	height: 11px;
	margin: 5px 0 5px 11px;	 */
	position: relative;
	top: -21px;
}

/* =.navigation */

ul.navigation {
	text-align: left;
	position: absolute;
	z-index: 100;
	left: -1000px;
	height: 200px;
	top: 43px;
}

ul.navigation li {
	height: 22px;
	background: #e4e4e4;
	border-left: 4px solid #e4e4e4;
	border-right: 4px solid #e4e4e4;	
}

ul.navigation li a {
}

ul.navigation li.current {
	border-left: 4px solid #f09431;
	border-right: 4px solid #f09431;	
}

ul.navigation li a img {
	margin: 5px 0 5px 7px;	
}

/* =#left */

#left strong {
	padding-top: 5px;
	display: block;
}
#left em {
	font-size: 10px;
}
#left {
	float: left;
	width: 195px;
}

#left img.sample {
	margin-bottom: 10px;
}

/* =#right */

#right h1, .index #right h2 {
	color: #f09431;
	font-size: 18px;
	font-weight: normal;
}

.index #right h2,
#right h1,
#right p,
#right img {
	margin-bottom: 12px;
}

#right div strong {
	display: block;
	margin-bottom: 4px;
}

#right div {
	margin-bottom: 12px;
}

#right p {
	line-height: 18px;
	color: #4d4d4d;
}

#right p.highlight {
	line-height: 20px;
	font-weight:  bold;
}

#right p strong {
	display: block;
	font-size: 10px;
}

#right {
	float: right;
	width: 475px;
}

/* =#footer */

#footer {
	border-top: 2px solid #fbd0a0;
	padding-top: 5px;
	margin: 50px 0 25px 194px;
	height: 18px;
}

#footer img {
	float: left;
	margin-right: 8px;
}

#footer, #footer a {
	font-size: 10px;
	color: #a5a5a5
}

/* =.index */

.index #right h1 {
	font-size: 22px;
	text-transform: uppercase;
	width: 450px;
}

.index #content {
	margin-top: 25px;
}

.index #navigation {
	margin-bottom: 25px;
}

#side_box {
	height: 238px;
	width: 155px;
	background: url('../images/side_box.gif') no-repeat;
}

#side_box strong {
	padding-top: 12px;
}

#side_box strong,
#side_box a,
#side_box ul {
	padding-left: 12px;
}

#side_box a {
	display: block;
	padding-top: 8px;
	padding-left: 25px;
	background: url('../images/side_box_arrow.gif') no-repeat 12px 11px;
	font-size: 10px;
	text-decoration: none;
	font-style: italic;
}

#side_box li {
	margin-top: 8px;
	margin-left: 12px;
	padding-left: 0px;
	font-size: 9px;
	list-style-image: url('../images/side_box_dot.gif');
}
#samples, #vertical_samples {
	margin-top: 28px;
}
#samples div {
	float: left;
	width: 220px;
	height: 260px;
}

#samples div.left {
	margin-right: 35px;
}

#samples div p, #samples div em {
	margin: 0;
	font-size: 10px;
	line-height: 16px;
}

#samples div em {
	margin-top: 5px;
}

#samples div img {
	margin-bottom: 5px;
	cursor: pointer;
}

#vertican_samples img {
	display: block;
	float: left;
	margin-left: 5px;
	cursor: pointer;
}

#vertical_samples img.left {
	margin: 0;
}