@charset "UTF-8";
body {
	background-image: url(../images/bg_concrete.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #000;
	margin: 0px;
	padding: 0px;
	background-attachment: fixed;
}
#copyright   {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	float: left;
	width: 200px;
	height: 20px;
	text-align: left;
}
#terms {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	text-align: right;
	margin: 0px;
	padding-top: 12px;
	padding-right: 91px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: right;
	width: 200px;
	height: 20px;
}
#terms a {
	color: #999;
	text-decoration: none;
}
#terms a:hover {
	color: #CCC;
	text-decoration: none;
}
#topBar {
	background-image: url(../images/bg_topBar.png);
	background-repeat: repeat-x;
	background-position: top;
	height: 20px;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
#topBar a {
	color: #CCCCCC;
	text-decoration: none;
}
#topBar a:hover {
	text-decoration: none;
	color: #80bb01;
}
#styleControls {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	float: left;
	margin: 0px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#clientLinks  {
	padding-top: 4px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	text-align: right;
}
#wrapper {
	padding: 0px;
	height: auto;
	width: 820px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	padding: 0px;
	float: left;
	height: 100px;
	width: 640px;
	margin-top: 0px;
	margin-right: 90px;
	margin-bottom: 0px;
	margin-left: 90px;
}
h1.logo {
	width: 218px;
	height: 54px;
	background: url(../images/logo.png);
	text-indent: -9999px;
	padding: 0px;
	float: left;
	margin-top: 24px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
h2.tagline {
	width: 263px;
	height: 22px;
	background: url(../images/tagline.png);
	text-indent: -9999px;
	float: right;
	padding: 0px;
	margin-top: 40px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#column_01 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 210px;
	width: 90px;
}
#column_02 {
	padding: 0px;
	float: left;
	width: 730px;
	margin: 0px;
	height: auto;
}
#content_01 {
	background-image: url(../images/bg_content_01.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 730px;
}
#content_02 {
	background-image: url(../images/bg_content_02.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 730px;
}
#content_03 {
	background-image: url(../images/bg_content_03.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 730px;
	text-align: left;
}
#contentMain {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 480px;
	min-height: 210px;
	background-image: url(../images/shadowContentTop.png);
	background-repeat: repeat-x;
	background-position: top;
}
#contentMain img {
	margin-top: 5px;
}
#contentMain a {
	text-decoration: none;
	color: #66C;
}
#contentMain a:hover {
	text-decoration: underline;
}
#contentMain p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 20px;
	color: #666;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 14px;
	padding-left: 40px;
	float: left;
	clear: left;
	width: 400px;
}
#contentMain h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #663366;
	text-align: left;
	font-weight: normal;
	margin: 0px;
	padding-top: 20px;
	padding-right: 40px;
	padding-bottom: 6px;
	padding-left: 40px;
	float: left;
	clear: left;
	width: 400px;
}
#contentHeader {
	background-image: url(../images/bg_feature.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: left;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 230px;
	width: 730px;
}
#contentFooter {
	background-image: url(../images/bg_footerPanel.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 88px;
	width: 730px;
	text-align: left;
}
#feature {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 230px;
	width: 640px;
}
#homeContent {
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 210px;
	width: 640px;
	background-image: url(../images/shadowContentTop.png);
	background-position: top;
}
#homeContent p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 21px;
	color: #666;
	text-align: left;
	padding-top: 0px;
	padding-right: 40px;
	padding-bottom: 20px;
	padding-left: 40px;
}
#homeContent table {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #666;
	margin-top: 0px;
	margin-right: 40px;
	margin-bottom: 0px;
	margin-left: 40px;
	float: left;
	padding: 0px;
}
#sidebar {
	background-image: url(../images/shadowContentTop.png);
	background-repeat: repeat-x;
	background-position: top;
	margin: 0px;
	float: left;
	height: auto;
	width: 160px;
	text-align: left;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#sidebar p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	color: #666;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
}
#sidebar a {
	color: #666;
	text-decoration: none;
}
#sidebar a:hover {
	color: #666;
	text-decoration: underline;
}
#footer {
	background-image: url(../images/shadowBtm_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 730px;
}
#footerMenu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 730px;
	height: 88px;
	position: relative;
}
#footerMenu a {
	display: block;
	text-indent: -9000px;
	position: absolute;
	outline: none;
}
#footerMenu a:hover {
	background-position: left bottom;
}
#footerMenu .rss {
	width: 148px;
	height: 75px;
	background: url(../images/btn_rss.png) no-repeat;
	left: 20px;
	top: 10px;
}
#footerMenu .facebook {
	width: 148px;
	height: 75px;
	background: url(../images/btn_facebook.png) no-repeat;
	left: 20px;
	top: 10px;
}
#footerMenu .twitter {
	width: 148px;
	height: 75px;
	background: url(../images/btn_twitter.png) no-repeat;
	left: 168px;
	top: 10px;
}
#footerMenu .thickbox {
	width: 148px;
	height: 75px;
	background: url(../images/btn_subscribe.png) no-repeat;
	left: 310px;
	top: 10px;
}
#nav_02 {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 210px;
	width: 90px;
}
#mediaPlayer_01 {
	padding: 0px;
	float: left;
	height: 528px;
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mediaPlayer_02 {
	padding: 0px;
	float: left;
	height: 376px;
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mediaPlayer_03 {
	padding: 0px;
	float: left;
	height: 560px;
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#mediaPlayer_03 img {
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding: 0px;
	float: left;
}
#menu {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 90px;
	height: 100px;
	position: relative;
}
#menu a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	outline: none;
}
#menu a:hover {
	background-position: left bottom;
}
#menu .home {
	width: 85px;
	height: 30px;
	background: url(../images/btn_home.png) no-repeat;
	left: 5px;
	top: 30px;
}
#menu .portfolio {
	width: 85px;
	height: 30px;
	background: url(../images/btn_portfolio.png) no-repeat;
	left: 5px;
	top: 65px;
}
#menu .services {
	width: 85px;
	height: 30px;
	background: url(../images/btn_services.png) no-repeat;
	left: 5px;
	top: 100px;
}
#menu .news {
	width: 85px;
	height: 30px;
	background: url(../images/btn_news.png) no-repeat;
	left: 5px;
	top: 135px;
}
#menu .contact {
	width: 85px;
	height: 30px;
	background: url(../images/btn_contact.png) no-repeat;
	left: 5px;
	top: 170px;
}
#menu .web {
	width: 85px;
	height: 30px;
	background: url(../images/btn_web.png) no-repeat;
	left: 0px;
	top: 30px;
}
#menu .motion {
	width: 85px;
	height: 30px;
	background: url(../images/btn_motion.png) no-repeat;
	left: 0px;
	top: 65px;
}
#menu .x360 {
	width: 85px;
	height: 30px;
	background: url(../images/btn_360.png) no-repeat;
	left: 0px;
	top: 100px;
}
#menu .help {
	width: 85px;
	height: 30px;
	background: url(../images/btn_help.png) no-repeat;
	left: 0px;
	top: 135px;
}
.arrowBtn {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	width: 35px;
	height: 35px;
	position: relative;
}
.arrowBtn a {
	display: block;
	text-indent: -9999px;
	position: absolute;
	outline: none;
}
.arrowBtn a:hover {
	background-position: left bottom;
}
.arrowBtn .more {
	width: 35px;
	height: 35px;
	background: url(../images/btn_arrow.png) no-repeat;
	left: 378px;
	top: -6px;
}
.portfolioPanel {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 176px;
	width: 640px;
}
.portfolioPanel p {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #999;
	text-align: left;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
}
#webPanel_01 {
	background-image: url(../images/bg_web_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 176px;
	width: 210px;
}
#webPanel_02 {
	background-image: url(../images/bg_web_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 116px;
	width: 410px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#motionPanel_01 {
	background-image: url(../images/bg_motion_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 176px;
	width: 210px;
}
#motionPanel_02 {
	background-image: url(../images/bg_motion_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 116px;
	width: 410px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#x360Panel_01 {
	background-image: url(../images/bg_360_01.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 176px;
	width: 210px;
}
#x360Panel_02 {
	background-image: url(../images/bg_360_02.png);
	background-repeat: no-repeat;
	margin: 0px;
	float: left;
	height: 116px;
	width: 410px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
h2.welcome {
	width: 111px;
	height: 41px;
	text-indent: -9999px;
	background-image: url(../images/hd_welcome.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
h2.services {
	width: 102px;
	height: 40px;
	background: url(../images/hd_services.png);
	text-indent: -9999px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
h2.error {
	width: 102px;
	height: 40px;
	background: url(../images/hd_error.png);
	text-indent: -9999px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
h2.news {
	width: 102px;
	height: 40px;
	background: url(../images/hd_news.png);
	text-indent: -9999px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
h2.contact {
	width: 102px;
	height: 40px;
	background: url(../images/hd_contact.png);
	text-indent: -9999px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
h2.web_H2 {
	width: 273px;
	height: 24px;
	text-indent: -9999px;
	padding: 0px;
	background-image: url(../images/hd_web.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #804080;
}
h2.motion_H2 {
	width: 268px;
	height: 24px;
	text-indent: -9999px;
	padding: 0px;
	background-image: url(../images/hd_motion.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #804080;
}
h2.unsupported {
	width: 157px;
	height: 41px;
	text-indent: -9999px;
	background-image: url(../images/hd_unsupported.png);
	background-repeat: no-repeat;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
h2.x360_H2 {
	width: 290px;
	height: 24px;
	text-indent: -9999px;
	padding: 0px;
	background-image: url(../images/hd_360.png);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #804080;
}
.clearAll {
	margin: 0px;
	padding: 0px;
	clear: both;
}
#x360Nav {
	background-image: url(../images/shadowBtm_01.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 50px;
	width: 730px;
}
#x360Nav2 {
	background-image: url(../images/bg_360nav2.png);
	background-repeat: no-repeat;
	float: left;
	height: 22px;
	width: 620px;
	margin-top: 20px;
	margin-right: 90px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 8px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #999;
	background-position: left top;
}
#x360title {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 300px;
	text-align: right;
}
#x360Nav3 {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 300px;
}
#x360Nav2 a {
	color: #999;
	text-decoration: none;
}
#x360Nav2 a:hover {
	color: #82be00;
	text-decoration: none;
}
.selected {
	color: #82be00;
}
.date {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 40px;
	letter-spacing: .1em;
	text-transform: uppercase;
	float: left;
	padding: 0px;
	clear: left;
}
.title {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #663366;
	text-align: left;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 40px;
	font-weight: normal;
	float: left;
	clear: left;
}
#homeContent a {
	text-decoration: none;
	color: #66C;
}
#homeContent a:hover {
	text-decoration: underline;
}
#header_02 {
	padding: 0px;
	float: left;
	height: 100px;
	width: 70%;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
}
h2.bfant {
	width: 94px;
	height: 41px;
	background: url(../images/hd_bf.png);
	text-indent: -9999px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 40px;
}
#mediaPlayer_04 {
	padding: 0px;
	float: left;
	height: 360px;
	width: 640px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.finePrint {
	font-size: 11px;
	color: #999;
	margin: 0px;
	padding: 0px;
}