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

/* AXIOM MEGAMEDIA STYLES 2008 */

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

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

/* FEATURED */

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

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

/* Kwicks Defaults*/

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

.kwicks {
	list-style: none;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 582px;
	}

.kwicks li{
	display: block;
	overflow: hidden;
	padding: 0;
	cursor: pointer;
	}

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

/* Wrapper Defaults*/

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

.top {
	height: 20px;
	width: 620px;
	}

.wrapper {
	width: 620px;
	}

.btm {
	height: 20px;
	width: 620px;
	}

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

/* Homepage Featured Section */

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

#featured_wrapper li {
	float: left;
	height: 260px;
	width: 194px;
	}

#featured_wrapper kwicks_inner {
	width: 450px;
	}

.kwicks li img {  
	border-right: 1px solid #CCCCCC;
	}

#kwick1,
#kwick2,
#kwick3 {   
	background-color: #4B4B4B;  
	}

.entry_wrapper {
	width: 450px;
	}

.entry_wrapper img{
	float: left;
	margin: 0;
	width: 220px;
	}

#featured_wrapper li.active .smallLetters {
	display: block;
	}

#featured_wrapper {
	background: #F3F3F3;
	height: 280px;
	}

.featured.top {
	background: #F3F3F3 url('/themes/site_themes/axiom/bg_hm_container_top.gif') no-repeat scroll;
	}

.featured.btm {
	background: #F3F3F3 url('/themes/site_themes/axiom/bg_hm_container_btm.gif') no-repeat scroll;
	height: 20px;
	margin: 0 0 50px 0;
	width: 620px;
	}

.featured.tag {
	background: #478CA4;
	padding: 10px 0;
	position: relative;
	}

.featured.tag a {
	border-bottom: 1px dotted #FFFFFF;
	color: #FFFFFF;
	font-size: 1.2em;
	position: absolute;
	right: 20px;
	top: 60px;
	}

	.featured.tag a:hover {
		border-bottom: 1px solid #FFFFFF;
		}

.featured.tag h2 {
	color: #FFFFFF;
	font-size: 2.4em;
	letter-spacing: -.01em;
	line-height: 1.1em;
	margin: 0 auto;
	width: 582px;
	}

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

/* Section Highlight */

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

.wrapper {
	min-height: 150px;
	}

.about.wrapper,
.services.wrapper {
	background: #478CA4;
	position: relative;
	}

.about.wrapper img,
.services.wrapper img {
	left: 10px;
	position: absolute;
	top: -10px;
	}

.about.wrapper h2,
.services.wrapper h2 {
	color: #FFFFFF;
	font-size: 3.2em;
	letter-spacing: -.01em;
	line-height: 1.1em;
	margin: 0 auto;
	padding: 35px 0;
	position: relative;
	width: 582px;
	z-index: 100;
	}

.about.top,
.services.top {
	background: url('/themes/site_themes/axiom/bg_inner_container_top.gif') no-repeat scroll;
	}

.about.btm,
.services.btm {
	background: #F3F3F3 url('/themes/site_themes/axiom/bg_hm_container_btm.gif') no-repeat scroll;
	}

.prj.wrapper {
	background: #F3F3F3;
	min-height: 260px;
	position: relative;
	}

.prj.top {
	background: #F3F3F3 url('/themes/site_themes/axiom/bg_feat_container_top.gif') no-repeat scroll;
	height: 20px;
	width: 620px;
	}

.prj.btm {
	background: #F3F3F3 url('/themes/site_themes/axiom/bg_feat_container_btm.gif') no-repeat scroll;
	height: 20px;
	width: 620px;
	}

.prj_info {
	display: block;
	float: left;
	padding: 10px;
	position: relative;
	width: 200px; 
	}

.prj_info h2 {
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	text-transform: uppercase;
	}

.prj_info p {
	color: #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 2px 0;
	}

.prj_info p.client {
	color: #787878;
	font-size: 1.3em;
	margin: 2px 0 5px 0;
	text-transform: uppercase;
	}

.prj_info a {
	color: #478CA4;
	font-size: 1.0em;
	position: absolute;
	text-transform: uppercase;
	top: 235px;
	}

	.prj_info p a.desc_lnk {
		color: #478CA4;
		position: static;
		text-transform: none;
		}

.prj_info a:hover {
	border-bottom: 1px dotted #478CA4;
	}

.entry img {
	display: block;
	float: left;
	margin: 0;
	}

#video {
	height: 330px;
	margin: 0 0 0 20px;
	}

.entry #stills {
	display: block;
	float: left;
	min-height: 260px;
	margin: 0 0 0 20px;
	width: 386px;
	}

.entry_info {
	display: block;
	float: left;
	padding: 0 10px 0 10px;
	width: 190px; 
	}

.entry_info h2 {
	color: #C3C3C3;
	font-size: 2.2em;
	}

.entry_info h3 {
	border: none;
	color: #565656;
	font-size: 1.3em;
	font-weight: bold;
	line-height: 1.6em;
	margin: 10px 0 0 0;
}

.entry_info p {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.1em;
	margin: 2px 0;
	}

.video_info {
	margin: 0 20px 20px;
	}

.video_info p {
	color: #666;
	font-size: 1.2em;
	margin: 2px 0 5px 0;
	}

.entry_info p.client,
.video_info p.client {
	color: #999999;
	font-size: 1.3em;
	margin: 2px 0 5px 0;
	text-transform: uppercase;
	}

.entry_info a {
	color: #478CA4;
	font-size: 1.0em;
	text-transform: uppercase;
	position: absolute;
	top: 245px;
	}

.entry_info a:hover {
	border-bottom: 1px dotted #478CA4;
	}

/* Project Listing Data */

.listing {
	margin: 0 0 0 20px;
	padding: 0;
	height: 180px;
	}

.listing h2 {
	color: #565656;
	}

.listing span {
	position: absolute;
	}

.listing img {
	margin: 0;
	padding: 0;
	}

.img_holder {
	border-right: 1px dotted #999999;
	float:left;
	height: 154px;
	margin: 0;
	padding: 0 10px 0 0;
	position: relative;
	}

.img_holder .category {
	color: #FFF;
	font-size: 1.1em;
	text-transform: uppercase;
	height: 20px;
	padding: 3px;
	position: absolute;
	z-index: 100;
	}

.img_holder .overlay {
	background: #000000;
	height: 20px;
	margin: 0;
	opacity: .85;
	padding: 0 10px 0 0;
	position: absolute;
	width: 215px;
	z-index: 10;
	}

.data_holder {
	color: #666666;
	float:left;
	margin: 0 0 0 10px;
	position: relative;
	width: 335px;
	}

.data_holder a {	
	background: #F15922;
	color: #fff;
	font-size: 1.0em;
	position: absolute;
	padding: 0 12px 0 2px;
	text-transform: uppercase;
	top: 137px;
	}

a.related {	
	background: #F15922;
	color: #fff;
	font-size: 1.1em;
	padding: 0 0 0 5px;
	text-transform: uppercase;
	}

a.related2 {	
	background: #F15922;
	color: #fff;
	font-size: 1.1em;
	margin: 0 12px 0 20px;
	padding: 0 12px 0 5px;
	text-transform: uppercase;
	}
