@charset "UTF-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	margin: 0px;
	background-color: #000;
	background-repeat: repeat-y;
	background-image: url(../../images/background_repeat.jpg);
	background-position: left top;
}
a:link {
	color: #21B3DD;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #21B3DD;

}
a:hover {
	text-decoration: underline;
	color: #00D1ED;
}
a:active {
	text-decoration: none;
	color: #00D1ED;

}
#footer {
	position:fixed;
	height: 25px;
	width: 915px;
	left: 0px;
	padding-left: 40px;
	padding-top: 5px;
	bottom: 0px;
	background-color: #000;
	margin: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#footer a:link{
	color: #333;
		text-decoration: none;

}
#footer a:hover{
	color: #FFF;
	text-decoration: underline;
}
.background-large {
	background-image:url(../../images/brepeat.jpg);
	background-repeat: repeat-x;
}
.background-small {
	background-image:url(../../images/brepeatinterior.gif);
	background-repeat: repeat-x;
}
#background-repeat003 {
	position:absolute;
	left:0px;
	top:13px;
	width:40px;
	height:755px;
}
#background-repeat007 {
	position:absolute;
	left:955px;
	top:13px;
	width:29px;
	height:755px;
}
#background-repeat015 {
	position:absolute;
	left:424px;
	top:460px;
	width:31px;
	height:308px;
}

#background-repeat016 {
	position:absolute;
	left:424px;
	top:316px;
	width:31px;
	height:329px;
}


#background-repeat018 {
	position:absolute;
	left:40px;
	top:654px;
	width:384px;
	height:114px;
}

#background-repeat019 {
	position:absolute;
	left:41px;
	top:608px;
	width:915px;
	height:161px;
}
#content {
	margin: 15px;
	top: 0px;
	position: relative;
	height: 94%;
	width: 885px;
}
#content-interior {
	margin: 15px;
	top: 0px;
	position: relative;
	height: 80%;
	width: 92%;
}
#content-interior em  {
	font-style: oblique;
	color: #999;
}
#content-interior h1 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 5px;
}


#content em  {
	font-style: oblique;
	color: #999;
}
#content h1 {
	font-size: 14px;
	font-weight: normal;
	margin-bottom: 0px;
	margin-top: 5px;
}
#content ul li {
	line-height: 16px;
	list-style-type: none;
}
#content-interior ul li {
	list-style-image: url(../../images/checkmark.gif);
	line-height: 16px;
}
#interior-content-text {
	position:absolute;
	left:455px;
	top:365px;
	width:500px;
	min-height:278px;
	background-color:#FFFFFF;
}

/* if you remove this then the container disappears in IE */
* html #interior-content-text {
height: 99%;
} 
.hdr-black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
}
.hdr-white {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #FFF;
	text-transform: uppercase;
}

#left-content {
	position:absolute;
	left:40px;
	top:316px;
	width:384px;
	min-height:325px;
	background-image: url(../../images/hp-spry-content-bg.gif);
	background-repeat: repeat-y;
}

#logo {
	position:absolute;
	left:40px;
	top:13px;
	width:159px;
	height:92px;
}


#main-nav {
	position:absolute;
	left:475px;
	top:35px;
	width:480px;
	height:70px;
}
#main-image {
	position:absolute;
	left:40px;
	top:105px;
	width:915px;
	height:344px;
}
.main-image-background {
	background-image: url(../../images/bg-hp-flash.png);
	background-repeat: no-repeat;
	height: 344px;
	width: 915px;
	padding-top: 4px;
}
#main-image-interior {
	position:absolute;
	left:40px;
	top:105px;
	width:915px;
	height:200px;
}

#project-bg-main-image {
	position:absolute;
	left:40px;
	top:105px;
	width:915px;
	height:344px;
	background-image: url(../../images/proj-bg-img.jpg);
}
#project-copy-main-hdr {
	height: 233px;
	width: 212px;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	position: relative;
	padding-top: 19px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #333;
	margin-top: 19px;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
}
.project-copy-main-text {
	font-size: 12px;
	line-height: 12px;
}
#project-copy-main-nav {
	height: 35px;
	width: 212px;
	margin-top: 0px;
	margin-right: 15px;
	margin-left: 15px;
	padding-top: 6px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	background-color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
}

#project-copy-main-nav a:link{
	color: #FFF;
	text-decoration: none;
}
#project-copy-main-nav a:visited{
	color: #FFF;
	text-decoration: none;
	outline: none;

}
#project-copy-main-nav a:hover{
	color: #666;
	text-decoration: none;
}
#project-copy-main-nav a:active{
	color: #666;
	text-decoration: none;
}
#project-copy-main-nav a:focus{
	color: #666;
	text-decoration: none;
	-moz-outline-style: none;
}
#project-image-main {
	position: absolute;
	height: 344px;
	width: 643px;
	top: 105px;
	right: 0px;
	bottom: 0px;
	left: 312px;
}

#projects-content-hdr {
	position:absolute;
	left:40px;
	top:460px;
	width:915px;
	height:49px;
}

#projects-content {
	position:absolute;
	left:40px;
	top:509px;
	width:915px;
	height:400px;
	background-color:#000;
	background-image: url(../../images/background_repeat-19.jpg);
	background-repeat: repeat-y;
}
#pushingink-v4-01 {
	position:absolute;
	left:0px;
	top:13px;
	width:40px;
	height:755px;
	background-image: url(../../images/bgrepeatinteriorleft.gif);
}

