@charset "utf-8";
/* CSS Document */
/*
	Featured Content Slider
	by: Chris Coyier
*/
					  				  
/*
	UTILITY STYLES
*/				  				  
					  				  
.floatLeft 									{ float: left; margin-right: 10px;}
.floatRight									{ float: right; }
.clear 										{ clear: both; }
a											{ outline: none; }


/*
	PAGE STRUCTURE
*/
#page-wrap 									{ width: 606px; position: relative; height: 312px;
											 background-image:url(../images/bg.jpg); background-position: top center; }


/*
	TYPOGRAPHY
*/
ul											{ list-style: square inside; }
a, a:visited								{ color: #729dff; text-decoration: none; }
a:hover, a:active							{ color: white; }
blockquote									{ padding: 0 20px; margin-left: 20px; border-left: 20px solid #ccc; font-size: 14px; 
									  		  font-family: Georgia, serif; font-style: italic; margin-top: 10px;}

/*
	SLIDER
*/
.slider-wrap								{ width: 567px; position: absolute; top: 18px; left: 20px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 567px; height: 233px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 567px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 0px; }
#movers-row									{ margin: -43px 0 0 63px; }
#movers-row div								{ width: 63px; float: left; }
#movers-row div a.cross-link 				{ float: left; }
.img_flash {
	background-image: url(../portfolio/port_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 652px;
	z-index: 0;
}
.img_logo {
	background-image: url(../images/img_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 163px;
	width: 177px;
	display: block;
}
.img_logo a {
	background-image: url(../images/img_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 163px;
	width: 177px;
	display: block;
}
.img_logo a:hover {
	background-image: url(../images/img_logo_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 163px;
	width: 177px;
	display: block;
}
.photo-meta-data							{ background: url(../images/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 0; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 62px; margin-top: -14px; 
											  position: relative; padding-top: 15px; z-index: 0; }
.active-thumb 								{ background: transparent url(../images/icon-uparrowsmallwhite.png) top center no-repeat; }

body {
	margin:0px;
	background-color: #212121;
}
input {
	margin:0px;
}
form {
	margin:0px;
}
.header_bg {
	background-color: #212121;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	height: 123px;
}
.bg_darkblack {
	background-color: #141414;
}
.pad_10 {
	padding:10px;
}
.pad_left_15 {
	padding-left: 15px;
}
.pad_right_15 {
	padding-right: 15px;
}
.pad_top_10 {
	padding-top: 10px;
}
.pad_top_7 {
	padding-top: 0px;
}
.pad_top_5 {
	padding-top: 5px;
}
.pad_btm_20 {
	padding-bottom: 20px;
}
.height_80 {
	height: 80px;
}
.pad_left_8 {
	padding-left:8px;
}
.pad_top_8 {
	padding-top:8px;
}
.txt_1 {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #deebfa;
	text-decoration: none;
	line-height: 18px;
}
.txt_1 a {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #deebfa;
	text-decoration: none;
}
.txt_1 a:hover {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #ffa929;
	text-decoration: none;
}
.txt_2 {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #86b2d1;
	text-decoration: none;
	line-height: 18px;
}
.txt_2 a {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #86b2d1;
	text-decoration: none;
}
.txt_2 a:hover {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #ffa929;
	text-decoration: none;
}
.txt_4 {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #babbc2;
	text-decoration: none;
	line-height: 18px;
}
.txt_4 a {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #babbc2;
	text-decoration: none;
}
.txt_4 a:visited {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #babbc2;
	text-decoration: none;
}
.txt_4 a:hover {
	font-family: Helvetica, Tahoma, Arial;
	font-size: 12px;
	color: #ffa929;
	text-decoration: none;
}
.txt_5, txt_5 a:hover, txt_5 a:active, txt_5 a:visited {
	color: #6699CC;
}
.txt_6 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	color: #333;
	text-decoration: none;
	line-height: 1.25;
	padding: 0px;
	margin: 0px;
}
.txt_7 {
	color: #6699CC;
}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #6699CC;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1 a, h1 a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #6699cc;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ffa929;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h2 a, h2 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6699CC;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 26px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4, h4 a:visited, h4 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #6699CC;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h4 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff;
	text-decoration: none;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	color: #CCCCCC;
	text-decoration: none;
	line-height: 1.5em;
	padding: 0px;
	margin: 0px;
}
p a, p a:visited {
	color: #6699CC;
	text-decoration: none;
}
p a:hover {
	color: #fff;
	text-decoration: none;
}
em {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 95%;
	color: #6699CC;
	text-decoration: none;
	font-weight: normal;
	line-height: 1.25;
	padding: 0px;
	margin: 0px;
	font-style: normal;
}
.textfield {
	font-family: Arial, sans-serif;
	font-weight: normal; 
	border: 1px solid #333; 
	padding: 2px; 
	margin: 2px 0 0 0; 
	color: #EEE; 
	background-color: #666;
	padding-top: 6px;
	height: 19px;
	font-size: 0.8em
}
.btn_submit {
	font-family: Arial, sans-serif;
	font-weight: normal; 
	border: 1px solid #444;
	height: 29px;
	color: #EEE; 
	background-color: #444;
}
.quote_txtfield {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: #333;
	border: 1px solid #333;
	height: 17px;
	padding: 3px 0px 0px 3px;
	width: 250px;
}
.quote_txtarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	background-color: #333;
	border: 1px solid #333;
	text-decoration: none;
	height: 100px;
	width: 250px;
	padding: 3px 0px 0px 3px;
}
.li_bullet {
	list-style-image: url(../images/img_bullet.png);	
	font-family: Helvetica, Arial, sans-serif;
	font-size: 85%;
	color: #FFFFFF;
	text-decoration: none;
	line-height: 1.25;
}
.li_bullet a {
	color: #FFFFFF;
}
.li_bullet a:hover {
	color: #6699cc;
}
.li_bullet a:visited {
	color: #ffffff;
}
.btm_brd {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
	background-color: #333333;
}
.img_whatwedo {
	background-image: url(../images/btn_big_whatwedo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_whatwedo a {
	background-image: url(../images/btn_big_whatwedo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_whatwedo a:hover {
	background-image: url(../images/btn_big_whatwedo_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_whoweare {
	background-image: url(../images/btn_big_whowerare.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_whoweare a {
	background-image: url(../images/btn_big_whowerare.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_whoweare a:hover {
	background-image: url(../images/btn_big_whoweare_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_ourwork {
	background-image: url(../images/btn_big_ourwork.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_ourwork a {
	background-image: url(../images/btn_big_ourwork.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.img_ourwork a:hover {
	background-image: url(../images/btn_big_ourwork_hover.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 251px;
	width: 232px;
	display: block;
}
.port_nav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	display: block;
	width: 39px;
}
.port_nav a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	background-color: #CCCCCC;
	display: block;
	height: 17px;
	padding-top: 3px;
}
.port_nav a:hover, .port_nav_active a, .port_nav_active a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	background-color: #6699CC;
	display: block;
	height: 17px;
	padding-top: 3px;
}
.port_nav_active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	display: block;
	width: 39px;
}
.img_request {
	background-image: url(../images/btn_request.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 103px;
	width: 336px;
}
.img_request a {
	background-image: url(../images/btn_request.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 103px;
	width: 336px;
}
.img_request a:hover {
	background-image: url(../images/btn_request_hover.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 103px;
	width: 336px;
}
.pkg_bg {
	background-color: #212121;
	display: block;
}
.pkg_bg a {
	background-color: #212121;
	display: block;
	border: #212121 1px solid;
}
.pkg_bg a:hover {
	background-color: #333333;
	display: block;
	border: #666 1px dashed;
}
.pkg_bg a h1 {
	color: #6699CC;
}
.pkg_bg a:hover h1 {
	color: #ffffff;
}
.pkg_bg a #design {
	background-image: url(../images/pkg_design.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a:hover #design {
	background-image: url(../images/pkg_design_hover.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a #commerce {
	background-image: url(../images/pkg_commerce.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a:hover #commerce {
	background-image: url(../images/pkg_commerce_hover.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a #community {
	background-image: url(../images/pkg_community.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a:hover #community {
	background-image: url(../images/pkg_community_hover.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a #content {
	background-image: url(../images/pkg_content.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a:hover #content {
	background-image: url(../images/pkg_content_hover.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a #customization {
	background-image: url(../images/pkg_customization.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.pkg_bg a:hover #customization {
	background-image: url(../images/pkg_customization_hover.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	height: 211px;
	width: 146px;
}
.cate_hover a {
	font-family: Helvetica, sans-serif;
	height: 28px;
	padding-top: 8px;
	padding-left: 50px;
	width: 142px;
	font-size: 15px;
	color: #fff;
	text-decoration: none;
	display: block;
	text-align: center;
	text-align: left;
}
.cate_hover a:hover {
	font-family: Helvetica, sans-serif;
	background-image: url(../showcase/images/cate_hover.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	padding-top: 8px;
	padding-left: 40px;
	width: 152px;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	text-align: left;
}
.cate_hover_active a {
	font-family: Helvetica, sans-serif;
	background-image: url(../showcase/images/cate_hover.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	height: 28px;
	padding-top: 8px;
	padding-left: 40px;
	width: 152px;
	font-size: 15px;
	color: #000000;
	text-decoration: none;
	display: block;
	text-align: center;
	text-align: left;
}
.cate_thumb_hover {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.cate_thumb_hover a {
	background-color: #333333;
	padding: 10px;
	height: 226px;
	width: 226px;
	display: block;
}
.cate_thumb_hover a:hover {
	background-color: #999999;
	padding: 10px;
	height: 226px;
	width: 226px;
	display: block;
}
.showcase a {
	background-image: url(../images/img_showcase.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 81px;
	text-decoration: none;
}
.showcase a:hover {
	background-image: url(../images/img_showcase_hover.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 81px;
	text-decoration: none;
}