#pushingink-v4-02 {
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:13px;
	background-color:#00BBE3;
}

#pushingink-v4-03 {
	position:absolute;
	left:0px;
	top:13px;
	width:40px;
	height:755px;
}

#pushingink-v4-05 {
	position:absolute;
	left:199px;
	top:13px;
	width:276px;
	height:92px;
}

#pushingink-v4-06 {
	position:absolute;
	left:475px;
	top:13px;
	width:480px;
	height:22px;
}

#pushingink-v4-15 {
	position:absolute;
	left:40px;
	top:449px;
	width:915px;
	height:11px;
}

#pushingink-v4-16 {
	position:absolute;
	left:40px;
	top:316px;
	width:384px;
	height:329px;
}
#pushingink-v4-17 {
	position:absolute;
	left:455px;
	top:316px;
	width:500px;
	height:49px;
}
#pushingink-v4-18 {
	position:absolute;
	left:40px;
	top:305px;
	width:915px;
	height:11px;
}
#pushingink-v4-19 {
	position:absolute;
	left:40px;
	top:460px;
	width:384px;
	height:220px;
}
#pushingink-v4-20 {
	position:absolute;
	left:455px;
	top:460px;
	width:500px;
	height:49px;
}

#pushingink-v4-21 {
	position:absolute;
	left:455px;
	top:509px;
	width:500px;
	height:242px;
	background-color:#FFFFFF;
}
/* CSS Document */

#Table_02 {
	position:absolute;
	left:0px;
	top:0px;
	padding: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(../../images/background_repeat.jpg);
	background-repeat: repeat-y;
	background-attachment: fixed;
	background-position: left bottom;
	overflow: visible;
	height: 110%;
	width: 955px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 100px;
	margin-left: 0px;
}
#Table_01 {
	min-height:915px;
	height:auto !important;
	width: 955px;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	background-image: url(../../images/background_repeat.jpg);
	background-repeat: repeat-y;
	background-position: bottom;

}
ul.gallery { 
	list-style: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-left: 15px;
}

ul.gallery li img{
	float: left;
	position: relative;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

ul.gallery li p{
		float: left;
	padding: 10px;
	position: relative;	
}
ul.number-thumb {
	float:left;
	list-style:none;
	margin:0px; padding:0px;
	width:160px;
}
ul.number-thumb li{
	margin: 0;
	padding: 1px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	height: 25px;
}

#featured{
	width:905px;
	padding-right:0px;
	position:relative;
	border:5px solid #000;
	height:360px;
	background-color: #000;
}
#featured ul.ui-tabs-nav{
	position:absolute;
	top:0px;
	left:0px;
	list-style:none;
	padding:0;
	margin:0;
	width:257px;
}
#featured ul.ui-tabs-nav li{
	padding-right:15px;
	font-size:12px;
	color:#666;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 0px;
}
#featured ul.ui-tabs-nav li img{
	float:left;
	padding:2px;
	border:1px solid #eee;
	margin-top: 7px;
	margin-right: 5px;
	margin-bottom: 2px;
	margin-left: 5px;
	background-color: #FFF;
}
#featured ul.ui-tabs-nav li span{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:18px;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: normal;
	text-align: left;
	top: 10px;
	position: relative;
	font-style: normal;
	color: #e6e6e6;
	left: 15px;
}
#featured li.ui-tabs-nav-item a{
	display:block;
	height:40px;
	color:#333;
	line-height:20px;
	text-decoration: none;
	background-color: #666;
}
#featured li.ui-tabs-nav-item a:hover{ 
	background:#333; 
		text-decoration: none;

}
#featured li.ui-tabs-selected{
	background-image: url(../../images/selected-item.gif);
	background-repeat: no-repeat;
	background-position: right top;
	
}
#featured ul.ui-tabs-nav li.ui-tabs-selected a{
	background-image: url(../../images/icon-background.jpg);
}
#featured .ui-tabs-panel{
	width:634px;
	height:360px;
	left:252px;
	position:relative;
	text-decoration: none;
	background-color: #000;
	background-image: url(../../images/background_repeat-19.jpg);
	background-repeat: repeat-y;
}
#featured .ui-tabs-panel .info{ 
	position:absolute; 
	top:180px; left:0; 
	height:70px; 
	background: url('images/transparent-bg.png'); 
}
#featured .info h2{ 
	font-size:18px; font-family:Georgia, serif; 
	color:#fff; padding:5px; margin:0;
	overflow:hidden; 
}
#featured .info p{ 
	margin:0 5px; 
	font-family:Verdana; font-size:11px; 
	line-height:15px; color:#f0f0f0;
}
#featured .info a{ 
	text-decoration:none; 
	color:#fff; 
}
#featured .info a:hover{ 
	text-decoration:none; 
}
#featured .ui-tabs-hide{ 
	display:none; 
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0;
	padding: 0px;
	width:650px;
	position:absolute;
	clear:both;
	top: 10px;
	left: 10px;
}
ul.thumb li {
	margin: 0;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 152px;
	height: 100px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 0px;
}
ul.thumb li img {
	width: 140px;
	height: 90px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #999;
	position: absolute;
	left: 0;
	top: 0;
}
ul.thumb li img.hover {
	background-color: #00C7E9;
	background-image: url(../../images/thumb_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.blue {
	font-size: 16px;
	color: #b1eaf6;
}
.hdr-white-normal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFF;
}
.white {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
}
.textfield3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}